@font-face{font-family:'IRANSans';src:url('/fonts/IRANSans-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'IRANSans';src:url('/fonts/IRANSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IRANSans';src:url('/fonts/IRANSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'IRANSans';src:url('/fonts/IRANSans-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/Montserrat-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/Montserrat-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Montserrat';src:url('/fonts/Montserrat-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --ink:#0E0C08; --ink2:#17140F; --ivory:#F6F3EC; --paper:#fff;
  --gold:#C6A15B; --gold-deep:#8C6D3F; --gold-hi:#E9D3A3;
  --muted:#8E8776; --fa:'IRANSans',sans-serif; --en:'Montserrat','Segoe UI',sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
/* قفل کامل سرریز افقی در سطح ویوپورت — ریشه «صفحه سیاه اندروید»: عنصری پهن (ریل
   مارکی/ترنسفورم‌های صحنه) بوم صفحه را تا ~۱۰هزار پیکسل باز می‌کرد؛ کروم اندروید
   body{overflow-x:hidden} را در محاسبه زوم اولیه نادیده می‌گیرد و برای جا دادن آن
   بوم، زوم را کوچک می‌کند — محتوا ستون باریک راست می‌شد و کاربر وسط سیاهی می‌افتاد.
   clip (بر خلاف hidden روی html) اسکرول‌کانتینر نمی‌سازد و sticky را نمی‌شکند؛
   مرورگرهای قدیمی fallback همان hidden را می‌گیرند. */
html{overflow-x:hidden;overflow-x:clip}
body{font-family:var(--fa);background:var(--ink);color:var(--ivory);overflow-x:hidden;line-height:1.9;cursor:none;overflow-x:clip}
@media (hover:none){body{cursor:auto}}
::selection{background:var(--gold);color:var(--ink)}
img{max-width:100%}
a{color:inherit}

/* ===== دانه فیلم (گرین سینمایی) ===== */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 7s steps(10) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-4%)}60%{transform:translate(-2%,-3%)}80%{transform:translate(4%,2%)}}

/* ===== نشانگر لوپ (کرسر اختصاصی) ===== */
#cur{position:fixed;z-index:9999;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;
  pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s,background .3s;mix-blend-mode:difference}
#cur.big{width:70px;height:70px;background:rgba(198,161,91,.12)}
@media (hover:none){#cur{display:none}}

/* ===== هدر مینیمال ===== */
#hdr{position:fixed;inset-inline:0;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;
  padding:1.2rem 4vw;mix-blend-mode:normal;transition:.4s}
#hdr.scrolled{background:rgba(14,12,8,.85);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;flex-shrink:0}
.brand img{height:42px;width:auto;flex-shrink:0}
.brand .lk b{white-space:nowrap}
@media (max-width:640px){.brand img{height:34px}.brand .lk b{font-size:.92rem}.brand .lk small{font-size:.55rem}}
.brand .lk{line-height:1.5}
.brand .lk b{display:block;font-size:1.02rem;font-weight:700;color:var(--ivory)}
.brand .lk small{display:block;font-size:.6rem;color:var(--muted);letter-spacing:.05em}
body.en .brand .lk b{letter-spacing:.2em;font-size:.95rem;font-family:'Segoe UI',var(--fa)}
body.en .brand .lk small{letter-spacing:.16em}
/* ---- منوی کشویی ---- */
nav{display:flex;gap:.2rem;font-size:.9rem;font-weight:500}
.nav-item{position:relative}
.nav-item>a{display:block;color:var(--ivory);text-decoration:none;opacity:.88;padding:.8rem 1rem;transition:.3s}
.nav-item>a:hover,.nav-item:focus-within>a{opacity:1;color:var(--gold-hi)}
.caret{display:inline-block;margin-inline-start:.3rem;font-size:.6rem;opacity:.6;transition:.3s}
.nav-item:hover .caret{transform:rotate(180deg)}
.dd{position:absolute;top:100%;inset-inline-start:0;min-width:250px;background:rgba(20,17,11,.97);
  border:1px solid rgba(198,161,91,.25);border-top:2px solid var(--gold);padding:.9rem 0;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:.35s var(--ease);backdrop-filter:blur(18px)}
.nav-item:hover .dd,.nav-item:focus-within .dd{opacity:1;visibility:visible;transform:translateY(0)}
.dd a{display:flex;justify-content:space-between;gap:1.6rem;color:var(--ivory);text-decoration:none;
  padding:.5rem 1.3rem;font-size:.86rem;opacity:.85;transition:.25s}
.dd a:hover{opacity:1;color:var(--gold-hi);background:rgba(198,161,91,.07)}
.dd a small{color:var(--muted);font-size:.74rem}
.dd-brands{min-width:470px;padding:1.1rem}
.dd-brands .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}
.dd-brands .all{display:block;text-align:center;margin-top:.9rem;padding:.6rem;color:var(--gold);font-size:.85rem;
  border-top:1px solid rgba(198,161,91,.2);text-decoration:none;transition:.3s}
.dd-brands .all:hover{color:var(--gold-hi);background:rgba(198,161,91,.06)}
.dd-brands .grid a{display:flex;align-items:center;justify-content:center;padding:.8rem .4rem;border:1px solid transparent}
.dd-brands .grid a:hover{border-color:rgba(198,161,91,.3);background:rgba(198,161,91,.06)}
.dd-brands .grid img{height:20px;max-width:104px;object-fit:contain;filter:brightness(0) invert(1);opacity:.72;transition:.3s}
.dd-brands .grid a:hover img{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(198,161,91,.45))}
@media (max-width:860px){nav{display:none}}
.hd{display:flex;gap:.9rem;align-items:center}
.icon-btn{position:relative;display:flex;align-items:center;gap:.45rem;background:none;border:none;color:var(--ivory);
  cursor:none;padding:.45rem .3rem;font-family:var(--fa);font-size:.85rem;text-decoration:none;transition:.3s}
.icon-btn:hover{color:var(--gold-hi)}
.icon-btn svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}
.icon-btn .badge{position:absolute;top:-2px;inset-inline-end:-6px;min-width:16px;height:16px;border-radius:999px;
  background:linear-gradient(120deg,var(--gold-deep),var(--gold));color:var(--ink);font-size:.62rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;padding:0 3px}
