/* ============================================================
   SZD DESKTOP MEGA MENU (دور ۸۶) — scoped ≥992px only.
   ============================================================ */
/* دور ۹۵/۹۶: handwritten font for mega-menu labels + titles (locally hosted, Iran-safe) */
@font-face{ font-family:'DigiSarvenaz'; src:url('../fonts/szd/digi-sarvenaz.ttf') format('truetype'); font-weight:400 900; font-display:swap; }

@media (min-width: 992px) {

  /* ---- bring the megamenu containers back (szd-components hides them) ---- */
  section#top_extra,
  #top_extra_container,
  .st_mega_menu_container { display: block !important; }
  /* دور ۱۰۱: border-top removed — it was the «line» between the search row and the
     mega-menu. The gradient already starts white, so the header flows in seamlessly. */
  section#top_extra { background: linear-gradient(180deg, #FFFFFF 0%, #FFF7FB 100%) !important; border-top: 0; border-bottom: 1px solid #F2DEE9; box-shadow: 0 10px 24px rgba(224, 86, 139, .055); position: relative; z-index: 60; }
  #top_extra .container { max-width: 1320px; margin: 0 auto; float: none; }

  /* ---- دور ۹۴: desktop header harmonisation (pastel) + ticker moved below mega-menu ---- */
  .szd-utility-bar { background: linear-gradient(90deg, #FFF1F7, #FDF0F6 55%, #FFF4EF) !important; border-bottom: 1px solid #F7E6EF !important; }
  header.szd-hdr--desk { background: #fff !important; }
  /* ticker (now under the mega-menu) — soft pastel strip, gentle separation */
  body.szd-tkr-moved #st_header .szd-tkr { background: linear-gradient(90deg, #FFF6FA, #FDEFF5) !important; border-top: 1px solid #F6E5EE; border-bottom: 1px solid #F2DEE9; margin: 0 !important; }

  /* the plain mobile-era link strip steps aside on desktop */
  .szd-nav__row { display: none !important; }

  /* ---- menu bar: icon-on-top cards (NEW Higgsfield icon set, دور ۹۰) ----
     Replaces the old menu.png sprite. Each item gets a soft-3D pastel icon
     with a خاموش (muted, at rest) → روشن (full colour + lift) two-state. */
  #st_mega_menu_wrap, #st_mega_menu_wrap ul.st_mega_menu,
  #st_mega_menu_wrap li.ml_level_0, #st_mega_menu_wrap a.ma_level_0 { height: auto !important; }
  #st_mega_menu_wrap ul.st_mega_menu { display: flex !important; justify-content: space-between; align-items: center; min-height: 0 !important; gap: 2px; }
  #st_mega_menu_wrap li.ml_level_0 { float: none !important; flex: 1 1 0; }
  #st_mega_menu_wrap a.ma_level_0 {
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    font-family: 'DigiSarvenaz', 'Vazirmatn', Tahoma, sans-serif !important;
    font-size: 11.5px; font-weight: 400; color: #3D2C2E !important;
    margin: 0 !important; padding: 14px 6px 14px !important; position: relative;
    text-align: center; line-height: 1.35;
    white-space: nowrap; transition: color .25s;
  }
  /* the theme pushes the link down with a ~104px margin-top (old layout) — kill it */
  #st_mega_menu_wrap a.ma_level_0.is_parent { margin-top: 0 !important; }
  #st_mega_menu_wrap .ma_level_0 > i[class^="fto-"] { display: none; } /* old mini fontello icons */

  /* the icon — was an absolute sprite cell; now an in-flow image, خاموش by default */
  #st_mega_menu_wrap a.ma_level_0::before {
    content: "" !important; position: static !important; display: block !important;
    width: 56px !important; height: 56px !important; margin: 0 !important; top: auto !important; left: auto !important; right: auto !important;
    background-repeat: no-repeat !important; background-position: center center !important; background-size: contain !important;
    filter: saturate(.3) brightness(.99) opacity(.82); /* خاموش — calm, unlit */
    transition: transform .42s cubic-bezier(.34, 1.56, .64, 1), filter .35s ease;
  }
  /* per-category icons (st_ma id → category) */
  #st_mega_menu_wrap a#st_ma_39::before { background-image: url('/img/szd-menu/babybook.png')   !important; } /* کتاب نی‌نی */
  #st_mega_menu_wrap a#st_ma_42::before { background-image: url('/img/szd-menu/books.png')      !important; } /* کتاب کودک */
  #st_mega_menu_wrap a#st_ma_54::before { background-image: url('/img/szd-menu/brain.png')      !important; } /* بازی فکری */
  #st_mega_menu_wrap a#st_ma_57::before { background-image: url('/img/szd-menu/board.png')      !important; } /* بازی رومیزی */
  #st_mega_menu_wrap a#st_ma_64::before { background-image: url('/img/szd-menu/science.png')    !important; } /* علمی */
  #st_mega_menu_wrap a#st_ma_67::before { background-image: url('/img/szd-menu/lego.png')       !important; } /* لگو و ساختنی */
  #st_mega_menu_wrap a#st_ma_68::before { background-image: url('/img/szd-menu/craft.png')      !important; } /* کاردستی و خلاقیت */
  #st_mega_menu_wrap a#st_ma_69::before { background-image: url('/img/szd-menu/doll.png')       !important; } /* عروسک بازی */
  #st_mega_menu_wrap a#st_ma_70::before { background-image: url('/img/szd-menu/car.png')        !important; } /* ماشین بازی */
  #st_mega_menu_wrap a#st_ma_72::before { background-image: url('/img/szd-menu/roleplay.png')   !important; } /* نقش بازی */
  #st_mega_menu_wrap a#st_ma_10::before { background-image: url('/img/szd-menu/stationery.png') !important; } /* لوازم تحریر */

  /* روشن (hover): the icon lights up to full colour with a soft pink glow, lifts and pops */
  #st_mega_menu_wrap li.ml_level_0:hover > .ma_level_0 { color: #E0568B !important; }
  #st_mega_menu_wrap li.ml_level_0:hover > .ma_level_0::before {
    filter: saturate(1.12) brightness(1.06) drop-shadow(0 9px 13px rgba(224, 86, 139, .32)) !important;
    transform: translateY(-7px) scale(1.14) rotate(-3deg);
  }

  /* tiny pink dot under the hovered item */
  #st_mega_menu_wrap .ma_level_0::after { content: "" !important; display: block; width: 6px; height: 6px; border-radius: 50%; background: #E0568B; margin: 1px auto 0; opacity: 0; transform: scale(.4); transition: all .25s; }
  #st_mega_menu_wrap li.ml_level_0:hover > .ma_level_0::after { opacity: 1; transform: scale(1); }

  /* the «جدید» (new) tag — was a harsh red rectangle; make it a soft pink pill floating top-centre */
  #st_mega_menu_wrap .ma_level_0 .cate_label {
    position: absolute !important; top: 2px; left: 50%; transform: translateX(-50%);
    background: linear-gradient(135deg, #E0568B, #FF9CC0) !important; color: #fff !important;
    font-size: 9px !important; font-weight: 800 !important; line-height: 1 !important;
    padding: 3px 8px !important; border-radius: 999px !important; letter-spacing: .2px;
    box-shadow: 0 3px 8px rgba(224, 86, 139, .35) !important; white-space: nowrap; z-index: 2;
  }
  #st_mega_menu_wrap .ma_level_0 .cate_label::before,
  #st_mega_menu_wrap .ma_level_0 .cate_label::after { display: none !important; } /* drop the theme's little arrow */

  /* ---- دور ۹۴: animated WebM icons (JS-injected) replace the static sprite ----
     the old ::before sprite is hidden; a <video class="szd-mm-vid"> is the icon.
     transparent (VP9 alpha), NO box, fluid size by screen width, plays on hover. */
  #st_mega_menu_wrap a.ma_level_0::before { display: none !important; }
  #st_mega_menu_wrap .szd-mm-vid {
    display: block; width: clamp(72px, 5.4vw, 100px); height: clamp(72px, 5.4vw, 100px);
    object-fit: contain; background: transparent; margin: 0 auto; pointer-events: none;
    filter: drop-shadow(0 5px 6px rgba(150, 90, 110, .13));
    transition: transform .3s cubic-bezier(.34, 1.56, .64, 1);
  }
  #st_mega_menu_wrap li.ml_level_0:hover > .ma_level_0 .szd-mm-vid { transform: translateY(-4px); }
  #st_mega_menu_wrap a.ma_level_0 { gap: 4px !important; padding: 8px 6px 10px !important; }
  #st_mega_menu_wrap .ma_level_0 { font-size: 12.5px !important; }

  /* ---- T2: hide the leftover old PrestaShop header strip (empty 85px band) on desktop ---- */
  #header_primary { display: none !important; }

  /* ---- دور ۹۵ — C: handwritten label font under the mega-menu icons ---- */
  #st_mega_menu_wrap .ma_level_0,
  #st_mega_menu_wrap .ma_level_0 *,
  .szd-allcats { font-family: 'DigiSarvenaz', 'Vazirmatn', Tahoma, sans-serif !important; font-weight: 400 !important; font-size: 14px !important; letter-spacing: .2px; }

  /* ---- دور ۹۷: top promo = IMAGE banner (gouache bg) + big handwritten text overlay ---- */
  body.szd-promobar-on .szd-utility-bar { display: none !important; }
  /* دور ۹۹: no empty strip above (margin-top 7→0) + reduced height (84→56, pending final agreement) */
  /* دور ۱۰۵: full-bleed strip (was 1320 centered rounded card) — تمام‌صفحه + بدون گردیِ گوشه */
  .szd-promobar { position: relative; height: 56px; max-width: none; margin: 0 0 6px; overflow: hidden; direction: rtl;
    background: #FBEFE9; border-radius: 0; box-shadow: 0 2px 7px rgba(224,86,139,.08); }
  .szd-promobar__slide { position: absolute; inset: 0; display: block; text-decoration: none;
    background-repeat: no-repeat; background-position: left center; background-size: cover;
    opacity: 0; transition: opacity .7s ease; pointer-events: none; }
  .szd-promobar__slide.on { opacity: 1; pointer-events: auto; }
  /* readability scrim over the calm (text) side — text sits on the RIGHT (open sky) */
  .szd-promobar__slide::after { content: ""; position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(90deg, rgba(255,247,250,0) 34%, rgba(255,247,250,.6) 62%, rgba(255,248,251,.93) 100%); }
  /* دور ۱۰۰: animated video banner background (the fox-van Seedance loop), behind scrim+text */
  .szd-pb__vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; z-index: 0; pointer-events: none; background: #FBEFE9; }
  .szd-pb__txt { position: absolute; inset: 0; max-width: 1320px; margin: 0 auto; z-index: 2; display: flex; flex-direction: column;
    justify-content: center; align-items: flex-start; gap: 1px; padding: 0 clamp(28px, 3.5vw, 60px) 0 0; text-align: right; }
  .szd-pb__h { font-family: 'DigiSarvenaz', 'Vazirmatn', Tahoma, sans-serif; font-weight: 400;
    font-size: clamp(16px, 1.7vw, 23px); line-height: 1.02; color: #3D2C2E; }
  .szd-pb__h .szd-hl { color: #E0568B; text-shadow: 2px 2px 0 #FFCF5B, -1px -1px 0 #fff; }
  .szd-pb__sub { font-family: 'DigiSarvenaz', 'Vazirmatn', Tahoma, sans-serif; font-weight: 400;
    font-size: clamp(10px, 1vw, 13px); color: #7A5A62; margin-top: 1px; }
  /* دور ۱۰۰: animate the banner text — gentle float on the whole block + a soft glow pulse on «رایگان» */
  .szd-promobar .szd-pb__txt { animation: szdPbFloat 3.4s ease-in-out infinite; }
  .szd-promobar .szd-pb__h .szd-hl { display: inline-block; animation: szdPbGlow 2.2s ease-in-out infinite; }
  @keyframes szdPbFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2.5px); } }
  @keyframes szdPbGlow {
    0%,100% { text-shadow: 2px 2px 0 #FFCF5B, -1px -1px 0 #fff; transform: scale(1); }
    50%     { text-shadow: 2px 2px 0 #FFCF5B, -1px -1px 0 #fff, 0 0 9px rgba(224,86,139,.65); transform: scale(1.05); }
  }

  /* ---- B: «همهٔ دسته‌ها» drawer button (JS-injected as first bar item) + enable drawer on desktop ---- */
  #st_mega_menu_wrap li.szd-allcats-li { flex: 0 0 auto; }
  .szd-allcats { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    cursor: pointer; background: none; border: 0; color: #3D2C2E; padding: 8px 6px 10px; }
  .szd-allcats__img { width: clamp(72px, 5.4vw, 100px); height: clamp(72px, 5.4vw, 100px); object-fit: contain;
    filter: drop-shadow(0 5px 6px rgba(150, 90, 110, .13)); transition: transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  .szd-allcats:hover .szd-allcats__img { transform: translateY(-4px) scale(1.05); }
  body.szd-drawer-open .szd-drawer { display: flex !important; }
  body.szd-drawer-open .szd-drawer__backdrop { display: block !important; opacity: 1 !important; pointer-events: auto !important; }

  /* ---- C: smart sticky header (JS toggles body.szd-stuck on scroll) ---- */
  body.szd-stuck #st_header { position: fixed !important; top: 0 !important; left: 0; right: 0; height: auto !important; z-index: 500;
    box-shadow: 0 10px 26px rgba(176, 58, 110, .13); background: #fff; animation: szdHdrDrop .28s ease; }
  @keyframes szdHdrDrop { from { transform: translateY(-12px); opacity: .6; } to { transform: none; opacity: 1; } }
  body.szd-stuck .szd-utility-bar { display: none !important; }
  body.szd-stuck .szd-promobar { display: none !important; }
  body.szd-stuck #st_header .szd-tkr { display: none !important; }
  body.szd-stuck header.szd-hdr--desk { padding: 9px 0 8px !important; }
  body.szd-stuck section#top_extra { box-shadow: none; }
  body.szd-stuck #st_mega_menu_wrap .szd-mm-vid,
  body.szd-stuck .szd-allcats__ic { width: clamp(46px, 3.4vw, 60px) !important; height: clamp(46px, 3.4vw, 60px) !important; }
  body.szd-stuck #st_mega_menu_wrap a.ma_level_0 { padding: 4px 6px 6px !important; }

  /* ---- dropdown panel ---- */
  #st_mega_menu_wrap .stmenu_sub {
    border: 1px solid #F6E9EF !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 40px rgba(176, 58, 110, .13), 0 2px 8px rgba(0, 0, 0, .04) !important;
    background: #fff !important;
    padding: 26px 30px !important;
    /* دور — FIX «پنل باز می‌شه و فوری می‌پره / نمی‌شه رفت رو گزینه‌ها»:
       margin-top:8px یک شکافِ ۸pxِ غیرقابلِ‌هاور بینِ آیکون و پنل می‌ساخت؛ عبورِ موس از آن
       شکاف → li:hover قطع → پنل display:none → دیگه نمی‌شد به پنل رسید. شکاف را صفر کردیم
       (پنل مستقیم زیرِ نوار) + یک پلِ شفافِ ۱۰px روی خودِ نوار که هر درزِ زیرپیکسلی را هم پوشش می‌دهد. */
    margin-top: 12px !important;
    overflow: hidden;
  }
  /* hover-intent (JS toggles .szd-mm-keep): the 12px visual gap stays, but the panel
     no longer vanishes when the mouse crosses it — a 240ms close-delay bridges the gap. */
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; }
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub { animation: szdMmIn .26s cubic-bezier(.22, .8, .36, 1); }

  /* column headings (level-1) — pink with growing gradient underline */
  #st_mega_menu_wrap .mu_level_1 > li.ml_level_1 > a {
    font-size: 13px !important; font-weight: 800 !important; color: #B03A6E !important; line-height: 1.55 !important;
    display: inline-block; position: relative; padding: 0 2px 9px !important; margin-bottom: 8px;
  }
  #st_mega_menu_wrap .mu_level_1 > li.ml_level_1 > a::after {
    content: ""; position: absolute; right: 2px; bottom: 2px; height: 3px; width: 38px; border-radius: 3px;
    background: linear-gradient(90deg, #E0568B, #FFD96B);
    transform: scaleX(0); transform-origin: right; transition: transform .35s;
  }
  #st_mega_menu_wrap li.ml_level_0:hover .mu_level_1 > li.ml_level_1 > a::after { transform: scaleX(1); }

  /* level-2 links — soft rows with slide + chevron */
  #st_mega_menu_wrap .mu_level_2 li a, #st_mega_menu_wrap ul[class*="mu_level_"] li.ml_level_2 a {
    font-size: 12.5px !important; color: #5A4A4C !important; line-height: 1.5 !important;
    display: block; padding: 5px 10px !important; border-radius: 10px;
    transition: background .2s, color .2s, padding .2s;
  }
  #st_mega_menu_wrap .mu_level_2 li a:hover, #st_mega_menu_wrap ul[class*="mu_level_"] li.ml_level_2 a:hover {
    background: #FFF0F5; color: #E0568B !important; padding-right: 18px !important;
  }

  /* publisher / brand logos inside panels — soft cards */
  #st_mega_menu_wrap .stmenu_sub img { border-radius: 14px; border: 1px solid #F2E7E3; background: #fff; padding: 6px; transition: transform .25s, box-shadow .25s; }
  #st_mega_menu_wrap .stmenu_sub img:hover { transform: translateY(-4px); box-shadow: 0 10px 22px rgba(176, 58, 110, .16); }

  /* ---- promo card (JS-injected into wide panels) ---- */
  #st_mega_menu_wrap .stmenu_sub.szd-has-promo { padding-left: 250px !important; min-height: 300px; }
  .szd-mm-promo { position: absolute; left: 24px; top: 24px; bottom: 24px; width: 204px; border-radius: 18px; overflow: hidden; text-decoration: none; box-shadow: 0 14px 30px rgba(224, 86, 139, .22); transition: transform .25s; }
  .szd-mm-promo:hover { transform: translateY(-4px); }
  .szd-mm-promo img { width: 100% !important; height: 100% !important; object-fit: cover; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
  .szd-mm-promo .chip { position: absolute; top: 10px; right: 10px; background: #fff; color: #E0568B; font-size: 10px; font-weight: 800; border-radius: 999px; padding: 4px 11px; }
  .szd-mm-promo .t { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 13px; background: linear-gradient(0deg, rgba(122, 32, 69, .88), rgba(122, 32, 69, 0)); color: #fff; font-size: 12.5px; font-weight: 800; text-align: center; line-height: 1.9; }
  .szd-mm-promo .t small { font-size: 10.5px; font-weight: 600; opacity: .9; }

  /* ============================================================
     دور ۹۸: keep the mega-menu to ONE row on EVERY monitor.
     It wrapped to 2 rows on narrower desktops because the icons
     clamped at a 72px floor and the labels were nowrap. Fix: never
     wrap the row, let items shrink (min-width:0), and scale the icons
     + labels fluidly with the viewport so all fit on one line.
     (The sticky state keeps its own smaller sizes — its selectors
     carry body.szd-stuck, so they out-specify these defaults.)
     ============================================================ */
  #st_mega_menu_wrap ul.st_mega_menu { flex-wrap: nowrap !important; gap: 0 !important; }
  #st_mega_menu_wrap li.ml_level_0 { min-width: 0 !important; }
  #st_mega_menu_wrap a.ma_level_0 { white-space: normal !important; overflow-wrap: break-word; padding: 2px 3px 8px !important; }
  #st_mega_menu_wrap .ma_level_0,
  #st_mega_menu_wrap .ma_level_0 *,
  .szd-allcats { font-size: clamp(10px, .95vw, 14px) !important; line-height: 1.18 !important; }
  #st_mega_menu_wrap .szd-mm-vid,
  .szd-allcats__img,
  .szd-allcats__ic { width: clamp(42px, 4.9vw, 92px) !important; height: clamp(42px, 4.9vw, 92px) !important; }
}
@keyframes szdMmIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ============================================================================
   دور — MEGA-MENU v4: WIDE one-row panel + BREAKOUT banner (off-road style).
   SAFE: the REAL category columns (.m_column_row) are untouched; we only append
   a decorative breakout banner (JS) and lay panel out as [columns | banner].
   Subject image (per-category, Higgsfield) bursts out the banner's TOP edge.
   ============================================================================ */
@media (min-width:992px){
  /* full-width, one-row panel; top padding = room for the bursting subject */
  #st_mega_menu_wrap .stmenu_sub.szd-mm3{
    left:0 !important; right:0 !important; width:auto !important;
    align-items:stretch !important; gap:30px !important;
    padding:48px 28px 22px !important; overflow:visible !important;
  }
  /* show ONLY the hovered/kept panel — as a GRID [cols/extras | banner]. NOT all panels
     (that stacked every panel + shadow → the «always open / فاجعه shadows» bug). */
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub.szd-mm3,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub.szd-mm3{
    display:grid !important;
    grid-template-columns:1fr 360px; grid-template-rows:auto auto;
    grid-template-areas:"cols banner" "extras banner"; column-gap:30px; row-gap:14px;
  }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3 > .m_column_row{ grid-area:cols; min-width:0 !important; margin:0 !important; width:auto !important; align-self:start; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3 > .szd-mm-x{ grid-area:extras; min-width:0; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3 > .szd-mm-bo{ grid-area:banner; }
  /* در پنل‌های بلندِ ستون‌دار (غیر v5) بنر تا تهِ پنل کش نیاید — سقفِ ارتفاع */
  #st_mega_menu_wrap .stmenu_sub.szd-mm3:not(.szd-mm-sh) > .szd-mm-bo{ align-self:start; max-height:420px; min-height:340px; }
  /* shallow (toy) categories: hide the sparse text columns, let cards/extras own the left */
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub.szd-mm-sh,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub.szd-mm-sh{ grid-template-areas:"extras banner" "extras banner"; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm-sh > .m_column_row{ display:none !important; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3.szd-has-promo{ padding-left:28px !important; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3 .szd-mm-promo{ display:none !important; } /* old small promo off */

  /* ===== breakout banner ===== */
  #st_mega_menu_wrap .szd-mm-bo{
    position:relative; align-self:stretch; min-height:218px;
    border-radius:18px; overflow:visible; text-decoration:none;
    display:flex; flex-direction:column; justify-content:flex-end; padding:20px 22px;
    box-shadow:0 16px 34px rgba(90,40,160,.26);
  }
  #st_mega_menu_wrap .szd-mm-bo::after{ content:""; position:absolute; inset:0; border-radius:18px; pointer-events:none;
    background:radial-gradient(180px 120px at 72% -10%,rgba(255,255,255,.26),transparent 65%); }
  /* the bursting subject — rises into the panel's top padding (overflow visible) */
  #st_mega_menu_wrap .szd-mm-bo__obj{ position:absolute; z-index:4; top:-44px; left:16px; width:232px; height:196px; pointer-events:none;
    border-radius:18px; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; font-size:12px; font-weight:800; line-height:1.7;
    background:repeating-linear-gradient(45deg,rgba(255,255,255,.30) 0 13px,rgba(255,255,255,.14) 13px 26px);
    filter:drop-shadow(0 16px 18px rgba(60,20,110,.38)); }
  #st_mega_menu_wrap .szd-mm-bo__obj small{ display:block; font-weight:600; opacity:.9; margin-top:3px; }
  /* دور — the text block must hug the RIGHT edge (away from the subject at top-left).
     margin-right:auto in RTL pushed it LEFT → title landed on the image. */
  #st_mega_menu_wrap .szd-mm-bo__t{ position:relative; z-index:5; width:62%; margin-left:auto; margin-right:0; text-align:right; }
  #st_mega_menu_wrap .szd-mm-bo__kick{ display:inline-block; background:rgba(255,255,255,.26); color:#fff; font-size:11px; font-weight:800; padding:4px 12px; border-radius:30px; margin-bottom:8px; }
  #st_mega_menu_wrap .szd-mm-bo__title{ display:block; color:#fff !important; font-size:22px !important; font-weight:900 !important; line-height:1.2; text-shadow:0 2px 12px rgba(50,10,90,.3);
    font-family:'DigiSarvenaz','Vazirmatn',Tahoma,sans-serif !important; }
  #st_mega_menu_wrap .szd-mm-bo__cta{ display:inline-flex; align-items:center; gap:6px; margin-top:14px; background:#fff; color:#6D28D9; font-size:12.5px; font-weight:900; padding:9px 18px; border-radius:30px; box-shadow:0 6px 16px rgba(0,0,0,.2); }

  /* ===== EXTRAS (live blocks: quick-links, subcat cards, featured products, brands) ===== */
  #st_mega_menu_wrap .szd-mm-x{ display:flex; flex-direction:column; gap:14px; min-width:0; }
  /* quick-links — subtle dotted chips */
  #st_mega_menu_wrap .szd-mm-x__q{ display:flex; flex-wrap:wrap; gap:16px; }
  #st_mega_menu_wrap .szd-mm-x__q a{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:800; color:#7B6B6D; text-decoration:none; transition:color .18s; }
  #st_mega_menu_wrap .szd-mm-x__q a:hover{ color:#E0568B; }
  #st_mega_menu_wrap .szd-mm-x__q a i{ width:7px; height:7px; border-radius:50%; display:inline-block; }
  #st_mega_menu_wrap .szd-mm-x__q a:nth-child(1) i{ background:#E0568B; }
  #st_mega_menu_wrap .szd-mm-x__q a:nth-child(2) i{ background:#3DA39B; }
  #st_mega_menu_wrap .szd-mm-x__q a:nth-child(3) i{ background:#F25F5C; }

  /* subcategory image cards (shallow categories) */
  #st_mega_menu_wrap .szd-mm-sc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:10px; }
  #st_mega_menu_wrap .szd-mm-sc{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:10px 6px 9px; border-radius:14px; background:#fff; border:1px solid #F2E7E3; text-decoration:none; transition:transform .18s, box-shadow .18s; }
  #st_mega_menu_wrap .szd-mm-sc:hover{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(176,58,110,.14); border-color:#F6E1EA; }
  #st_mega_menu_wrap .szd-mm-sc__img{ width:62px; height:62px; border-radius:12px; overflow:hidden; background:#FBF1F5; display:flex; align-items:center; justify-content:center; }
  #st_mega_menu_wrap .szd-mm-sc__img img{ width:100%; height:100%; object-fit:cover; }
  #st_mega_menu_wrap .szd-mm-sc__nm{ font-size:12px; font-weight:800; color:#3D2C2E; text-align:center; line-height:1.4; }
  #st_mega_menu_wrap .szd-mm-sc__c{ font-size:10px; color:#9a8d8f; font-weight:700; }

  /* featured products row */
  #st_mega_menu_wrap .szd-mm-feat__h{ font-size:13px !important; font-weight:900 !important; color:#3D2C2E; margin:0 0 9px; }
  #st_mega_menu_wrap .szd-mm-pc-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
  #st_mega_menu_wrap .szd-mm-pc{ display:flex; flex-direction:column; gap:6px; padding:8px; border-radius:14px; border:1px solid #F2E7E3; text-decoration:none; transition:transform .18s, box-shadow .18s; }
  #st_mega_menu_wrap .szd-mm-pc:hover{ transform:translateY(-3px); box-shadow:0 10px 22px rgba(176,58,110,.14); border-color:#F6E1EA; }
  #st_mega_menu_wrap .szd-mm-pc__img{ display:block; height:96px; border-radius:10px; overflow:hidden; background:#FBF6F4; }
  #st_mega_menu_wrap .szd-mm-pc__img img{ width:100%; height:100%; object-fit:contain; padding:5px; }
  #st_mega_menu_wrap .szd-mm-pc__nm{ font-size:11.5px; font-weight:700; color:#3D2C2E; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:35px; }
  #st_mega_menu_wrap .szd-mm-pc__pr{ font-size:12.5px; font-weight:900; color:#E0568B; font-variant-numeric:tabular-nums; }

  /* brand / publisher logo strip */
  #st_mega_menu_wrap .szd-mm-brs{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-top:1px solid #F2E7E3; padding-top:12px; }
  #st_mega_menu_wrap .szd-mm-brs__l{ font-size:12px; color:#7B6B6D; font-weight:800; }
  #st_mega_menu_wrap .szd-mm-br{ display:inline-flex; align-items:center; height:34px; padding:4px 10px; border-radius:10px; background:#fff; border:1px solid #F2E7E3; text-decoration:none; transition:.18s; }
  #st_mega_menu_wrap .szd-mm-br:hover{ box-shadow:0 6px 14px rgba(176,58,110,.14); border-color:#F6E1EA; }
  #st_mega_menu_wrap .szd-mm-br img{ max-height:24px; max-width:74px; object-fit:contain; display:block; }
  #st_mega_menu_wrap .szd-mm-br span{ display:none; font-size:11.5px; font-weight:800; color:#5A4A4C; }
  #st_mega_menu_wrap .szd-mm-br--txt span{ display:inline; } /* show name when logo image is missing */
}

/* ============================================================================
   دور — MEGA-MENU v5 «صحنهٔ بازی» (opt-in per-category via cfg.v5, e.g. بازی فکری).
   Real Higgsfield subject bursts out of the banner; puzzle subcat cards (pastel,
   notch, tilt-hover), «قفسهٔ پرفروش‌ها» with hanging price tags, brand stickers.
   Desktop only — everything inside min-width:992px.
   ============================================================================ */
@media (min-width:992px){
  /* real subject image in the banner (replaces striped placeholder) */
  #st_mega_menu_wrap .szd-mm-bo__obj--img{ background:none !important; transform:rotate(4deg);
    top:-58px; left:6px; width:238px; height:224px; filter:drop-shadow(0 18px 20px rgba(6,80,100,.38)); }
  #st_mega_menu_wrap .szd-mm-bo__obj--img img{ width:100%; height:100%; object-fit:contain; display:block; }
  #st_mega_menu_wrap .szd-mm-bo__sub{ display:block; margin-top:6px; color:rgba(255,255,255,.94); font-size:12px; font-weight:700; line-height:1.8; }
  #st_mega_menu_wrap .szd-mm-v5 .szd-mm-bo{ box-shadow:0 18px 36px rgba(60,40,80,.22); }

  /* scene layout: [puzzle cards | shelf column] */
  #st_mega_menu_wrap .szd-mm5{ display:grid; grid-template-columns:1fr 320px; column-gap:26px; align-items:start; min-width:0; }
  #st_mega_menu_wrap .szd-mm5-h{ display:flex; align-items:baseline; gap:10px; margin:0 0 12px; }
  #st_mega_menu_wrap .szd-mm5-h h4{ margin:0; font-size:15px !important; font-weight:900 !important; color:#B03A6E; }
  #st_mega_menu_wrap .szd-mm5-h span{ font-size:11.5px; color:#8B7B7D; font-weight:700; }

  /* puzzle subcat cards — pastel, notch, tilt on hover */
  #st_mega_menu_wrap .szd-mm5-pz-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:14px; }
  #st_mega_menu_wrap .szd-mm5-pz{ position:relative; border-radius:16px; padding:16px 12px 12px; text-decoration:none; text-align:center;
    border:1.5px dashed transparent; transition:.22s; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:7px; }
  #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n+1){ background:#FFF3E9; } #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n+2){ background:#EFF8FF; }
  #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n+3){ background:#F4EFFF; } #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n+4){ background:#EDFAF3; }
  #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n+5){ background:#FFF0F5; } #st_mega_menu_wrap .szd-mm5-pz:nth-child(6n){ background:#FFFBE8; }
  #st_mega_menu_wrap .szd-mm5-pz::before{ content:""; position:absolute; top:-9px; left:50%; transform:translateX(-50%); width:18px; height:18px; border-radius:50%; background:#fff; }
  #st_mega_menu_wrap .szd-mm5-pz:hover{ transform:translateY(-4px) rotate(-1deg); border-color:rgba(224,86,139,.45); box-shadow:0 12px 24px rgba(176,58,110,.14); }
  #st_mega_menu_wrap .szd-mm5-pz__img{ width:74px; height:74px; border-radius:14px; overflow:hidden; background:rgba(255,255,255,.65); display:flex; align-items:center; justify-content:center; }
  #st_mega_menu_wrap .szd-mm5-pz__img img{ width:100%; height:100%; object-fit:cover; }
  #st_mega_menu_wrap .szd-mm5-pz__nm{ font-size:13px; font-weight:800; color:#3D2C2E; line-height:1.5; }
  #st_mega_menu_wrap .szd-mm5-pz__c{ font-size:10.5px; font-weight:700; color:#8B7B7D; }

  /* bestseller shelf — products standing on a wooden board, hanging price tags */
  #st_mega_menu_wrap .szd-mm5-sh{ margin:0 0 14px; font-size:15px !important; font-weight:900 !important; color:#B03A6E; display:flex; align-items:center; gap:7px; }
  #st_mega_menu_wrap .szd-mm5-sh svg{ width:17px; height:17px; flex:0 0 auto; }
  #st_mega_menu_wrap .szd-mm5-shelf{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; align-items:end; position:relative; padding-bottom:12px; }
  #st_mega_menu_wrap .szd-mm5-shelf::after{ content:""; position:absolute; left:-4px; right:-4px; bottom:0; height:9px; border-radius:6px;
    background:linear-gradient(180deg,#F0D9C8,#E2BFA4); box-shadow:0 5px 10px rgba(160,110,70,.25); }
  #st_mega_menu_wrap .szd-mm5-pr{ position:relative; text-decoration:none; text-align:center; background:#fff; border:1px solid #F2E7E3;
    border-radius:13px 13px 6px 6px; padding:10px 8px 8px; transition:.2s; z-index:1; }
  #st_mega_menu_wrap .szd-mm5-pr:hover{ transform:translateY(-6px); box-shadow:0 14px 24px rgba(176,58,110,.16); }
  #st_mega_menu_wrap .szd-mm5-pr__img{ display:flex; align-items:center; justify-content:center; height:74px; border-radius:9px; overflow:hidden; background:#FBF6F4; }
  #st_mega_menu_wrap .szd-mm5-pr__img img{ width:100%; height:100%; object-fit:contain; }
  #st_mega_menu_wrap .szd-mm5-pr__nm{ display:block; margin-top:7px; font-size:10.5px; font-weight:700; color:#3D2C2E; line-height:1.55; height:32px; overflow:hidden; }
  #st_mega_menu_wrap .szd-mm5-pr__tag{ position:absolute; top:-9px; left:-7px; z-index:2; background:#FFD96B; color:#7A5A00; font-size:9.5px; font-weight:900;
    padding:4px 9px; border-radius:8px 8px 8px 2px; transform:rotate(-8deg); box-shadow:0 3px 7px rgba(0,0,0,.16); font-variant-numeric:tabular-nums; }
  #st_mega_menu_wrap .szd-mm5-pr__tag::after{ content:""; position:absolute; top:-3px; right:-3px; width:7px; height:7px; border-radius:50%; background:#fff; border:2px solid #D9B345; }

  /* brand stickers — slightly rotated */
  #st_mega_menu_wrap .szd-mm5-stk{ margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
  #st_mega_menu_wrap .szd-mm5-stk__l{ font-size:11.5px; color:#8B7B7D; font-weight:800; }
  #st_mega_menu_wrap .szd-mm5-stk__a{ background:#fff; border:1.5px solid #F2E7E3; border-radius:11px; padding:6px 13px; font-size:11.5px; font-weight:800;
    color:#5A4A4C; text-decoration:none; box-shadow:0 3px 7px rgba(0,0,0,.05); transition:.2s; display:inline-block; }
  #st_mega_menu_wrap .szd-mm5-stk__a:nth-child(odd){ transform:rotate(-2deg); } #st_mega_menu_wrap .szd-mm5-stk__a:nth-child(even){ transform:rotate(1.6deg); }
  #st_mega_menu_wrap .szd-mm5-stk__a:hover{ transform:rotate(0) scale(1.06); border-color:#E0568B; color:#E0568B; }
}

