/* ============================================================================
   SZD HOME (home-v8 mockup) — scoped to the homepage (#index .szd-home).
   Decorative sections are ported from mockups/home-v8.html; product sliders,
   brands and blog are rendered by real theme modules and re-skinned to match.
   ============================================================================ */
#index .szd-home{
  --pink:#F478A9;--pink-dk:#E0568B;--pink-soft:#FFE3EC;--pink-100:#FFEAF1;
  --yellow:#FFD96B;--yellow-dk:#F0BB3D;--yellow-soft:#FFF4D0;
  --teal:#6FD3CB;--teal-dk:#3DA39B;--teal-soft:#D6F0EE;
  --orange:#FF9F8A;--purple:#C5B0E8;--green:#A8DFA8;--red:#F25F5C;
  --torob:#0099E5;--digi:#EF393F;
  --cream:#FFF5F0;--ink:#3D2C2E;--ink-2:#5A4A4C;--ink-3:#7B6B6D;--line:#F2E7E3;--white:#fff;
  --r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;
  --sh-1:0 2px 6px rgba(0,0,0,.05);
  --sh-2:0 6px 14px rgba(244,120,169,.10),0 1px 2px rgba(0,0,0,.04);
  background:var(--cream);
  font-family:'Vazirmatn','Tahoma',sans-serif;direction:rtl;text-align:right;
  display:block;padding-bottom:4px;
}
#index #content.page-home,#index #wrapper,#index #main,#index .container,#index #content-wrapper{background:var(--cream) !important;padding:0 !important;margin:0 !important;max-width:none !important;border:0 !important;box-shadow:none !important}
#index .szd-home *{box-sizing:border-box}
#index .szd-home img{max-width:100%}

/* ---------- section heading ---------- */
#index .szd-home .szdh-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding:0 12px}
#index .szd-home .szdh-title{font-size:15px;font-weight:800;color:var(--ink)}
#index .szd-home .szdh-title small{font-size:11px;color:var(--ink-3);font-weight:600;margin-right:6px}
#index .szd-home .szdh-more{font-size:11px;color:var(--pink-dk);font-weight:700;text-decoration:none}

/* ---------- HERO SLIDER ---------- */
#index .szd-home .hero{padding:40px 12px 8px}            /* clear gap below the floating ticker */
#index .szd-home .hero__viewport{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);position:relative}
#index .szd-home .hero__track{display:flex;flex-wrap:nowrap;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
#index .szd-home .hero__slide{flex:0 0 100%;width:100%;color:#3D2C2E;padding:20px 18px 16px;min-height:168px;position:relative;overflow:hidden;text-decoration:none;display:block;background:linear-gradient(135deg,#FFD96B 0%,#FFB347 100%)}
#index .szd-home .hero__slide--2{background:linear-gradient(135deg,#F478A9 0%,#FF8FBD 100%);color:#fff}
#index .szd-home .hero__slide--3{background:linear-gradient(135deg,#6FD3CB 0%,#3DA39B 100%);color:#fff}
#index .szd-home .hero__slide--2 .hero__title,#index .szd-home .hero__slide--3 .hero__title{color:#fff}
#index .szd-home .hero__slide--2 .hero__sub,#index .szd-home .hero__slide--3 .hero__sub{color:rgba(255,255,255,.92)}
#index .szd-home .hero__slide::before{content:"";position:absolute;top:-30px;left:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.22)}
#index .szd-home .hero__kicker{font-size:11px;font-weight:700;background:#fff;color:var(--pink-dk);padding:3px 10px;border-radius:20px;display:inline-block;position:relative}
#index .szd-home .hero__title{font-size:20px;font-weight:900;margin-top:8px;line-height:1.3;color:var(--ink)}
#index .szd-home .hero__sub{font-size:12px;color:var(--ink-2);margin-top:4px}
#index .szd-home .hero__cta{background:var(--pink);color:#fff;border:0;border-radius:24px;padding:8px 18px;font-family:inherit;font-weight:800;font-size:12px;margin-top:10px;box-shadow:0 4px 12px rgba(244,120,169,.35);display:inline-block}
#index .szd-home .hero__slide--2 .hero__kicker,#index .szd-home .hero__slide--3 .hero__kicker{color:var(--ink)}
#index .szd-home .hero__slide--2 .hero__cta{background:#fff;color:var(--pink-dk)}
#index .szd-home .hero__slide--3 .hero__cta{background:#fff;color:var(--teal-dk)}
/* dots */
#index .szd-home .hero__dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
#index .szd-home .hero__dots span{width:7px;height:7px;border-radius:50%;background:rgba(244,120,169,.3);transition:width .3s,background .3s;cursor:pointer}
#index .szd-home .hero__dots span.on{width:18px;border-radius:4px;background:var(--pink)}

/* ---------- TWIN PROMOS ---------- */
#index .szd-home .twin{padding:8px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#index .szd-home .twin__card{border-radius:var(--r-md);padding:12px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--sh-2);min-height:90px;display:flex;align-items:center;gap:10px;text-decoration:none}
#index .szd-home .twin__torob{background:linear-gradient(135deg,#0099E5 0%,#3FC3D7 100%)}
#index .szd-home .twin__digi{background:linear-gradient(135deg,#EF393F 0%,#FF6B6B 100%)}
#index .szd-home .twin__logo{width:44px;height:44px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.15);font-weight:900;font-size:10px;color:var(--ink)}
#index .szd-home .twin__card .t{font-size:13px;font-weight:900;line-height:1.2}
#index .szd-home .twin__card .s{font-size:10px;font-weight:600;opacity:.95;margin-top:3px;line-height:1.3}

/* ---------- CATEGORIES GRID ---------- */
#index .szd-home .cats{padding:14px 0 6px}
#index .szd-home .cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px 12px 8px}
#index .szd-home .cat-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px 8px;border-radius:14px;background:#fff;box-shadow:var(--sh-1);text-decoration:none;transition:transform .2s}
#index .szd-home .cat-item:active{transform:scale(.95)}
#index .szd-home .cat-item__ic{width:46px;height:46px;display:flex;align-items:center;justify-content:center}
#index .szd-home .cat-item__ic svg{width:100%;height:100%}
#index .szd-home .cat-item__name{font-size:10.5px;font-weight:800;color:var(--ink);text-align:center;line-height:1.2}
#index .szd-home .cat-item.--all{background:linear-gradient(135deg,var(--pink) 0%,#FF8FBD 100%)}
#index .szd-home .cat-item.--all .cat-item__name{color:#fff}
#index .szd-home .cat-item.--all .cat-item__ic svg{stroke:#fff}

/* ---------- BANNERS ---------- */
#index .szd-home .bnr-strip{margin:14px 12px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(95deg,#F478A9 0%,#FF8FBD 50%,#FFD96B 100%);color:#fff;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;min-height:86px;text-decoration:none}
#index .szd-home .bnr-strip::before{content:"";position:absolute;left:-20px;top:-30px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.15)}
#index .szd-home .bnr-strip .t{font-size:15px;font-weight:900;line-height:1.3;z-index:2;position:relative}
#index .szd-home .bnr-strip .s{font-size:11px;opacity:.95;margin-top:3px;position:relative;z-index:2}
#index .szd-home .bnr-strip .cta{background:#fff;color:var(--pink-dk);border-radius:20px;padding:6px 12px;font-weight:800;font-size:11px;flex-shrink:0;z-index:2;position:relative}

#index .szd-home .bnr-pair{padding:6px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#index .szd-home .bnr-pair .card{border-radius:var(--r-md);padding:14px 12px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sh-1);position:relative;overflow:hidden;text-decoration:none}
#index .szd-home .bnr-pair .card .t{font-size:12.5px;font-weight:900;line-height:1.3;color:var(--ink)}
#index .szd-home .bnr-pair .card .s{font-size:10px;font-weight:600;opacity:.85;margin-top:2px;color:var(--ink-2)}
#index .szd-home .bnr-pair .card .cta{background:rgba(255,255,255,.7);font-size:10px;font-weight:800;padding:3px 9px;border-radius:11px;align-self:flex-start;color:var(--ink)}

#index .szd-home .bnr-mosaic{padding:6px 12px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;height:200px}
#index .szd-home .bnr-mosaic .m1{grid-row:span 2}
#index .szd-home .bnr-mosaic .card{border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--sh-1);overflow:hidden;position:relative;text-decoration:none}
#index .szd-home .bnr-mosaic .card .t{font-size:13px;font-weight:900;line-height:1.3;color:var(--ink)}
#index .szd-home .bnr-mosaic .card .s{font-size:10px;font-weight:600;opacity:.85;color:var(--ink-2)}
#index .szd-home .bnr-mosaic .m1 .t{font-size:18px}

#index .szd-home .feat-banner{margin:14px 12px;border-radius:var(--r-lg);background:linear-gradient(135deg,#3FC3D7 0%,#2A95B0 100%);padding:18px;color:#fff;min-height:170px;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-decoration:none}
#index .szd-home .feat-banner__text{position:relative;z-index:2;flex:1}
#index .szd-home .feat-banner__kicker{font-size:11px;background:rgba(255,255,255,.25);padding:3px 10px;border-radius:14px;display:inline-block;font-weight:700}
#index .szd-home .feat-banner__title{font-size:22px;font-weight:900;margin-top:6px;line-height:1.2}
#index .szd-home .feat-banner__sub{font-size:12px;opacity:.92;margin-top:4px}
#index .szd-home .feat-banner__cta{background:#fff;color:#2A95B0;border:0;border-radius:24px;padding:8px 16px;font-family:inherit;font-weight:800;font-size:12px;margin-top:10px;display:inline-block}
#index .szd-home .feat-banner__illu{position:relative;z-index:2;flex-shrink:0;width:110px;height:130px}
#index .szd-home .feat-banner__illu svg{width:100%;height:100%}

#index .szd-home .sq-row{padding:8px 12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
#index .szd-home .sq-row .card{aspect-ratio:1/1.05;border-radius:var(--r-md);padding:10px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;box-shadow:var(--sh-1);text-decoration:none}
#index .szd-home .sq-row .card svg{width:34px;height:34px}
#index .szd-home .sq-row .card .t{font-size:11px;font-weight:800;line-height:1.3;color:var(--ink)}
#index .szd-home .sq-row .card .s{font-size:9.5px;color:var(--ink-3);font-weight:600}