@media (max-width:640px){.icon-btn span.lbl{display:none}}
/* ---- دکمه دستیار «کیش بهین من» در هدر — رنگ متفاوت از کل سایت (گرادیان AI بنفش-فیروزه‌ای)
   با حاشیه چرخان و تلنگر دوره‌ای؛ همه انیمیشن‌ها transform/opacity (قاعده امن موبایل) ---- */
.myx-hd{position:relative;display:flex;align-items:center;gap:.5rem;text-decoration:none;
  border-radius:999px;padding:.4rem .9rem .4rem .55rem;color:#fff;isolation:isolate;overflow:hidden;
  animation:myxHdNudge 6s ease-in-out infinite;transition:.35s var(--ease)}
/* لایه گرادیان چرخان زیر — حاشیه رنگین‌کمانی متحرک */
.myx-hd::before{content:'';position:absolute;inset:-150%;z-index:-2;
  background:conic-gradient(from 0deg,#7C5CFF,#22D3EE,#E8CA8C,#FF5CA8,#7C5CFF);
  animation:myxHdSpin 3.5s linear infinite}
.myx-hd::after{content:'';position:absolute;inset:2px;border-radius:999px;background:#160f22;z-index:-1}
.myx-hd:hover{box-shadow:0 0 24px rgba(124,92,255,.55);transform:scale(1.05)}
.myx-hd-txt{font-size:.78rem;font-weight:700;white-space:nowrap;
  background:linear-gradient(90deg,#C9B8FF,#7CE8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.myx-hd-orb{position:relative;flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.myx-hd-orb i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(124,92,255,.9);
  animation:myxHdPulse 2.4s ease-out infinite}
/* روتور اتوماتیک: چرخش نامنظمِ برو-برگردی مثل لنگر واقعی که با حرکت مچ کوک می‌شود */
.myx-rotor{width:82%;height:82%;transform-origin:50% 50%;
  animation:myxRotorSwing 5.5s cubic-bezier(.45,0,.35,1) infinite}
@keyframes myxRotorSwing{0%{transform:rotate(0)}28%{transform:rotate(160deg)}
  42%{transform:rotate(118deg)}68%{transform:rotate(295deg)}82%{transform:rotate(252deg)}100%{transform:rotate(360deg)}}
@keyframes myxHdSpin{to{transform:rotate(360deg)}}
@keyframes myxHdPulse{0%{transform:scale(.7);opacity:.95}70%,100%{transform:scale(1.5);opacity:0}}
/* تلنگر دوره‌ای: هر ۶ ثانیه یک پرش کوچک که چشم را بگیرد ولی مزاحم نشود */
@keyframes myxHdNudge{0%,80%,100%{transform:scale(1) rotate(0)}
  84%{transform:scale(1.09) rotate(-2deg)}88%{transform:scale(.97) rotate(1.5deg)}92%{transform:scale(1.04) rotate(0)}}
/* موبایل: متن حذف، گوی گرد فشرده کنار آیکون‌ها — بیرون از منوی همبرگری تا همیشه دیده شود */
@media (max-width:860px){
  .myx-hd{padding:.3rem;border-radius:50%}
  .myx-hd-txt{display:none}
  .myx-hd-orb{width:24px;height:24px}
}
/* موبایل باریک: ردیف آیکون‌ها فشرده‌تر تا گوی دستیار روی لوگو نیفتد */
@media (max-width:640px){
  .hd{gap:.5rem}
  .myx-hd{padding:.24rem}
  .myx-hd-orb{width:21px;height:21px}
}
@media (prefers-reduced-motion:reduce){.myx-hd,.myx-hd::before,.myx-hd-orb i,.myx-rotor{animation:none}}
/* ---- منوی همبرگری موبایل ---- */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;
  border:1px solid rgba(198,161,91,.45);border-radius:8px;cursor:none;padding:0 9px;align-items:stretch}
.burger span{height:1.6px;background:var(--gold-hi);border-radius:2px;transition:.35s var(--ease)}
.burger.open span:nth-child(1){transform:translateY(6.6px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)}
@media (max-width:860px){.burger{display:flex}}
.mmenu{position:fixed;inset:0;z-index:55;background:rgba(12,10,6,.98);backdrop-filter:blur(16px);
  display:flex;flex-direction:column;padding:6rem 8vw 2.6rem;overflow-y:auto;
  transform:translateY(-102%);visibility:hidden;transition:transform .5s var(--ease),visibility .5s}
.mmenu.open{transform:none;visibility:visible}
.mmenu a{color:var(--ivory);text-decoration:none;font-size:1.15rem;padding:.72rem 0;border-bottom:1px solid rgba(198,161,91,.12)}
.mmenu a:active{color:var(--gold-hi)}
.mmenu .grp{color:var(--gold);font-size:.72rem;font-weight:700;letter-spacing:.26em;margin-top:1.4rem;margin-bottom:.3rem}
.mmenu .grp:first-child{margin-top:0}
.mmenu .mfoot{margin-top:auto;padding-top:2rem;display:flex;gap:.8rem;align-items:center}
/* ---- فرم عضویت فوتر ---- */
.subscribe{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;
  padding-bottom:2.6rem;margin-bottom:2.8rem;border-bottom:1px solid rgba(198,161,91,.18)}
.subscribe h3{font-weight:700;font-size:1.15rem}
.subscribe p{color:var(--muted);font-size:.85rem;margin-top:.3rem}
.sub-form{display:flex;gap:.6rem;flex-wrap:wrap}
.sub-form input{background:rgba(198,161,91,.06);border:1px solid rgba(198,161,91,.35);color:var(--ivory);
  font-family:var(--fa);font-size:.9rem;padding:.85rem 1.2rem;min-width:min(280px,70vw);border-radius:2px;outline:none;transition:.3s}
.sub-form input:focus{border-color:var(--gold)}
.sub-form input::placeholder{color:#6B6455}
.sub-form button{border:none;cursor:none;font-family:var(--fa);font-weight:700;font-size:.9rem;padding:.85rem 2rem;border-radius:2px;
  background:linear-gradient(120deg,var(--gold-deep),var(--gold) 45%,var(--gold-hi));color:var(--ink);transition:.35s var(--ease)}
.sub-form button:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(198,161,91,.35)}
.sub-ok{color:#7FBF7F;font-size:.85rem;display:none;align-self:center}
.pill{border:1px solid rgba(198,161,91,.5);background:none;color:var(--ivory);padding:.4rem 1.2rem;border-radius:999px;
  font-size:.85rem;cursor:none;text-decoration:none;transition:.3s;font-family:var(--fa)}
.pill:hover{background:var(--gold);color:var(--ink)}
.pill.en-f{font-family:var(--en);letter-spacing:.14em}

/* ===== صحنه ۱: ساعت زنده ===== */
.scene1{height:340vh;position:relative}
.s1-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:clamp(1.6rem,4.5vh,3.4rem);padding:5.5rem 6vw 4.5rem;
  background:radial-gradient(900px 600px at 50% 38%,rgba(198,161,91,.13),transparent 65%),var(--ink)}
.watch-wrap{position:relative;perspective:1400px}
.watch{position:relative;width:min(56vmin,470px);height:min(56vmin,470px);transform-style:preserve-3d}
.watch>*{position:absolute;inset:0;will-change:transform,opacity}
.watch svg{width:100%;height:100%;overflow:visible}
.w-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:29.5%;pointer-events:none}
.w-brand img{width:6.4%;filter:drop-shadow(0 3px 10px rgba(198,161,91,.4))}
.w-glass{inset:10%;border-radius:50%;background:linear-gradient(128deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 36%,transparent 54%);mix-blend-mode:screen}
.deco{position:absolute;width:min(125vmin,1020px);height:min(125vmin,1020px);inset-inline-start:50%;top:50%;
  transform:translate(-50%,-50%);pointer-events:none;opacity:.9}
[dir="rtl"] .deco{transform:translate(50%,-50%)}
.w-shadow{position:absolute;inset-inline:12%;bottom:-8%;height:10%;z-index:-1;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.7),transparent 68%);filter:blur(10px)}
.s1-title{position:absolute;inset-inline:0;text-align:center;z-index:5;padding:0 6vw}
.s1-title.t1{position:static;order:2}
.s1-title h1,.s1-title h2{font-weight:300;font-size:clamp(1.7rem,4.2vw,3.4rem)}
.s1-title h1 b,.s1-title h2 b{font-weight:700;color:var(--gold-hi)}
.s1-title p{color:var(--muted);margin-top:.6rem;font-size:clamp(.85rem,1.4vw,1.05rem)}
.s1-title.t2{top:50%;transform:translateY(-50%);opacity:0}
.s1-title.t2 h2{font-size:clamp(1.9rem,4.8vw,4rem)}
.s1-hint{position:absolute;bottom:1.6rem;inset-inline:0;text-align:center;color:var(--muted);font-size:.7rem;letter-spacing:.22em;z-index:5}
.s1-hint::after{content:'';display:block;width:1px;height:28px;margin:.5rem auto 0;background:linear-gradient(var(--gold),transparent);animation:cue 2.2s infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ===== نوار متحرک برندها ===== */
.marquee{padding:5.5rem 0;border-block:1px solid rgba(198,161,91,.22);overflow:hidden;background:var(--ink2)}
.mq{display:flex;gap:6rem;width:max-content;align-items:center;animation:mq 40s linear infinite}
.mq:nth-child(2){animation-direction:reverse;animation-duration:52s;margin-top:3.6rem;opacity:.4}
.mq a{display:flex;align-items:center;flex-shrink:0}
.mq img{height:clamp(26px,3vw,36px);width:auto;max-width:170px;object-fit:contain;filter:brightness(0) invert(1);opacity:.7;transition:.3s}
.mq a:hover img{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(198,161,91,.5))}
.marquee:hover .mq{animation-play-state:paused}
@keyframes mq{to{transform:translateX(50%)}}
[dir="ltr"] @keyframes mq{to{transform:translateX(-50%)}}

