/* ═══════════════════════════════════════════════════════════════════
   هتل‌سِت — پوستهٔ n6 «ایزومتریک» روی سیستم طراحی مشترک (hs.css)
   همان ساختار و همان رفتار صفحه‌ها؛ فقط زبان بصری عوض می‌شود:
   آسمان روشن، کارت‌های گرد با لبهٔ سه‌بعدی، دکمه‌های فشاری، قلم Cairo برای تیترها.
   پالت: آسمان #DCEBFF · آبی عمیق #1D3B8B (برند) · کبالت #3A6FF7 = اعتبار
         نعنایی #22B07D = نقد · آفتابگردان #FFC23C = تهاتر · جوهر #1B2340
   این فایل بعد از hs.css بارگذاری می‌شود.
   ═══════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800&display=swap');

:root{
  --sky:#DCEBFF; --pale:#F3F7FF; --deep:#1D3B8B; --deep-2:#0F2462; --shade:#B9CCF2;
  --midnight:#1D3B8B; --midnight-2:#0F2462; --midnight-3:#24459C;
  --paper:#F3F7FF; --paper-2:#E8EFFC;
  --brass:#FFC23C; --brass-ink:#7A5200; --brass-tint:#FFF1CC; --brass-hi:#FFD15E; --sun-2:#E9A514;
  --teal:#22B07D; --teal-ink:#0E7A53; --teal-tint:#D6F3E7; --teal-lt:#5FD3A6; --mint-2:#17946A;
  --royal:#3A6FF7; --royal-ink:#2950C9; --royal-tint:#E3EBFF; --royal-lt:#8FB0FF;
  --ink:#1B2340; --ink-2:#465276; --muted:#77829F; --ink-3:#77829F;
  --line:#E1E9F7; --line-soft:#EAF0FA;
  --r:14px; --r-lg:24px; --radius:14px; --radius-lg:24px;
  --font-k:'FaDigits','Cairo','Vazirmatn',sans-serif;
  --card-edge:0 0 0 1.5px #E3EAF7,0 6px 0 #E3EAF7;
  --lift:var(--card-edge);
  --lift-2:0 0 0 1.5px #CFDCF4,0 10px 0 #CFDCF4;
}
body{background:var(--pale);font-size:15.5px}
:focus-visible{outline:3px solid var(--royal);outline-offset:3px;border-radius:8px}
h1,h2{font-family:var(--font-k)}

/* الگوی شبکهٔ ایزومتریک برای نوارهای آسمانی */
.isogrid,.pg::after{position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='28'%3E%3Cpath d='M0 14L28 0l28 14-28 14z' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/svg%3E");
  background-size:56px 28px;opacity:.7;
  -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.5) 55%,transparent 100%)}