#index .szd-home .bnr-img{margin:14px 12px;border-radius:var(--r-lg);overflow:hidden;position:relative;height:155px;box-shadow:var(--sh-2);text-decoration:none;display:block}
#index .szd-home .bnr-img__bg{position:absolute;inset:0;background:linear-gradient(135deg,#C5B0E8,#9579D0)}
#index .szd-home .bnr-img__overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff;z-index:2}
#index .szd-home .bnr-img__kicker{font-size:11px;background:var(--pink);padding:3px 10px;border-radius:14px;display:inline-block;align-self:flex-start;font-weight:800}
#index .szd-home .bnr-img__title{font-size:18px;font-weight:900;margin-top:6px}
#index .szd-home .bnr-img__sub{font-size:11px;opacity:.9}

/* ---------- STORY ---------- */
#index .szd-home .story{margin:14px 12px;padding:18px;border-radius:var(--r-lg);background:linear-gradient(135deg,#C5B0E8 0%,#9579D0 100%);color:#fff;display:flex;gap:12px;align-items:center;min-height:118px;text-decoration:none}
#index .szd-home .story svg{flex-shrink:0;width:84px;height:84px}
#index .szd-home .story h3{font-size:14px;font-weight:900;line-height:1.4}
#index .szd-home .story p{font-size:11px;color:rgba(255,255,255,.9);margin-top:4px;line-height:1.6}
#index .szd-home .story .b{background:#fff;color:#9579D0;border:0;border-radius:20px;padding:6px 14px;font-weight:800;font-size:11px;margin-top:8px;display:inline-block}

/* ---------- NEWSLETTER (re-skin stnewsletter module) ---------- */
#index .szd-home .news{margin:14px 12px;background:linear-gradient(135deg,#FFE3EC 0%,#FFB8D0 100%);border-radius:var(--r-lg);padding:18px 16px;position:relative;overflow:hidden}
#index .szd-home .news h3{font-size:15px;font-weight:900;color:var(--ink)}
#index .szd-home .news p{font-size:11.5px;color:var(--ink-2);margin-top:3px;margin-bottom:12px}
#index .szd-home .news__form{display:block}
/* hide module's own English title + description; keep only the form */
#index .szd-home .news__form .title_block,#index .szd-home .news__form .st_news_letter_content{display:none !important}
#index .szd-home .news__form .st_news_letter,#index .szd-home .news__form .block_content,#index .szd-home .news__form .news_letter_0,#index .szd-home .news__form .st_news_letter_box{margin:0 !important;padding:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important}
#index .szd-home .news__form .input-group{display:flex !important;gap:6px;background:#fff;padding:4px;border-radius:24px;border:0 !important;box-shadow:0 4px 12px rgba(0,0,0,.06)}
#index .szd-home .news__form .st_news_letter_input{flex:1 1 auto !important;border:0 !important;outline:0 !important;padding:0 12px !important;font-family:inherit !important;font-size:12px !important;background:transparent !important;color:var(--ink) !important;height:36px !important;box-shadow:none !important;text-align:right}
#index .szd-home .news__form .input-group-btn{display:flex !important;width:auto !important}
#index .szd-home .news__form .st_news_letter_submit{background:var(--pink) !important;color:#fff !important;border:0 !important;border-radius:20px !important;padding:0 18px !important;height:36px !important;font-family:inherit !important;font-weight:800 !important;font-size:12px !important;white-space:nowrap}
#index .szd-home .news__form .alert{font-size:11px;border-radius:12px;margin:8px 0 0;padding:6px 10px}

/* ---------- MODULE SLIDERS re-skin (panda Swiper → clean horizontal scroller) ---------- */
#index .szd-home .szdh-mod{padding:2px 0 4px}
/* hide module's own title + nav (we render our own section heading) */
#index .szd-home .szdh-mod .title_block,#index .szd-home .szdh-mod .page-heading,#index .szd-home .szdh-mod h2.products-section-title,#index .szd-home .szdh-mod .swiper-button-tr,#index .szd-home .szdh-mod .swiper-button,#index .szd-home .szdh-mod .swiper-pagination,#index .szd-home .szdh-mod .owl-controls{display:none !important}
/* override Swiper: flex scroller showing all slides (no transform) */
#index .szd-home .szdh-mod .products_container,#index .szd-home .szdh-mod .products_section,#index .szd-home .szdh-mod .products_slider,#index .szd-home .szdh-mod .row{margin:0 !important;padding:0 !important;display:block !important;width:auto !important}
#index .szd-home .szdh-mod .swiper,#index .szd-home .szdh-mod .swiper-container{overflow-x:auto !important;overflow-y:visible !important;padding:4px 12px 6px !important;margin:0 !important}
#index .szd-home .szdh-mod .swiper::-webkit-scrollbar{display:none}
#index .szd-home .szdh-mod .swiper-wrapper{display:flex !important;flex-wrap:nowrap !important;transform:none !important;width:auto !important;height:auto !important;gap:8px !important;align-items:stretch !important}
#index .szd-home .szdh-mod .swiper-slide{flex:0 0 145px !important;width:145px !important;max-width:145px !important;height:auto !important;align-self:stretch !important;display:flex !important;flex-direction:column !important;margin:0 !important}
/* height:auto + align-items:flex-start → cards hug their (uniform 224px) content. Was height:100%+stretch which fed back to ~264px (40px empty gap below the price). */
#index .szd-home .szdh-mod .pro_outer_box{background:#fff !important;border-radius:var(--r-md) !important;padding:8px !important;box-shadow:var(--sh-1) !important;border:0 !important;flex:1 1 auto !important;height:auto !important;min-height:0 !important;margin:6px 0 !important;display:flex !important;flex-direction:column !important}
/* reserve room for the strike-through regular price so discounted cards don't grow taller + prices align */
#index .szd-home .szdh-mod .product-price-and-shipping{min-height:42px;display:flex;flex-direction:column;justify-content:flex-end}
/* theme adds margin:20px 0 on the card → +40px empty inside each slide; trim to 6px */
/* theme sets .pro_outer_box{min-height:250px} → ~290px cards with empty space below the price; drop it so cards hug content */
/* ensure the discounted SELLING price (.price.st_discounted_price) always renders (it carries the new price + toman) */
#index .szd-home .szdh-mod .product-price-and-shipping .price{display:inline-block !important}
#index .szd-home .szdh-mod .pro_first_box{border-radius:10px !important;overflow:hidden !important;background:#fff !important;border:1px solid var(--line) !important;margin-bottom:6px !important;position:relative}
#index .szd-home .szdh-mod .pro_first_box img{height:128px !important;width:100% !important;object-fit:contain !important;padding:6px !important;opacity:1 !important}
#index .szd-home .szdh-mod .pro_first_box img.holder,#index .szd-home .szdh-mod .pro_first_box .back-image{display:none !important}  /* hide duplicate/placeholder second image */
#index .szd-home .szdh-mod .pro_first_box .front-image{position:relative !important}
#index .szd-home .szdh-mod .swiper-lazy-preloader{display:none !important}
#index .szd-home .szdh-mod .s_title_block{font-size:11px !important;font-weight:600 !important;line-height:1.4 !important;margin:0 !important}
#index .szd-home .szdh-mod .s_title_block a{color:var(--ink) !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:32px}
#index .szd-home .szdh-mod .price{font-size:12px !important;font-weight:900 !important;color:var(--pink-dk) !important}
#index .szd-home .szdh-mod .regular-price{font-size:10px !important;color:var(--ink-3) !important;text-decoration:line-through}
#index .szd-home .szdh-mod .pro_list_manufacturer,#index .szd-home .szdh-mod .product-flags,#index .szd-home .szdh-mod .product-desc,#index .szd-home .szdh-mod .comments_note,#index .szd-home .szdh-mod .hover_fly,#index .szd-home .szdh-mod .product_list_reviews,#index .szd-home .szdh-mod .star_content,#index .szd-home .szdh-mod .rm-mini{display:none !important}
#index .szd-home .szdh-mod .pro_second_box{padding:0 2px !important}
/* price row: final + struck side by side, Persian + toman (JS) */
#index .szd-home .szdh-mod .product-price-and-shipping{display:flex !important;flex-wrap:wrap;align-items:baseline;gap:5px;padding:0 !important}
#index .szd-home .szdh-mod .price{font-size:12.5px !important;font-weight:900 !important;color:var(--pink-dk) !important;white-space:nowrap}
#index .szd-home .szdh-mod .regular-price{font-size:10px !important;color:var(--ink-3) !important;text-decoration:line-through;white-space:nowrap}
/* discount % badge on the (now white) image box — top-left */
#index .szd-home .szdh-mod .pro_first_box .szd-badge-disc{position:absolute;top:6px;left:6px;z-index:3;background:var(--red);color:#fff;font-size:9.5px;font-weight:900;padding:2px 7px;border-radius:7px;font-variant-numeric:tabular-nums;text-decoration:none}

