/* Seemerce light navigation — shared by Persian RTL and English LTR. */
.site-head .nav-sub-panel.nav-light {
 --nav-panel-bg:rgba(255,255,255,.94);
 box-sizing:border-box; width:min(1120px,calc(100vw - 48px)); max-width:calc(100vw - 48px);
 grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; align-items:start;
 gap:16px 20px; padding:20px; border-radius:24px;
 background:var(--nav-panel-bg); border:1px solid rgba(24,48,80,.10); outline:0;
 -webkit-backdrop-filter:blur(24px) saturate(130%); backdrop-filter:blur(24px) saturate(130%);
 box-shadow:0 24px 64px -24px rgba(18,40,75,.24),0 4px 14px rgba(18,40,75,.035);
 max-height:calc(100dvh - 112px); overflow:auto; overscroll-behavior:contain;
 scrollbar-width:thin; scrollbar-color:#cbd3df transparent;
 animation:navSubIn 180ms cubic-bezier(.2,0,0,1) forwards; opacity:1;
}
.site-head .nav-light.cols-2 { width:min(780px,calc(100vw - 48px)); grid-template-columns:repeat(2,minmax(0,1fr)); }
.site-head .nav-light.cols-1 { width:min(420px,calc(100vw - 48px)); grid-template-columns:minmax(0,1fr); }
.site-head .nav-light > .nav-sub-col { display:block; grid-row:auto; min-width:0; padding:0; margin:0; }
.site-head .nav-light .nav-sub-col h4 {
 display:block; margin:0 8px 8px; padding:0; border:0; color:#657084;
 font-size:14px; font-weight:500; line-height:1.6; text-transform:none; letter-spacing:0; word-spacing:normal;
}
.site-head .nav-light .nav-sub-col a {
 display:flex; align-items:center; gap:12px; width:100%; max-width:none; box-sizing:border-box;
 min-height:68px; padding:6px 8px; margin:0; border-radius:20px;
 text-decoration:none; white-space:normal; color:#1e293b; box-shadow:none;
 font-size:16px; font-weight:500; line-height:1.4; word-spacing:normal; letter-spacing:0;
 transition:background-color 160ms ease,color 160ms ease; transform:none;
}
.site-head .nav-light .nav-sub-col a:hover { background:rgba(0,35,102,.045); color:#002366; transform:none; }
.site-head .nav-light .nav-sub-col a[aria-current="page"] { background:#edf3fc; color:#002366; }
.site-head .nav-light .nav-sub-col a:focus-visible,
.site-head .nav-light-cta:focus-visible,
.site-head .nav-sub > summary:focus-visible { outline:2px solid #2455a2; outline-offset:3px; }
.site-head .nav-light-icon {
 display:flex; align-items:center; justify-content:center; flex:0 0 56px;
 width:56px; height:56px; box-sizing:border-box; border-radius:18px;
 background:rgba(249,251,254,.75); border:1px solid rgba(0,35,102,.10); color:#002366;
}
.site-head .nav-light-icon > :is(svg,img,.si,.lfi,.i) {
 display:block; flex:none; width:30px; height:30px; padding:0; margin:0;
 object-fit:contain; border:0; border-radius:0; background:none; box-shadow:none; opacity:1; transform:none;
}
.site-head .nav-light-copy { display:block; min-width:0; }
.site-head .nav-light-label { display:block; font-size:16px; font-weight:550; line-height:1.5; text-wrap:pretty; }
.site-head .nav-light-description { display:block; margin-top:2px; color:#657084; font-size:12px; font-weight:400; line-height:1.55; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
[dir="rtl"] .site-head .nav-light-description { font-size:12.5px; line-height:1.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.site-head .nav-light-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; grid-column:1/-1; min-width:0; }
.site-head .nav-light-intro p { margin:0; color:#1e293b; font-size:23px; font-weight:550; line-height:1.5; }
.site-head a.nav-light-cta { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:44px; padding:8px 18px; border:1px solid #dce2eb; border-radius:999px; font-size:14px; font-weight:500; color:#253653; background:transparent; white-space:nowrap; }
.site-head a.nav-light-cta:hover { background:#f0f4fa; }
.site-head .nav-light .nav-search { grid-column:1/-1; grid-row:auto; margin:0; min-height:44px; padding:8px 14px; border:1px solid #dce2eb; border-radius:12px; background:rgba(247,249,252,.85); }
.site-head .nav-light .nav-search-in { font-size:14px; }
.site-head .nav-light .nav-sub-col.is-empty,
.site-head .nav-light .nav-sub-col a.is-hidden { display:none; }
.site-head .nav-light-empty { grid-column:1/-1; margin:0; padding:18px 8px; color:#657084; font-size:14px; }
.site-head .nav-light-empty[hidden] { display:none; }
.site-head .nav-light.brand-panel { width:min(650px,calc(100vw - 32px)); padding:24px; gap:24px; }
.site-head .nav-light.brand-panel .nav-light-icon { width:44px; height:44px; flex-basis:44px; border-radius:13px; }
.site-head .nav-light.brand-panel .nav-light-icon > :is(svg,img) { width:26px; height:26px; }
.site-head .nav-light.brand-panel .nav-sub-col a { min-height:60px; }
.site-head .nav-light.brand-panel .nav-light-label { font-size:14px; }
@media(min-width:1500px) {
 .site-head .nav-light.svc-panel { width:1340px; grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1199px) {
 .site-head .nav-sub-panel.nav-light { position:static; width:100%; max-width:100%; max-height:none; overflow:visible; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; padding:20px 12px; margin:8px 0 16px; border-radius:18px; box-shadow:none; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none; }
 .site-head .nav-light-intro { display:none; }
 .site-head .nav-brand-sub .nav-light.brand-panel { position:absolute; top:calc(100% + 8px); left:50%; translate:-50% 0; width:min(600px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 100px); overflow:auto; padding:20px; background:#fff; box-shadow:0 20px 50px -20px rgba(18,40,75,.22); }
}
@media(max-width:600px) {
 .site-head .nav-sub-panel.nav-light { grid-template-columns:minmax(0,1fr); gap:24px; padding:16px 6px; }
 .site-head .nav-light .nav-sub-col a { min-height:68px; padding:8px; }
 .site-head .nav-light-icon { width:44px; height:44px; flex-basis:44px; border-radius:14px; }
 .site-head .nav-light-icon > :is(svg,img,.si,.lfi,.i) { width:24px; height:24px; }
 .site-head .nav-light-label { font-size:15px; }
 .site-head .nav-brand-sub .nav-light.brand-panel { grid-template-columns:minmax(0,1fr); }
}
@supports not ((backdrop-filter:blur(24px)) or (-webkit-backdrop-filter:blur(24px))) { .site-head .nav-sub-panel.nav-light { background:#fff; } }
@media(prefers-reduced-motion:reduce) { .site-head .nav-sub-panel.nav-light { animation:none; } .site-head .nav-light .nav-sub-col a { transition:none; } }

.site-head .nav-light.brand-panel .nav-sub-col a { min-height:58px; padding:6px 8px; }
.site-head .nav-light.brand-panel .nav-light-label { font-size:14px; font-weight:600; line-height:1.35; }
.site-head .nav-light.brand-panel .nav-light-description { font-size:11.5px; line-height:1.45; margin-top:2px; color:#657084; }
[dir="rtl"] .site-head .nav-light.brand-panel .nav-light-description { font-size:12px; line-height:1.6; }

/* See marks optical-size refinement */
@media (min-width:781px) {
 .site-head .nav-light.brand-panel .nav-light-icon {width:56px;height:56px;flex-basis:56px;border-radius:18px;}
 .site-head .nav-light.brand-panel .nav-light-icon > .nav-see-icon {width:34px;height:34px;}
 .site-head .nav-light.brand-panel .nav-sub-col a {min-height:72px;}
}
.site-head .nav-light-icon > .nav-see-icon {shape-rendering:geometricPrecision;}

/* Compact bilingual menus: retain the full framed icon and readable type. */
.site-head .nav-light-toolbar { grid-column:1/-1; display:grid; grid-template-columns:auto minmax(160px,1fr) auto; align-items:center; gap:16px; min-width:0; }
.site-head .nav-light-toolbar .nav-light-intro { display:contents; }
.site-head .nav-light-toolbar .nav-light-intro p { grid-column:1; grid-row:1; font-size:20px; }
.site-head .nav-light-toolbar .nav-light-cta { grid-column:3; grid-row:1; gap:12px; }
.site-head .nav-light-toolbar .nav-search { grid-column:2; grid-row:1; min-width:0; width:100%; box-sizing:border-box; }
.site-head .nav-light-toolbar .nav-search-in { min-width:0; width:100%; }
.site-head .nav-light-toolbar:not(:has(.nav-search)) { grid-template-columns:1fr auto; }
.site-head .nav-light-toolbar:not(:has(.nav-search)) .nav-light-cta { grid-column:2; }
.site-head .nav-light-switch { grid-column:1/-1; display:flex; gap:6px; width:fit-content; padding:4px; border:1px solid #dce2eb; border-radius:12px; background:#f6f8fc; }
.site-head .nav-light-switch[hidden] { display:none; }
.site-head .nav-light-switch button { appearance:none; border:0; border-radius:8px; padding:7px 16px; min-height:36px; background:transparent; color:#526078; font:inherit; font-size:14px; font-weight:550; cursor:pointer; }
.site-head .nav-light-switch button[aria-pressed="true"] { background:#fff; color:#002366; box-shadow:0 1px 5px rgba(18,40,75,.10); }
.site-head .nav-light-switch button:focus-visible { outline:2px solid #2455a2; outline-offset:2px; }
.site-head .nav-light .nav-sub-col.is-group-hidden { display:none; }
@media(min-width:1200px) {
 .site-head .nav-light.svc-panel { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1199px) {
 .site-head .nav-sub-panel.nav-light { gap:16px; padding:16px 12px; }
 .site-head .nav-light-toolbar { display:block; }
 .site-head .nav-light-toolbar .nav-light-intro { display:none; }
}
@media(max-width:600px) {
 .site-head .nav-sub-panel.nav-light { gap:16px; padding:12px 6px; }
 .site-head .nav-light:not(.brand-panel) .nav-light-icon { width:56px; height:56px; flex-basis:56px; border-radius:18px; }
 .site-head .nav-light:not(.brand-panel) .nav-light-icon > :is(svg,img,.si,.lfi,.i) { width:30px; height:30px; }
}

.site-head .nav-light-label { display:flex; flex-wrap:nowrap; align-items:baseline; gap:0 6px; min-width:0; }
.site-head .nav-light-topic { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.site-head .nav-light-brand { font-size:12px; font-weight:500; color:#657084; white-space:nowrap; flex-shrink:0; }

/* Apply the same compact layout to every navigation panel. */
@media(min-width:1200px) {
 .site-head .nav-light.nav-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
 .site-head .nav-light.ads-panel:has([data-nav-group="market"][aria-pressed="true"]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.site-head .nav-light.brand-panel { padding:20px; gap:16px 20px; }
.site-head .nav-light.nav-about-panel { width:min(780px,calc(100vw - 32px)); }
.site-head .nav-light.brand-panel .nav-light-toolbar { grid-template-columns:auto minmax(120px,1fr); }
.site-head .nav-light.brand-panel .nav-light-toolbar .nav-search { grid-column:2; }
.site-head .nav-light.brand-panel .nav-sub-col a { min-height:68px; padding:6px 8px; }
.site-head .nav-light.brand-panel .nav-light-label { font-size:16px; font-weight:550; line-height:1.5; }
.site-head .nav-light.brand-panel .nav-light-description { font-size:12px; line-height:1.55; }
[dir="rtl"] .site-head .nav-light.brand-panel .nav-light-description { font-size:12.5px; line-height:1.8; }
@media(max-width:1199px) {
 .site-head .nav-brand-sub .nav-light.brand-panel { gap:16px; padding:16px; }
 .site-head .nav-light.brand-panel .nav-light-toolbar { display:block; }
}
@media(max-width:780px) {
 .site-head .nav-light.brand-panel .nav-light-icon { width:56px; height:56px; flex-basis:56px; border-radius:18px; }
 .site-head .nav-light.brand-panel .nav-light-icon > :is(svg,img,.si,.lfi,.i) { width:30px; height:30px; }
}
@media(max-width:600px) {
 .site-head .nav-light.brand-panel .nav-light-label { font-size:15px; }
}

/* Three-tab switch (Services / Platforms) must fit a phone: tabs share the row. */
@media(max-width:600px) {
 .site-head .nav-light-switch { width:100%; box-sizing:border-box; }
 .site-head .nav-light-switch button { flex:1 1 0; min-width:0; padding:7px 5px; white-space:nowrap; }
}

/* ۱۴۰۵/۰۷/۲۱ (خواستهٔ مالک): منوی «حساب و زبان» چهار ستون هم‌قد مثل منوی خدمات
   (حساب | پنل‌های خدمات | پنل‌های پلتفرم‌ها | زبان)، و پنل «اکوسیستم» به اندازهٔ محتوایش
   زیر خود آیتم، نه پهن وسط صفحه. */
@media(min-width:1200px) {
 .site-head .nav-light.nav-account-panel:has(.nav-sub-col ~ .nav-sub-col ~ .nav-sub-col ~ .nav-sub-col) { width:min(1180px,calc(100vw - 32px)); grid-template-columns:repeat(4,minmax(0,1fr)); }
 .site-head .nav-light.eco-panel { width:min(820px,calc(100vw - 32px)); }
}

/* ۱۴۰۵/۰۷/۲۲ (خواستهٔ مالک، fa+en): تب «اکوسیستم خدمات» مثل منوی محصولات x.ai؛ فهرست
   یک سو، تصویرِ بزرگِ Seemerce Infinity سوی دیگر. فقط دسکتاپ؛ تصویر lazy است و تا باز شدنِ
   منو دانلود نمی‌شود. با تب «مقایسه» همراهِ ستونِ خودش پنهان می‌شود (is-group-hidden). */
.site-head .nav-eco-visual { display:none; }
@media(min-width:1200px) {
 .site-head .nav-light.eco-panel:has(.nav-eco-visual:not(.is-group-hidden)) { width:min(1040px,calc(100vw - 32px)); grid-template-columns:minmax(260px,1fr) minmax(0,1.618fr); }
 .site-head .nav-light.eco-panel .nav-eco-visual:not(.is-group-hidden) { display:block; grid-column:2; grid-row:span 3; align-self:stretch; min-height:233px; padding:0; border:0; border-radius:16px; overflow:hidden; background:none; }
 .site-head .nav-eco-visual .rise-banner-photo { margin:0; height:100%; border-radius:0; }
 .site-head .nav-eco-visual img { width:100%; height:100%; aspect-ratio:auto; object-fit:cover; object-position:58% 50%; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
 .site-head .nav-eco-visual:hover img { transform:scale(1.02); }
}
@media(prefers-reduced-motion:reduce) { .site-head .nav-eco-visual img { transition:none; } }

/* Explicit disclosure visibility prevents closed panels intercepting clicks.
   Keep native details/summary usable even if enhancement scripts are unavailable. */
.site-head .nav-sub:not([open]) > .nav-sub-panel { display:none !important; }
.site-head .nav-sub[open] { z-index:100; }
.site-head .nav-sub[open] > .nav-sub-panel {
 display:grid !important;
 visibility:visible !important;
 opacity:1 !important;
 pointer-events:auto !important;
}
.site-head .nav-sub > summary * { pointer-events:none; }
.site-head .nav-sub-panel.nav-light { max-height:calc(100vh - 112px); max-height:calc(100dvh - 112px); }
@media(min-width:1200px) {
 .site-head .nav-light.ads-panel.nav-market-active { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-head .nav-light.eco-panel.nav-ecosystem-active { width:min(1040px,calc(100vw - 32px)); grid-template-columns:minmax(260px,1fr) minmax(0,1.618fr); }
}
@media(max-width:1199px) {
 .site-head .nav-menu .nav-sub-panel.nav-light { max-height:none; }
 .site-head .nav-brand-sub .nav-sub-panel.nav-light { max-height:calc(100vh - 100px); max-height:calc(100dvh - 100px); }
}


/* Keep the brand mark alone in the phone header; both brand panels live in
   the same scrollable hamburger list as the main navigation. */
.nav-mobile-brand-label { display:none; }
@media(max-width:1199px) {
 .site-head .nav-menu .nav-mobile-brand-entry .nav-brand-sub { position:relative; }
 .site-head .nav-menu .nav-mobile-brand-entry .brand-dot {
  display:flex; align-items:center; gap:10px; width:100%; height:auto; min-height:48px;
  padding:13px; border:0; border-radius:var(--r-sm); color:var(--text-2);
  background:transparent; box-shadow:none; font-size:1rem; font-weight:600;
 }
 .site-head .nav-menu .nav-mobile-brand-entry .brand-dot:hover,
 .site-head .nav-menu .nav-mobile-brand-entry .nav-brand-sub[open] > .brand-dot {
  color:var(--sky); background:var(--surface-2);
 }
 .site-head .nav-menu .nav-mobile-brand-entry .brand-dot > i { display:none; }
 .site-head .nav-menu .nav-mobile-brand-entry .nav-mobile-brand-label { display:inline; }
 .site-head .nav-menu .nav-mobile-brand-entry .nav-sub > .brand-dot::after {
  content:''; display:block; width:8px; height:8px; flex:none; margin-inline-start:auto;
  background-color:currentColor; opacity:.55;
  -webkit-mask:var(--chev) center / 10px 10px no-repeat;
  mask:var(--chev) center / 10px 10px no-repeat;
 }
 .site-head .nav-menu .nav-mobile-brand-entry .nav-brand-sub[open] > .brand-dot::after { transform:rotate(180deg); }
 .site-head .nav-menu .nav-mobile-brand-entry .nav-light.brand-panel {
  position:static; top:auto; left:auto; translate:none; width:100%; max-width:100%;
  max-height:none; overflow:visible; margin:8px 0 16px; padding:16px 12px;
  background:#fff; border:1px solid var(--border); box-shadow:none;
 }
}

/* 2026-10-28: an open menu must sit above every page layer (account sidebar 130, cookie box 140). */
.site-head:has(.nav-sub[open]) { z-index:1000; }

/* Ecosystem menu (owner request 2026-10-29): every product shows as a filled app icon — its brand mark drawn
   white on a navy rounded tile, like SeeInfinity. The white marks are versioned files in assets/nav-app/, so an
   older copy of a logo in someone's browser cache can never show through. Persian and English share this file. */
.site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"], > img[src*="odyssey-nav.svg"], > img[src*="agape-nav.svg"], > img[src*="seecraft-logo.svg"], > svg[data-see-brand="SeeLab"]) { position:relative; isolation:isolate; }
.site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"], > img[src*="odyssey-nav.svg"], > img[src*="agape-nav.svg"], > img[src*="seecraft-logo.svg"], > svg[data-see-brand="SeeLab"])::before {
 content:""; position:absolute; inset:5px; z-index:-1; border-radius:13px;
 background:linear-gradient(160deg,#1a4fae 0%,#0b3a8f 40%,#002366 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28), inset 0 -1px 0 rgba(0,0,0,.2), 0 6px 14px -8px rgba(0,26,77,.65);
}
.site-head .nav-light-icon > img:is([src*="/seemersion/logos/seemersion.svg"], [src*="odyssey-nav.svg"], [src*="agape-nav.svg"], [src*="seecraft-logo.svg"]) { visibility:hidden; }
.site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"], > img[src*="odyssey-nav.svg"], > img[src*="agape-nav.svg"], > img[src*="seecraft-logo.svg"])::after {
 content:""; position:absolute; inset:5px; background:center / 88% no-repeat;
}
.site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"])::after { background-image:url(/tpl/rgb/assets/nav-app/seemersion.svg?v=20261029); }
.site-head .nav-light-icon:has(> img[src*="odyssey-nav.svg"])::after { background-image:url(/tpl/rgb/assets/nav-app/odyssey.svg?v=20261029); }
.site-head .nav-light-icon:has(> img[src*="agape-nav.svg"])::after { background-image:url(/tpl/rgb/assets/nav-app/agape.svg?v=20261029); }
.site-head .nav-light-icon:has(> img[src*="seecraft-logo.svg"])::after { background-image:url(/tpl/rgb/assets/nav-app/seecraft.svg?v=20261029); background-size:82%; }
.site-head .nav-light-icon > svg[data-see-brand="SeeLab"] { color:#fff; width:26px; height:26px; }
@media (max-width:600px) {
 .site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"], > img[src*="odyssey-nav.svg"], > img[src*="agape-nav.svg"], > img[src*="seecraft-logo.svg"], > svg[data-see-brand="SeeLab"])::before,
 .site-head .nav-light-icon:has(> img[src*="/seemersion/logos/seemersion.svg"], > img[src*="odyssey-nav.svg"], > img[src*="agape-nav.svg"], > img[src*="seecraft-logo.svg"])::after { inset:4px; border-radius:11px; }
 .site-head .nav-light-icon > svg[data-see-brand="SeeLab"] { width:21px; height:21px; }
}