/* ═════ سیستم طراحی شیشه‌ی مایع (Liquid Glass) ═════
   سبک و سریع: افکت محو فقط روی عناصر لازم، حالت lite برای سیستم‌های ضعیف */
:root{
  --g1:rgba(255,255,255,.66);--g2:rgba(255,255,255,.34);--gbd:rgba(255,255,255,.8);--gedge:rgba(255,255,255,.95);--glow:rgba(14,40,90,.12);
  --gsh:0 16px 40px rgba(28,52,100,.16),0 2px 6px rgba(28,52,100,.08);--tw:#2FD6C2;
}
:root[data-theme=dark]{
  --g1:rgba(28,44,84,.62);--g2:rgba(14,24,52,.5);--gbd:rgba(255,255,255,.18);--gedge:rgba(255,255,255,.42);--glow:rgba(0,0,0,.35);
  --gsh:0 18px 44px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)
}
/* پس‌زمینه‌ی ثابت و ایستا */
body{background:var(--bg)!important}
body::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;
  background:radial-gradient(70vw 55vh at 92% -8%,rgba(255,196,110,.6),transparent 70%),radial-gradient(60vw 60vh at -5% 18%,rgba(110,165,255,.42),transparent 72%),radial-gradient(55vw 50vh at 75% 100%,rgba(70,200,190,.3),transparent 72%),linear-gradient(180deg,var(--bg),var(--bg2))}
:root[data-theme=dark] body::before{background:radial-gradient(70vw 55vh at 92% -8%,rgba(214,160,70,.2),transparent 70%),radial-gradient(60vw 60vh at -5% 18%,rgba(40,90,200,.34),transparent 72%),radial-gradient(55vw 50vh at 75% 100%,rgba(20,150,150,.22),transparent 72%),linear-gradient(180deg,var(--bg),var(--bg2))}
.stars{position:fixed;z-index:-2;left:0;top:0;width:1px;height:1px;pointer-events:none;border-radius:50%;opacity:0;box-shadow:41vw 19vh 0 .8px rgba(255,255,255,0.74),9vw 68vh 0 0 rgba(255,255,255,0.57),7vw 64vh 0 0 rgba(255,255,255,0.37),55vw 53vh 0 0 rgba(255,255,255,0.49),70vw 54vh 0 0 rgba(255,255,255,0.85),15vw 28vh 0 0 rgba(255,255,255,0.70),50vw 6vh 0 0 rgba(255,255,255,0.38),17vw 37vh 0 .8px rgba(255,255,255,0.44),15vw 73vh 0 .4px rgba(255,255,255,0.69),87vw 23vh 0 0 rgba(255,255,255,0.70),81vw 24vh 0 .4px rgba(255,255,255,0.41),91vw 8vh 0 0 rgba(255,255,255,0.72),63vw 87vh 0 .8px rgba(255,255,255,0.82),59vw 74vh 0 .8px rgba(255,255,255,0.57),31vw 23vh 0 0 rgba(255,255,255,0.40),38vw 67vh 0 .8px rgba(255,255,255,0.88),93vw 57vh 0 .4px rgba(255,255,255,0.72),9vw 15vh 0 .8px rgba(255,255,255,0.45),43vw 19vh 0 .8px rgba(255,255,255,0.60),85vw 9vh 0 .4px rgba(255,255,255,0.55),44vw 76vh 0 .8px rgba(255,255,255,0.70),58vw 8vh 0 0 rgba(255,255,255,0.92),60vw 89vh 0 0 rgba(255,255,255,0.39),89vw 39vh 0 .8px rgba(255,255,255,0.52),49vw 85vh 0 .4px rgba(255,255,255,0.36),59vw 45vh 0 0 rgba(255,255,255,0.72),63vw 7vh 0 0 rgba(255,255,255,0.81),16vw 94vh 0 0 rgba(255,255,255,0.59),63vw 10vh 0 0 rgba(255,255,255,0.62),70vw 35vh 0 0 rgba(255,255,255,0.84),70vw 35vh 0 .8px rgba(255,255,255,0.94),87vw 48vh 0 0 rgba(255,255,255,0.44),22vw 19vh 0 0 rgba(255,255,255,0.75),1vw 62vh 0 0 rgba(255,255,255,0.51),0vw 18vh 0 .8px rgba(255,255,255,0.67),78vw 72vh 0 .4px rgba(255,255,255,0.92),88vw 65vh 0 0 rgba(255,255,255,0.62),99vw 87vh 0 .8px rgba(255,255,255,0.59),50vw 13vh 0 .8px rgba(255,255,255,0.73),7vw 24vh 0 0 rgba(255,255,255,0.94),56vw 20vh 0 0 rgba(255,255,255,0.55),6vw 13vh 0 0 rgba(255,255,255,0.69),68vw 12vh 0 .4px rgba(255,255,255,0.72),9vw 26vh 0 .8px rgba(255,255,255,0.44),32vw 44vh 0 .4px rgba(255,255,255,0.63),14vw 62vh 0 .8px rgba(255,255,255,0.64),39vw 10vh 0 0 rgba(255,255,255,0.41),43vw 94vh 0 .4px rgba(255,255,255,0.64),88vw 20vh 0 0 rgba(255,255,255,0.47),67vw 46vh 0 0 rgba(255,255,255,0.76),3vw 97vh 0 .4px rgba(255,255,255,0.94),11vw 89vh 0 .4px rgba(255,255,255,0.66),21vw 45vh 0 0 rgba(255,255,255,0.67),99vw 64vh 0 .4px rgba(255,255,255,0.73),78vw 97vh 0 0 rgba(255,255,255,0.83),51vw 94vh 0 0 rgba(255,255,255,0.47),63vw 45vh 0 0 rgba(255,255,255,0.94),35vw 60vh 0 .4px rgba(255,255,255,0.47),77vw 44vh 0 .8px rgba(255,255,255,0.84),92vw 44vh 0 .4px rgba(255,255,255,0.40),13vw 29vh 0 .8px rgba(255,255,255,0.47),26vw 61vh 0 0 rgba(255,255,255,0.64),83vw 44vh 0 0 rgba(255,255,255,0.85),15vw 49vh 0 0 rgba(255,255,255,0.64),22vw 55vh 0 .4px rgba(255,255,255,0.40),92vw 50vh 0 .8px rgba(255,255,255,0.59),10vw 92vh 0 0 rgba(255,255,255,0.45),16vw 3vh 0 0 rgba(255,255,255,0.70),59vw 83vh 0 0 rgba(255,255,255,0.72),76vw 60vh 0 .4px rgba(255,255,255,0.44);transition:opacity 1s}
:root[data-theme=dark] .stars{opacity:1;animation:twinkle 7s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.55}to{opacity:1}}
.bgcol{position:fixed;z-index:-1;left:0;right:0;bottom:0;height:34vh;pointer-events:none;color:var(--gold);opacity:.1}
.bgcol svg{width:100%;height:100%}
:root[data-theme=dark] .bgcol{opacity:.12}