/* ---------- pastel fantasy box (wraps the "newest" slider) ---------- */
#index .szd-home .szdh-box{position:relative;margin:9px 12px 6px;border-radius:var(--r-lg);padding:14px 0 10px;overflow:hidden;box-shadow:var(--sh-2)}
#index .szd-home .szdh-box--newest{background:linear-gradient(135deg,#EFE4FF 0%,#FFE3EC 55%,#D9F1EE 100%)}
#index .szd-home .szdh-box--newest .szdh-box__icon{color:#9579D0}
#index .szd-home .szdh-box--flash{background:linear-gradient(135deg,#FFE3EC 0%,#FFD9C2 52%,#FFF4D0 100%)}
#index .szd-home .szdh-box--flash .szdh-box__icon{color:#F25F5C}
#index .szd-home .szdh-box--best{background:linear-gradient(135deg,#DCEEFF 0%,#E7E4FF 52%,#FFE9F2 100%)}
#index .szd-home .szdh-box--best .szdh-box__icon{color:#3DA39B}
/* the grid "مشاهده بیشتر" button is redundant (header «همه ←» suffices) */
#index .szd-home .szdh-mod .product_view_more_box,#index .szd-home .szdh-mod .st_slider_view_more,#index .szd-home .szdh-box .product_view_more_box,#index .szd-home .szdh-box .st_slider_view_more,#index .szd-home .szdh-mod .view_more_box,#index .szd-home .szdh-mod .view_more{display:none !important}
#index .szd-home .szdh-box__blob{position:absolute;border-radius:50%;pointer-events:none}
#index .szd-home .szdh-box__blob--a{width:130px;height:130px;background:rgba(255,255,255,.45);top:-46px;left:-34px}
#index .szd-home .szdh-box__blob--b{width:96px;height:96px;background:rgba(255,217,107,.32);bottom:-34px;right:18px}
#index .szd-home .szdh-box__head{display:flex;align-items:center;gap:10px;padding:0 14px 10px;position:relative;z-index:2}
#index .szd-home .szdh-box__icon{width:38px;height:38px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--sh-1);color:#9579D0}
#index .szd-home .szdh-box__icon svg{width:21px;height:21px}
#index .szd-home .szdh-box__txt{flex:1;min-width:0}
#index .szd-home .szdh-box__title{font-size:15px;font-weight:900;color:var(--ink)}
#index .szd-home .szdh-box__sub{font-size:10.5px;font-weight:600;color:var(--ink-2);margin-top:1px}
#index .szd-home .szdh-box__more{font-size:11px;color:var(--pink-dk);font-weight:800;text-decoration:none;flex-shrink:0}
#index .szd-home .szdh-box .szdh-mod{padding:0 0 2px;position:relative;z-index:2}

/* brands — Swiper structure → clean name chips (logos missing in data) */
#index .szd-home .szdh-brands{margin:4px 0 8px;padding:0}
#index .szd-home .szdh-brands .title_block,#index .szd-home .szdh-brands .swiper-button,#index .szd-home .szdh-brands .swiper-pagination{display:none !important}
#index .szd-home .szdh-brands .row,#index .szd-home .szdh-brands .products_slider,#index .szd-home .szdh-brands .block_content,#index .szd-home .szdh-brands .brands_slider{margin:0 !important;padding:0 !important;display:block !important;width:auto !important}
#index .szd-home .szdh-brands .swiper,#index .szd-home .szdh-brands .swiper-container{overflow-x:auto !important;overflow-y:visible !important;padding:2px 12px 4px !important;margin:0 !important}
#index .szd-home .szdh-brands .swiper::-webkit-scrollbar{display:none}
#index .szd-home .szdh-brands .swiper-wrapper{display:flex !important;flex-wrap:nowrap !important;transform:none !important;width:auto !important;height:auto !important;gap:8px !important;align-items:stretch !important}
#index .szd-home .szdh-brands .swiper-slide{flex:0 0 auto !important;width:auto !important;max-width:none !important;height:auto !important;margin:0 !important}
/* LOGO ONLY — show the manufacturer logo (staging serves it via the prod redirect), hide name/mark */
#index .szd-home .szdh-brands .pro_outer_box{display:flex !important;align-items:center;justify-content:center;background:#fff !important;border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:var(--sh-1) !important;padding:8px 12px !important;min-height:64px;width:122px}
#index .szd-home .szdh-brands .pro_outer_box::before{display:none !important}
#index .szd-home .szdh-brands .pro_first_box,#index .szd-home .szdh-brands .brands_slider_item,#index .szd-home .szdh-brands .product_img_link,#index .szd-home .szdh-brands .front_image_pic,#index .szd-home .szdh-brands picture,#index .szd-home .szdh-brands .pro_outer_box a{display:flex !important;align-items:center;justify-content:center;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;margin:0 !important;padding:0 !important;width:100%;height:auto !important}
#index .szd-home .szdh-brands .pro_second_box,#index .szd-home .szdh-brands .s_title_block{display:none !important}
#index .szd-home .szdh-brands .front-image,#index .szd-home .szdh-brands img{max-height:46px;width:auto !important;height:auto !important;object-fit:contain;display:block}
#index .szd-home .szdh-brands .brands_slider_item img,#index .szd-home .szdh-brands .front-image,#index .szd-home .szdh-brands img{display:block !important;width:auto !important;max-width:96px !important;height:46px !important;object-fit:contain !important;opacity:1 !important;padding:0 !important;border:0 !important}
#index .szd-home .szdh-brands .pro_second_box,#index .szd-home .szdh-brands .s_title_block{display:none !important}

/* blog — re-skin ybc_blog latest block into a clean horizontal card scroller */
#index .szd-home .szdh-blog{padding:2px 0 6px}
#index .szd-home .szdh-blog .ybc_block_latest{padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important}
#index .szd-home .szdh-blog .title_blog{display:none !important}      /* we render our own heading */
#index .szd-home .szdh-blog .block_content.row{display:block !important;margin:0 !important}
#index .szd-home .szdh-blog .ybc_blog_content_block{display:flex !important;flex-wrap:nowrap !important;gap:10px !important;overflow-x:auto !important;padding:2px 12px 4px !important;margin:0 !important}
#index .szd-home .szdh-blog .ybc_blog_content_block::-webkit-scrollbar{display:none}
#index .szd-home .szdh-blog .ybc_blog_content_block_item{flex:0 0 80% !important;max-width:80% !important;width:80% !important;background:#fff !important;border-radius:var(--r-md) !important;box-shadow:var(--sh-1) !important;overflow:hidden !important;padding:0 !important;margin:0 !important}
#index .szd-home .szdh-blog .ybc_item_img{display:block;overflow:hidden}
#index .szd-home .szdh-blog .ybc_item_img img{width:100% !important;height:140px !important;object-fit:cover !important;display:block}
#index .szd-home .szdh-blog .ybc-blog-latest-post-content{padding:10px 12px 12px !important}
#index .szd-home .szdh-blog .ybc_title_block{font-size:13px !important;font-weight:800 !important;color:var(--ink) !important;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szdh-blog .blog_description{font-size:11px !important;color:var(--ink-3) !important;line-height:1.7;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szdh-blog .ybc-blog-sidear-post-meta,#index .szd-home .szdh-blog .ybc-blog-latest-toolbar{font-size:10px !important;color:var(--ink-3) !important;margin-top:6px}
#index .szd-home .szdh-blog .read_more{display:inline-block;margin-top:8px;color:var(--pink-dk) !important;font-weight:800 !important;font-size:11px !important;text-decoration:none}

/* ---------- FLASH banner wrapper (around the specials slider) ---------- */
#index .szd-home .flash{margin:14px 12px 6px;background:linear-gradient(135deg,#F25F5C 0%,#FF9F8A 100%);border-radius:var(--r-lg);padding:14px 14px 6px;color:#fff}
#index .szd-home .flash__head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#index .szd-home .flash__icon{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#index .szd-home .flash__icon svg{color:#F25F5C;width:18px;height:18px}
#index .szd-home .flash__title{font-size:14px;font-weight:900}
#index .szd-home .flash__sub{font-size:11px;opacity:.9}
#index .szd-home .flash .szdh-mod .pro_outer_box{background:#fff !important}
/* flash slider cards keep white on the red bg */

/* toman symbol (reuse global mask from szd-category.css if present) */
#index .szd-home .ishop-currency-symbol{position:relative;display:inline-block;width:1.05em;height:1em;vertical-align:-.14em;margin-right:3px;text-indent:-9999em;overflow:hidden;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

/* ============================================================================
   STBANNER TOKENS — decorative banners rendered by stbanner ([stbanner id=N]),
   BO-editable. Reset the module's bootstrap wrappers and fit each banner image
   into the mockup layout (hero slider / twin / pair / mosaic / full-width).
   ============================================================================ */
#index .szd-home .st_banner_row,
#index .szd-home .st_banner_row .row,
#index .szd-home .st_banner_row .banner_col,
#index .szd-home [class*="banner_container_"],
#index .szd-home [class*="banner_container_"] .container{
  margin:0 !important;padding:0 !important;width:100% !important;max-width:none !important;
  border:0 !important;box-shadow:none !important;background:transparent !important;display:block !important;float:none !important}
#index .szd-home .st_banner_block{display:block !important;border-radius:var(--r-md) !important;overflow:hidden !important;box-shadow:var(--sh-1) !important;text-decoration:none !important;line-height:0}
#index .szd-home .st_banner_block picture{display:block;line-height:0}
#index .szd-home .st_banner_block img,#index .szd-home .st_banner_block .adveditor_image{display:block !important;width:100% !important;height:auto !important;opacity:1 !important}
#index .szd-home .st_banner_image{opacity:1 !important}

/* HERO slider: each token = a full-width slide; viewport already rounds/clips */
#index .szd-home .hero__track{display:flex !important;flex-wrap:nowrap}
#index .szd-home .hero__track > .st_banner_row{flex:0 0 100% !important;width:100% !important}
#index .szd-home .hero .st_banner_block{border-radius:0 !important;box-shadow:none !important}

/* TWIN + PAIR: 2 equal cells (same-aspect SVGs => equal natural height) */
#index .szd-home .twin.szd-bnr .st_banner_block,#index .szd-home .bnr-pair.szd-bnr .st_banner_block{border-radius:var(--r-md) !important}

/* MOSAIC: big (243) spans 2 rows on the left, 2 small (244/245) stacked right */
#index .szd-home .bnr-mosaic.szd-bnr{height:auto !important;grid-template-rows:98px 98px}
#index .szd-home .bnr-mosaic.szd-bnr .m1{grid-row:span 2}
#index .szd-home .bnr-mosaic.szd-bnr .st_banner_block img{height:98px !important;object-fit:cover !important}
#index .szd-home .bnr-mosaic.szd-bnr .m1 .st_banner_block img{height:204px !important}
/* mosaic = Higgsfield image cards (دور ۱۱۵) */
#index .szd-home .szd-mz > a,#index .szd-home .szd-mz .m1 > a{display:block;height:100%;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1);line-height:0;text-decoration:none}
#index .szd-home .szd-mz > a > img{width:100%;height:98px;object-fit:cover;display:block}
#index .szd-home .szd-mz .m1 > a > img{width:100%;height:204px;object-fit:cover;display:block}

