/* 1814 Services 1.7.3 (S19) — the shared window («s-sheet») of «ثبت سفارش» and «گفت‌وگو با ۱۸۱۴».
   Same rules as the sheet part of s-order.css (copied, not changed), loaded on every page for the chat. */
/* ---------- the sheet ---------- */
html.s-sheet-open, html.s-sheet-open body{ overflow:hidden!important; }
.s-sheet{ position:fixed; inset:0; z-index:2100; display:flex; align-items:stretch; justify-content:center; background:rgba(17,21,35,.42); }
.s-sheet[hidden]{ display:none!important; }
.s-sheet__panel{ position:relative; display:flex; flex-direction:column; width:100%; height:100%; background:var(--ds-white); color:var(--ds-ink); transform:translateY(16px); opacity:0; transition:transform var(--ds-dur-slow) var(--ds-ease),opacity var(--ds-dur) var(--ds-ease); }
.s-sheet.is-open .s-sheet__panel{ transform:none; opacity:1; }
@media (prefers-reduced-motion:reduce){ .s-sheet__panel{ transition:none; transform:none; } }
@media (min-width:900px){
  .s-sheet{ align-items:center; padding:24px; }
  .s-sheet__panel{ width:min(560px,100%); height:auto; max-height:min(820px,calc(100vh - 48px)); border-radius:var(--ds-radius-sheet); box-shadow:var(--ds-shadow-float); overflow:hidden; }
}
.s-sheet__head{ display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:10px; padding:12px 14px 8px; }
.s-sheet__title{ margin:0; color:var(--ds-ink); font-size:var(--ds-fs-md); font-weight:700; }
.s-sheet__count{ color:var(--ds-muted); font-size:var(--ds-fs-sm); }
.s-sheet__icon{ display:inline-grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:var(--ds-cream-50); color:var(--ds-ink); cursor:pointer; }
.s-sheet__icon:hover{ background:var(--ds-cream-100); }
.s-sheet__close{ background:none; }
.s-sheet__icon:focus-visible,.s-sheet__next:focus-visible,.s-sheet__later:focus-visible,.s-sheet .s-sheet__submit:focus-visible{ outline:3px solid var(--ds-focus); outline-offset:2px; }
.s-sheet__steps{ display:flex; gap:6px; margin:0; padding:2px 16px 10px; list-style:none; }
.s-sheet__steps li{ flex:1; padding-top:9px; border-top:3px solid var(--ds-cream-200); color:var(--ds-muted); font-size:var(--ds-fs-xs); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.s-sheet__steps li.is-done{ border-color:var(--ds-brass-400); }
.s-sheet__steps li.is-current{ border-color:var(--ds-brass-600); color:var(--ds-ink); font-weight:700; }
.s-sheet__alert{ margin:4px 16px 0; padding:10px 14px; border-radius:var(--ds-radius-control); background:var(--ds-danger-bg); color:var(--ds-danger); font-size:var(--ds-fs-sm); line-height:1.9; }
.s-sheet__body{ flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:10px 16px 24px; -webkit-overflow-scrolling:touch; }
.s-sheet__foot{ display:grid; gap:10px; padding:12px 16px calc(14px + env(safe-area-inset-bottom)); border-top:1px solid var(--ds-line); background:var(--ds-white); }
.s-sheet__foot[hidden]{ display:none!important; }
.s-sheet__next,
body.s-chrome.s1814-product-page .s-sheet .s-sheet__submit{ width:100%!important; min-height:54px!important; margin:0!important; padding:0 20px!important; border:0!important; border-radius:var(--ds-radius-control)!important; background:var(--ds-ink)!important; color:var(--ds-on-ink)!important; font:var(--ds-w-strong) var(--ds-fs-md)/1.2 var(--ds-font-text)!important; cursor:pointer; box-shadow:none!important; }
.s-sheet__next:hover,body.s-chrome.s1814-product-page .s-sheet .s-sheet__submit:hover{ background:var(--ds-navy-900)!important; }
.s-sheet__next[aria-busy="true"],.s-sheet .s-sheet__submit[aria-busy="true"]{ opacity:.75; cursor:progress; }
body.s-chrome.s1814-product-page .s-sheet .s-sheet__submit[aria-disabled="true"]{ background:var(--ds-stone-500)!important; }
.s-sheet .s-sheet__submit[hidden],.s-sheet__next[hidden],.s-sheet__later[hidden]{ display:none!important; }
.s-sheet__later{ justify-self:center; min-height:44px; padding:0 12px; border:0; background:none; color:var(--ds-ink-2); font:600 var(--ds-fs-sm)/1.4 var(--ds-font-text); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.s-sheet__later:disabled{ opacity:.5; cursor:default; }
.s-sheet__note{ margin:0; color:var(--ds-muted); font-size:var(--ds-fs-xs); text-align:center; line-height:1.8; }
.s-sheet.is-sending .s-sheet__body{ pointer-events:none; opacity:.7; }

/* panes */
.s-pane[hidden]{ display:none!important; }
.s-pane__head{ margin:6px 0 18px; }
.s-pane__eyebrow{ display:block; margin-bottom:4px; color:var(--ds-brass-700); font-size:var(--ds-fs-xs); font-weight:600; }
.s-pane__title{ margin:0; color:var(--ds-ink); font-size:var(--ds-fs-h3); font-weight:700; line-height:1.5; }
.s-pane__title:focus{ outline:none; }
.s-pane__lead{ margin:6px 0 0; color:var(--ds-muted); font-size:var(--ds-fs-sm); line-height:1.9; }
.s-pane__hint,.s-pane__loading{ margin:16px 0 0; color:var(--ds-muted); font-size:var(--ds-fs-sm); line-height:1.9; text-align:center; }
.s-pane__error{ margin:12px 0; padding:12px 14px; border-radius:var(--ds-radius-control); background:var(--ds-danger-bg); color:var(--ds-danger); font-size:var(--ds-fs-sm); }

.s-sheet__panel{ padding-bottom:var(--s-consent-h,0px); }