/* ===== صحنه ۲: ویترین با نورپردازی ===== */
.vitrine{position:relative;padding:9rem 6vw 8rem;background:linear-gradient(180deg,#0E0B07,#0A0805)}
.vit-head{text-align:center;margin-bottom:4.5rem}
.vit-head .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.vit-head h2{font-weight:300;font-size:clamp(1.7rem,3.8vw,2.8rem);margin-top:1rem}
.vit-head h2 b{font-weight:700;color:var(--gold-hi)}
.vit-head p{color:var(--muted);margin-top:.8rem;font-size:.9rem}
.vit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.4rem}
.vp{background:linear-gradient(180deg,#181209,#0D0A05 68%);border:1px solid rgba(198,161,91,.22);
  text-decoration:none;color:var(--ivory);transition:.45s var(--ease);position:relative;overflow:hidden}
.vp .ph{aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;padding:1.8rem;position:relative;
  background:linear-gradient(180deg,#FFFFFF 0%,#F4EFE6 78%,#E9E2D4 100%)}
.vp .ph::after{content:'';position:absolute;bottom:9%;inset-inline:24%;height:10px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(60,48,25,.28),transparent 70%);filter:blur(3px)}
.vp img{max-height:88%;max-width:88%;object-fit:contain;position:relative;z-index:1;mix-blend-mode:multiply;
  transform-origin:bottom;transition:.45s var(--ease)}
.vp:hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 22px 50px rgba(0,0,0,.5)}
.vp:hover img{transform:translateY(-4px) scale(1.05)}
.vp .inf{padding:1rem 1.2rem 1.25rem;border-top:1px solid rgba(198,161,91,.16);background:#0C0906;text-align:center}
.vp .b{font-family:var(--en);font-weight:600;font-size:.72rem;letter-spacing:.26em;color:var(--gold)}
.vp .r{font-family:var(--en);font-size:.84rem;margin-top:.25rem;color:var(--ivory);letter-spacing:.05em}
.vp .p{margin-top:.55rem;font-weight:700;font-size:.97rem;color:var(--gold-hi)}
.vp .p small{font-weight:400;color:var(--muted);margin-inline-start:.3rem}
.vitrine .cta-row{text-align:center;margin-top:4rem}

/* ===== دنیاهای کیش بهین ===== */
.worlds{padding:8rem 6vw;background:var(--ink2)}
.worlds-head{text-align:center;margin-bottom:4rem}
.worlds-head .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.worlds-head h2{font-weight:300;font-size:clamp(1.7rem,3.8vw,2.8rem);margin-top:1rem}
.worlds-head h2 b{font-weight:700;color:var(--gold-hi)}
.worlds-head p{color:var(--muted);margin-top:.8rem;font-size:.9rem;max-width:38em;margin-inline:auto}
/* ریل بوتیک دنیاها: کارت‌های بزرگ با اسکرول افقی لمسی */
.rail-wrap{position:relative;max-width:1280px;margin-inline:auto}
.rail{display:flex;gap:1.3rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 1.4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rw{flex:0 0 clamp(230px,24vw,300px);scroll-snap-align:start;text-decoration:none;color:var(--ivory);transition:.4s var(--ease)}
.rw .plate{aspect-ratio:1;background:linear-gradient(180deg,#FFFFFF 0%,#F2EDE3 80%,#E9E2D4 100%);
  border:1px solid rgba(198,161,91,.25);position:relative;overflow:hidden;transition:.4s var(--ease)}
.rw .plate::after{content:'';position:absolute;bottom:8%;inset-inline:26%;height:9px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(60,48,25,.24),transparent 70%);filter:blur(3px)}
.rw .plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:1.7rem;
  mix-blend-mode:multiply;transition:.5s var(--ease)}
.rw:hover .plate{border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.rw:hover{transform:translateY(-5px)}
.rw:hover .plate img{transform:scale(1.06)}
.rw .nm{margin-top:.95rem;font-weight:700;font-size:1.02rem}
.rw .mt{color:var(--muted);font-size:.76rem;margin-top:.2rem}
.rw .ct{margin-top:.45rem;font-family:var(--en);font-weight:500;color:var(--gold);font-size:.84rem;letter-spacing:.1em}
.rail-bar{height:2px;background:rgba(198,161,91,.15);border-radius:2px;margin-top:.4rem;overflow:hidden}
.rail-fill{height:100%;width:12%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-hi));border-radius:2px;transition:width .15s}
.rail-btn{position:absolute;top:38%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;
  border:1px solid rgba(198,161,91,.5);background:rgba(14,12,8,.85);color:var(--gold-hi);font-size:1.1rem;
  cursor:none;display:flex;align-items:center;justify-content:center;transition:.3s;backdrop-filter:blur(6px)}
.rail-btn:hover{background:var(--gold);color:var(--ink)}
.rail-btn.prev{inset-inline-start:-14px}
.rail-btn.next{inset-inline-end:-14px}
@media (max-width:860px){.rail-btn{display:none}.rw{flex-basis:74vw}}

/* ===== بوتیک‌ها ===== */
.bout{padding:8rem 6vw;background:var(--ink)}
.bout-head{text-align:center;margin-bottom:4rem}
.bout-head .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.bout-head h2{font-weight:300;font-size:clamp(1.7rem,3.8vw,2.8rem);margin-top:1rem}
.bout-head h2 b{font-weight:700;color:var(--gold-hi)}
.bout-head p{color:var(--muted);margin-top:.8rem;font-size:.9rem;max-width:40em;margin-inline:auto}
.bout-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-auto-rows:255px;gap:1.2rem;max-width:1280px;margin-inline:auto}
.bt{position:relative;overflow:hidden;border:1px solid rgba(198,161,91,.28);display:block;transition:.4s var(--ease)}
.bt.tall{grid-row:span 2}
.bt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s var(--ease),transform 1.2s var(--ease)}
.bt img.in{opacity:0}
.bt:hover{border-color:var(--gold)}
.bt:hover img{transform:scale(1.06)}
.bt:hover img.in{opacity:1}
.bt .cap{position:absolute;inset-inline:0;bottom:0;z-index:2;padding:1.1rem 1.3rem;
  background:linear-gradient(0deg,rgba(10,8,5,.9),rgba(10,8,5,.55) 65%,transparent)}