/* FULL-WIDTH banners: festival strip / featured / image club */
#index .szd-home .szd-bnr--full{margin:8px 12px}
/* دور ۱۰۰/۱۰۱ — installment-pay banners. Snapp = full-width thin band; Digipay+Torob = side-by-side pair */
#index .szd-home .szd-paybnr{display:block;margin:8px 12px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);line-height:0}
#index .szd-home .szd-paybnr img{width:100%;display:block}
#index .szd-home .szd-paytwin{display:flex;gap:8px;margin:8px 12px}
#index .szd-home .szd-paytwin > a{flex:1 1 0;min-width:0;display:block;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);line-height:0}
#index .szd-home .szd-paytwin img{width:100%;display:block}
#index .szd-home .szd-bnr--full .st_banner_block{border-radius:var(--r-lg) !important;box-shadow:var(--sh-2) !important}

/* GRID-mode product slider (stfeaturedslider uses display_as_grid, not Swiper)
   → turn the Bootstrap grid into a horizontal scroller like the other sliders */
#index .szd-home .szdh-mod .display_as_grid{overflow:visible !important}
#index .szd-home .szdh-mod .products.grid,#index .szd-home .szdh-mod .products.product_list.grid{
  display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:visible !important;align-items:flex-start !important;
  gap:8px !important;margin:0 !important;padding:4px 12px 6px !important;width:auto !important}
#index .szd-home .szdh-mod .products.grid::-webkit-scrollbar{display:none}
#index .szd-home .szdh-mod .product_list_item{flex:0 0 145px !important;width:145px !important;max-width:145px !important;min-width:145px !important;margin:0 !important;padding:0 !important;float:none !important}

/* toman glyph mask (ported from szd-category.css so it works on the home too) */
#index .szd-home .ishop-currency-irt{-webkit-mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.32%206.12c.32-.16.55-.31.79-.54.16-.23.31-.46.47-.69.08-.31.16-.61.16-.92h7.49c.47%200%20.87-.15%201.18-.38.24-.31.4-.69.4-1.23V.5h-1.03v1.77c0%20.38-.24.62-.63.62H3.74v-.39c0-.38-.08-.61-.16-.92%200-.23-.15-.46-.31-.61-.16-.15-.31-.23-.47-.31-.24-.08-.47-.15-.63-.15-.31%200-.55.07-.79.15-.15.15-.39.23-.47.46-.16.15-.31.31-.31.54-.08.23-.16.46-.16.69%200%20.23%200%20.46.08.69.08.23.16.38.24.54.16.08.31.23.55.31.24.08.47.08.87.08h.63c0%20.15-.08.31-.08.46-.08.15-.24.31-.31.46-.08.08-.24.15-.47.23-.16.08-.39.15-.63.15H.27v1.08h1.02c.39-.08.71-.15%201.03-.23ZM2.16%202.89c-.31%200-.47%200-.63-.15-.08-.08-.16-.23-.16-.46s.08-.46.16-.54c.16-.08.31-.15.55-.15s.39.07.55.23c.16.15.16.38.16.69v.46h-.63v-.08Z%22%2F%3E%3Cpath%20d%3D%22M10.44.5H7.45v.92h2.99V.5Z%22%2F%3E%3Cpath%20d%3D%22M12.73%208.5c-.08-.23-.16-.38-.31-.54-.16-.15-.31-.31-.55-.38-.16-.08-.39-.15-.63-.15s-.47.07-.71.15c-.24.08-.39.23-.55.38-.16.16-.24.31-.31.54-.08.23-.08.46-.08.69v.23c0%20.23-.08.31-.16.46-.16.08-.31.15-.55.15h-.31c-.16%200-.31-.07-.39-.15-.08-.15-.16-.31-.16-.46V5.73H6.97v3.85c0%20.31%200%20.54.08.69.08.15.16.31.31.46.16.08.24.23.47.23.16.08.31.08.55.08h.55c.16%200%20.39-.08.55-.15.16-.08.39-.23.47-.46.16.23.31.38.55.46.24.08.47.15.79.15.47%200%20.95-.15%201.18-.46.32-.31.47-.77.47-1.31-.08-.31-.16-.54-.24-.77ZM11.23%209.97c-.24%200-.39-.08-.47-.16-.24-.15-.24-.31-.24-.54s.08-.38.16-.54c.08-.15.31-.23.55-.23s.47.08.55.23c.08.16.16.31.16.54-.08.46-.31.69-.71.7Z%22%2F%3E%3Cpath%20d%3D%22M4.92%208.5c0%20.23%200%20.38-.08.61-.08.15-.16.31-.24.46-.16.15-.31.23-.47.31-.16.08-.39.15-.71.15h-.71c-.24%200-.47%200-.71-.08-.16-.15-.31-.23-.39-.38-.08-.15-.24-.31-.24-.46-.08-.15-.08-.38-.08-.61V7.66H.27v.92c0%20.77.24%201.39.63%201.85.39.46.95.69%201.74.69h.79c.39%200%20.71-.08%201.03-.23.31-.15.55-.31.79-.54.24-.23.39-.54.47-.85.08-.31.16-.61.16-.99V5.73l-1.03-.08.08%202.85Z%22%2F%3E%3Cpath%20d%3D%22M3.74%207.43H2.56v1.08h1.18V7.43Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.32%206.12c.32-.16.55-.31.79-.54.16-.23.31-.46.47-.69.08-.31.16-.61.16-.92h7.49c.47%200%20.87-.15%201.18-.38.24-.31.4-.69.4-1.23V.5h-1.03v1.77c0%20.38-.24.62-.63.62H3.74v-.39c0-.38-.08-.61-.16-.92%200-.23-.15-.46-.31-.61-.16-.15-.31-.23-.47-.31-.24-.08-.47-.15-.63-.15-.31%200-.55.07-.79.15-.15.15-.39.23-.47.46-.16.15-.31.31-.31.54-.08.23-.16.46-.16.69%200%20.23%200%20.46.08.69.08.23.16.38.24.54.16.08.31.23.55.31.24.08.47.08.87.08h.63c0%20.15-.08.31-.08.46-.08.15-.24.31-.31.46-.08.08-.24.15-.47.23-.16.08-.39.15-.63.15H.27v1.08h1.02c.39-.08.71-.15%201.03-.23ZM2.16%202.89c-.31%200-.47%200-.63-.15-.08-.08-.16-.23-.16-.46s.08-.46.16-.54c.16-.08.31-.15.55-.15s.39.07.55.23c.16.15.16.38.16.69v.46h-.63v-.08Z%22%2F%3E%3Cpath%20d%3D%22M10.44.5H7.45v.92h2.99V.5Z%22%2F%3E%3Cpath%20d%3D%22M12.73%208.5c-.08-.23-.16-.38-.31-.54-.16-.15-.31-.31-.55-.38-.16-.08-.39-.15-.63-.15s-.47.07-.71.15c-.24.08-.39.23-.55.38-.16.16-.24.31-.31.54-.08.23-.08.46-.08.69v.23c0%20.23-.08.31-.16.46-.16.08-.31.15-.55.15h-.31c-.16%200-.31-.07-.39-.15-.08-.15-.16-.31-.16-.46V5.73H6.97v3.85c0%20.31%200%20.54.08.69.08.15.16.31.31.46.16.08.24.23.47.23.16.08.31.08.55.08h.55c.16%200%20.39-.08.55-.15.16-.08.39-.23.47-.46.16.23.31.38.55.46.24.08.47.15.79.15.47%200%20.95-.15%201.18-.46.32-.31.47-.77.47-1.31-.08-.31-.16-.54-.24-.77ZM11.23%209.97c-.24%200-.39-.08-.47-.16-.24-.15-.24-.31-.24-.54s.08-.38.16-.54c.08-.15.31-.23.55-.23s.47.08.55.23c.08.16.16.31.16.54-.08.46-.31.69-.71.7Z%22%2F%3E%3Cpath%20d%3D%22M4.92%208.5c0%20.23%200%20.38-.08.61-.08.15-.16.31-.24.46-.16.15-.31.23-.47.31-.16.08-.39.15-.71.15h-.71c-.24%200-.47%200-.71-.08-.16-.15-.31-.23-.39-.38-.08-.15-.24-.31-.24-.46-.08-.15-.08-.38-.08-.61V7.66H.27v.92c0%20.77.24%201.39.63%201.85.39.46.95.69%201.74.69h.79c.39%200%20.71-.08%201.03-.23.31-.15.55-.31.79-.54.24-.23.39-.54.47-.85.08-.31.16-.61.16-.99V5.73l-1.03-.08.08%202.85Z%22%2F%3E%3Cpath%20d%3D%22M3.74%207.43H2.56v1.08h1.18V7.43Z%22%2F%3E%3C%2Fsvg%3E")}

/* SZD-EQPRICE � home product grids: discounted cards grew +20px (regular-price line) and broke
   row alignment. Reserve the 2-line price height on EVERY card and bottom-align the price, so
   discounted & plain cards are exactly the same height. Scoped to the home page only. */
#index .products.product_list.grid .product-price-and-shipping{min-height:39px;display:flex;flex-direction:column;justify-content:flex-end;gap:1px}

/* ============================================================
   دور ۸۲ — H18: hero 3:2 + touch swipe + motion system
   ============================================================ */
/* --- hero: fixed 3:2 aspect, kill stbanner inner margins (20px white strip), full-cover imgs --- */
#index .szd-home .hero__viewport{aspect-ratio:3/2}
#index .szd-home .hero__track{height:100%;touch-action:pan-y;cursor:grab}
#index .szd-home .hero__track:active{cursor:grabbing}
#index .szd-home .hero__track > .st_banner_row{height:100% !important;margin:0 !important;padding:0 !important}
#index .szd-home .hero__track .row{margin:0 !important;padding:0 !important}
#index .szd-home .hero__track .block_content,
#index .szd-home .hero__track .banner_col,
#index .szd-home .hero__track .st_banner_block,
#index .szd-home .hero__track picture{height:100% !important;display:block !important;margin:0 !important;padding:0 !important}
#index .szd-home .hero__track img{display:block;width:100% !important;height:100% !important;object-fit:cover;-webkit-user-drag:none;user-select:none}
/* دور ۹۹ — direct-img hero slides (5 Higgsfield banners); each fills the viewport */
#index .szd-home .hero__track > .hero__sl{flex:0 0 100% !important;width:100% !important;height:100% !important;display:block;line-height:0;text-decoration:none}