/* شیشه */
.card,.qa,.kick,.sec-tag,.pill,.guide,.emblem,.glass,.consult{position:relative;
  background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);
  box-shadow:inset 0 1px 0 var(--gedge),inset 0 -1px 0 var(--glow),var(--gsh);
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6)}
.card::before,.qa::before,.guide::before,.emblem::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,0) 32%,rgba(255,255,255,0) 68%,rgba(255,255,255,.5));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
:root[data-theme=dark] .card::before,:root[data-theme=dark] .qa::before,:root[data-theme=dark] .guide::before{opacity:.38}
.card::after,.guide::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(255,255,255,.5),transparent 65%)}
:root[data-theme=dark] .card::after,:root[data-theme=dark] .guide::after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),rgba(120,170,255,.2),transparent 65%)}
.card:hover::after,.guide:hover::after{opacity:1}
.card>*,.guide>*{position:relative;z-index:1}
.sw-i svg,.sec-tag svg{position:relative}
/* حالت سبک: بدون محو، برای سیستم‌های ضعیف */
.lite .card,.lite .qa,.lite .kick,.lite .sec-tag,.lite .pill,.lite .guide,.lite .emblem,.lite .glass,.lite .consult,.lite .pod,.lite .folio,.lite .mob,.lite .cta-ghost,.lite .svc,.lite .tool{-webkit-backdrop-filter:none;backdrop-filter:none}
.lite .card,.lite .qa,.lite .guide,.lite .emblem,.lite .consult{background:var(--card)}
.lite .card::after,.lite .guide::after{display:none}
@media (hover:none){.card::after,.guide::after{display:none}}

/* هدر و پاپ‌آپ: شیشه‌ی کامل */
.pod,.mob,.folio,.toast,.lb-panel{background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge),inset 0 -1px 0 var(--glow),var(--gsh);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7)}
.lb-panel{background:var(--bg)}
.mi,.burger,.icon-btn,.alt{background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge),0 6px 14px var(--glow)}

/* ═════ برج خیام: نورپردازی داخل خود ساختار ═════
   شیشه‌های فیروزه‌ای و قاب نقره‌ای دو لایه‌ی جدا از خود تصویرند؛ نور فقط روی همان پیکسل‌ها می‌افتد */