.bt .cap h3{font-family:var(--en);font-weight:600;font-size:.95rem;letter-spacing:.26em;color:#fff}
/* لوگوی برند به‌جای نام متنی روی کارت بوتیک — سیلوئت سفید یکدست (درس یکسان‌سازی لوگوها) */
.bt .cap .cap-logo{height:24px;width:auto;display:block;filter:brightness(0) invert(1);
  opacity:.95;transition:.35s var(--ease)}
.bt:hover .cap .cap-logo{opacity:1;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(198,161,91,.6))}
.bt .cap span{display:block;color:rgba(246,243,236,.75);font-size:.78rem;margin-top:.2rem}
.bout-cta{text-align:center;margin-top:3.2rem;display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}
.btn-ghost{display:inline-block;padding:1rem 2.6rem;border:1px solid rgba(198,161,91,.55);color:var(--ivory);
  text-decoration:none;border-radius:2px;font-size:.95rem;transition:.35s var(--ease)}
.btn-ghost:hover{background:rgba(198,161,91,.12)}
/* تگ button پس‌زمینه سفید پیش‌فرض مرورگر و فونت سیستمی دارد — بدون این قانون، هر
   دکمه btn-ghost سفید با متن نامرئی رندر می‌شد (دوبار این باگ را خوردیم: گیفت‌کارت
   صفحه پرداخت و دکمه حذف دستگاه‌ها). */
button.btn-ghost{background:transparent;cursor:pointer;font-family:inherit}
/* صفت hidden با هر display صریح کلاس‌ها (inline-block/flex/grid) خنثی می‌شود — قانون
   سراسری تا عنصر مخفی واقعا مخفی بماند (باگ دکمه فعال‌سازی اعلان که با وجود hidden
   دیده می‌شد از همین بود). */
[hidden]{display:none!important}
@media (max-width:760px){.bout-grid{grid-template-columns:1fr;grid-auto-rows:230px}.bt.tall{grid-row:span 1}}