/* --- bgfx: drifting pastel blobs + twinkling stars behind the whole home --- */
#index .szd-home{position:relative}
#index .szd-home > *:not(.szd-bgfx){position:relative;z-index:1}
#index .szd-home .szd-bgfx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#index .szd-home .szd-bgfx i{position:absolute;border-radius:50%;will-change:transform;display:block}
#index .szd-home .szd-bgfx .b1{width:320px;height:320px;top:5%;right:-100px;background:radial-gradient(circle at 35% 35%,rgba(244,120,169,.17),rgba(244,120,169,0) 70%);animation:szdDrift1 26s ease-in-out infinite alternate}
#index .szd-home .szd-bgfx .b2{width:360px;height:360px;top:40%;left:-130px;background:radial-gradient(circle at 60% 40%,rgba(111,211,203,.15),rgba(111,211,203,0) 70%);animation:szdDrift2 32s ease-in-out infinite alternate}
#index .szd-home .szd-bgfx .b3{width:280px;height:280px;bottom:3%;right:-70px;background:radial-gradient(circle at 50% 50%,rgba(255,217,107,.20),rgba(255,217,107,0) 70%);animation:szdDrift3 23s ease-in-out infinite alternate}
#index .szd-home .szd-bgfx s{position:absolute;width:7px;height:7px;text-decoration:none;display:block;background:#F8A8C8;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.4;animation:szdTwinkle 3.8s ease-in-out infinite;will-change:transform,opacity}
#index .szd-home .szd-bgfx .st1{top:16%;left:10%}
#index .szd-home .szd-bgfx .st2{top:28%;right:14%;animation-delay:.7s;background:#FFD96B}
#index .szd-home .szd-bgfx .st3{top:48%;left:22%;animation-delay:1.4s}
#index .szd-home .szd-bgfx .st4{top:62%;right:9%;animation-delay:2.1s;background:#6FD3CB}
#index .szd-home .szd-bgfx .st5{top:78%;left:12%;animation-delay:1s;background:#FFD96B}
#index .szd-home .szd-bgfx .st6{top:88%;right:24%;animation-delay:2.8s}
@keyframes szdDrift1{from{transform:translate(0,0) scale(1)}to{transform:translate(-44px,64px) scale(1.16)}}
@keyframes szdDrift2{from{transform:translate(0,0) scale(1)}to{transform:translate(54px,-44px) scale(1.1)}}
@keyframes szdDrift3{from{transform:translate(0,0) scale(1)}to{transform:translate(-34px,-54px) scale(1.13)}}
@keyframes szdTwinkle{0%,100%{opacity:.12;transform:scale(.65) rotate(0deg)}50%{opacity:.6;transform:scale(1.2) rotate(22deg)}}

/* --- reveal-on-scroll --- */
#index .szd-home .szd-rv{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.22,.8,.36,1),transform .7s cubic-bezier(.22,.8,.36,1)}
#index .szd-home .szd-rv.rv-l{transform:translateX(-44px)}
#index .szd-home .szd-rv.rv-r{transform:translateX(44px)}
#index .szd-home .szd-rv.rv-z{transform:scale(.86)}
#index .szd-home .szd-rv.rv-in{opacity:1;transform:none}
/* growing underline on section titles when their block reveals */
#index .szd-home .szdh-title{position:relative;padding-bottom:6px}
#index .szd-home .szdh-title::after{content:"";position:absolute;right:0;bottom:0;height:3px;width:46px;border-radius:3px;background:linear-gradient(90deg,#E0568B,#FFD96B);transform:scaleX(0);transform-origin:right;transition:transform .8s cubic-bezier(.22,.8,.36,1) .25s}
#index .szd-home .szd-rv.rv-in .szdh-title::after,#index .szd-home .rv-in.szdh-row .szdh-title::after{transform:scaleX(1)}

/* --- sticky quote: full-bleed cinematic scene --- */
#index .szd-home .szd-quote{height:150vh;position:relative;margin:18px 0}
#index .szd-home .szd-quote__scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center}
#index .szd-home .szd-quote__scene img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:24% 50%;animation:szdKB 20s ease-in-out infinite alternate;will-change:transform}
#index .szd-home .szd-quote__scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(61,44,46,.14),rgba(61,44,46,.40))}
@keyframes szdKB{from{transform:scale(1)}to{transform:scale(1.13)}}
#index .szd-home .szd-quote__card{position:relative;z-index:2;margin:0 26px;background:rgba(255,248,240,.92);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:24px;padding:30px 26px 26px;text-align:center;box-shadow:0 18px 50px rgba(61,44,46,.28);max-width:420px}
#index .szd-home .szd-quote__mark{display:block;margin:0 auto 8px}
#index .szd-home .szd-quote__text{font-size:18.5px;font-weight:800;line-height:2.15;color:#3D2C2E;margin:0}
#index .szd-home .szd-quote__text em{color:#E0568B;font-style:normal}
#index .szd-home .szd-quote__by{margin-top:10px;font-size:12px;color:#7B6B6D;font-weight:600}
#index .szd-home .szd-quote__cta{display:inline-block;margin-top:16px;background:linear-gradient(135deg,#F478A9,#E0568B);color:#fff;border-radius:999px;padding:10px 28px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(224,86,139,.35)}

/* ============================================================
   دور ۸۳ — H19: hero top gap, bgfx doodles, compact feat banners, ages
   ============================================================ */
/* hero closer to the ticker (was 40px) */
#index .szd-home .hero{padding:24px 12px 8px}

/* bgfx doodles: floating outlined balloon/kite/book — childlike, faint */
#index .szd-home .szd-bgfx svg{position:absolute;opacity:.16;will-change:transform}
#index .szd-home .szd-bgfx .d1{width:44px;height:44px;top:22%;right:6%;animation:szdFloat1 17s ease-in-out infinite alternate}
#index .szd-home .szd-bgfx .d2{width:40px;height:40px;top:55%;left:7%;animation:szdFloat2 21s ease-in-out infinite alternate}
#index .szd-home .szd-bgfx .d3{width:42px;height:42px;top:80%;right:12%;animation:szdFloat3 19s ease-in-out infinite alternate}
@keyframes szdFloat1{from{transform:translateY(0) rotate(-6deg)}to{transform:translateY(-46px) rotate(8deg)}}
@keyframes szdFloat2{from{transform:translateY(0) rotate(5deg)}to{transform:translateY(40px) rotate(-9deg)}}
@keyframes szdFloat3{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-36px) rotate(7deg)}}

/* ---------- FEAT: compact full-bleed parallax banners ---------- */
#index .szd-home .szd-feat{position:relative;overflow:hidden;margin:10px 0;min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center}
#index .szd-home .szd-feat__inner{position:relative;z-index:2;padding:34px 24px;max-width:430px}
#index .szd-home .szd-feat__chip{display:inline-block;background:rgba(255,255,255,.92);color:#2A8F87;font-size:11.5px;font-weight:800;border-radius:999px;padding:5px 14px;margin-bottom:10px;box-shadow:0 3px 10px rgba(0,0,0,.08)}
#index .szd-home .szd-feat__chip--gold{color:#B98A2B}
#index .szd-home .szd-feat__title{font-size:21px;font-weight:900;color:#fff;margin:0;line-height:1.6;text-shadow:0 2px 12px rgba(0,0,0,.18)}
#index .szd-home .szd-feat__sub{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.95);margin:8px 0 0;text-shadow:0 1px 8px rgba(0,0,0,.15)}
#index .szd-home .szd-feat__cta{display:inline-block;margin-top:16px;background:#fff;color:#E0568B;border-radius:999px;padding:10px 26px;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.16)}
#index .szd-home .szd-feat__cta--teal{color:#2A8F87}
#index .szd-home .szd-feat__cta--gold{color:#B98A2B}
/* photo-bg variant (quote) — img taller than box so parallax never shows edges */
#index .szd-home .szd-feat__bg{position:absolute;inset:-18% 0;z-index:0;will-change:transform}
#index .szd-home .szd-feat__bg img{width:100%;height:100%;object-fit:cover;object-position:22% 50%;display:block}
#index .szd-home .szd-feat--quote::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(61,44,46,.22),rgba(61,44,46,.46))}
#index .szd-home .szd-feat--quote .szd-feat__quote{font-size:17.5px;font-weight:800;line-height:2.05;color:#fff;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}
#index .szd-home .szd-feat--quote .szd-feat__quote em{font-style:normal;color:#FFD96B}
#index .szd-home .szd-feat--quote .szd-feat__by{margin-top:8px;font-size:12px;font-weight:700;color:rgba(255,255,255,.85)}
/* CSS-scene variants */
#index .szd-home .szd-feat--ship{background:linear-gradient(135deg,#7FD0C7 0%,#3DA39B 100%)}
#index .szd-home .szd-feat--club{background:linear-gradient(135deg,#FFD96B 0%,#F0A93D 100%)}
#index .szd-home .szd-feat--club .szd-feat__title,#index .szd-home .szd-feat--club .szd-feat__sub{color:#5b3d10;text-shadow:none}
/* دور ۱۲۲ — referral banner, same family as customer-club but silver */
#index .szd-home .szd-feat--ref{background:linear-gradient(135deg,#EFECF8 0%,#E3E6F3 52%,#D2D9EC 100%)}
#index .szd-home .szd-feat--ref .szd-feat__title,#index .szd-home .szd-feat--ref .szd-feat__sub{color:#2E3650;text-shadow:none}
#index .szd-home .szd-feat__chip--silver{color:#5A6276}
#index .szd-home .szd-feat__cta--silver{color:#4A5267}
#index .szd-home .szd-feat__scene{position:absolute;inset:-14% 0;z-index:0;pointer-events:none;will-change:transform}
#index .szd-home .szd-feat__scene svg,#index .szd-home .szd-feat__scene .fx-coin{position:absolute}
#index .szd-home .fx-plane{width:74px;height:74px;top:18%;left:8%;transform:rotate(-8deg);filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));animation:szdBob 6s ease-in-out infinite alternate}
#index .szd-home .fx-dash{width:220px;height:66px;top:14%;left:14%;opacity:.55}
#index .szd-home .fx-cloud{opacity:.3}
#index .szd-home .fx-cloud.c1{width:92px;top:62%;right:6%}
#index .szd-home .fx-cloud.c2{width:64px;top:10%;right:26%}
#index .szd-home .fx-box{width:52px;height:52px;bottom:12%;right:14%;transform:rotate(7deg);animation:szdBob 7s ease-in-out infinite alternate-reverse}
#index .szd-home .fx-coin{width:54px;height:54px;display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.14))}
#index .szd-home .fx-coin.k1{top:14%;right:8%;animation:szdBob 5.5s ease-in-out infinite alternate}
#index .szd-home .fx-coin.k2{width:40px;height:40px;bottom:8%;right:5%;animation:szdBob 7s ease-in-out infinite alternate-reverse}
#index .szd-home .fx-coin.k3{width:46px;height:46px;top:30%;left:9%;animation:szdBob 6.2s ease-in-out infinite alternate}
#index .szd-home .fx-spark{width:18px;height:18px;opacity:.8}
#index .szd-home .fx-spark.s1{top:18%;left:26%}
#index .szd-home .fx-spark.s2{bottom:20%;left:18%;width:13px;height:13px}
@keyframes szdBob{from{translate:0 0}to{translate:0 -14px}}