.tower{position:relative;display:inline-block;line-height:0;flex:none;isolation:isolate}
.tower>img{display:block;position:relative;z-index:0;max-width:100%;height:auto}
.tower::before,.tower::after{content:"";position:absolute;inset:0;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}
.tower::before{z-index:1;mix-blend-mode:screen;
  background-image:linear-gradient(180deg,transparent 0%,rgba(120,255,235,.15) 2%,rgba(150,255,240,.95) 4.5%,#fff 5.5%,rgba(120,255,235,.5) 7.5%,transparent 12%,transparent 23%,rgba(120,255,235,.1) 25%,rgba(150,255,240,.75) 28%,transparent 33%,transparent 50%,rgba(120,255,235,.15) 52%,rgba(150,255,240,.95) 54.5%,#fff 55.5%,rgba(120,255,235,.5) 57.5%,transparent 62%,transparent 73%,rgba(120,255,235,.1) 75%,rgba(150,255,240,.75) 78%,transparent 83%,transparent 100%),linear-gradient(rgba(47,214,194,.22),rgba(47,214,194,.22));
  background-size:100% 200%,100% 100%;background-position:0 100%,0 0;background-repeat:repeat-x,no-repeat;
  -webkit-mask:url("../img/tower-glass.webp") center/100% 100% no-repeat;mask:url("../img/tower-glass.webp") center/100% 100% no-repeat;animation:fall 3.4s linear infinite}
.tower::after{z-index:2;background-image:url("../img/tower-frame.webp");mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(160deg,transparent 30%,#000 48%,#000 52%,transparent 70%);mask-image:linear-gradient(160deg,transparent 30%,#000 48%,#000 52%,transparent 70%);
  -webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:frameSw 5.5s ease-in-out infinite}
@keyframes fall{from{background-position:0 100%,0 0}to{background-position:0 0,0 0}}
@keyframes frameSw{0%{-webkit-mask-position:100% 100%;mask-position:100% 100%}60%,100%{-webkit-mask-position:0 0;mask-position:0 0}}
.tower.tw-big>img{height:clamp(150px,22vw,250px);width:auto;filter:drop-shadow(0 10px 28px rgba(47,214,194,.45))}
.pod-logo .tower>img{height:38px;width:auto}
.tower>img.id-mark{height:90px;width:auto;margin:0 auto}
:root:not([data-theme=dark]) .tower::before{mix-blend-mode:normal;opacity:.7}
:root:not([data-theme=dark]) .tower::after{mix-blend-mode:normal}
@media (prefers-reduced-motion:reduce){.tower::before,.tower::after{animation:none}}

/* ═════ هیرو: شعار ═════ */
.hero{padding-top:calc(var(--hd) + 128px);padding-bottom:clamp(30px,5vw,56px)}
.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);align-items:center}
.slogan{margin-top:20px;display:flex;flex-direction:column;gap:2px;font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1.4;letter-spacing:-.3px}
.slogan .s1{color:var(--ink)}
.slogan .s2{color:var(--ink)}
.slogan em{font-style:normal;background:linear-gradient(100deg,#8A5A12,#E2B44D 28%,#FFF4C2 48%,#C98F2B 62%,#8A5A12);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine2 4.5s ease-in-out infinite alternate;padding-inline:.04em}
:root[data-theme=dark] .slogan em{background-image:linear-gradient(100deg,#E2B44D,#FFF4C2 40%,#E8BA55 60%,#C98F2B)}
.slogan-en{margin-top:16px;font-family:var(--ff);font-size:clamp(17px,1.9vw,23px);font-weight:700;font-style:italic;letter-spacing:.14em;line-height:1.7;color:var(--mut);text-align:left;direction:ltr;unicode-bidi:isolate}
.hero-cta{margin-top:30px}
.emblem{display:grid;justify-items:center;align-content:center;gap:10px;aspect-ratio:1/1.05;border-radius:34px;padding:24px;overflow:hidden;isolation:isolate}
.lg-word.big{width:clamp(110px,12vw,150px);height:clamp(70px,8vw,96px)}
.orbit{position:absolute;z-index:-1;border-radius:50%;border:1px dashed color-mix(in srgb,var(--gold) 55%,transparent);inset:12%;animation:spin 60s linear infinite}
.orbit.o2{inset:-6%;animation-duration:90s;animation-direction:reverse;border-style:solid;border-color:color-mix(in srgb,var(--gold) 25%,transparent)}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.emblem{display:none}.slogan-en{text-align:right}}

/* ═════ بخش راهنمای نقشه ═════ */
.plan-sec{padding-block:clamp(20px,4vw,40px) clamp(40px,6vw,80px)}
.plan-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:20px;align-items:start}
.plan-sec .sec-head{max-width:860px}
.guide{padding:20px;border-radius:22px}
.guide-h{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:900;margin-bottom:12px}
.guide-h svg{width:34px;height:34px;padding:6px;border-radius:11px;stroke:var(--gold);stroke-width:1.6;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd)}
.gd{display:grid;gap:8px}
.gi-i{border-radius:14px;border:1px solid var(--gbd);background:linear-gradient(135deg,var(--g1),var(--g2));overflow:hidden;transition:box-shadow .4s var(--ease)}
.gi-i.open{box-shadow:0 10px 24px var(--glow),inset 0 1px 0 var(--gedge)}
.gq{display:flex;width:100%;align-items:center;gap:10px;padding:11px 12px;font-weight:800;font-size:16px;text-align:right}
.gq span{flex:1}
.gq>svg{width:16px;height:16px;stroke:var(--ink);stroke-width:2.3;transition:transform .45s var(--ease);transform:rotate(90deg)}
.gi-i.open .gq>svg{transform:rotate(-90deg)}
.gn{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-style:normal;font-weight:900;font-size:14px;color:#2A1A00;background:linear-gradient(135deg,var(--gold2),#C98F2B);box-shadow:0 3px 0 #9A6A18,0 6px 10px rgba(120,80,0,.3);flex:none}
.ga{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.gi-i.open .ga{grid-template-rows:1fr}
.ga>div{overflow:hidden}
.ga p{padding:0 14px 14px;color:var(--mut);font-weight:500;font-size:15.5px;line-height:1.9;opacity:0;transform:translateY(-8px);transition:opacity .4s .12s,transform .5s .12s var(--ease)}
.gi-i.open .ga p{opacity:1;transform:none}
@media (max-width:980px){.plan-grid{grid-template-columns:1fr}.guide{order:-1}}

/* ═════ دکمه‌های سه‌بعدی ═════ */
.cta,.btn-call,.folio,.soc,.copy,.alt,.pill,.tool,.burger{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.cta-main{box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(130,80,0,.35),0 6px 0 #946414,0 16px 26px rgba(120,80,0,.38)}
.cta-main:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.8),inset 0 -3px 0 rgba(130,80,0,.35),0 9px 0 #946414,0 22px 32px rgba(120,80,0,.42)}
.cta-main:active{transform:perspective(700px) translateY(6px);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 0 0 #946414,0 4px 8px rgba(120,80,0,.3)}
.btn-call{box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(130,80,0,.3),0 4px 0 #946414,0 10px 18px rgba(120,80,0,.32)}
.btn-call:active{transform:translateY(4px);box-shadow:0 0 0 #946414,0 3px 6px rgba(120,80,0,.3)}
.copy{box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.25),0 5px 0 #3B2FB0,0 12px 20px rgba(79,70,229,.35)}
.copy:active{transform:translateY(5px);box-shadow:0 0 0 #3B2FB0,0 3px 6px rgba(79,70,229,.3)}
.copy.done{box-shadow:inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.25),0 5px 0 #0B5A28,0 12px 20px rgba(22,163,74,.35)}
/* دکمه‌ی خدمات: حاشیه‌ی گردان طلایی */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.cta-ghost{padding:0 26px 0 11px;border:0;background:linear-gradient(135deg,var(--g1),var(--g2));box-shadow:inset 0 1px 0 var(--gedge),0 10px 24px var(--glow)}
.cta-ghost::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;z-index:0;pointer-events:none;
  background:conic-gradient(from var(--ang),color-mix(in srgb,var(--gold) 45%,transparent) 0 55%,var(--gold2) 78%,color-mix(in srgb,var(--gold) 45%,transparent) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ang 3.2s linear infinite paused}
.cta-ghost:hover::before,.cta-ghost:focus-visible::before{animation-play-state:running}
@keyframes ang{to{--ang:360deg}}
.cta-ghost .cta-go{background:linear-gradient(135deg,var(--gold2),#C98F2B);color:#2A1A00;box-shadow:0 3px 0 #946414}
.cta-ghost .cta-lab,.cta-ghost .cta-go{position:relative;z-index:1}
.cta-ghost .cta-go{width:38px;height:38px;border-radius:12px}.cta-ghost .cta-go svg{width:18px;height:18px}
.cta-ghost:active{transform:perspective(700px) translateY(4px)}
.folio:active,.pill:active,.tool:active{transform:translateY(3px)}
.pill.on{box-shadow:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(130,80,0,.3),0 4px 0 #946414,0 8px 14px rgba(120,80,0,.3)}
.tool{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 3px 0 rgba(0,20,70,.5)}.tool:active:not(:disabled){transform:translateY(3px);box-shadow:none}

/* ═════ پیکتوگرام‌ها: کاشی سه‌بعدی ═════ */
.svc .ic,.sw-i svg,.id-list svg,.ach svg,.sec-tag svg,.kick svg,.lab i svg,.where svg,.mi svg{transition:transform .5s var(--ease),box-shadow .4s}
.id-list svg,.ach svg,.sec-tag svg,.kick svg{width:32px;height:32px;padding:6px;border-radius:10px;margin-top:0;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge),0 4px 0 color-mix(in srgb,var(--gold) 55%,transparent),0 8px 14px var(--glow);stroke:var(--gold)}
.sec-tag,.kick{padding-inline:8px 16px}
.id-list li:hover svg,.ach li:hover svg,.sec-tag:hover svg{transform:translateY(-3px) rotate(-8deg) scale(1.1)}
.svc .ic{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.32),rgba(255,255,255,.06));border:1.5px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 0 rgba(255,255,255,.22),0 12px 20px rgba(0,10,40,.4);animation:bob 5s ease-in-out infinite}
.svc:nth-child(2n) .ic{animation-delay:-1.3s}.svc:nth-child(3n) .ic{animation-delay:-2.6s}
.svc .ic::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);transition:left .7s var(--ease)}
.svc:hover .ic{transform:translateY(-4px) rotate(-6deg) scale(1.1)}
.svc:hover .ic::after{left:130%}
@keyframes bob{50%{transform:translateY(-3px)}}
.sw-i svg{box-shadow:0 5px 0 rgba(0,0,0,.18),0 12px 18px var(--glow)}
.mi svg{width:40px;height:40px;padding:8px;border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:0 4px 0 color-mix(in srgb,var(--gold) 50%,transparent)}
.mi:hover svg{transform:translateY(-3px) rotate(-8deg)}
.mi-call svg.go{background:none;border:0;box-shadow:none;padding:0;width:20px;height:20px}
.mi-call .ring svg{background:none;border:0;box-shadow:none;padding:0;width:21px;height:21px}

/* خدمات: شیشه روی کاغذ نقشه */
.svc{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),inset 0 -1px 0 rgba(0,10,40,.2),0 14px 30px rgba(0,10,40,.38);-webkit-backdrop-filter:blur(7px) saturate(1.4);backdrop-filter:blur(7px) saturate(1.4)}
.svc:hover{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08))}
.consult{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1.5px dashed rgba(255,255,255,.8);box-shadow:none}
.tags li{background:rgba(255,255,255,.1)}
.plan-card.bp .tool{background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* ═════ لایت‌باکس: چیدمان پایدار برای وب و موبایل ═════ */
.lb{position:fixed;inset:0;display:grid;place-items:center;padding:12px;overflow:hidden}
.lb-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);grid-template-rows:minmax(0,1fr);width:min(1180px,100%);height:min(calc(100dvh - 24px),780px);max-height:none;overflow:hidden}
.lb-media{min-width:0;min-height:0;overflow:hidden;display:grid;place-items:center}
.lb-media img,.lb-media video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.lb-info{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:56px 22px 22px}
.lb-close{position:absolute;z-index:5;top:10px;left:10px;width:44px;height:44px}
@media (max-width:860px){
  .lb{padding:0}
  .lb-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,42%) minmax(0,1fr);width:100%;height:100dvh;border-radius:0;border:0}
  .lb-info{padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))}
  .lb-close{top:calc(10px + env(safe-area-inset-top,0px))}
}

