/* =====================================================================
   Zain'ss · theme «موج» — bold streetwear & sneakers.
   On top of store.css: square corners, heavy display type, black + the store accent (lime by default),
   editorial blocks. Section backgrounds come from each section's colour scheme (set in the theme package).
   ===================================================================== */
.theme-mawj{--ink:#0d0d0d;--r-lg:var(--r);--hdr-h:74px}
.theme-mawj h1,.theme-mawj h2,.theme-mawj h3{font-weight:700;letter-spacing:-.015em}
.theme-mawj .eyebrow{font-weight:700;color:var(--text);letter-spacing:.02em;font-size:13.5px}
.theme-mawj .eyebrow::before{width:10px;height:10px;background:var(--accent);opacity:1;box-shadow:0 0 0 1.5px var(--text)}
.theme-mawj .scheme-accent .eyebrow::before{background:var(--c-text);box-shadow:none}
.theme-mawj .btn{font-weight:700;letter-spacing:.01em}
.theme-mawj .btn--accent{color:#111}
.theme-mawj .btn--lg{height:58px;padding:0 32px}
.theme-mawj .more{font-weight:700;border-bottom-width:2px}
.theme-mawj .chip{border-radius:0;font-weight:600}
.theme-mawj .round-btn{border-radius:0;border-color:var(--text);background:transparent}
.theme-mawj .round-btn:hover{background:var(--accent);color:#111;border-color:var(--accent)}

/* ---------------------------------------------------------------- announcement + header */
.theme-mawj .ann{font-weight:600;letter-spacing:.01em;height:40px}
.theme-mawj .scheme-ink .ann{color:var(--accent)}
.theme-mawj .scheme-ink .ann a{text-decoration-color:color-mix(in srgb,var(--accent) 45%,transparent)}
.theme-mawj .hdr{border-bottom:2px solid var(--text)}
.theme-mawj .hdr-nav{font-weight:700}
.theme-mawj .nav-link::after{height:3px;bottom:20px;background:var(--accent);box-shadow:0 1px 0 var(--text)}
.theme-mawj .cart-count{background:var(--accent);color:#111;font-weight:800;border-radius:0}
.theme-mawj .mega{border-top:2px solid var(--text)}
.theme-mawj .mega-img{border-radius:0}
.theme-mawj .mega-cat b{font-weight:700}

/* ---------------------------------------------------------------- hero */
.theme-mawj .hero{background:#d9d6cf}
.theme-mawj .slide-title{font-weight:800;font-size:calc(clamp(46px,6.6vw,108px) * var(--h-scale,1));line-height:1;letter-spacing:-.03em}
.theme-mawj .slide-text{font-size:18px;max-width:44ch;font-weight:500}
.theme-mawj .slide .eyebrow{background:var(--ink);color:var(--accent);padding:7px 14px;font-size:13.5px;opacity:1}
.theme-mawj .slide .eyebrow::before{display:none}
.theme-mawj .slide--light .eyebrow{background:var(--accent);color:#111}
.theme-mawj .slide--dark .btn--light{background:var(--ink);border-color:var(--ink)}
.theme-mawj .slide--light .btn--light{background:var(--accent);border-color:var(--accent);color:#111}
.theme-mawj .slide--light .btn--light:hover{background:#fff;border-color:#fff}
.theme-mawj .hero .round-btn{border-color:currentColor;color:inherit;backdrop-filter:none;background:transparent}
.theme-mawj .dot i{border-radius:0;height:3px}

/* ---------------------------------------------------------------- marquee */
.theme-mawj .marquee{border-block:2px solid var(--c-text);padding-block:16px}
.theme-mawj .marquee-track{font-weight:800;font-size:clamp(19px,1.9vw,26px);gap:36px;font-family:var(--font-head),sans-serif}
.theme-mawj .marquee--lg .marquee-track{font-size:clamp(22px,2.6vw,38px)}
.theme-mawj .marquee--sm .marquee-track{font-size:16px}

/* ---------------------------------------------------------------- section heads */
.theme-mawj .sec-head h2{font-weight:800;font-size:calc(clamp(32px,3.6vw,58px) * var(--h-scale,1));letter-spacing:-.025em;line-height:1.05}
.theme-mawj .tabs-head{margin-bottom:28px}
.theme-mawj .tab{font-weight:800;font-size:calc(clamp(24px,2.8vw,42px) * var(--h-scale,1));color:color-mix(in srgb,var(--text) 28%,var(--bg));border-bottom-width:5px;padding-bottom:6px;letter-spacing:-.02em}
.theme-mawj .tab[aria-selected=true]{color:var(--text);border-color:var(--accent);box-shadow:0 2px 0 var(--text)}

/* ---------------------------------------------------------------- category tiles */
.theme-mawj .cat-tile,.theme-mawj .cat-media{border-radius:0}
.theme-mawj .cat-tile--tiles::after{background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0) 46%)}
.theme-mawj .cat-tile--tiles:hover{outline:3px solid var(--text);outline-offset:-3px}
.theme-mawj .cat-label{inset-inline-end:76px}
.theme-mawj .cat-label b{font-weight:800;font-size:calc(clamp(22px,2.1vw,32px) * var(--h-scale,1));line-height:1.1;letter-spacing:-.02em}
.theme-mawj .cat-go{border-radius:0;background:var(--accent);color:#111;border:0;backdrop-filter:none}
.theme-mawj .cat-tile:hover .cat-go{background:#fff}

/* ---------------------------------------------------------------- editorial image banner */
.theme-mawj .ibanner-title{font-weight:800;letter-spacing:-.035em;line-height:.98}
.theme-mawj .ibanner-title--xl{font-size:calc(clamp(52px,8.4vw,140px) * var(--h-scale,1))}
.theme-mawj .ibanner-text{font-weight:500;font-size:clamp(16px,1.3vw,19px);max-width:40ch}
.theme-mawj .ibanner .eyebrow::before{background:var(--c-text);box-shadow:none}
.theme-mawj .ibanner--dark .eyebrow{color:#111}
.theme-mawj .ibanner--dark .btn{background:#111;border-color:#111;color:#fff}
.theme-mawj .ibanner--dark .btn:hover{background:var(--accent);border-color:var(--accent);color:#111}
.theme-mawj .ibanner-box.is-boxed{border-radius:0;border:2px solid var(--text);box-shadow:8px 8px 0 var(--text)}

/* ---------------------------------------------------------------- shop the look */
.theme-mawj .hs-img{border-radius:0}
.theme-mawj .hs-dot{background:var(--accent);box-shadow:0 0 0 2px #111,0 6px 18px rgba(0,0,0,.3)}
.theme-mawj .hs-dot::before{background:#111}
.theme-mawj .hs-dot::after{border-color:var(--accent)}
.theme-mawj .hs-pop{border-radius:0;border:2px solid var(--text);box-shadow:6px 6px 0 var(--text)}
.theme-mawj .hs-pop-img{border-radius:0}
.theme-mawj .hs-pop-title{font-weight:700}
.theme-mawj .hs-item a{border-radius:0;border-width:1.5px}
.theme-mawj .hs-item .hs-num{border-radius:0;background:var(--accent);color:#111}

/* ---------------------------------------------------------------- sale banner with countdown */
.theme-mawj .banner{border-radius:0}
.theme-mawj .banner--dark{background:var(--ink)}
.theme-mawj .banner-text h2{font-weight:800;font-size:calc(clamp(36px,4.4vw,72px) * var(--h-scale,1));line-height:1;letter-spacing:-.03em}
.theme-mawj .banner .eyebrow{color:var(--accent)}
.theme-mawj .banner .eyebrow::before{box-shadow:none}
.theme-mawj .banner .cd-unit{background:var(--accent);color:#111;border-radius:0;min-width:74px}
.theme-mawj .banner .cd-unit b{font-weight:800;font-size:34px}

/* ---------------------------------------------------------------- lookbook */
.theme-mawj .look{border-radius:0}
.theme-mawj .look-cta{border-radius:0;background:var(--accent);color:#111;font-weight:800}

/* ---------------------------------------------------------------- 3D stage */
.theme-mawj .spot-stage{border-radius:0;background:radial-gradient(55% 55% at 50% 48%,color-mix(in srgb,var(--accent) 34%,var(--bg)),var(--bg) 72%)}
.theme-mawj .spot-text h2{font-weight:800;letter-spacing:-.025em}
.theme-mawj .spot .btn--light{background:var(--accent);border-color:var(--accent);color:#111}
.theme-mawj .spot-sw,.theme-mawj .spot-sw i{border-radius:0}
.theme-mawj .spot--stage .spot-in{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.theme-mawj .spot--stage .spot-stage{aspect-ratio:5/4}

/* ---------------------------------------------------------------- reviews, press, trust, footer */
.theme-mawj .review-card{border-radius:0;border:1.5px solid var(--text);background:var(--surface);box-shadow:5px 5px 0 var(--text)}
.theme-mawj .rating-big>b{font-weight:800}
.theme-mawj .press-sec{border-block:2px solid var(--text)}
.theme-mawj .press-title{font-weight:700;color:var(--text);letter-spacing:.02em}
.theme-mawj .press-mark{font-family:var(--font-head),sans-serif!important;font-weight:800!important;font-style:normal!important;letter-spacing:-.01em!important;text-transform:none!important;font-size:clamp(20px,2vw,30px)!important;color:var(--text)!important;opacity:.85}
.theme-mawj .press-sec--marquee .press-list{gap:clamp(40px,6vw,96px)}
.theme-mawj .trust{border:0}
.theme-mawj .trust-ic{background:var(--accent);color:#111;border:0;border-radius:0}
.theme-mawj .trust-item b{font-weight:700}
.theme-mawj .ftr{border-top:6px solid var(--accent)}
.theme-mawj .ftr h3{font-weight:700;letter-spacing:.02em}
.theme-mawj .social a{border-radius:0}
.theme-mawj .cta-band{border-radius:0;background:var(--accent);color:#111}
.theme-mawj .stats dd{font-weight:800}

/* ---------------------------------------------------------------- product page + collection */
.theme-mawj .g-main,.theme-mawj .g-slide,.theme-mawj .g-thumb,.theme-mawj .g-thumb img{border-radius:0}
.theme-mawj .g-thumb.is-active{border-color:var(--text);border-width:2px}
.theme-mawj .pdp-title{font-weight:800;letter-spacing:-.025em;line-height:1.08}
.theme-mawj .price--lg b{font-weight:800}
.theme-mawj .vp-txt,.theme-mawj .opt-pill span{border-radius:0!important;font-weight:700}
.theme-mawj .vp-btn input:checked+.vp-txt{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:none}
.theme-mawj .stepper,.theme-mawj .wl-btn,.theme-mawj .buy-row .wl-btn{border-radius:0}
.theme-mawj .perks,.theme-mawj .accordion,.theme-mawj .bundle,.theme-mawj .bundle-item,.theme-mawj .pdp-text--note,.theme-mawj .pdp-inst{border-radius:0}
.theme-mawj .bundle{border:2px solid var(--text)}
.theme-mawj .bundle-title{font-weight:800}
.theme-mawj .pdp-cd{border-radius:0;background:var(--ink);color:var(--accent)}
.theme-mawj .pdp-cd .cd-unit{background:var(--accent);color:#111;border-radius:0}
.theme-mawj .accordion summary{font-weight:700}
.theme-mawj .coll-hero{background:transparent;border-bottom:2px solid var(--text)}
.theme-mawj .coll-hero h1{font-weight:800;letter-spacing:-.03em}
.theme-mawj .coll-bar{border-bottom:2px solid var(--text)}
.theme-mawj .f-size>span,.theme-mawj .f-chip,.theme-mawj .sort select,.theme-mawj input,.theme-mawj select,.theme-mawj textarea{border-radius:0}
.theme-mawj .f-switch-ui,.theme-mawj .f-switch-ui::after{border-radius:0}
.theme-mawj .drawer,.theme-mawj .modal,.theme-mawj .badge,.theme-mawj .save,.theme-mawj .toast{border-radius:0}
.theme-mawj .sticky-buy{border-top:2px solid var(--text)}

@media (max-width:960px){
  .theme-mawj{--hdr-h:62px}
  /* mobile renders keep the top calm: text goes up there */
  .theme-mawj .hero--slider .slide-content{justify-content:flex-start;padding-top:34px;padding-bottom:0}
  .theme-mawj .slide-title{font-size:clamp(42px,11.5vw,64px)}
  .theme-mawj .slide-text{font-size:15.5px}
  .theme-mawj .ibanner .ibanner-content{align-items:flex-start}
  .theme-mawj .ibanner-title--xl{font-size:clamp(46px,14vw,76px)}
  .theme-mawj .spot--stage .spot-in{grid-template-columns:1fr}
}
@media (max-width:640px){
  .theme-mawj .slide-actions .btn--lg{height:52px;padding:0 22px}
  .theme-mawj .review-card{box-shadow:3px 3px 0 var(--text)}
  .theme-mawj .tab{margin-inline-end:16px;font-size:calc(26px * var(--h-scale,1))}
  .theme-mawj .cat-label{inset-inline-end:14px}
  .theme-mawj .cat-label b{font-size:20px}
}