/* ---------- AGES — horizontal snap cards ---------- */
#index .szd-home .ages{margin:16px 0 4px}
#index .szd-home .ages-track{display:flex;gap:10px;overflow-x:auto;padding:4px 12px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#index .szd-home .ages-track::-webkit-scrollbar{display:none}
#index .szd-home .age-card{flex:0 0 auto;width:104px;scroll-snap-align:start;border-radius:18px;padding:14px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;box-shadow:var(--sh-2)}
#index .szd-home .age-card__ic{width:60px;height:60px;display:flex;align-items:center;justify-content:center}
#index .szd-home .age-card__ic svg{width:27px;height:27px}
#index .szd-home .age-card__ic img{width:100%;height:100%;object-fit:contain;display:block}
#index .szd-home .age-card__t{font-size:13px;font-weight:800;color:var(--ink)}
#index .szd-home .age-card__s{font-size:10px;font-weight:600;color:var(--ink-3)}
#index .szd-home .age-card.ag1{background:#FFF4F8}
#index .szd-home .age-card.ag2{background:#FFFBEF}
#index .szd-home .age-card.ag3{background:#F0FAF8}
#index .szd-home .age-card.ag4{background:#F8F5FD}
#index .szd-home .age-card.ag5{background:#FFF6F0}

/* ===== نوار اطمینان (trust strip — دور ۱۰۶) ===== */
#index .szd-home .szd-trust{margin:10px 12px 6px}
#index .szd-home .szd-trust__track{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px 0 4px;margin:0;scrollbar-width:none}
#index .szd-home .szd-trust__track::-webkit-scrollbar{display:none}
#index .szd-home .szd-trust__item{flex:1 1 0;min-width:118px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:13px 8px 11px;background:var(--white);border-radius:var(--r-md);box-shadow:var(--sh-2);position:relative;overflow:hidden}
#index .szd-home .szd-trust__item::before{content:"";position:absolute;top:-26px;right:-26px;width:74px;height:74px;border-radius:50%;background:var(--pink-100);opacity:.7}
#index .szd-home .szd-trust__ic{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pink-soft);color:var(--pink-dk);box-shadow:var(--sh-1)}
#index .szd-home .szd-trust__ic svg{width:23px;height:23px}
#index .szd-home .szd-trust__tx{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px}
#index .szd-home .szd-trust__t{font-size:12px;font-weight:900;color:var(--ink);line-height:1.3}
#index .szd-home .szd-trust__s{font-size:9.5px;font-weight:600;color:var(--ink-3);line-height:1.3}
#index .szd-home .szd-trust__item--pink::before{background:var(--pink-100)}
#index .szd-home .szd-trust__item--pink .szd-trust__ic{background:var(--pink-soft);color:var(--pink-dk)}
#index .szd-home .szd-trust__item--teal::before{background:var(--teal-soft)}
#index .szd-home .szd-trust__item--teal .szd-trust__ic{background:var(--teal-soft);color:var(--teal-dk)}
#index .szd-home .szd-trust__item--gold::before{background:var(--yellow-soft)}
#index .szd-home .szd-trust__item--gold .szd-trust__ic{background:var(--yellow-soft);color:#B98A2B}
#index .szd-home .szd-trust__item--purple::before{background:#EFE4FF}
#index .szd-home .szd-trust__item--purple .szd-trust__ic{background:#EFE4FF;color:#9579D0}
@media (max-width:420px){#index .szd-home .szd-trust__item{flex:0 0 39%;min-width:128px}}

/* ===== انتخابِ سردبیر / کتابِ هفته (دور ۱۰۶) ===== */
#index .szd-home .szd-ep{position:relative;margin:18px 12px 8px;border-radius:var(--r-lg);overflow:hidden;padding:16px 14px 16px;box-shadow:var(--sh-2);background:linear-gradient(135deg,#FFF4D0 0%,#FFE3EC 52%,#EFE4FF 100%)}
#index .szd-home .szd-ep__blob{position:absolute;border-radius:50%;pointer-events:none;z-index:0}
#index .szd-home .szd-ep__blob--a{width:140px;height:140px;background:rgba(255,255,255,.45);top:-50px;right:-40px}
#index .szd-home .szd-ep__blob--b{width:96px;height:96px;background:rgba(244,120,169,.18);bottom:-34px;left:14px}
#index .szd-home .szd-ep__head{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:12px}
#index .szd-home .szd-ep__seal{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);color:#E0568B}
#index .szd-home .szd-ep__seal svg{width:23px;height:23px}
#index .szd-home .szd-ep__htxt{flex:1;min-width:0}
#index .szd-home .szd-ep__title{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:900;color:var(--ink)}
#index .szd-home .szd-ep__chip{font-size:10px;font-weight:800;color:#fff;background:linear-gradient(135deg,#F478A9,#E0568B);padding:3px 9px;border-radius:30px;box-shadow:0 3px 9px rgba(224,86,139,.35)}
#index .szd-home .szd-ep__sub{font-size:10.5px;font-weight:600;color:var(--ink-2);margin-top:2px}
#index .szd-home .szd-ep__list{position:relative;z-index:2}
#index .szd-home .szd-ep__card{display:flex;gap:13px;align-items:stretch;background:#fff;border-radius:var(--r-md);padding:12px;box-shadow:var(--sh-1);text-decoration:none}
#index .szd-home .szd-ep__cover{position:relative;flex:0 0 116px;width:116px;border-radius:12px;overflow:hidden;background:#FFF7FA;display:flex;align-items:center;justify-content:center}
#index .szd-home .szd-ep__cover img{width:100%;height:148px;object-fit:contain;padding:6px;display:block}
#index .szd-home .szd-ep__ribbon{position:absolute;top:8px;right:-26px;transform:rotate(38deg);background:linear-gradient(135deg,#FFD96B,#F0BB3D);color:#5b3d10;font-size:9px;font-weight:900;padding:3px 26px;box-shadow:0 2px 6px rgba(0,0,0,.18)}
#index .szd-home .szd-ep__body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
#index .szd-home .szd-ep__name{font-size:14px;font-weight:900;color:var(--ink);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szd-ep__note{font-size:11px;font-weight:600;color:var(--ink-2);line-height:1.95;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szd-ep__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;flex-wrap:wrap}
#index .szd-home .szd-ep__price{font-size:15px;font-weight:900;color:var(--pink-dk);white-space:nowrap}
#index .szd-home .szd-ep__cta{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,#F478A9,#E0568B);color:#fff;font-size:12px;font-weight:900;padding:8px 15px;border-radius:30px;box-shadow:0 5px 14px rgba(224,86,139,.32)}
#index .szd-home .szd-ep__cta svg{width:13px;height:13px;fill:none}
#index .szd-home .szd-ep__list--multi{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
#index .szd-home .szd-ep__list--multi::-webkit-scrollbar{display:none}
#index .szd-home .szd-ep__list--multi .szd-ep__card{flex:0 0 82%;flex-direction:column}
#index .szd-home .szd-ep__list--multi .szd-ep__cover{flex:0 0 auto;width:100%}
#index .szd-home .szd-ep__list--multi .szd-ep__cover img{height:160px}

/* ===== کلوپِ کتاب‌خون‌ها — تیزر + مودالِ در دست ساخت (دور ۱۰۷) ===== */
#index .szd-home .szd-club{margin:14px 12px 8px}
#index .szd-home .szd-club__banner{width:100%;border:0;cursor:pointer;text-align:right;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--r-lg);box-shadow:var(--sh-2);background:linear-gradient(120deg,#4A3A7A 0%,#6C4F9E 52%,#2E8B82 100%);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;font-family:inherit}
#index .szd-home .szd-club__banner:active{transform:scale(.985)}
#index .szd-home .szd-club__banner:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(40,20,70,.3)}
#index .szd-home .szd-club__art{position:relative;flex:0 0 96px;width:96px;height:64px}
#index .szd-home .szd-club__art svg{width:100%;height:100%;display:block}
#index .szd-home .szd-club__tw{position:absolute;width:5px;height:5px;border-radius:50%;background:#FFE08A;box-shadow:0 0 6px #FFE08A;animation:szdTwinkle 2.4s ease-in-out infinite}
#index .szd-home .szd-club__tw--1{top:6px;left:10px;animation-delay:0s}
#index .szd-home .szd-club__tw--2{top:30px;left:0;animation-delay:.7s}
#index .szd-home .szd-club__tw--3{top:14px;right:6px;width:4px;height:4px;animation-delay:1.3s}
#index .szd-home .szd-club__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;color:#fff}
#index .szd-home .szd-club__kicker{font-size:10.5px;font-weight:700;color:#FFE08A;letter-spacing:.3px}
#index .szd-home .szd-club__title{font-size:18px;font-weight:900;line-height:1.3}
#index .szd-home .szd-club__sub{font-size:11.5px;font-weight:600;opacity:.92}
@keyframes szdTwinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}