/* ===== اعداد بزرگ ===== */
.numbers{padding:8rem 6vw;background:var(--ivory);color:var(--ink)}
.num-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:3rem 2rem}
/* ارقام فارسی‌اند؛ فونت باید IRANSans باشد نه Montserrat (که گلیف فارسی ندارد و fallback ناهماهنگ می‌دهد) */
.num b{font-family:var(--fa);font-weight:700;font-size:clamp(3.4rem,7vw,6rem);line-height:1;display:block;color:var(--ink)}
.num b small{font-family:var(--fa);font-weight:500;font-size:.4em;color:var(--gold-deep)}
.num span{display:block;margin-top:.8rem;color:#6E6758;font-size:.9rem}
.num i{display:block;width:44px;height:2px;background:var(--gold);margin-top:1.2rem}

/* ===== دعوت ===== */
.invite{position:relative;padding:11rem 6vw;text-align:center;overflow:hidden;
  background:radial-gradient(800px 400px at 50% 115%,rgba(198,161,91,.2),transparent 70%),var(--ink)}
.invite h2{font-weight:300;font-size:clamp(1.9rem,4.6vw,3.6rem)}
.invite h2 b{font-weight:700;color:var(--gold-hi)}
.invite p{color:var(--muted);max-width:36em;margin:1.4rem auto 2.8rem}
.btn-gold{display:inline-block;padding:1rem 3rem;background:linear-gradient(120deg,var(--gold-deep),var(--gold) 45%,var(--gold-hi));
  color:var(--ink);font-weight:700;text-decoration:none;border-radius:2px;transition:.35s var(--ease)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(198,161,91,.4)}
.invite .ghost-8{position:absolute;inset-inline-start:50%;top:50%;transform:translate(-50%,-50%);width:min(70vmin,560px);
  opacity:.05;pointer-events:none}

/* ===== نوار ویدیو (فیلم تبلیغاتی) ===== */
.cine{position:relative;overflow:hidden;max-height:76vh;min-height:340px;background:#0B0906}
.cine-video{display:block;width:100%;height:100%;max-height:76vh;object-fit:cover}
.cine::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(10,8,5,.35),transparent 30%,transparent 60%,rgba(10,8,5,.65))}
.cine-cap{position:absolute;z-index:2;inset-inline-start:6vw;bottom:2.6rem;max-width:520px}
.cine-cap .eyebrow{color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.3em}
.cine-cap h2{margin-top:.7rem;font-weight:300;font-size:clamp(1.5rem,3.4vw,2.6rem);text-shadow:0 2px 24px rgba(0,0,0,.6)}
.cine-cap h2 b{font-weight:700;color:var(--gold-hi)}
.cine-cap p{color:var(--ivory);opacity:.85;margin:.7rem 0 1.4rem;line-height:2;text-shadow:0 2px 18px rgba(0,0,0,.6)}
@media (max-width:640px){.cine{min-height:240px}.cine-cap{bottom:1.4rem}}

/* ===== کیش بهین کارت ===== */
.kbc{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center;
  padding:7rem 6vw;overflow:hidden;
  background:linear-gradient(180deg,transparent,rgba(198,161,91,.05) 50%,transparent),var(--ink)}
.kbc-media{position:relative}
.kbc-main{width:100%;border-radius:14px;border:1px solid rgba(198,161,91,.25);
  box-shadow:0 30px 80px rgba(0,0,0,.55);transition:.6s var(--ease)}
.kbc-media:hover .kbc-main{transform:scale(1.02)}
.kbc-float{position:absolute;bottom:-2.2rem;inset-inline-end:-1.4rem;width:44%;border-radius:12px;
  border:1px solid rgba(198,161,91,.35);box-shadow:0 22px 60px rgba(0,0,0,.6);transition:.6s var(--ease)}
.kbc-media:hover .kbc-float{transform:translateY(-8px)}
.kbc-body .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.kbc-body h2{margin-top:1rem;font-weight:300;font-size:clamp(1.7rem,3.6vw,2.9rem)}
.kbc-body h2 b{font-weight:700;color:var(--gold-hi)}
.kbc-body>p{color:var(--muted);margin:1.2rem 0 1.6rem;line-height:2.1;max-width:34em}
.kbc-feats{list-style:none;padding:0;margin:0 0 2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem .9rem}
.kbc-feats li{display:flex;gap:.55rem;align-items:baseline;color:var(--ivory);font-size:.9rem}
.kbc-feats i{color:var(--gold);font-style:normal;font-size:.75rem}
.kbc-cta{display:flex;gap:1rem;flex-wrap:wrap}
.kbc-cta .btn-ghost{padding:1rem 2.2rem}
@media (max-width:900px){
  .kbc{grid-template-columns:1fr;gap:3.4rem;padding:5rem 6vw}
  .kbc-float{bottom:-1.4rem}
  .kbc-feats{grid-template-columns:1fr}
}

/* ===== سهم ما — مسئولیت اجتماعی ===== */
.seham{position:relative;padding:7.5rem 6vw;text-align:center;overflow:hidden;
  background:radial-gradient(760px 380px at 50% -10%,rgba(198,161,91,.14),transparent 70%),#0B0906}
.seham .ghost-8{position:absolute;inset-inline-start:50%;top:52%;transform:translate(-50%,-50%);
  width:min(74vmin,600px);opacity:.045;pointer-events:none}
.seham-head .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.seham-head h2{margin-top:1rem;font-weight:300;font-size:clamp(1.9rem,4.4vw,3.4rem)}
.seham-head h2 b{font-weight:700;color:var(--gold-hi)}
.seham-head p{color:var(--muted);max-width:40em;margin:1.4rem auto 0;line-height:2.1}
.seham-evs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3.4rem}
.seham-ev{position:relative;display:block;border-radius:16px;overflow:hidden;border:1px solid rgba(198,161,91,.22);
  text-decoration:none;color:inherit;transition:.5s var(--ease);aspect-ratio:4/5}