/* v5 fix: the generic panel-image rule (.stmenu_sub img — publisher-logo white card:
   bg#fff/border/padding/radius/hover-lift) was hitting the banner SUBJECT img too →
   the toys sat on a white card. Neutralize it for the subject; rotate lives on the img. */
@media (min-width:992px){
  #st_mega_menu_wrap .stmenu_sub .szd-mm-bo__obj--img img{
    background:transparent !important; border:0 !important; padding:0 !important;
    border-radius:0 !important; box-shadow:none !important;
    transform:rotate(4deg) !important; transition:none !important;
  }
  #st_mega_menu_wrap .stmenu_sub .szd-mm-bo__obj--img img:hover{ transform:rotate(4deg) !important; box-shadow:none !important; }
}

/* v5: CHILD categories of the subcats live OUTSIDE the cards — pooled in one playful
   dotted box below them: messy sticker-like chips (uneven rotation/offset, 2+ rows,
   gently bobbing). Cards themselves stay simple. */
@media (min-width:992px){
  #st_mega_menu_wrap .szd-mm5-pz__top{ display:flex; flex-direction:column; align-items:center; gap:7px; text-decoration:none; }

  /* بازخورد: باکسِ دورشان حذف شد — هر چیپ خودش حاشیهٔ نقطه‌چین + پس‌زمینهٔ خودش را دارد */
  #st_mega_menu_wrap .szd-mm5-kidbox{ margin-top:14px; border:0; background:transparent; border-radius:0;
    padding:6px 2px 4px; display:flex; flex-wrap:wrap; gap:9px 11px; justify-content:center; align-items:flex-start; }
  #st_mega_menu_wrap .szd-mm5-kid{ --r:0deg; background:#fff; border:2px dashed rgba(224,86,139,.42); border-radius:12px;
    padding:6px 13px; font-size:11.5px; font-weight:800; color:#5A4A4C; text-decoration:none;
    box-shadow:0 3px 7px rgba(0,0,0,.06); display:inline-block;
    transform:rotate(var(--r)); animation:szdKidBob 3.6s ease-in-out infinite; }
  /* messy: uneven rotations + vertical offsets + staggered float timing */
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(5n+1){ --r:-2.6deg; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(5n+2){ --r:1.8deg; margin-top:7px; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(5n+3){ --r:-1.2deg; margin-top:2px; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(5n+4){ --r:3deg; margin-top:9px; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(5n){ --r:-3.2deg; margin-top:4px; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(2n){ animation-delay:.6s; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(3n){ animation-delay:1.2s; }
  #st_mega_menu_wrap .szd-mm5-kid:nth-child(7n){ animation-delay:1.9s; animation-duration:4.3s; }
  #st_mega_menu_wrap .szd-mm5-kid:hover{ background:#E0568B; border-color:#E0568B; border-style:solid; color:#fff; animation-play-state:paused; }
}
@keyframes szdKidBob{ 0%,100%{ transform:rotate(var(--r)) translateY(0); } 50%{ transform:rotate(var(--r)) translateY(-3px); } }

/* ============================================================================
   دور — «سفرِ سنی» (.szd-mm-agej): جادهٔ نقطه‌چینِ پیچ‌درپیچِ SVG با ایستگاه‌های
   سنیِ رنگی که روی موجِ جاده بالاوپایین می‌نشینند و آرام تاب می‌خورند.
   منبعِ لینک‌ها واقعی است (فیلترِ amazzing یا زیرشاخه‌های سنیِ خودِ دسته).
   ============================================================================ */
@media (min-width:992px){
  #st_mega_menu_wrap .szd-mm-agej{ margin-top:16px; padding:12px 16px 8px; background:#FBF6F4; border-radius:16px;
    display:flex; align-items:center; gap:14px; }
  #st_mega_menu_wrap .szd-mm-agej__ttl{ flex:0 0 auto; font-family:'DigiSarvenaz','Vazirmatn',Tahoma,sans-serif;
    font-size:16px; color:#B03A6E; white-space:nowrap; }
  #st_mega_menu_wrap .szd-mm-agej__road{ position:relative; flex:1 1 auto; min-width:0; height:88px;
    display:flex; align-items:center; justify-content:space-between; padding:0 14px; }
  #st_mega_menu_wrap .szd-mm-agej__road > svg{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
  #st_mega_menu_wrap .szd-mm-agej__stop{ --c:#E0568B; position:relative; z-index:2; width:58px; height:58px; border-radius:50%;
    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; text-decoration:none;
    background:radial-gradient(120% 120% at 30% 22%, rgba(255,255,255,.42), transparent 52%), var(--c);
    box-shadow:0 6px 14px rgba(0,0,0,.16), inset 0 -3px 0 rgba(0,0,0,.12);
    border:3px solid #fff; animation:szdKidBob 3.8s ease-in-out infinite;
    transition:transform .18s; }
  #st_mega_menu_wrap .szd-mm-agej__stop b{ color:#fff; font-size:12px; font-weight:900; line-height:1.15; text-align:center; padding:0 3px; }
  #st_mega_menu_wrap .szd-mm-agej__stop i{ color:rgba(255,255,255,.92); font-style:normal; font-size:8px; font-weight:700; line-height:1; }
  /* ride the road's wave — alternating offsets matching the SVG curve */
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(5n+2){ --r:0deg; margin-top:18px; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(5n+3){ margin-top:-16px; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(5n+4){ margin-top:14px; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(5n){ margin-top:-14px; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(5n+1){ margin-top:6px; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(2n){ animation-delay:.7s; }
  #st_mega_menu_wrap .szd-mm-agej__stop:nth-child(3n){ animation-delay:1.3s; }
  #st_mega_menu_wrap .szd-mm-agej__stop:hover{ transform:scale(1.16) rotate(6deg); animation-play-state:paused; }
}

/* دور — v5 additions: آیکونِ نشانِ کارتِ زیردسته (نی‌نی) + المانِ کودک در ایستگاه‌های سفرِ سنی */
@media (min-width:992px){
  #st_mega_menu_wrap .szd-mm5-pz__img{ position:relative; }
  #st_mega_menu_wrap .szd-mm5-pz__ico{ position:absolute; top:-7px; left:-7px; width:30px; height:30px; border-radius:50%;
    background:#fff; border:1.5px solid #F6E1EA; box-shadow:0 3px 7px rgba(176,58,110,.16);
    display:flex; align-items:center; justify-content:center; padding:4px; }
  #st_mega_menu_wrap .szd-mm5-pz__ico svg{ width:100%; height:100%; display:block; }
  /* سفرِ سنی با المانِ کودک: ایستگاهِ بزرگ‌تر، گلیفِ سفید بالای عدد */
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__road{ height:100px; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__stop{ width:68px; height:68px; gap:0; }
  #st_mega_menu_wrap .szd-mm-agej__kid{ width:19px; height:19px; display:block; margin-bottom:1px; }
  #st_mega_menu_wrap .szd-mm-agej__kid svg{ width:100%; height:100%; display:block; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__stop b{ font-size:10.5px; }
}

/* دور — بازخورد: (۱) تصویرِ کارتِ زیردسته = المانِ آیکونی بدونِ باکس/حاشیه؛
   (۲) fit شدنِ پنل در لپ‌تاپ‌های کوتاه (سرفیس ~۱۰۰۰px ارتفاع) — حالتِ فشرده + اسکرولِ اضطراری */
@media (min-width:992px){
  #st_mega_menu_wrap .szd-mm5-pz__img{ background:transparent !important; border:0 !important; border-radius:0 !important; width:80px; height:80px; }
  #st_mega_menu_wrap .szd-mm5-pz__img img{ object-fit:contain !important; background:transparent !important; padding:2px; }
  /* fallbackِ عکسِ محصول (وقتی آیکون نیست) — گردِ نرم که وصله‌پینه نشود */
  #st_mega_menu_wrap .szd-mm5-pz__img img.szd-mm5-pz__ph{ border-radius:12px; }
}
@media (min-width:992px) and (max-height:1080px){
  #st_mega_menu_wrap .stmenu_sub.szd-mm3{ padding-top:36px !important; padding-bottom:14px !important; row-gap:10px; }
  #st_mega_menu_wrap .szd-mm-bo{ min-height:186px; padding:16px 18px; }
  #st_mega_menu_wrap .szd-mm-bo__obj,#st_mega_menu_wrap .szd-mm-bo__obj--img{ width:196px; height:172px; top:-40px; }
  #st_mega_menu_wrap .szd-mm-bo__title{ font-size:19px !important; }
  #st_mega_menu_wrap .szd-mm5{ column-gap:18px; }
  #st_mega_menu_wrap .szd-mm5-pz{ padding:10px 8px 8px; gap:5px; }
  #st_mega_menu_wrap .szd-mm5-pz__img{ width:58px; height:58px; }
  #st_mega_menu_wrap .szd-mm5-pr__img{ height:56px; }
  #st_mega_menu_wrap .szd-mm5-pr__nm{ height:28px; font-size:10px; }
  #st_mega_menu_wrap .szd-mm5-kidbox{ margin-top:8px; gap:6px 8px; }
  #st_mega_menu_wrap .szd-mm5-kid{ padding:4px 10px; font-size:10.5px; }
  #st_mega_menu_wrap .szd-mm-agej__road{ height:72px; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__road{ height:82px; }
  #st_mega_menu_wrap .szd-mm-agej__stop{ width:50px; height:50px; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__stop{ width:58px; height:58px; }
  #st_mega_menu_wrap .szd-mm-agej__kid{ width:15px; height:15px; }
  #st_mega_menu_wrap .szd-mm5-h{ margin-bottom:8px; }
  #st_mega_menu_wrap .szd-mm5-sh{ margin-bottom:9px; }
}
/* اسکرولِ اضطراری برای نمایشگرهای خیلی کوتاه — سوژهٔ بیرون‌زده در این حالت داخلِ پنل کلیپ می‌شود */
@media (min-width:992px) and (max-height:900px){
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub.szd-mm3,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub.szd-mm3{
    max-height:calc(100vh - 235px); overflow-y:auto; overflow-x:hidden; }
}

/* حالتِ پشته‌ای (cfg.stack — لوازم‌تحریر با ۱۰ کارت): کارت‌ها تمام‌عرض، قفسه/برند زیرش */
@media (min-width:992px){
  #st_mega_menu_wrap .szd-mm5--stack{ display:flex; flex-direction:column; gap:12px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz-grid{ grid-template-columns:repeat(auto-fill,minmax(126px,1fr)); gap:10px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz{ padding:9px 6px 7px; gap:4px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz__img{ width:52px; height:52px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz__nm{ font-size:11.5px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-side{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px 22px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-sh{ width:100%; margin-bottom:2px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-shelf{ grid-template-columns:repeat(3,168px); }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-stk{ margin-top:6px; flex:1; }
}

/* ================================================================================
   MM41 — بازخوردِ کاربر (لپ‌تاپ ~۸۳۰px):
   (۱) آیکونِ المانیِ کارت واقعا بی‌قاب شود — آیکون‌های بازبرشِ full-bleed با
       قابِ به‌ارث‌رسیده از قانونِ عمومیِ «لوگوی ناشرانِ» stmenu_sub img
       (border 1px + radius 14 + padding) گوشه‌کلیپ می‌شدند و بوردر از وسطِ
       المان رد می‌شد = «المان از باکس می‌زند بیرون».
   (۲) پنل هرگز از ویوپورت بیرون نزند — max-height بود ولی overflow-y:auto
       به overflow:visible !importantِ بنرِ بیرون‌زده می‌باخت + آفستِ واقعیِ
       بالای پنل ~۲۶۰px است نه ۲۳۵ + یک تیرِ فشرده‌ترِ ≤920px.
   ================================================================================ */
@media (min-width:992px){
  /* (۱) بی‌قابِ مطلق برای آیکونِ المانی؛ fallbackِ عکسِ محصول قاب و گردی دارد */
  #st_mega_menu_wrap .szd-mm5-pz__img img{
    border:0 !important; border-radius:0 !important; padding:0 !important;
    background:transparent !important; box-shadow:none !important;
    width:100% !important; height:100% !important; object-fit:contain !important;
  }
  #st_mega_menu_wrap .szd-mm5-pz__img img.szd-mm5-pz__ph{
    border-radius:12px !important; background:#fff !important; border:1px solid #F6E9EF !important;
  }
  /* هنرِ full-bleed یک نفسِ کوچک از لبهٔ کارت بگیرد */
  #st_mega_menu_wrap .szd-mm5-pz__img{ padding:2px; }
}

/* (۲) لپ‌تاپ‌های کوتاه: فشرده‌سازیِ بیشتر تا پنل بدونِ اسکرول هم نزدیکِ fit باشد */
@media (min-width:992px) and (max-height:920px){
  #st_mega_menu_wrap .stmenu_sub.szd-mm3{ padding-top:30px !important; padding-bottom:10px !important; row-gap:8px; }
  #st_mega_menu_wrap .szd-mm-bo{ min-height:158px; padding:13px 15px; }
  #st_mega_menu_wrap .stmenu_sub.szd-mm3:not(.szd-mm-sh) > .szd-mm-bo{ min-height:280px; max-height:360px; }
  #st_mega_menu_wrap .szd-mm-bo__obj,#st_mega_menu_wrap .szd-mm-bo__obj--img{ width:168px; height:146px; top:-32px; }
  #st_mega_menu_wrap .szd-mm-bo__title{ font-size:17px !important; }
  #st_mega_menu_wrap .szd-mm-bo__sub{ font-size:11px; }
  #st_mega_menu_wrap .szd-mm5-pz{ padding:8px 6px 6px; gap:4px; }
  #st_mega_menu_wrap .szd-mm5-pz__img{ width:48px; height:48px; }
  #st_mega_menu_wrap .szd-mm5-pz__nm{ font-size:11.5px; }
  #st_mega_menu_wrap .szd-mm5-pz__c{ font-size:9.5px; }
  #st_mega_menu_wrap .szd-mm5-pr__img{ height:46px; }
  #st_mega_menu_wrap .szd-mm5-pr__nm{ height:26px; font-size:9.5px; margin-top:5px; }
  #st_mega_menu_wrap .szd-mm5-kidbox{ margin-top:6px; gap:5px 6px; }
  #st_mega_menu_wrap .szd-mm5-kid{ padding:3px 8px; font-size:10px; }
  #st_mega_menu_wrap .szd-mm-agej__road{ height:56px; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__road{ height:64px; }
  #st_mega_menu_wrap .szd-mm-agej__stop{ width:42px; height:42px; }
  #st_mega_menu_wrap .szd-mm-agej--kids .szd-mm-agej__stop{ width:48px; height:48px; }
  #st_mega_menu_wrap .szd-mm-agej__kid{ width:12px; height:12px; }
  #st_mega_menu_wrap .szd-mm-agej__ttl{ font-size:12px; }
  #st_mega_menu_wrap .szd-mm5-h h4{ font-size:14px; }
  #st_mega_menu_wrap .szd-mm5-h{ margin-bottom:6px; }
  #st_mega_menu_wrap .szd-mm5-sh{ margin-bottom:7px; font-size:13px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz-grid{ grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:8px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-pz__img{ width:44px; height:44px; }
  #st_mega_menu_wrap .szd-mm5--stack .szd-mm5-shelf{ grid-template-columns:repeat(3,150px); }
}
/* پشتیبانِ قطعی: سقفِ ارتفاع + اسکرولِ داخلی که این‌بار واقعا بردار است
   (قبلا به overflow:visible !important می‌باخت → محتوا از پنل بیرون می‌ریخت).
   فقط ≤920 تا در سرفیس (~۱۰۰۲px، fitِ تاییدشدهٔ MM39) سوژهٔ بیرون‌زده کلیپ نشود. */
@media (min-width:992px) and (max-height:920px){
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub.szd-mm3,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub.szd-mm3{
    max-height:calc(100vh - 280px) !important;
    overflow-y:auto !important; overflow-x:hidden !important;
    overscroll-behavior:contain;
  }
}
/* ================================================================ /MM41 ============ */

/* ================================================================================
   MM42 (دور ۱۰۹) — حذفِ نوارِ بالای دسکتاپ + پایانِ فلاش + پنلِ بدونِ اسکرول
   (۱) promobar (نوارِ «ارسال رایگان» بالای دسکتاپ) به‌کل حذف شد — builderش از
       szd-footer.tpl پاک شد؛ این‌جا هم برای اطمینان display:none.
   (۲) utility-bar (نوارِ موبایلی) در دسکتاپ قبلا با کلاسِ JSِ body.szd-promobar-on
       مخفی می‌شد → تا اجرای اسکریپتِ فوتر یک لحظه دیده می‌شد (فلاشِ ریلود).
       حالا CSSِ خالص (render-blocking، بدونِ فلاش). موبایل دست‌نخورده.
   (۳) با آزادشدنِ ~۶۲px، سقفِ پنل‌ها بازتنظیم شد تا در لپ‌تاپِ ~۸۳۰px هیچ
       اسکرولی دیده نشود؛ اسکرول فقط پشتیبانِ نامرئی برای نمایشگرهای خیلی کوتاه.
   ================================================================================ */
@media (min-width:992px){
  .szd-promobar{ display:none !important; }
  .szd-utility-bar{ display:none !important; }
}
@media (min-width:992px) and (max-height:920px){
  #st_mega_menu_wrap li.ml_level_0:hover > .stmenu_sub.szd-mm3,
  #st_mega_menu_wrap li.ml_level_0.szd-mm-keep > .stmenu_sub.szd-mm3{
    max-height:calc(100vh - 215px) !important;
  }
}
/* ================================================================ /MM42 ============ */

/* ================================================================================
   MM43 — درزِ هدر↔مگامنو: «خطِ باریکِ خالی» حذف
   علت: گرادیانِ نوارِ مگامنو از سفیدِ خالص شروع می‌شد (#FFFFFF 0%) + هدر ۹px
   پدینگِ پایین داشت → بینِ هدرِ سفید و بدنهٔ صورتیِ نوار یک باندِ خالیِ سفید
   دیده می‌شد. حالا: صورتیِ روشن از همان پیکسلِ اول + پدینگِ پایینِ هدر ۲px.
   ================================================================================ */
@media (min-width:992px){
  .szd-hdr--desk{ padding-bottom:2px; }
  section#top_extra{ background:linear-gradient(180deg,#FFF6FA 0%,#FDEFF6 100%) !important; }
}
/* ================================================================ /MM43 ============ */

/* ================================================================================
   MM44 (دور ۱۱۰) — دو FABِ متحرکِ دسکتاپ: چتِ روباهِ نیمه-ربات + کادویابِ زنده
   (ویدیوهای Kling Turbo، دایره‌کلیپ با border-radius — بدونِ نیاز به آلفا)
   ================================================================================ */
@media (min-width:1024px){
  /* ویدیوی داخلِ FAB — دایره، کمی زوم تا حاشیهٔ سفیدِ گوشه‌ها حذف شود */
  .szd-fabvid{
    position:absolute; inset:0; width:100%; height:100%;
    border-radius:50%; object-fit:cover; transform:scale(1.14);
    pointer-events:none;
  }
  /* FABِ چت — گوشهٔ پایین-چپ (کادویاب بالای آن) */
  .szd-chat-fab{
    position:fixed; bottom:24px; left:24px; z-index:9600; /* بالای st-pusherِ تم؛ کادویاب=۹۵۰۰ */
    width:68px; height:68px; border-radius:50%;
    background:#F9C9DB; border:0; padding:0; cursor:pointer; overflow:visible;
    box-shadow:0 10px 26px rgba(224,86,139,.35), 0 3px 8px rgba(0,0,0,.10);
    transition:transform .2s cubic-bezier(.34,1.56,.64,1);
  }
  .szd-chat-fab:hover{ transform:translateY(-3px) scale(1.06); }
  /* حلقهٔ نبضِ ملایم */
  .szd-chat-fab::before{
    content:""; position:absolute; inset:-5px; border-radius:50%;
    border:2px solid rgba(224,86,139,.45); animation:szdChatPulse 2.6s ease-out infinite;
    pointer-events:none;
  }
  @keyframes szdChatPulse{
    0%{ transform:scale(.92); opacity:.9; }
    70%{ transform:scale(1.18); opacity:0; }
    100%{ transform:scale(1.18); opacity:0; }
  }
  /* تولتیپِ کوچکِ گاه‌به‌گاه */
  .szd-chat-fab__tip{
    position:absolute; right:calc(100% + 10px); top:50%; transform:translateY(-50%);
    background:#fff; color:#5A4A4C; font-family:'Vazirmatn',Tahoma,sans-serif;
    font-size:11.5px; font-weight:800; white-space:nowrap;
    border:1px solid #F6E9EF; border-radius:999px; padding:7px 14px;
    box-shadow:0 8px 20px rgba(176,58,110,.16);
    opacity:0; pointer-events:none; transition:opacity .25s;
  }
  .szd-chat-fab:hover .szd-chat-fab__tip{ opacity:1; }
  /* کادویاب: بالای FABِ چت + ویدیو به‌جای بَجِ استاتیک */
  .szd-adv-fab{ bottom:104px !important; left:24px !important; }
  .szd-adv-fab--anim{ overflow:visible !important; background:#F9C9DB !important; }
  .szd-adv-fab--anim .szd-fabvid{ z-index:1; }
}
/* ================================================================ /MM44 ============ */

/* ================================================================================
   MM45 (دور ۱۱۱) — چیدمانِ نهاییِ FABها: روباهِ پشتیبان راست، کادویاب چپ +
   بابل‌های ابریِ «پیام به مشتری» (خواستِ کاربر). فقط دسکتاپ.
   ================================================================================ */
@media (min-width:1024px){
  /* روباهِ پشتیبان → گوشهٔ پایین-راست */
  .szd-chat-fab{ left:auto; right:24px; }
  .szd-chat-fab__tip{ display:none; } /* تولتیپِ هاورِ قدیمی → جایش بابلِ دائمی */
  /* کادویاب → گوشهٔ پایین-چپ (برمی‌گردد به 24) */
  .szd-adv-fab{ bottom:24px !important; }

  /* بابلِ ابری — بدنهٔ گرد + دو حبابِ دنباله مثلِ ابرِ فکر/پیام */
  .szd-fab-bub{
    position:fixed; bottom:84px; pointer-events:none; z-index:9601;
  }
  .szd-fab-bub--right{ right:78px; }   /* بابلِ روباه: سمتِ چپِ دکمهٔ راست */
  .szd-fab-bub--left{ left:78px; }     /* بابلِ کادویاب: سمتِ راستِ دکمهٔ چپ */
  .szd-fab-bub__txt{
    display:block; background:#fff; color:#5A4A4C;
    font-family:'Vazirmatn',Tahoma,sans-serif; font-size:11.5px; font-weight:800;
    white-space:nowrap; padding:9px 15px; border-radius:18px;
    border:1px solid #F6E9EF;
    box-shadow:0 10px 24px rgba(176,58,110,.18), 0 3px 8px rgba(0,0,0,.06);
  }
  .szd-fab-bub__d{
    position:absolute; background:#fff; border:1px solid #F6E9EF; border-radius:50%;
    box-shadow:0 4px 10px rgba(176,58,110,.12);
  }
  /* دنبالهٔ حباب باید به سمتِ خودِ FAB برود (نه برعکس):
     چت راستِ صفحه است و FAB سمتِ راستِ بابل → دنباله به پایین-راست.
     کادویاب چپ است و FAB سمتِ چپِ بابل → دنباله به پایین-چپ. */
  .szd-fab-bub--right .szd-fab-bub__d1{ width:12px; height:12px; right:16px; bottom:-8px; }
  .szd-fab-bub--right .szd-fab-bub__d2{ width:7px; height:7px; right:6px; bottom:-17px; }
  .szd-fab-bub--left .szd-fab-bub__d1{ width:12px; height:12px; left:16px; bottom:-8px; }
  .szd-fab-bub--left .szd-fab-bub__d2{ width:7px; height:7px; left:6px; bottom:-17px; }
  @keyframes szdBubFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-4px); } }
  /* چرخهٔ نمایش با کلاسِ .show (JS: ۱۵ ثانیه نمایش، تکرار هر ۹۰ ثانیه) */
  .szd-fab-bub{ opacity:0; transform:translateY(10px) scale(.88); pointer-events:none;
    transition:opacity .4s cubic-bezier(.34,1.56,.64,1), transform .4s cubic-bezier(.34,1.56,.64,1); }
  .szd-fab-bub.show{ opacity:1; transform:none; animation:szdBubFloat 3.4s ease-in-out .5s infinite; }
}
/* ================================================================ /MM45 ============ */

/* ================================================================
   MM48 — دور ۱۳۲: کادویاب ۲۰٪ کوچک‌تر (۷۸→۶۲) + FAB چت با لوگوی سایت
   ================================================================ */
@media (min-width:1024px){
  .szd-adv-fab--badge{ width:62px !important; height:62px !important; }
  .szd-fab-bub--left{ left:64px; }
  /* FAB چت: به‌جای ویدیوی روباه-ربات، لوگوی روباه اوریگامی + انیمیشن «پشتیبان» ظریف
     (تا آماده شدن webm هیگزفیلد؛ فرمت و ابعاد FAB همان قبلی) */
  .szd-chat-fab .szd-fabvid--logo{
    position:absolute; inset:0; width:100%; height:100%; border-radius:50%;
    object-fit:contain; padding:9px; transform:none; pointer-events:none;
    animation:szdFoxSupport 3.6s ease-in-out infinite;
  }
  @keyframes szdFoxSupport{
    0%,58%,100%{ transform:translateY(0) rotate(0); }
    64%{ transform:translateY(-3px) rotate(-6deg); }
    72%{ transform:translateY(-1px) rotate(5deg); }
    80%{ transform:translateY(-2px) rotate(-3deg); }
    88%{ transform:translateY(0) rotate(0); }
  }
}