/* coming-soon modal */
#index .szd-soon{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(26,16,42,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}
#index .szd-soon.is-on{opacity:1}
#index .szd-soon__card{position:relative;width:100%;max-width:340px;background:#fff;border-radius:22px;padding:26px 22px 22px;text-align:center;box-shadow:0 24px 60px rgba(26,16,42,.4);transform:scale(.86) translateY(18px);opacity:0;transition:transform .34s cubic-bezier(.34,1.56,.64,1),opacity .34s ease}
#index .szd-soon.is-on .szd-soon__card{transform:scale(1) translateY(0);opacity:1}
#index .szd-soon__x{position:absolute;top:10px;left:12px;width:30px;height:30px;border:0;border-radius:50%;background:#F1EEF7;color:#6C4F9E;font-size:15px;font-weight:900;cursor:pointer;line-height:1}
#index .szd-soon__scene{position:relative;height:96px;display:flex;align-items:flex-end;justify-content:center;gap:7px;margin-bottom:6px}
#index .szd-soon__gear{position:absolute;top:0;right:54px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6C4F9E,#4A3A7A);display:flex;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(76,58,122,.4)}
#index .szd-soon__gear svg{width:20px;height:20px;animation:szdSpin 4s linear infinite}
#index .szd-soon__books{display:flex;align-items:flex-end;gap:6px}
#index .szd-soon__bk{display:block;width:18px;border-radius:3px 3px 2px 2px;animation:szdBounce 1.3s ease-in-out infinite}
#index .szd-soon__bk--1{height:42px;background:linear-gradient(#F478A9,#E0568B);animation-delay:0s}
#index .szd-soon__bk--2{height:58px;background:linear-gradient(#5FC7BD,#2E8B82);animation-delay:.18s}
#index .szd-soon__bk--3{height:34px;background:linear-gradient(#FFD96B,#F0BB3D);animation-delay:.36s}
#index .szd-soon__sp{position:absolute;width:7px;height:7px;border-radius:50%;background:#FFD96B;box-shadow:0 0 8px #FFD96B;animation:szdTwinkle 1.8s ease-in-out infinite}
#index .szd-soon__sp--1{top:8px;left:40px;animation-delay:.2s}
#index .szd-soon__sp--2{top:28px;right:30px;animation-delay:.9s}
#index .szd-soon__sp--3{bottom:6px;left:30px;width:5px;height:5px;animation-delay:1.4s}
#index .szd-soon__t{font-size:20px;font-weight:900;color:var(--ink);margin-top:6px}
#index .szd-soon__s{font-size:12.5px;font-weight:600;color:var(--ink-2);line-height:2;margin:8px 4px 16px}
#index .szd-soon__cta{border:0;cursor:pointer;background:linear-gradient(135deg,#6C4F9E,#4A3A7A);color:#fff;font-family:inherit;font-size:13.5px;font-weight:900;padding:12px 26px;border-radius:30px;box-shadow:0 8px 18px rgba(76,58,122,.34)}
@keyframes szdSpin{to{transform:rotate(360deg)}}
@keyframes szdBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ===== compact Persian countdown badge (دور ۱۰۸) — replaces stcountdown's bulky box ===== */
.countdown_wrap{display:none !important}
.szd-cd{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);z-index:5;display:inline-flex;align-items:center;gap:4px;background:rgba(203,25,46,.95);color:#fff;font-size:10.5px;font-weight:800;padding:4px 10px;border-radius:30px;box-shadow:0 3px 9px rgba(150,18,28,.3);white-space:nowrap;line-height:1;pointer-events:none}
.szd-cd b{font-weight:900;margin:0 1px}
.szd-cd__t{direction:ltr;font-variant-numeric:tabular-nums;letter-spacing:.4px}

/* ===== کشفِ امروز — بنرِ کالای رندوم (دور ۱۰۸) ===== */
#index .szd-home .szd-rand{margin:14px 12px 8px}
#index .szd-home .szd-rand__in{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-lg);box-shadow:var(--sh-2);background:linear-gradient(120deg,#E7F6F2 0%,#FFF3E0 55%,#FCE9F1 100%);text-decoration:none}
#index .szd-home .szd-rand__img{flex:0 0 96px;width:96px;height:108px;border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-1);position:relative;z-index:1}
#index .szd-home .szd-rand__img img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
#index .szd-home .szd-rand__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;position:relative;z-index:1}
#index .szd-home .szd-rand__chip{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:#2A8F87;background:rgba(42,143,135,.13);padding:3px 9px 3px 8px;border-radius:30px}
#index .szd-home .szd-rand__chip svg{width:12px;height:12px}
/* دور ۱۲۲ — blog «دانستنیِ امروز» discovery card: violet chip to distinguish from the product «منتخب» card */
#index .szd-home .szd-rand--blog .szd-rand__chip{color:#7A4FBF;background:rgba(122,79,191,.13)}
#index .szd-home .szd-rand__name{font-size:14.5px;font-weight:900;color:var(--ink);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szd-rand__desc{font-size:11px;font-weight:600;color:var(--ink-2);line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#index .szd-home .szd-rand__row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}
#index .szd-home .szd-rand__price{font-size:15px;font-weight:900;color:var(--pink-dk);white-space:nowrap}
#index .szd-home .szd-rand__cta{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#5FC7BD,#2A8F87);color:#fff;font-size:12px;font-weight:900;padding:7px 14px;border-radius:30px;box-shadow:0 5px 13px rgba(42,143,135,.3);white-space:nowrap}
#index .szd-home .szd-rand__cta svg{width:12px;height:12px}
#index .szd-home .szd-rand__art{position:absolute;inset:0;pointer-events:none;z-index:0}
#index .szd-home .szd-rand__tw{position:absolute;width:6px;height:6px;border-radius:50%;background:#FFD96B;box-shadow:0 0 7px #FFD96B;animation:szdTwinkle 2.6s ease-in-out infinite}
#index .szd-home .szd-rand__tw--1{top:10px;left:40%}
#index .szd-home .szd-rand__tw--2{bottom:12px;right:30%;animation-delay:1.2s}

/* ===== BREAKOUT BANNER (دور ۹۲) — toy car bursting out of the card. The car rises
   into the section's top padding (stays inside the section box) so nothing is clipped. ===== */