/* ═════ انتقال روز و شب: گشایش دایره‌ای از خورشید ═════ */
.sky-fx{position:fixed;inset:0;z-index:90;pointer-events:none;display:none;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%),var(--c2,#fff) 0,var(--c1,#fff) 38%,var(--c1,#fff) calc(var(--rr,0px) - 14px),var(--ring,#fff) calc(var(--rr,0px) - 3px),transparent var(--rr,0px))}
.sky-fx.on{display:block}
.sky-fx.on::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at var(--x,50%) var(--y,50%),transparent calc(var(--rr,0px) - 30px),var(--glow,transparent) var(--rr,0px),transparent calc(var(--rr,0px) + 60px))}
.lb[hidden]{display:none!important}
.lb{z-index:100}
.lb-bd{position:absolute;inset:0;background:rgba(4,10,30,.72)}
.lb-panel{position:relative;z-index:1}
.lb-nav{position:sticky;bottom:0}

/* ═════ توکن‌های تازه ═════ */
:root{--ind:#4338CA;--indbg:rgba(79,70,229,.1);--indbd:rgba(79,70,229,.34);--ic:38px}
:root[data-theme=dark]{--ind:#B4BDFF;--indbg:rgba(129,140,248,.14);--indbd:rgba(165,180,252,.4)}
/* کاشی آیکن یکسان در همه‌جا */
.ictile{display:grid;place-items:center;flex:none;width:var(--ic);height:var(--ic);border-radius:12px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge),0 4px 0 color-mix(in srgb,var(--gold) 55%,transparent),0 8px 14px var(--glow)}
.ictile svg{width:22px;height:22px;stroke:var(--gold);stroke-width:1.7;fill:none}
.sec-tag svg,.kick svg,.id-list svg,.ach svg{width:34px;height:34px;padding:7px;border-radius:11px;box-sizing:border-box;flex:none}
.sec-tag,.kick{gap:10px;align-items:center}
.id-list li,.ach li{align-items:center;gap:12px}
/* متن‌ها: تراز یکسان */
.about-text p,.qa .a p,.ga p,.svc p,.lb .long,.lead,.visit-note{text-align:justify;text-justify:inter-word;hyphens:none}
.sec-head .lead{text-align:right}
/* ═════ هدر: دو مربع هم‌اندازه و هم‌تراز ═════ */
.pod-act{justify-content:space-between;gap:10px;padding:10px;box-sizing:border-box;width:auto}
.pod-act .btn-call,.pod-act .burger{height:calc(var(--hd) - 22px);box-sizing:border-box}
.btn-call{padding:0 16px;white-space:nowrap}
.burger{width:calc(var(--hd) - 22px);padding:0;border-radius:14px}
.burger i{right:auto;left:50%}
.burger i:nth-child(1){width:22px;margin-left:-11px}.burger i:nth-child(2){width:14px;margin-left:-7px}.burger i:nth-child(3){width:18px;margin-left:-9px}
.burger[aria-expanded=true] i:nth-child(1),.burger[aria-expanded=true] i:nth-child(3){width:22px;margin-left:-11px}
.burger[aria-expanded=true] i:nth-child(2){margin-left:0}
@media (max-width:980px){.burger{display:grid;place-items:center}}
.btn-call svg,.mi-call .ring svg,.alt svg,.lab i svg{transform-origin:50% 50%}
.ph{animation:ringph 3.6s ease-in-out infinite;transform-origin:50% 55%}
@keyframes ringph{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(-16deg)}70%{transform:rotate(14deg)}74%{transform:rotate(-12deg)}78%{transform:rotate(10deg)}82%{transform:rotate(-5deg)}86%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.ph{animation:none}}
/* نوار نام + دکمه‌ی نمونه‌کارها هم‌اندازه با پاد بالا */
.strip-in{height:var(--hd);padding-inline-start:78px;align-items:center}
.folio{width:var(--aw,auto);min-width:0;flex:none}
.folio{height:var(--hd);box-sizing:border-box;padding:10px;justify-content:space-between;gap:10px;border-radius:20px;
  background:linear-gradient(135deg,rgba(247,214,130,.55),rgba(201,143,43,.28));border:1px solid color-mix(in srgb,var(--gold) 70%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 5px 0 color-mix(in srgb,var(--gold) 60%,#5b3a00),0 12px 22px rgba(120,80,0,.28);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.folio:hover{transform:translateY(-3px)}
.folio:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1px 0 color-mix(in srgb,var(--gold) 60%,#5b3a00)}
.fl-i{width:calc(var(--hd) - 22px);height:calc(var(--hd) - 22px);flex:none;border-radius:14px;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 3px 0 #946414}
.fl-i svg{width:20px;height:20px;transition:transform .6s var(--ease)}
.folio:hover .fl-i{transform:none}.folio:hover .fl-i svg{transform:translateX(-3px)}
.folio.dn .fl-i svg{transform:rotate(-90deg)}
.fl-t{font-weight:900;color:var(--ink);padding-inline-start:6px}

/* منوی موبایل: ارتباط با ما */
.mi svg{width:40px;height:40px}
.mi-call{background:linear-gradient(120deg,#0EA5A4,#0E7490 60%,#1AA6B7);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 0 #0A5560,0 14px 22px rgba(14,116,144,.4)}
.mi-call .ring{border-radius:12px;width:44px;height:44px;background:linear-gradient(135deg,rgba(255,255,255,.4),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 0 rgba(0,0,0,.2)}
.mi-call .ring::after{border-radius:16px;border-color:rgba(255,255,255,.6);inset:-4px}
.mi-call .ring svg,.mi-call .go{stroke:#fff;background:none;border:0;box-shadow:none;width:22px;height:22px;padding:0}
.mi-call .t b,.mi-call .t small{color:#fff}
/* ═════ پرسش‌ها ═════ */
.fq-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(22px,3vw,36px)}
.fq-nav .pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;height:auto;min-height:44px;font-weight:800}
.fq-nav .pill svg{width:30px;height:30px;padding:6px;box-sizing:border-box;border-radius:10px;stroke:var(--gold);stroke-width:1.7;fill:none;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd)}
.fq-cat{margin-top:clamp(22px,3vw,34px);scroll-margin-top:calc(var(--hd) + 30px)}
.fq-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.fq-h h3{font-size:clamp(19px,2.2vw,23px);font-weight:900;flex:1}
.fq-h small{font-size:14px;font-weight:700;color:var(--mut)}
.fq-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.fq-col{display:grid;gap:12px;align-content:start;min-width:0}
.qa .q{display:flex;align-items:center;gap:12px;width:100%;text-align:right;padding:16px 16px 16px 14px;font-weight:800;font-size:16px;line-height:1.7}
.qa .q span{flex:1}
.qa .q i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:0 3px 0 color-mix(in srgb,var(--gold) 50%,transparent);transition:transform .45s var(--ease)}
.qa .q i svg{width:15px;height:15px;stroke:var(--ink);stroke-width:2.3;transform:rotate(90deg)}
.qa.open .q i{transform:rotate(180deg)}
.qa .a p{padding:0 16px 16px 16px;line-height:2;font-weight:500;color:var(--mut)}
@media (max-width:860px){.fq-cols{grid-template-columns:1fr}.fq-col{gap:12px}}
/* ═════ تماس ═════ */
.val{margin-top:8px}
.val.sm{font-size:19px}
.lt{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:var(--ff)}
.copy{font-weight:800}
.alt{font-weight:700;color:var(--ind);background:var(--indbg);border:1px solid var(--indbd);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 0 var(--indbd)}
.alt:hover{transform:translateY(-2px)}.alt:active{transform:translateY(3px);box-shadow:none}
.crow .copy,.crow .alt{height:46px;box-sizing:border-box}
.crow{align-items:center}
.ct-note b{font-weight:900;color:var(--ink)}
.soc small.lt{display:block}
/* کارت بازدید */
.visit{margin-top:clamp(20px,3vw,34px);padding:clamp(18px,2.6vw,28px)}
.visit-h{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.visit-h h3{font-size:clamp(19px,2.2vw,23px);font-weight:900}
.visit-h p{color:var(--mut);font-weight:600;font-size:15px;margin-top:2px}
.visit-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.vt{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,var(--g1),var(--g2));border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge)}
.vt b{display:block;font-weight:900;font-size:15.5px}.vt span{display:block;color:var(--mut);font-weight:600;font-size:14px;line-height:1.7;margin-top:2px}
.vt.ok{border-color:rgba(22,163,74,.45)}.vt.ok span{color:#15803D;font-weight:800}
:root[data-theme=dark] .vt.ok span{color:#4ADE80}
.visit-note{margin-top:16px;color:var(--mut);font-weight:600;line-height:2;font-size:15px}
@media (max-width:1100px){.visit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.visit-grid{grid-template-columns:1fr}}
/* ═════ توست ═════ */
.toast{background:linear-gradient(135deg,#1B2A55,#0F1B33)!important;color:#fff!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:0 14px 34px rgba(0,0,0,.45)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:140}
.toast svg{stroke:#4ADE80}
/* ═════ دکمه‌های بالا/پایین صفحه ═════ */
.totop{display:none}
.fabs{position:fixed;z-index:60;left:max(var(--gut),env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:50px;height:50px}
.fab{position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;color:#2A1A00;background:linear-gradient(135deg,#F6D582,#C98F2B);border:1px solid rgba(255,255,255,.55);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 5px 0 #946414,0 14px 22px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(14px) scale(.85);transition:opacity .3s,transform .4s var(--ease),box-shadow .2s}
.fab svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.4;fill:none}
.fab.show{opacity:1;pointer-events:auto;transform:none}
.fab.show:hover{transform:translateY(-3px)}.fab.show:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 1px 0 #946414}
/* ═════ فوتر ═════ */
.foot-frame{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(8px,2.5vw,24px);width:min(560px,100%);padding:12px clamp(12px,4vw,26px);white-space:nowrap;font-size:clamp(13px,3.8vw,17px);flex-wrap:nowrap}
.f-brand{display:flex;align-items:center;gap:clamp(6px,2vw,12px);justify-self:start}
.f-nm,.f-yr{font-family:var(--ff);font-weight:900;background:linear-gradient(105deg,#8A5A12 0%,#C98F2B 30%,#FFF1B8 46%,#E2B44D 52%,#9A6A18 70%,#C98F2B 100%) 100% 0/260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shine 3.6s linear infinite}
.f-nm{justify-self:center;text-align:center}
.f-end{justify-self:end;display:flex;align-items:center;gap:8px;direction:rtl}
.f-c{font-family:var(--ff);font-weight:900;background:linear-gradient(105deg,#1b8f84 0%,#2FD6C2 28%,#F2FFFD 46%,#B7C6D2 54%,#2FD6C2 72%,#1b8f84 100%) 100% 0/260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:shine 3.6s linear infinite}
.foot-frame .tower>img{height:clamp(30px,8vw,40px);width:auto}
.foot-frame .lg-word{width:clamp(46px,14vw,64px);height:clamp(30px,8vw,40px)}
.foot{padding-bottom:84px}
/* ═════ لایت‌باکس: واکنش‌گرا، تمام‌صفحه، ویدیو ═════ */
.lb-media{position:relative;background:#050A1C}
.lb-full{position:absolute;z-index:4;right:10px;bottom:10px;width:44px;height:44px}
.lb-media img,.lb-media video{object-fit:contain;background:#050A1C}
.lb-media video{width:100%;height:100%}
@media (max-width:860px) and (orientation:portrait),(max-width:560px){
  .lb-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,46%) minmax(0,1fr);width:100%;height:100dvh;border-radius:0;border:0}
}
@media (orientation:landscape) and (max-height:560px){
  .lb{padding:0}
  .lb-panel{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:100dvh;border-radius:0;border:0}
  .lb-info{padding:52px 16px 16px}
  .lb-close{top:8px}
}
.lb.fs{padding:0}
.lb.fs .lb-panel{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;width:100vw;height:100dvh;border-radius:0;border:0;background:#000}
.lb.fs .lb-info,.lb.fs .lb-badge{display:none}
.lb.fs .lb-close{top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px))}
.lb.fs .lb-full svg{transform:none}
.mob{background:color-mix(in srgb,var(--bg) 94%,transparent)}
.lb-nav{position:sticky;bottom:0;margin-top:14px;padding:14px 0 calc(6px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,var(--bg) 40%);justify-content:space-between}
.lb-nav .cnt{font-weight:800}
.lb-info{padding-bottom:0}

/* ═════ نمونه‌کارها: ستون‌های هم‌عرض با ارتفاع متغیر ═════ */
.grid{display:flex;align-items:flex-start;gap:16px;grid-template-columns:none}
.mc{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.tile .im{aspect-ratio:auto;background:var(--card)}
.tile .im img{display:block;width:100%;height:100%;object-fit:cover}
.tile.dw .im{background:var(--card)}.tile.dw img{object-fit:cover}
.tile .pl{top:calc(50% - 28px)}
.more{display:flex;justify-content:center;align-items:center;width:100%;margin-top:30px}
.more[hidden]{display:none}
.more .cta{margin-inline:auto}
@media (max-width:620px){.grid,.mc{gap:10px}}

/* ═════ لایت‌باکس: رسانه‌ی تمام‌قاب + کنترل‌های اختصاصی ═════ */
.lb-media{position:relative;display:block;background:#050A1C;overflow:hidden}
.lb-media .lb-el{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;background:transparent}
.lb-media .lb-full-img{opacity:0;transition:opacity .35s}
.lb-media.ld .lb-full-img{opacity:1}
.lb-media.ld .lb-ph{opacity:0;transition:opacity .35s .1s}
.lb-media video.lb-el{cursor:pointer;z-index:1}
.lb-media .lb-badge{z-index:3}
.lb-full{z-index:4}.lb-full[hidden]{display:none}
.vc{position:absolute;z-index:4;left:10px;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:18px;direction:ltr;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.4)}
.vb{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#2A1A00;background:linear-gradient(135deg,var(--gold2),#C98F2B);box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 3px 0 #946414;transition:transform .2s}
.vb svg{width:20px;height:20px;stroke:none}
.vb:active{transform:translateY(3px);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 0 0 #946414}
.vm,.vf{color:#fff;background:rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.vf svg{stroke:currentColor;fill:none}
.vtm{flex:none;direction:ltr;unicode-bidi:isolate;min-width:38px;font-size:12.5px;font-weight:700;text-align:center;color:#fff;font-variant-numeric:tabular-nums}
.vs{position:relative;flex:1;min-width:40px;height:30px;cursor:pointer;touch-action:none;outline:0}
.vs::before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;margin-top:-3px;border-radius:6px;background:rgba(255,255,255,.28)}
.vpg{position:absolute;left:0;top:50%;height:6px;margin-top:-3px;width:0;border-radius:6px;background:linear-gradient(90deg,var(--gold2),#C98F2B)}
.vbuf{display:none}
.vk{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.5),0 0 0 3px rgba(226,180,77,.6);left:0}
.vs:focus-visible .vk{box-shadow:0 0 0 4px var(--gold)}
.lb.fs .lb-media .lb-el{object-fit:contain}
.lb.fs .vc{left:calc(14px + env(safe-area-inset-left,0px));right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px))}
.lb.fs .lb-full{bottom:calc(14px + env(safe-area-inset-bottom,0px));right:14px}
.lb.fs .lb-panel{position:fixed;inset:0;width:100%;height:100%;animation:none;transform:none}
@media (max-width:620px){.vtm{display:none}.vc{gap:6px;padding:6px 8px}.vb{width:36px;height:36px}}

/* ═════ نسبت یکسان آیکن و جعبه در همه‌ی چیپ‌ها و دکمه‌ها ═════ */
.sec-tag,.kick{padding:8px 8px 8px 20px;gap:12px;align-items:center}
.sec-tag svg,.kick svg{width:38px;height:38px;padding:8px;border-radius:12px}
.pill{padding:8px 20px}
.fq-nav{position:sticky;top:calc(var(--hd) + 14px);z-index:35;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:8px;margin-inline:0;border-radius:26px;scrollbar-width:none;
  background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid var(--gbd);box-shadow:inset 0 1px 0 var(--gedge),var(--gsh);-webkit-backdrop-filter:blur(16px) saturate(1.7);backdrop-filter:blur(16px) saturate(1.7)}
.fq-nav::-webkit-scrollbar{display:none}
.fq-nav .pill{flex:none;min-height:0;height:auto;padding:8px 18px 8px 8px;gap:10px;font-size:14.5px;border-radius:999px}
.fq-nav .pill svg{width:36px;height:36px;padding:8px;border-radius:12px;flex:none}
.fq-nav .pill.on svg{stroke:#2A1A00;background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.7)}
.fq-cat{scroll-margin-top:calc(var(--hd) + 100px)}
@media (min-width:1100px){.fq-nav{justify-content:safe center}}
.fq-h .ictile{width:46px;height:46px}
.fq-h .ictile svg{width:28px;height:28px}
.pod-act .btn-call{flex:1;justify-content:center}
@media (min-width:981px){.pod-act{min-width:204px}}

/* انتقال شب و روز: صفحه‌ی تم جدید داخل دایره‌ی در حال باز شدن دیده می‌شود */
.no-tr *,.no-tr *::before,.no-tr *::after{transition:none!important}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;display:block}
::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:2}
::view-transition-group(root){animation:none}
::view-transition-image-pair(root){animation:none;isolation:auto}
html{view-transition-name:root}

/* ═════ نوارهای افقی ═════ */
.pills{padding-block:6px;margin-top:-6px;margin-bottom:16px}
@media (max-width:980px){.pills{flex-wrap:nowrap;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut)}.pills .pill{flex:none;min-height:46px}.fq-nav .pill{min-height:50px}}
/* ═════ نوارهای افقی: کشیدن با ماوس و لمس راحت ═════ */
.fq-nav,.pills{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
.fq-nav::-webkit-scrollbar,.pills::-webkit-scrollbar{display:none}
.fq-nav .pill,.pills .pill{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}
.fq-nav svg,.pills svg{pointer-events:none}
@media (hover:hover){.fq-nav.drag-on,.pills.drag-on{cursor:grab}.fq-nav.dragging,.pills.dragging{cursor:grabbing}.dragging .pill{pointer-events:none}}
@media (pointer:coarse){.fq-nav .pill,.pills .pill{min-height:48px}.fq-nav{padding:8px 10px}}

/* ═════ نسخه‌ی موبایل: هدر جمع‌شونده، همبرگر وسط‌چین، برخورد لمس ═════ */
.orb span,.orb span::before,.orb span::after{pointer-events:none}
.orb:hover{transform:none}
.strip.min,.strip.min *{pointer-events:none!important}
.strip{visibility:visible;transition:opacity .5s var(--ease),transform .6s var(--ease),visibility 0s}
.strip.min{visibility:hidden;opacity:0;transform:translateY(-18px) scale(.94);transition:opacity .45s var(--ease),transform .55s var(--ease),visibility 0s linear .55s}
.fq-nav{z-index:60}
.burger i{top:50%!important;margin-top:-1.2px}
.burger i:nth-child(1){transform:translateY(-7px)}
.burger i:nth-child(2){transform:none}
.burger i:nth-child(3){transform:translateY(7px)}
.burger[aria-expanded=true] i:nth-child(1){transform:rotate(45deg)}
.burger[aria-expanded=true] i:nth-child(2){opacity:0}
.burger[aria-expanded=true] i:nth-child(3){transform:rotate(-45deg)}
@media (max-width:620px){
  .top.sm .pod-act{min-width:0}
  .top.sm .btn-call{flex:none;padding:0 11.5px;gap:0}
  .top.sm .btn-call span{max-width:0;opacity:0}
  .top.sm .pod-act{gap:8px}
  .orb.min{width:42px;height:42px}
}
html.all-vis .sec{content-visibility:visible}
.strip-in .who{flex:none}
.folio{flex:0 1 var(--aw,auto);width:auto;max-width:var(--aw,100%);min-width:0}
.fl-t{overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px){.strip-in{padding-inline-start:62px}}

.btn-call span{display:inline-block;overflow:hidden;white-space:nowrap;max-width:160px;opacity:1;transition:max-width .5s var(--ease),opacity .3s}
.btn-call{transition:padding .5s var(--ease),gap .5s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.pod-act{transition:none}