/* ── نوار نقش ── */
.rolebar{background:var(--deep-2);color:#C3D1F3}
.rolebar .seg button[aria-pressed="true"]{background:var(--brass);color:var(--ink);font-weight:700}
.rolebar .rb-panels a[aria-current]{border-color:var(--brass)}

/* ── هدر ── */
.hd{box-shadow:0 1px 0 var(--line)}
.hd .in{min-height:78px}
.brand-mark{width:40px;height:40px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpolygon points='20,3 36,11 20,19 4,11' fill='%23FFC23C'/%3E%3Cpolygon points='4,11 20,19 20,37 4,29' fill='%2322B07D'/%3E%3Cpolygon points='20,19 36,11 36,29 20,37' fill='%233A6FF7'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.brand-mark::before,.brand-mark::after{display:none}
.brand:hover .brand-mark{transform:rotate(-12deg) scale(1.08)}
.brand-name{font-family:var(--font-k);font-weight:800;font-size:24px;line-height:1.15;color:var(--deep)}
.brand-tag{font-size:12px;font-weight:600;color:var(--muted)}
.find{height:48px;border-radius:14px;background:var(--pale);border:0;box-shadow:inset 0 0 0 1.5px var(--line)}
.find:focus-within{background:#fff;box-shadow:inset 0 0 0 2px var(--royal)}
.acct{height:48px;border-radius:14px;border:0;box-shadow:inset 0 0 0 1.5px var(--line);padding-inline:6px 16px}
.acct:hover{background:var(--pale)}
.acct .av{border-radius:11px;background:var(--royal-tint);color:var(--deep);font-weight:800}
.cart{width:48px;height:48px;border-radius:14px;border:0;background:var(--deep);color:#fff;box-shadow:0 4px 0 var(--deep-2);transition:transform .12s,box-shadow .12s}
.cart:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--deep-2)}
.cart:active{transform:translateY(3px);box-shadow:0 1px 0 var(--deep-2)}
.badge{background:var(--brass);color:var(--ink);font-weight:800;box-shadow:0 0 0 2.5px #fff}
.cart .badge{animation:hs-pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes hs-pop{0%{transform:scale(.3)}100%{transform:scale(1)}}

/* ── ناوبری دسته‌ها ── */
.cn{border-top:0;box-shadow:0 1px 0 var(--line)}
.cn .in{min-height:54px}
.cn a{font-weight:600;border-radius:10px}
.cn a:hover,.cn a[aria-current]{background:var(--pale);color:var(--deep)}
.cn .all{color:var(--deep)}
.cn .bx{background:var(--brass-tint);color:var(--brass-ink);font-weight:700}
.cn .bx:hover{background:#FFE7A6}
.ntc-cafe{background:var(--teal-tint);color:var(--teal-ink)}
.ntc-hotel{background:var(--royal-tint);color:var(--deep)}

/* ── دکمه‌های فشاری ── */
.bt{height:52px;border-radius:14px;border:0;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s}
.bt:hover{transform:translateY(-1px)}
.bt:active{transform:translateY(4px)}
.bt-ink{background:var(--deep);color:#fff;box-shadow:0 5px 0 var(--deep-2)}
.bt-ink:hover{background:#24459C;box-shadow:0 6px 0 var(--deep-2)}
.bt-ink:active{box-shadow:0 1px 0 var(--deep-2)}
.bt-brass{background:var(--brass);color:var(--ink);box-shadow:0 5px 0 var(--sun-2)}
.bt-brass:hover{background:var(--brass-hi);box-shadow:0 6px 0 var(--sun-2)}
.bt-brass:active{box-shadow:0 1px 0 var(--sun-2)}
.bt-teal{background:var(--teal);box-shadow:0 5px 0 var(--mint-2)}
.bt-teal:active{box-shadow:0 1px 0 var(--mint-2)}
.bt-royal{background:var(--royal);box-shadow:0 5px 0 #2448C2}
.bt-royal:active{box-shadow:0 1px 0 #2448C2}
.bt-ghost{background:#fff;color:var(--deep);box-shadow:0 0 0 1.5px var(--line),0 5px 0 var(--shade)}
.bt-ghost:hover{box-shadow:0 0 0 1.5px var(--shade),0 6px 0 var(--shade)}
.bt-ghost:active{box-shadow:0 0 0 1.5px var(--shade),0 1px 0 var(--shade)}
.bt-line{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.bt-danger{background:#fff;box-shadow:0 0 0 1.5px #F2C6BD,0 4px 0 #F2C6BD}
.bt-text{height:auto;box-shadow:none;color:var(--royal)}
.bt-text:hover,.bt-text:active{transform:none}
.bt-sm{height:44px;border-radius:12px;padding-inline:18px}
.bt-xs{height:34px;border-radius:10px}
.bt[disabled],.bt[aria-disabled="true"]{box-shadow:none;transform:none}

/* ── سرتیتر بخش و نوار صفحه ── */
.sh h2{font-weight:800;color:var(--deep)}
.lk{display:inline-flex;align-items:center;height:44px;padding:0 18px;border-radius:12px;background:#fff;color:var(--deep);font-weight:700;font-size:14px;border:0;box-shadow:0 0 0 1.5px var(--line),0 4px 0 var(--line);transition:transform .12s,box-shadow .12s}
.lk:hover{transform:translateY(-1px);box-shadow:0 0 0 1.5px var(--shade),0 5px 0 var(--shade)}
/* نوار سرصفحه: آبی عمیق برند n6 با شبکهٔ ایزومتریک کم‌رنگ (متن روشن صفحه‌ها خوانا می‌ماند) */
.pg{background:linear-gradient(160deg,#24459C,var(--deep) 55%,#16307A);color:#fff}
.pg::after{content:"";z-index:0;opacity:.12}
.pg::before{display:none}
.pg .in{position:relative;z-index:1}
.pg .crumb{color:#BCCBF0}
.pg .crumb a:hover{color:#fff}
.pg h1{color:#fff;font-weight:800}
.pg p{color:#D3DEFA}
.pg .bt-line{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45),0 4px 0 rgba(0,0,0,.18)}
.pg-light{background:#fff;color:var(--ink)}
.pg-light::after{display:none}
.pg-light .crumb{color:var(--muted)}
.pg-light .crumb a:hover{color:var(--deep)}
.pg-light h1{color:var(--deep)}
.pg-light p{color:var(--ink-2)}

/* ── تصاویر ── */
.ph{border-radius:16px;background:var(--sky)}
.ph img{filter:saturate(.86) contrast(1.02)}
.ph::after{background:linear-gradient(180deg,rgba(220,235,255,.12),rgba(29,59,139,0) 40%,rgba(29,59,139,.26))}

/* ── کارت‌ها و پنل‌ها ── */
.panel{border:0;border-radius:24px;box-shadow:var(--card-edge)}
.panel-h{border-bottom:1.5px dashed var(--line)}
.panel-h h2,.panel-h h3{font-weight:800;color:var(--deep)}
.panel-f{border-top:1.5px dashed var(--line)}
.kpi{border:0;border-radius:20px;box-shadow:var(--card-edge)}
.kpi::before{inset-block:auto;top:16px;width:10px;height:10px;border-radius:3px;inset-inline-start:auto;inset-inline-end:16px;transform:rotate(45deg)}
.kpi .v{font-weight:800;color:var(--deep)}
.pc{border-radius:24px;padding:10px;box-shadow:var(--card-edge);transition:transform .2s,box-shadow .2s}
.pc:hover{transform:translateY(-4px);box-shadow:var(--lift-2)}
.pc .ph{border-radius:16px}
.pc-body{padding:14px 8px 6px}
.pc-cat{font-weight:700;color:var(--royal)}
.pc-moq{border-top:1.5px dashed var(--line)}
.pc-moq b{color:var(--brass-ink)}
.pc-price .v{font-size:21px;font-weight:800;color:var(--deep)}
.pc-price .hot{border-radius:999px;background:var(--royal-tint);color:var(--royal-ink);font-weight:700}
.ribbon{top:20px;inset-inline-start:20px;padding:3px 12px;border-radius:999px;background:var(--brass);color:var(--ink);font-weight:800;box-shadow:0 3px 0 var(--sun-2)}
.ribbon::after{display:none}

/* ── جدول، فرم، نشان ── */
.tbl th{background:var(--pale);border-bottom:1.5px solid var(--line)}
.tbl tbody tr:hover td{background:#F8FBFF}
.who .av{border-radius:11px;background:var(--royal-tint);color:var(--deep);font-weight:800}
.inp,.sel,.txa{border:0;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);background:#fff}
.inp:focus,.sel:focus,.txa:focus{box-shadow:inset 0 0 0 2px var(--royal)}
.opt{border:0;border-radius:18px;box-shadow:0 0 0 1.5px var(--line),0 4px 0 var(--line);transition:transform .12s,box-shadow .15s}
.opt:hover{box-shadow:0 0 0 1.5px var(--shade),0 5px 0 var(--shade)}
.opt:has(input:checked){box-shadow:0 0 0 2px var(--royal),0 5px 0 #A9C1FF;transform:translateY(-1px)}
.qty{border:0;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line)}
.qty input{border-inline:1.5px solid var(--line)}
.drop{border-radius:18px;border-color:var(--shade)}
.pill{border:0;box-shadow:0 0 0 1.5px var(--line);font-weight:600}
.pill[aria-pressed="true"]{background:var(--deep);box-shadow:0 3px 0 var(--deep-2)}
.seg2{border-radius:14px;background:var(--royal-tint)}
.seg2 button[aria-pressed="true"]{color:var(--deep);box-shadow:0 2px 0 var(--shade)}
.bdg{font-weight:700}
.note{border-radius:16px}
.tabs button[aria-selected="true"]{color:var(--deep);border-color:var(--brass)}
.steps li::before{height:6px}
.dlg-c{border-radius:26px;box-shadow:0 10px 0 var(--shade),0 40px 80px -30px rgba(15,36,98,.5)}
.toast{background:var(--deep);border-radius:16px;border-inline-start:0;box-shadow:0 6px 0 var(--deep-2),0 20px 40px -16px rgba(0,0,0,.35)}

/* رسید و فولیو در n6: کارت گرد سه‌بعدی به‌جای لبهٔ دندانه‌ای */
.receipt,.folio .exchange{-webkit-mask:none;mask:none;border-radius:26px}
.receipt{filter:none;box-shadow:0 0 0 1.5px var(--line),0 8px 0 var(--shade)}
.receipt h3{border-bottom:1.5px dashed var(--line);font-weight:800;color:var(--deep)}
.folio{filter:none}
.folio .exchange{box-shadow:0 8px 0 var(--shade),0 30px 60px -28px rgba(29,59,139,.45)}
.exchange{--ex-box:#F1F6FF;--ex-fill:var(--brass);--ex-fill-ink:var(--ink);--ex-track:#E1E9F8;--ex-line:#DCE5F5;--ex-accent:var(--deep)}
.exchange .ex-out{background:var(--brass-tint)}
.exchange .ex-arrow{box-shadow:0 3px 0 var(--sun-2)}
.ln i{border-bottom-color:#CFDCF4}
.ln.tot b{color:var(--deep);font-weight:800}
.stamp{border-radius:14px}

/* کارت کلید در n6: آفتابی و گردتر */
.hk{border-radius:22px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px),linear-gradient(125deg,#FFDA7A 0%,#FFC23C 40%,#F0AE1E 70%,#FFD36A 100%);box-shadow:0 10px 0 var(--sun-2),0 40px 70px -30px rgba(15,36,98,.55)}
.hk-stripe{background:linear-gradient(180deg,#24459C,#1D3B8B 55%,#16307A)}
.ck{border-radius:22px}
.ck-teal{background:linear-gradient(135deg,#3CC48F,#22B07D 45%,#17946A)}
.ck-royal{background:linear-gradient(135deg,#6E97FB,#3A6FF7 45%,#2950C9)}
.ck-brass{background:linear-gradient(125deg,#FFDA7A,#FFC23C 40%,#F0AE1E)}

/* ── فوتر با خط آسمان ── */
.ft{margin-top:110px;background:var(--deep);color:#C3D1F3}
.ft::before{top:-110px;height:110px;background:var(--pale) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 110' preserveAspectRatio='xMidYMax slice'%3E%3Cg fill='%23D3E0F8'%3E%3Crect x='0' y='40' width='34' height='70'/%3E%3Crect x='40' y='62' width='48' height='48'/%3E%3Crect x='94' y='30' width='60' height='80'/%3E%3Crect x='160' y='58' width='40' height='52'/%3E%3Crect x='206' y='18' width='54' height='92'/%3E%3Crect x='266' y='50' width='70' height='60'/%3E%3Crect x='342' y='34' width='44' height='76'/%3E%3Crect x='392' y='66' width='56' height='44'/%3E%3Crect x='454' y='24' width='62' height='86'/%3E%3Crect x='522' y='54' width='78' height='56'/%3E%3C/g%3E%3Cg fill='%23B9CCF2'%3E%3Crect x='20' y='76' width='40' height='34'/%3E%3Crect x='120' y='70' width='30' height='40'/%3E%3Crect x='236' y='60' width='36' height='50'/%3E%3Crect x='330' y='80' width='52' height='30'/%3E%3Crect x='470' y='70' width='36' height='40'/%3E%3C/g%3E%3C/svg%3E") bottom/600px 110px repeat-x}
.ft-total{border:0}
.ft-total b{color:var(--brass)}
.ft-total i{border-bottom-color:rgba(255,255,255,.22)}
.ft-cols{border-top:1px solid rgba(255,255,255,.14)}
.ft .brand-mark{background-color:transparent}
.ft-about,.ft-cols div > a:not(.brand){color:#BCCBF0}
.ft-fine{border-top:1px solid rgba(255,255,255,.14);color:#9FB3E6}

/* ── پنل‌ها در n6 (اگر پنل در این نسخه باز شود) ── */
.side{background:var(--deep)}
.side a[aria-current]{background:rgba(255,194,60,.18);box-shadow:inset 3px 0 0 var(--brass)}
.topbar{background:rgba(243,247,255,.92)}

@media (prefers-reduced-motion:reduce){ .brand:hover .brand-mark,.bt:hover,.bt:active,.pc:hover{transform:none} }