#index .szd-home .szd-bo-sec{margin:22px 12px 16px;padding-top:54px;position:relative}
#index .szd-home .szd-bo{position:relative;display:flex;align-items:flex-end;overflow:visible;border-radius:var(--r-lg);min-height:108px;background:linear-gradient(135deg,#16b6c6 0%,#2080d6 100%);box-shadow:0 14px 30px rgba(20,120,170,.30);padding:14px 18px 13px;text-decoration:none}
#index .szd-home .szd-bo::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg);pointer-events:none;background:radial-gradient(150px 90px at 22% -16%,rgba(255,255,255,.20),transparent 70%)}
#index .szd-home .szd-bo__text{position:relative;z-index:3;margin-right:auto;text-align:right;width:50%}
#index .szd-home .szd-bo__kick{display:inline-block;background:rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:800;padding:4px 11px;border-radius:30px;margin-bottom:7px}
#index .szd-home .szd-bo__title{display:block;color:#fff;font-size:20px;font-weight:900;line-height:1.14;text-shadow:0 2px 10px rgba(0,40,70,.25)}
#index .szd-home .szd-bo__sub{display:block;margin-top:5px;color:#eafbff;font-size:11.5px;font-weight:600}
#index .szd-home .szd-bo__cta{display:inline-flex;align-items:center;gap:6px;margin-top:11px;background:#fff;color:#1573c0;font-size:12.5px;font-weight:900;padding:8px 15px;border-radius:30px;box-shadow:0 6px 16px rgba(0,40,70,.22)}
#index .szd-home .szd-bo__stage{position:absolute;left:2px;bottom:0;width:40%;height:100%;z-index:4;pointer-events:none}
#index .szd-home .szd-bo__ground{position:absolute;left:8%;bottom:9px;width:74%;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,30,50,.36),transparent);filter:blur(1.5px)}
#index .szd-home .szd-bo__car{position:absolute;left:40%;bottom:3px;width:122%;transform:translateX(-50%) rotate(-5deg);transform-origin:50% 92%}
#index .szd-home .szd-bo__carInner{position:relative;width:100%;will-change:transform}
#index .szd-home .szd-bo__carInner .body{width:100%;display:block;filter:drop-shadow(0 11px 12px rgba(8,55,85,.34))}
#index .szd-home .szd-bo__wheel{position:absolute;width:18.5%;aspect-ratio:1;transform:translate(-50%,-50%)}
#index .szd-home .szd-bo__wheel img{width:100%;display:block}
#index .szd-home .szd-bo__dust{position:absolute;left:-2%;bottom:16px;width:0;height:0}
#index .szd-home .szd-bo__dust i{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.95),rgba(222,236,244,.5) 60%,rgba(222,236,244,0) 72%);transform:translate(-50%,-50%) scale(.2);opacity:0}
#index .szd-home .szd-bo__lines{position:absolute;left:-10px;bottom:44px;width:0;height:0}
#index .szd-home .szd-bo__lines i{position:absolute;height:5px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.9))}
#index .szd-home .szd-bo__lines i:nth-child(1){width:34px;top:0}#index .szd-home .szd-bo__lines i:nth-child(2){width:24px;top:12px}#index .szd-home .szd-bo__lines i:nth-child(3){width:30px;top:24px}
@keyframes szdbo_spin{to{transform:rotate(-360deg)}}
@keyframes szdbo_drive{0%{transform:translateY(0) rotate(0)}22%{transform:translateY(-4px) rotate(1.5deg)}55%{transform:translateY(1px) rotate(-1deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes szdbo_puff{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.92}100%{opacity:0;transform:translate(-46px,-30px) scale(1.7)}}
@keyframes szdbo_streak{0%{opacity:0;transform:translateX(12px)}30%{opacity:.9}100%{opacity:0;transform:translateX(-36px)}}
#index .szd-home .szd-bo__carInner{animation:szdbo_drive 1.6s ease-in-out infinite}
#index .szd-home .szd-bo__wheel img{animation:szdbo_spin .62s linear infinite}
#index .szd-home .szd-bo__dust i{animation:szdbo_puff 1.6s ease-out infinite}
#index .szd-home .szd-bo__dust i:nth-child(2){animation-delay:.53s}#index .szd-home .szd-bo__dust i:nth-child(3){animation-delay:1.06s}
#index .szd-home .szd-bo__lines i{animation:szdbo_streak 1.6s ease-out infinite}
#index .szd-home .szd-bo__lines i:nth-child(2){animation-delay:.27s}#index .szd-home .szd-bo__lines i:nth-child(3){animation-delay:.5s}
@media(prefers-reduced-motion:reduce){#index .szd-home .szd-bo__carInner,#index .szd-home .szd-bo__wheel img,#index .szd-home .szd-bo__dust i,#index .szd-home .szd-bo__lines i{animation:none}#index .szd-home .szd-bo__dust i,#index .szd-home .szd-bo__lines i{opacity:.5}}

/* ===== TABBED PRODUCT SLIDER (دور ۹۳) — top buttons switch the visible category ===== */
#index .szd-home .szt-sl{margin:18px 0 8px}
#index .szd-home .szt-sl__head{display:flex;justify-content:space-between;align-items:baseline;padding:0 12px;margin-bottom:9px}
#index .szd-home .szt-sl__title{font-size:15px;font-weight:800;color:var(--ink)}
#index .szd-home .szt-sl__sub{font-size:11px;color:var(--ink-3);font-weight:600;margin-top:2px}
#index .szd-home .szt-sl__more{font-size:11px;color:var(--pink-dk);font-weight:700;text-decoration:none;white-space:nowrap}
#index .szd-home .szt-sl__tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 12px 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#index .szd-home .szt-sl__tabs::-webkit-scrollbar{display:none}
#index .szd-home .szt-sl__tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;border:0;background:#fff;color:#6a4a52;font-family:inherit;font-size:12.5px;font-weight:800;padding:6px 15px 6px 6px;border-radius:30px;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease;white-space:nowrap}
#index .szd-home .szt-sl__tabic{width:26px;height:26px;flex:0 0 auto;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}
#index .szd-home .szt-sl__tabic svg{width:17px;height:17px}
/* playful pastel tints per tab (inactive) */
#index .szd-home .szt-sl__tab:nth-child(5n+1){background:#FFE3EC;color:#C13C6B}
#index .szd-home .szt-sl__tab:nth-child(5n+2){background:#FFF1CC;color:#A8791E}
#index .szd-home .szt-sl__tab:nth-child(5n+3){background:#D9F0EC;color:#2A8F87}
#index .szd-home .szt-sl__tab:nth-child(5n+4){background:#ECE4FA;color:#7C5FB8}
#index .szd-home .szt-sl__tab:nth-child(5n+5){background:#FFE6D8;color:#D96B3D}
#index .szd-home .szt-sl__tab.is-on{background:linear-gradient(135deg,#F478A9,#FF8FBD)!important;color:#fff!important;transform:translateY(-3px) scale(1.05);box-shadow:0 7px 18px rgba(244,120,169,.45)}
#index .szd-home .szt-sl__tab:active{transform:scale(.95)}
@keyframes sztbounce{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
#index .szd-home .szt-sl__tab.is-on .szt-sl__tabic{animation:sztbounce .55s ease}
#index .szd-home .szt-sl__pane{display:none}
#index .szd-home .szt-sl__pane.is-on{display:block;animation:sztfade .35s ease}
@keyframes sztfade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
#index .szd-home .szt-sl__strip{display:flex;gap:10px;overflow-x:auto;padding:2px 12px 8px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#index .szd-home .szt-sl__strip::-webkit-scrollbar{display:none}
#index .szd-home .szt-c{flex:0 0 132px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--sh-1)}
#index .szd-home .szt-c__img{height:120px;display:flex;align-items:center;justify-content:center;padding:8px;background:#fff}
#index .szd-home .szt-c__img img{max-width:100%;max-height:100%;object-fit:contain}
#index .szd-home .szt-c__name{font-size:11.5px;font-weight:700;color:var(--ink);line-height:1.5;padding:6px 9px 2px;height:48px;overflow:hidden}
#index .szd-home .szt-c__price{font-size:13px;font-weight:800;color:var(--pink-dk);padding:2px 9px 10px}
#index .szd-home .szt-c__price small{font-size:10px;font-weight:600;color:var(--ink-3)}
#index .szd-home .szt-sl__empty{padding:24px 14px;color:var(--ink-3);font-size:12px}

/* ===== RC OFF-ROAD BREAKOUT BANNER (دور ۹۵) — static Higgsfield car bursts out the bottom-left.
   Car overflows into the section's bottom padding (stays inside the section box) → no clipping. ===== */
#index .szd-home .szd-rcb-sec{position:relative;margin:22px 12px 16px;padding-bottom:40px}
#index .szd-home .szd-rcb{position:relative;overflow:visible;border-radius:var(--r-lg);min-height:156px;display:flex;align-items:flex-start;background:linear-gradient(135deg,#FFB24D 0%,#FB7E1E 100%);box-shadow:0 14px 30px rgba(235,130,35,.32);padding:16px 18px 14px;text-decoration:none}
#index .szd-home .szd-rcb::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg);pointer-events:none;background:radial-gradient(150px 90px at 26% -16%,rgba(255,255,255,.22),transparent 70%)}
#index .szd-home .szd-rcb__text{position:relative;z-index:5;margin-right:auto;width:46%;text-align:right}
#index .szd-home .szd-rcb__kick{display:inline-block;background:rgba(255,255,255,.28);color:#8a3d0c;font-size:11px;font-weight:800;padding:4px 11px;border-radius:30px;margin-bottom:7px}
#index .szd-home .szd-rcb__title{display:block;color:#fff;font-size:18px;font-weight:900;line-height:1.16;text-shadow:0 2px 10px rgba(120,50,0,.28)}
#index .szd-home .szd-rcb__sub{display:block;margin-top:5px;color:#fff5ec;font-size:11.5px;font-weight:600}
#index .szd-home .szd-rcb__cta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;background:#fff;color:#D9531B;font-size:12.5px;font-weight:900;padding:8px 16px;border-radius:30px;box-shadow:0 6px 16px rgba(120,50,0,.22)}
#index .szd-home .szd-rcb__car{position:absolute;left:-5%;bottom:-36px;width:50%;z-index:3;filter:drop-shadow(0 14px 14px rgba(80,40,5,.34));pointer-events:none}
#index .szd-home .szd-rcb__car img{width:100%;display:block}

/* ===== RC banner as full Higgsfield image (دور ۹۶/۹۷) — card+breakout+cream baked into the image ===== */
#index .szd-home .szd-rcbn{display:block;margin:14px 10px 12px;line-height:0}
#index .szd-home .szd-rcbn img{width:100%;display:block}
/* دور ۱۲۳ — TRUE breakout trio (روبیک/پازل/عروسک): CSS gradient card + transparent element
   cluster bursting OUT past the card's TOP-right edge (overflow:visible, like .szd-rcb/.szd-bo).
   The cluster rises into the section's top padding so nothing is clipped. */
#index .szd-home .szd-bk-sec{position:relative;margin:2px 10px 8px;padding-top:30px}
#index .szd-home .szd-bk-sec + .szd-bk-sec{margin-top:0}
#index .szd-home .szd-bk{position:relative;overflow:visible;border-radius:20px;min-height:154px;display:block;padding:18px 20px;text-decoration:none;box-shadow:0 14px 32px rgba(40,20,70,.24)}
#index .szd-home .szd-bk::after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;background:radial-gradient(170px 100px at 22% -18%,rgba(255,255,255,.18),transparent 70%)}
#index .szd-home .szd-bk--rubik{background:linear-gradient(135deg,#4922A6 0%,#7C3AED 100%)}
#index .szd-home .szd-bk--puzzle{background:linear-gradient(135deg,#0B6E61 0%,#0D9488 100%)}
#index .szd-home .szd-bk--doll{background:linear-gradient(135deg,#D94F95 0%,#B06BE6 100%)}
#index .szd-home .szd-bk--box{background:linear-gradient(135deg,#C2185B 0%,#F4633A 100%)}
#index .szd-home .szd-bk__text{position:absolute;z-index:3;right:20px;top:50%;transform:translateY(-50%);width:48%;text-align:right}
#index .szd-home .szd-bk__kick{display:inline-block;background:rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:800;padding:4px 12px;border-radius:30px;margin-bottom:8px}
#index .szd-home .szd-bk__title{display:block;color:#fff;font-size:22px;font-weight:900;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.26)}
#index .szd-home .szd-bk__sub{display:block;margin-top:6px;color:rgba(255,255,255,.95);font-size:12px;font-weight:700;line-height:1.5}
#index .szd-home .szd-bk__cta{display:inline-flex;align-items:center;gap:6px;margin-top:13px;background:#fff;font-size:12.5px;font-weight:900;padding:9px 18px;border-radius:30px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
#index .szd-home .szd-bk__cta svg{width:14px;height:14px}
#index .szd-home .szd-bk--rubik .szd-bk__cta{color:#6D28D9}
#index .szd-home .szd-bk--puzzle .szd-bk__cta{color:#0B7567}
#index .szd-home .szd-bk--doll .szd-bk__cta{color:#C13C8A}
#index .szd-home .szd-bk--box .szd-bk__cta{color:#C2185B}
#index .szd-home .szd-bk__obj{position:absolute;z-index:4;left:-10px;bottom:-10px;width:49%;pointer-events:none;filter:drop-shadow(0 12px 16px rgba(40,20,60,.32))}
#index .szd-home .szd-bk__obj img{width:100%;display:block}

/* دور ۱۳۸ — same countdown «shake» fix as the listings: Persian digits in Vazirmatn are
   proportional, so the ticking «پیشنهاد ویژه» seconds resized the timer → card reflow. tabular
   (equal-width) digits keep the timer a constant width. (Covers the home specials slider.) */
#index .szd-home :is(.countdown_pro,.s_countdown_timer,.c_countdown_timer,.countdown_box,.countdown_outer_box,.countdown_wrap,.countdown_wrap_inner,.countdown_text,.countdown_name,.countdown_title){
  font-variant-numeric:tabular-nums !important;font-feature-settings:"tnum" 1 !important;
}
#index .szd-home :is(.countdown_pro,.s_countdown_timer,.c_countdown_timer){white-space:nowrap !important}