.seham-ev:nth-child(2){transform:translateY(-14px)}
.seham-ev img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85);transition:.7s var(--ease)}
.seham-ev::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(8,7,5,.88));pointer-events:none}
.seham-ev:hover{border-color:var(--gold);transform:translateY(-8px);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.seham-ev:nth-child(2):hover{transform:translateY(-22px)}
.seham-ev:hover img{filter:none;transform:scale(1.04)}
.seham-ev-cap{position:absolute;z-index:2;inset-inline:1.2rem;bottom:1.1rem;text-align:right}
.seham-ev-cap h3{margin-top:.55rem;font-size:1rem;font-weight:700;color:var(--ivory);line-height:1.9}
.seham-ev-cap time{display:block;margin-top:.3rem;color:var(--muted);font-size:.76rem}
.shm-tag{font-size:.7rem;font-weight:700;padding:.2rem .85rem;border-radius:99px;letter-spacing:.05em}
.shm-tag.soc{background:rgba(198,161,91,.2);color:var(--gold-hi);border:1px solid rgba(198,161,91,.45)}
.shm-tag.cul{background:rgba(140,170,220,.16);color:#c3d5f0;border:1px solid rgba(140,170,220,.4)}
.seham-cta{margin-top:2.8rem}
@media (max-width:900px){.seham-evs{grid-template-columns:1fr}.seham-ev{aspect-ratio:16/10}.seham-ev:nth-child(2){transform:none}}

/* ===== نوار کوتاه «فناوری پشت کیش بهین» (صفحه اصلی) ===== */
/* جمع‌وجور و کرپوریت تا جریان لوکس نشکند؛ دیاگرام کامل در /technology */
.techband{position:relative;padding:3.6rem 6vw;overflow:hidden;
  background:linear-gradient(180deg,#0B0906,#0A0D12 50%,#0B0906);border-top:1px solid rgba(198,161,91,.14)}
.techband::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(198,161,91,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(198,161,91,.05) 1px,transparent 1px);
  background-size:44px 44px;-webkit-mask-image:radial-gradient(60% 100% at 30% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 100% at 30% 50%,#000,transparent 80%)}
.techband-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:2.4rem}
.techband-mark{flex:none;position:relative;width:96px;height:96px;display:grid;place-items:center}
.techband-mark .tb-disc{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 26%,#1c1a14,#0e0d0a);border:1px solid rgba(198,161,91,.55)}
.techband-mark .tb-disc img{width:34px;filter:drop-shadow(0 0 8px rgba(198,161,91,.35))}
.techband-mark .tb-ring{position:absolute;width:96px;height:96px;border-radius:50%;border:1px solid rgba(198,161,91,.3);
  animation:kbtRing 4s var(--ease) infinite}
.techband-txt{flex:1}
.techband-txt .eyebrow{color:var(--gold);font-family:var(--en);font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.techband-txt h2{font-weight:300;font-size:clamp(1.4rem,3vw,2.1rem);margin-top:.5rem}
.techband-txt h2 b{font-weight:700;color:var(--gold-hi)}
.techband-txt p{color:var(--muted);max-width:52em;margin:.7rem 0 1.2rem;line-height:2;font-size:.92rem}
@media (max-width:700px){.techband-inner{flex-direction:column;text-align:center;gap:1.4rem}.techband-txt p{margin-inline:auto}}

/* ===== لندینگ فناوری /technology — «دیاگرام یکپارچگی» ===== */
/* پس‌زمینه متفاوت: شطرنجی نقشه‌مهندسی با حرکت آرام + هسته مرکزی تپنده؛
   ماژول‌ها گره‌هایی در دو سو که خط‌شان با نقطه نور روان به هسته می‌رسد (جریان تجربه به راهکار) */
.kbtres{position:relative;padding:6.5rem 6vw 7rem;text-align:center;overflow:hidden;
  background:linear-gradient(180deg,#0B0906,#0A0D12 40%,#0A0D12 75%,#0B0906);
  border-top:1px solid rgba(198,161,91,.16)}
.kbtres::before{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(198,161,91,.06) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(198,161,91,.06) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(75% 80% at 50% 45%,#000 40%,transparent 100%);
          mask-image:radial-gradient(75% 80% at 50% 45%,#000 40%,transparent 100%);
  animation:kbtGrid 26s linear infinite}
@keyframes kbtGrid{to{background-position:46px 46px}}
.kbtres::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(560px 320px at 50% 58%,rgba(198,161,91,.12),transparent 70%)}
.kbtres-inner{position:relative;z-index:1;max-width:1080px;margin:0 auto}
.kbtres-head .eyebrow{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.3em}
.kbtres-head h2{margin-top:1rem;font-weight:300;font-size:clamp(1.8rem,4vw,3rem)}
.kbtres-head h2 b{font-weight:700;color:var(--gold-hi)}
.kbtres-head p{color:var(--muted);max-width:44em;margin:1.4rem auto 0;line-height:2.2}

/* --- دیاگرام: [گره‌ها][هسته][گره‌ها] --- */
.kbtres-diagram{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;
  margin-top:3.4rem}
.kbtres-col{display:flex;flex-direction:column;gap:.75rem}
/* گره‌ها هم‌عرض ستون: پیل روی لبهٔ بیرونی، خط یکدست به سمت هسته (ترتیب مارک‌آپ هر سو درست است) */
.kbtres-node{display:flex;align-items:center;width:100%}
.kbtres-node .tx{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:99px;
  border:1px solid rgba(198,161,91,.3);color:var(--ivory);font-size:.85rem;white-space:nowrap;
  background:rgba(10,11,14,.75);backdrop-filter:blur(2px);transition:.4s var(--ease)}
.kbtres-node .tx i{color:var(--gold);font-style:normal;font-size:.68rem}
.kbtres-node:hover .tx{border-color:var(--gold);background:rgba(198,161,91,.14);transform:translateY(-2px)}
/* خط اتصال به هسته + نقطه نور روان (جهت حرکت: به سمت هسته) */
.kbtres-node .ln{position:relative;flex:1;min-width:2.2rem;height:1px;
  background:linear-gradient(90deg,rgba(198,161,91,.45),rgba(198,161,91,.08))}
.kbtres-col.side-b .ln{background:linear-gradient(90deg,rgba(198,161,91,.08),rgba(198,161,91,.45))}
.kbtres-node .ln::after{content:'';position:absolute;top:-1.5px;width:4px;height:4px;border-radius:50%;
  background:var(--gold-hi);box-shadow:0 0 8px var(--gold);opacity:0;animation:kbtFlowA 3.2s ease-in-out infinite}
.kbtres-col.side-b .ln::after{animation-name:kbtFlowB}
.kbtres-col .kbtres-node:nth-child(2) .ln::after{animation-delay:.9s}
.kbtres-col .kbtres-node:nth-child(3) .ln::after{animation-delay:1.7s}
.kbtres-col .kbtres-node:nth-child(4) .ln::after{animation-delay:2.4s}
/* RTL: side-a سمت راست صفحه است و هسته سمت چپِ گره → نور از راست خط به چپ می‌رود */
@keyframes kbtFlowA{0%{inset-inline-start:100%;opacity:0}12%{opacity:1}55%{inset-inline-start:0;opacity:1}70%,100%{inset-inline-start:0;opacity:0}}
@keyframes kbtFlowB{0%{inset-inline-start:0;opacity:0}12%{opacity:1}55%{inset-inline-start:100%;opacity:1}70%,100%{inset-inline-start:100%;opacity:0}}

/* --- هسته مرکزی --- */
.kbtres-core{position:relative;width:220px;height:220px;display:grid;place-items:center;justify-self:center}
.kbtres-core .core-disc{position:relative;z-index:2;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 32% 26%,#1c1a14,#0e0d0a);border:1px solid rgba(198,161,91,.6);
  box-shadow:0 0 0 6px rgba(198,161,91,.06),0 18px 50px rgba(0,0,0,.6)}
.kbtres-core .core-disc img{width:46px;filter:drop-shadow(0 0 10px rgba(198,161,91,.35))}
.kbtres-core .ring{position:absolute;border-radius:50%;border:1px solid rgba(198,161,91,.3);pointer-events:none}
.kbtres-core .r1{width:130px;height:130px;animation:kbtRing 4.2s var(--ease) infinite}
.kbtres-core .r2{width:172px;height:172px;animation:kbtRing 4.2s var(--ease) 1.4s infinite}
.kbtres-core .r3{width:214px;height:214px;animation:kbtRing 4.2s var(--ease) 2.8s infinite}
@keyframes kbtRing{0%{transform:scale(.92);opacity:0}25%{opacity:.9}100%{transform:scale(1.12);opacity:0}}
.kbtres-core .core-cap{position:absolute;z-index:2;bottom:8px;inset-inline:0;color:var(--gold);font-size:.72rem;
  font-weight:700;letter-spacing:.12em}
.kbtres-core .core-cap:empty{display:none}

.kbtres-foot{margin-top:3rem}
.kbtres-foot p{color:var(--muted);font-size:.92rem;line-height:2.1;max-width:38em;margin:0 auto 1.6rem}

/* موبایل: هسته بالا، گره‌ها به‌صورت چیپ بدون خط */
@media (max-width:900px){
  .kbtres{padding:5rem 5vw 5.5rem}
  .kbtres-diagram{grid-template-columns:1fr;min-height:0;gap:1.6rem}
  .kbtres-core{order:-1;width:190px;height:190px;margin:0 auto}
  .kbtres-core .r3{display:none}
  .kbtres-col,.kbtres-col.side-a,.kbtres-col.side-b{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem}
  .kbtres-col .kbtres-node{transform:none !important}
  .kbtres-node .ln{display:none}
  .kbtres-node .tx{font-size:.78rem;padding:.5rem 1rem;white-space:normal}
}

/* ===== فوتر ===== */
footer{border-top:1px solid rgba(198,161,91,.2);padding:4.5rem 6vw 2rem;background:#0B0906}
.f-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1.25fr;gap:2.6rem}
.f-col h4{font-size:.9rem;font-weight:700;color:var(--gold-hi);margin-bottom:1.2rem}
.f-col a{display:block;color:var(--muted);text-decoration:none;font-size:.86rem;padding:.28rem 0;transition:.3s}
.f-col a:hover{color:var(--gold-hi)}
.f-brand img{height:52px;margin-bottom:1.1rem}
.f-brand p{color:var(--muted);font-size:.85rem;max-width:26em;line-height:2}
.f-brand .en-name{font-family:var(--en);letter-spacing:.3em;margin-top:.7rem;color:var(--ivory);font-size:.85rem}
.f-contact div{color:var(--muted);font-size:.86rem;padding:.28rem 0;display:flex;gap:.6rem;align-items:flex-start}
.f-contact svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.5;flex-shrink:0;margin-top:.35rem}
.f-contact a{color:var(--ivory);text-decoration:none;direction:ltr;font-weight:500;display:inline;padding:0}
.f-contact a:hover{color:var(--gold-hi)}
.f-contact .enamad{display:block;margin-top:1.2rem;width:92px}
.f-contact .enamad img{width:100%}
.f-bottom{margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid rgba(198,161,91,.15);display:flex;
  justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#6B6455;font-size:.78rem}
.f-bottom .en-name{font-family:var(--en);letter-spacing:.3em;color:var(--ivory)}
@media (max-width:960px){.f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.f-grid{grid-template-columns:1fr}}

/* مخفی‌سازی اولیه فقط با jsrev (که site.js سالم اضافه می‌کند) — اگر JS از کار بیفتد،
   محتوا دیدنی می‌ماند؛ قبلا JSِ مرده روی اندرویدهای قدیمی = صفحه سیاه کامل */
.jsrev .reveal{opacity:0;transform:translateY(36px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.jsrev .reveal.in{opacity:1;transform:none}
/* بدون jsrev (JS مرده/مرورگر قدیمی)، هیروی سینماییِ اسکرول‌محور هم به نسخه ایستا
   سقوط می‌کند — همان کاری که reduced-motion می‌کند — تا اولین صفحه‌نمایش موبایل
   به‌جای صحنه خالی ساعت، تیتر و متن را نشان دهد */
html:not(.jsrev) .scene1{height:auto}
html:not(.jsrev) .s1-sticky{position:relative}
html:not(.jsrev) .s1-title.t2{display:none}
html:not(.jsrev) #torch{display:none}
html:not(.jsrev) #cur{display:none}
/* موبایل/صفحه کوچک: هیروی سینمایی اسکرول‌محور کلا خاموش — روی GPU برخی اندرویدها
   صحنه sticky+لایه‌های سه‌بعدی کل صفحه را سیاه می‌کرد (گزارش ۱۴۰۵/۰۵/۲۸ حتی روی
   کروم ۱۵۱). موبایل نسخه ایستا با ساعت زنده می‌گیرد؛ سینمایی فقط دسکتاپ. */
@media (max-width:900px){
  /* گرین سینمایی روی موبایل خاموش می‌ماند — لایه fixed دوبرابر صفحه در DPR بالا
     هم ریسک سقف بافت GPU دارد هم هزینه باتری؛ تزئین ناچیزی است. صحنه سینمایی
     ساعت برگشت (مقصر واقعیِ صفحه سیاه، هانی‌پات بود که رفع شد). */
  .grain{display:none}
}

@media (prefers-reduced-motion:reduce){
  .grain,.mq{animation:none}
  /* باید بر .jsrev .reveal غلبه کند وگرنه کاربران reduced-motion محتوای مخفی می‌گیرند */
  .reveal,.jsrev .reveal{opacity:1;transform:none}
  .scene1{height:auto}
  .s1-sticky{position:relative}
  .s1-title.t2{display:none}
  #torch{display:none}
  #cur{display:none}
  body{cursor:auto}
}

/* ===================== صفحات کاتالوگ ===================== */
.cat-page{padding:8.5rem 6vw 6rem;min-height:70vh}
.cat-head{text-align:center;margin-bottom:2.6rem}
.cat-head h1{font-weight:300;font-size:clamp(1.7rem,3.6vw,2.6rem)}
.cat-head p{color:var(--muted);margin-top:.5rem;font-size:.9rem}
.brand-hero-logo{height:44px;filter:brightness(0) invert(1);opacity:.9;margin-bottom:1.2rem}
.cat-filters{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;align-items:center;
  margin-bottom:2.8rem;padding:1.1rem;border:1px solid rgba(198,161,91,.22);background:rgba(198,161,91,.04)}
.cat-filters input,.cat-filters select{background:#17130C;border:1px solid rgba(198,161,91,.35);color:var(--ivory);
  font-family:var(--fa);font-size:.86rem;padding:.6rem .9rem;border-radius:2px;outline:none;min-width:130px}
.cat-filters input[type=search]{min-width:200px}
.cat-filters input:focus,.cat-filters select:focus{border-color:var(--gold)}
.cat-filters .chk{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem;cursor:pointer}
.btn-sm{padding:.6rem 1.6rem!important;font-size:.86rem!important}
.cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.cat-empty{text-align:center;padding:5rem 1rem;color:var(--muted)}
.cat-empty .btn-ghost{margin-top:1.4rem;display:inline-block}
.pager{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:3rem;flex-wrap:wrap}
.pager a,.pager b{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(198,161,91,.3);color:var(--ivory);text-decoration:none;font-size:.88rem;padding:0 .8rem}
.pager b{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pager a:hover{border-color:var(--gold);color:var(--gold-hi)}
.pager span{color:var(--muted)}
.tag{position:absolute;top:.8rem;inset-inline-start:.8rem;z-index:2;font-size:.68rem;font-weight:700;
  padding:.25rem .7rem;border-radius:2px;letter-spacing:.05em}
.tag-outlet{background:#B33A3A;color:#fff;font-family:var(--en)}
.tag-new{background:var(--gold);color:var(--ink)}
.tag-soon{background:#2E5E4E;color:#fff}

/* ===================== صفحه محصول ===================== */
.pd-page{padding:8.5rem 6vw 6rem}
.crumbs{color:var(--muted);font-size:.82rem;margin-bottom:2rem;display:flex;gap:.5rem;flex-wrap:wrap}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--gold-hi)}
.crumbs b{color:var(--ivory);font-family:var(--en)}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;max-width:1240px;margin-inline:auto}
@media(max-width:860px){.pd-grid{grid-template-columns:1fr}}
.pd-main{aspect-ratio:1;background:linear-gradient(180deg,#FFFFFF 0%,#F2EDE3 85%,#E9E2D4 100%);
  border:1px solid rgba(198,161,91,.3);display:flex;align-items:center;justify-content:center;padding:2rem}
.pd-main img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.pd-thumbs{display:flex;gap:.6rem;margin-top:.8rem;flex-wrap:wrap}
.pd-th{width:72px;height:72px;background:#fff;border:1px solid rgba(198,161,91,.3);cursor:pointer;padding:.4rem;transition:.3s}
.pd-th img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pd-th.on,.pd-th:hover{border-color:var(--gold)}
.pd-brandlogo{height:30px;filter:brightness(0) invert(1);opacity:.85;margin-bottom:1.2rem}
.pd-info h1{font-weight:500;font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1.7}
.pd-ref{color:var(--muted);font-size:.85rem;margin-top:.5rem}
.pd-ref b{font-family:var(--en);color:var(--ivory);font-weight:500}
.pd-price{margin-top:1.6rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
.pd-price b{font-size:1.7rem;font-weight:700;color:var(--gold-hi)}
.pd-price b small{font-size:.9rem;color:var(--muted);font-weight:400}
.pd-price s{color:var(--muted)}
.pd-stock{margin-top:1rem;font-size:.9rem}
.pd-stock.ok{color:#7FBF7F}
.pd-stock.no{color:#C98B8B}
.pd-ctas{margin-top:1.8rem;display:flex;gap:1rem;flex-wrap:wrap}
.pd-h2{font-size:1.05rem;font-weight:700;color:var(--gold-hi);margin:2.6rem 0 1rem}
.pd-specs{width:100%;border-collapse:collapse;font-size:.88rem}
.pd-specs td{padding:.55rem .8rem;border-bottom:1px solid rgba(198,161,91,.14)}
.pd-specs td:first-child{color:var(--muted);width:38%}
.pd-desc{color:var(--muted);line-height:2.1;font-size:.92rem}
.pd-related-h{max-width:1240px;margin-inline:auto;margin-top:4.5rem}
.pd-page .cat-grid{max-width:1240px;margin-inline:auto}

/* ===== دسترس‌پذیری ===== */
/* لینک پرش به محتوا — فقط با کیبورد (Tab) دیده می‌شود */
.skip-link{position:fixed;top:-100px;inset-inline-start:1rem;z-index:3000;padding:.7rem 1.4rem;border-radius:10px;
  background:var(--gold);color:#111;font-weight:700;text-decoration:none;transition:top .2s}
.skip-link:focus{top:1rem}
/* حلقه فوکوس کیبورد — طلایی و واضح، فقط برای ناوبری با کیبورد (نه کلیک ماوس) */
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.btn-gold:focus-visible,.btn-ghost:focus-visible{outline-offset:4px}
/* کاهش حرکت — برای کاربرانی که در سیستم‌عامل انیمیشن را محدود کرده‌اند */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  .mq{animation:none !important}
}