/* =====================================================================
   CIZARO KSA — Horizon (Shopify) look for Salla "Click" theme
   v2 — single source of truth. Safe to edit top-to-bottom.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
  --cz-font:"Montserrat","IBM Plex Sans Arabic","Tajawal",sans-serif;
  --font-main:"Montserrat","IBM Plex Sans Arabic","Tajawal",sans-serif;
  --color-primary:#344cb7;
  --color-primary-dark:#26399a;
  --color-primary-light:#5a72dd;
  --color-primary-reverse:#ffffff;
  --cz-ink:#1a1a1a;
  --cz-ink-2:#6b6b6b;
  --cz-muted:#9a9a9a;
  --cz-line:#e4e9f6;
  --cz-line-2:#dcdcdc;
  --cz-sale:#c42b2b;
  --cz-surface:#f6f6f6;
  --cz-green:#05312a;
  --cz-cream:#f4f1e8;
  --cz-max:1440px;
  --s-radius:10px;
}

/* ---------- 1. Typography ------------------------------------------ */
html,body,button,input,select,textarea,optgroup,
h1,h2,h3,h4,h5,h6,p,a,span,li,label,
.s-button-element,[class*="s-"],[class*="product-"]{
  font-family:var(--cz-font) !important;
}
body{
  font-size:14px;
  line-height:1.75;
  color:var(--cz-ink);
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{color:var(--cz-ink);letter-spacing:-.01em;line-height:1.2;}
a:hover{color:var(--color-primary);}

/* ---------- 2. Announcement bar ------------------------------------ */
.s-announcement-bar,[class*="announcement"]{
  background:var(--cz-green) !important;
  color:var(--cz-cream) !important;
  font-size:14px !important;
  font-weight:600 !important;
}
.s-announcement-bar a,[class*="announcement"] a{color:var(--cz-cream) !important;}

/* ---------- 3. Header ---------------------------------------------- */
.store-header,.main-nav-container{
  background:#fff !important;
  box-shadow:none !important;
  border-bottom:1px solid var(--cz-line);
}
.store-header .header-container{
  max-width:var(--cz-max);
  min-height:60px;
  padding-inline:32px;
}
.header-btns-list .s-button-element,
.header-btns-list button{
  background:transparent !important;
  border:0 !important;
  color:var(--cz-ink) !important;
  box-shadow:none !important;
}
.search-bar input,.search-bar .s-search-input{
  border:1px solid var(--cz-line) !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:13px !important;
  height:42px;
}
.store-header .sicon-search{color:var(--cz-muted);}

/* ---------- 4. Hero / store identity block ------------------------- */
.hero-area{max-width:var(--cz-max);padding-block:26px 0 !important;}
.hero-area h2{
  font-size:22px !important;font-weight:800 !important;
  letter-spacing:-.02em;color:var(--cz-ink);
}
.hero-area .store-desc-wrap,.hero-area .store-desc-wrap *{
  font-size:13px !important;line-height:1.7;color:var(--cz-ink-2) !important;
}
.home-tabs{border-bottom:1px solid var(--cz-line);gap:28px;margin-top:26px !important;}
.home-tabs a{
  font-size:13px !important;font-weight:600 !important;
  color:var(--cz-ink-2) !important;padding-bottom:12px;
  border-bottom:2px solid transparent;
}
.home-tabs a.active{color:var(--cz-ink) !important;border-bottom-color:var(--cz-ink) !important;}

/* ---------- 5. Layout ---------------------------------------------- */
.container,.page-container{max-width:var(--cz-max) !important;}
main.store-main{padding-block:8px 56px;}
section.s-block{margin-block:44px !important;}

/* ---------- 6. Section headings ------------------------------------ */
.s-block__title{align-items:baseline;margin-bottom:18px !important;border:0 !important;}
.s-block__title h2,.s-block__title-right h2{
  font-size:22px !important;font-weight:700 !important;
  letter-spacing:-.02em;color:var(--cz-ink) !important;
}
.s-block__title a,.s-block__title-left a{
  font-size:14px !important;font-weight:600 !important;
  color:var(--color-primary) !important;
  text-decoration:underline;text-underline-offset:3px;
}

/* ---------- 7. Product cards — Horizon: borderless, square, 3:4 ---- */
.s-products-list-wrapper{gap:34px 16px !important;align-items:start;}

custom-salla-product-card.product-entry,
salla-product-card.product-entry,
.product-entry--vertical{
  position:relative;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
custom-salla-product-card.product-entry:hover{box-shadow:none !important;transform:none !important;}

/* image: kill the theme's 256px flex-basis, force a 3:4 portrait crop */
custom-salla-product-card .product-entry__image{
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:3/4 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:var(--cz-surface);
  margin:0 !important;
  position:relative !important;
}
custom-salla-product-card .product-entry__image > a,
custom-salla-product-card .product-entry__image .product-popup-trigger{
  display:block !important;height:100% !important;width:100% !important;
}
custom-salla-product-card .product-entry__image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:0 !important;
  transition:transform .5s ease;
}
custom-salla-product-card:hover .product-entry__image img{transform:scale(1.02);}

/* wishlist: ghost circle, top of the image, start side */
custom-salla-product-card .btn--wishlist,
custom-salla-product-card salla-button[id^="card-wishlist"]{
  position:absolute !important;
  top:10px !important;
  inset-inline-start:10px !important;
  inset-inline-end:auto !important;
  z-index:3;
}
custom-salla-product-card .btn--wishlist button,
custom-salla-product-card button.btn--wishlist{
  width:34px !important;height:34px !important;min-width:34px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  border:0 !important;
  box-shadow:0 1px 4px rgba(0,0,0,.10) !important;
  color:var(--cz-ink) !important;
}
custom-salla-product-card .btn--wishlist i{font-size:14px !important;}

/* text block */
custom-salla-product-card .content-wrap{
  position:relative !important;
  padding:12px 2px 0 !important;
  background:transparent !important;
}
custom-salla-product-card .product-entry__content{padding:0 !important;text-align:start;}
custom-salla-product-card a.product-entry__title{
  font-size:14px !important;font-weight:400 !important;
  line-height:1.55 !important;color:var(--cz-ink) !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:2.1em;
}
custom-salla-product-card a.product-entry__title:hover{color:var(--color-primary) !important;text-decoration:none;}
custom-salla-product-card .product-entry__price{margin-top:4px !important;gap:8px;}
custom-salla-product-card .product-entry__price .sale-price{
  color:var(--cz-sale) !important;font-size:13px !important;font-weight:600 !important;
}
custom-salla-product-card .product-entry__price .regular-price{
  color:var(--cz-muted) !important;font-size:12px !important;font-weight:400 !important;
  text-decoration:line-through;
}

/* add-to-cart: circular icon button parked on the image, start side */
custom-salla-product-card .add-to-cart-conatiner{
  position:absolute !important;
  top:-52px !important;
  bottom:auto !important;
  inset-inline-start:10px !important;
  inset-inline-end:auto !important;
  padding:0 !important;
  margin:0 !important;
  width:auto !important;
  z-index:4;
}
custom-salla-product-card .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card .add-to-cart-conatiner .s-button-element{
  width:42px !important;height:42px !important;min-width:42px !important;
  padding:0 !important;margin:0 !important;
  border-radius:999px !important;
  background:#ffffff !important;
  color:var(--cz-ink) !important;
  border:0 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.16) !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  font-size:0 !important;
  transition:background .2s ease,color .2s ease;
}
custom-salla-product-card .add-to-cart-conatiner salla-add-product-button:hover,
custom-salla-product-card .add-to-cart-conatiner .s-button-element:hover{
  background:var(--color-primary) !important;color:#fff !important;
}
custom-salla-product-card .add-to-cart-conatiner salla-add-product-button > span,
custom-salla-product-card .add-to-cart-conatiner .s-button-text{
  font-size:0 !important;gap:0 !important;line-height:0 !important;
}
custom-salla-product-card .add-to-cart-conatiner i{font-size:17px !important;line-height:1 !important;}

/* sold out: small grey pill instead of the icon */
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-element{
  width:auto !important;height:30px !important;min-width:0 !important;
  padding:0 12px !important;
  background:rgba(255,255,255,.95) !important;
  color:var(--cz-muted) !important;
  font-size:11px !important;font-weight:600 !important;
  box-shadow:0 1px 4px rgba(0,0,0,.10) !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button > span,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-text{font-size:11px !important;}

/* ---------- 8. Buttons --------------------------------------------- */
.s-button-element,button.s-button-element,.btn{
  border-radius:12px !important;font-weight:600 !important;
  font-size:13px !important;box-shadow:none !important;
}
.s-button-primary,.btn--primary{
  background:var(--color-primary) !important;
  border-color:var(--color-primary) !important;color:#fff !important;
}
.s-button-primary:hover,.btn--primary:hover{background:var(--color-primary-dark) !important;}
.s-button-outline,.btn--outline{
  background:#fff !important;border:1px solid var(--cz-ink) !important;color:var(--cz-ink) !important;
}

/* ---------- 9. Product details page -------------------------------- */
.product-details{padding-block:22px 56px;}
.s-breadcrumb-wrapper{font-size:12px;color:var(--cz-muted);}
.s-breadcrumb-item a{color:var(--cz-muted);}
.product-details h1.product-name{
  font-size:18px !important;font-weight:600 !important;
  line-height:1.35 !important;color:var(--color-primary) !important;
}
.product-details .total-price.sale-price,
.product-details h2.total-price{
  font-size:22px !important;font-weight:700 !important;color:var(--cz-sale) !important;
}
.product-details .before-price.regular-price{
  font-size:14px !important;color:var(--cz-muted) !important;text-decoration:line-through;
}
.product-details .details-slider,
.product-details .product-slider img,
.product-details .s-slider-container{border-radius:0 !important;}
.product-details salla-add-product-button,
.product-details salla-add-product-button .s-button-element{
  width:100% !important;height:52px !important;
  border-radius:12px !important;
  background:var(--color-primary) !important;
  color:#fff !important;font-size:13px !important;font-weight:600 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
.product-details select,
.product-details .s-form-control,
.product-details input[type="text"]{
  border:1px solid var(--cz-line-2) !important;
  border-radius:10px !important;height:48px;font-size:13px !important;
}
.product-details .s-option-chip,
.product-details [class*="option"] label.s-button-element{
  min-width:62px;height:48px;border-radius:10px !important;
  border:1px solid var(--cz-line-2) !important;
  font-size:13px !important;font-weight:600 !important;
  background:#fff !important;color:var(--cz-ink) !important;
}
.product-details [class*="option"] input:checked + label.s-button-element{
  background:var(--color-primary) !important;border-color:var(--color-primary) !important;color:#fff !important;
}

/* ---------- 10. Category / listing pages --------------------------- */
.index-categories .s-block__title h2,.category-page h1,.s-categories-title{
  font-size:24px !important;font-weight:700 !important;color:var(--cz-ink) !important;
}
salla-filters,.s-filters-wrapper{
  border:1px solid var(--cz-line) !important;border-radius:12px !important;
}
.s-filters-wrapper .s-button-element{border-radius:999px !important;}
.cats-list-wrap a,.s-categories-item{border-radius:0 !important;}

/* ---------- 11. Footer --------------------------------------------- */
.store-footer{
  background:#fff !important;color:var(--cz-ink) !important;
  border-top:1px solid var(--cz-line);
}
.store-footer__inner{padding-top:48px !important;}
.store-footer h3{
  font-size:13px !important;font-weight:700 !important;
  letter-spacing:.04em;color:var(--cz-ink) !important;
}
.store-footer a,.store-footer p,.store-footer li{
  color:var(--cz-ink-2) !important;font-size:13px !important;
}
.store-footer a:hover{color:var(--color-primary) !important;}
.store-footer__info-bar{border-top:1px solid var(--cz-line);background:#fff !important;}
.store-footer__info-bar,.store-footer__info-bar *{font-size:12px !important;color:var(--cz-muted) !important;}

/* ---------- 12. Misc ----------------------------------------------- */
.s-slider-nav-arrow,.swiper-button-next,.swiper-button-prev{
  background:var(--color-primary) !important;color:#fff !important;border:0 !important;
}
::selection{background:var(--color-primary);color:#fff;}

/* ---------- 13. Mobile --------------------------------------------- */
@media (max-width:768px){
  .store-header .header-container{padding-inline:16px;}
  .hero-area{padding-inline:16px;}
  .s-block__title h2{font-size:18px !important;}
  .s-products-list-wrapper{gap:24px 10px !important;}
  custom-salla-product-card a.product-entry__title{font-size:13px !important;}
  custom-salla-product-card .add-to-cart-conatiner{top:-46px !important;inset-inline-start:8px !important;}
  custom-salla-product-card .add-to-cart-conatiner salla-add-product-button{width:36px !important;height:36px !important;min-width:36px !important;}
  .product-details h1.product-name{font-size:17px !important;}
}


/* ---------- 14. Refinements ---------------------------------------- */
/* cart circle sits on the END side of the image, like Horizon */
custom-salla-product-card .add-to-cart-conatiner{
  inset-inline-start:auto !important;
  inset-inline-end:10px !important;
}

/* sold-out: make the label readable through the hydrated button chain */
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .w-full,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-button,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-wrap,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-element{
  width:auto !important;height:30px !important;min-width:0 !important;
  border:0 !important;box-shadow:none !important;
  background:transparent !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 1px 4px rgba(0,0,0,.10) !important;
  padding:0 12px !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-element{padding:0 !important;}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner span,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-text{
  font-size:11px !important;font-weight:600 !important;
  color:var(--cz-muted) !important;line-height:1 !important;white-space:nowrap;
}

/* keep the hydrated wrappers circular for in-stock cards */
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .w-full,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-button,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-wrap{
  width:42px !important;height:42px !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
}
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-element{
  background:transparent !important;box-shadow:none !important;
}

@media (max-width:768px){
  custom-salla-product-card .add-to-cart-conatiner{
    inset-inline-start:auto !important;inset-inline-end:8px !important;
  }
  custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .w-full,
  custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-button,
  custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-wrap{
    width:36px !important;height:36px !important;
  }
}

/* ---------- 15. PDP polish ----------------------------------------- */
.product-details .main-content{
  border:0 !important;border-radius:0 !important;
  background:transparent !important;box-shadow:none !important;
  padding:0 0 0 40px !important;
}
html[dir="rtl"] .product-details .main-content{padding:0 40px 0 0 !important;}

.product-details salla-add-product-button.add-to-card{
  display:block !important;width:100% !important;height:auto !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;
  border-radius:0 !important;
}
.product-details salla-add-product-button.add-to-card .s-button-element{
  width:100% !important;height:52px !important;
  border:0 !important;border-radius:12px !important;
  background:var(--color-primary) !important;color:#fff !important;
  font-size:13px !important;font-weight:600 !important;
  padding:0 24px !important;box-shadow:none !important;
}
.product-details salla-add-product-button.add-to-card .s-button-element:hover{
  background:var(--color-primary-dark) !important;
}
.product-details salla-add-product-button.add-to-card .s-button-element[disabled],
.product-details.out-of-stock salla-add-product-button.add-to-card .s-button-element,
.product-details .out .s-button-element{
  background:#ececec !important;color:var(--cz-muted) !important;border:0 !important;
}
.product-details salla-add-product-button .s-button-text{font-size:13px !important;}

.s-slider-nav-arrow,.swiper-button-next,.swiper-button-prev,
.circle-arrows .s-slider-nav-arrow{
  width:38px !important;height:38px !important;
  background:rgba(255,255,255,.92) !important;
  color:var(--cz-ink) !important;border:0 !important;
  box-shadow:0 1px 6px rgba(0,0,0,.14) !important;
}
.s-slider-nav-arrow i,.swiper-button-next i,.swiper-button-prev i{color:var(--cz-ink) !important;}
.swiper-pagination-bullet-active{background:var(--color-primary) !important;}

.product-details .share-rate-area .heart-icon,
.product-details .share-rate-area > div{
  border-radius:999px !important;background:rgba(255,255,255,.94) !important;
  box-shadow:0 1px 4px rgba(0,0,0,.10) !important;border:0 !important;
}

@media (max-width:900px){
  .product-details .main-content,
  html[dir="rtl"] .product-details .main-content{padding:24px 0 0 !important;}
}


/* ---------- 16. PDP spacing + button stack ------------------------- */
/* zero-height widgets were each adding 20px of stack spacing */
.product-details .main-content > salla-hook,
.product-details .main-content > salla-cashback-banner,
.product-details .main-content > salla-bought-together,
.product-details .main-content > salla-verified-review,
.product-details .main-content > salla-quick-order,
.product-details .main-content > section.s-block,
.product-details .main-content > .installment-wrap,
.product-details .main-content > .w-full{
  margin-block:0 !important;
}
.product-details .main-content > .installment-wrap:has(*){margin-top:16px !important;}
.product-details .main-content > section.s-block:has(*){margin-block:32px !important;}
.product-details .main-content > .product__description{margin-bottom:8px !important;}
.product-details form.product-options{margin-top:20px !important;}

/* add to cart + quick buy stack full width, like Horizon */
.product-details .s-add-product-button-main{
  display:flex !important;flex-direction:column !important;
  gap:10px !important;width:100% !important;
}
.product-details .s-add-product-button-main > *{width:100% !important;max-width:none !important;}
.product-details salla-quick-buy,
.product-details apple-pay-button{width:100% !important;display:block !important;}
.product-details .s-add-product-button-mini-checkout .s-button-element{
  background:#fff !important;color:var(--cz-ink) !important;
  border:1px solid var(--cz-ink) !important;
}

/* quantity stepper */
.product-details .s-quantity-input-container,
.product-details [class*="quantity"] input{
  border-radius:10px !important;border-color:var(--cz-line-2) !important;
}

/* ---------- 17. Category page -------------------------------------- */
.category-page .s-block__title h2,
.index-category h1,.category-title{font-size:24px !important;font-weight:700 !important;}
.s-products-list-wrapper.s-products-list-grid{gap:34px 16px !important;}
salla-filters .s-filters-title{font-size:13px !important;font-weight:700 !important;}
.s-sort-select,.s-sort-wrapper select{
  border-radius:10px !important;border:1px solid var(--cz-line) !important;
  font-size:13px !important;height:42px;
}


/* ---------- 18. PDP column rhythm + full-width buttons ------------- */
/* the info column is a flex column with a 20px gap, so every invisible
   widget was costing 20px — kill the gap, space the real blocks */
.product-details .main-content{gap:0 !important;}
.product-details .main-content > div:nth-of-type(2){margin-top:8px !important;}
.product-details .main-content > .product__description{margin-top:18px !important;}
.product-details .main-content > form.product-options{margin-top:24px !important;}

.product-details .s-add-product-button-main salla-button,
.product-details .s-add-product-button-main .s-button-wrap,
.product-details .s-add-product-button-main salla-mini-checkout-widget{
  width:100% !important;max-width:none !important;flex:none !important;
}


/* ---------- 19. Collapse empty PDP widgets ------------------------- */
.product-details .main-content > section.s-block,
.product-details .main-content > .installment-wrap,
.product-details .main-content > salla-cashback-banner,
.product-details .main-content > salla-bought-together,
.product-details .main-content > salla-quick-order{
  margin-block:0 !important;padding-block:0 !important;
}
.product-details .main-content > .installment-wrap:has(iframe),
.product-details .main-content > .installment-wrap:has(img){margin-top:16px !important;}

/* ---------- 20. Keep Salla's icon font intact ---------------------- */
i[class*="sicon"],span[class*="sicon"],[class*="sicon"]::before,
i[class*="sicon"]::before,span[class*="sicon"]::before,
.sicon,.sicon::before{
  font-family:'sallaicons' !important;
  font-weight:normal !important;
}

/* ---------- 21. Header logo (injected by the JS snippet) ----------- */
.cz-header-logo{
  display:inline-flex;align-items:center;
  margin-inline-start:14px;
  flex:0 0 auto;line-height:0;
}
.cz-header-logo img{
  max-height:30px;width:auto;height:auto;max-width:150px;object-fit:contain;
}
/* logo now lives in the masthead — drop the oversized hero copy */
.cz-logo-in-header .hero-area > .flex.items-center > a.inline-block{display:none !important;}
.cz-logo-in-header .hero-area > .flex.items-center{margin-top:4px;}
.cz-logo-in-header .hero-area h2{font-size:18px !important;}

@media (max-width:768px){
  .cz-header-logo img{max-height:24px;max-width:120px;}
  .cz-header-logo{margin-inline-start:8px;}
}

/* ---------- 22. Icon centring inside the round cart button --------- */
custom-salla-product-card .add-to-cart-conatiner .s-button-element,
custom-salla-product-card .add-to-cart-conatiner salla-add-product-button{
  padding:0 !important;line-height:1 !important;
}
custom-salla-product-card .add-to-cart-conatiner .s-button-text,
custom-salla-product-card .add-to-cart-conatiner span{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:100% !important;line-height:1 !important;
  padding:0 !important;margin:0 !important;
}
custom-salla-product-card .add-to-cart-conatiner i{
  display:block !important;line-height:1 !important;
  margin:0 !important;padding:0 !important;
  font-size:17px !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-text,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner span{height:auto !important;}

/* ---------- 23. Kill the redundant store-name intro block ---------- */
.hero-area > .flex.items-center{display:none !important;}
.hero-area{padding-block:0 !important;}
.home-tabs{margin-top:0 !important;padding-top:8px;}

/* ---------- 24. Main navigation bar -------------------------------- */
.cz-nav{
  background:#fff;
  border-bottom:1px solid var(--cz-line);
  position:relative;z-index:20;
}
.cz-nav__inner{
  max-width:var(--cz-max);margin:0 auto;
  display:flex;align-items:center;justify-content:center;
  gap:34px;padding:0 32px;height:46px;
  overflow-x:auto;scrollbar-width:none;
}
.cz-nav__inner::-webkit-scrollbar{display:none;}
.cz-nav__link{
  font-size:13px;font-weight:600;letter-spacing:.01em;
  color:var(--cz-ink) !important;white-space:nowrap;
  padding:12px 0;border-bottom:2px solid transparent;
  transition:border-color .2s ease,color .2s ease;
}
.cz-nav__link:hover{color:var(--color-primary) !important;border-bottom-color:var(--color-primary);}

/* ---------- 25. Shared bits ---------------------------------------- */
.cz-eyebrow{
  display:block;font-size:11px;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;
  opacity:.85;margin-bottom:14px;
}
.cz-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 30px;border-radius:999px;
  font-size:13.5px;font-weight:700;text-decoration:none;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.cz-btn--light{background:#fff;color:var(--cz-ink) !important;border:1px solid #fff;}
.cz-btn--light:hover{background:transparent;color:#fff !important;}
.cz-sec-head{
  max-width:var(--cz-max);margin:0 auto 18px;padding:0 32px;
  display:flex;align-items:baseline;justify-content:space-between;
}
.cz-sec-head h2{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--cz-ink);}

/* ---------- 26. Hero ------------------------------------------------ */
.cz-hero{
  position:relative;width:100%;height:620px;overflow:hidden;background:#111;
}
.cz-hero__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:50% 30%;
}
.cz-hero__veil{
  position:absolute;inset:0;
  background:linear-gradient(to left,rgba(0,0,0,.58) 0%,rgba(0,0,0,.22) 45%,rgba(0,0,0,0) 78%);
}
html[dir="ltr"] .cz-hero__veil{background:linear-gradient(to right,rgba(0,0,0,.58) 0%,rgba(0,0,0,.22) 45%,rgba(0,0,0,0) 78%);}
.cz-hero__body{
  position:relative;z-index:2;height:100%;
  max-width:var(--cz-max);margin:0 auto;padding:0 48px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  text-align:start;color:#fff;
}
.cz-hero__title{
  font-size:62px;font-weight:800;line-height:1.08;
  letter-spacing:-.03em;color:#fff;margin:0 0 16px;
}
.cz-hero__sub{font-size:14px;opacity:.9;margin:0 0 26px;color:#fff;}
.cz-hero .cz-eyebrow{color:#fff;}

/* ---------- 27. Trust strip ----------------------------------------- */
.cz-trust{border-bottom:1px solid var(--cz-line);background:#fff;}
.cz-trust__inner{
  max-width:var(--cz-max);margin:0 auto;padding:22px 32px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;
}
.cz-trust__item strong{display:block;font-size:13px;font-weight:700;color:var(--cz-ink);}
.cz-trust__item span{display:block;font-size:12px;color:var(--cz-muted);margin-top:4px;}

/* ---------- 28. Shop-by-fit tiles ----------------------------------- */
.cz-tiles{padding:48px 0 8px;}
.cz-tiles__grid{
  max-width:var(--cz-max);margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:repeat(6,1fr);gap:12px;
}
.cz-tile{position:relative;display:block;overflow:hidden;background:var(--cz-surface);aspect-ratio:3/4;}
.cz-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.cz-tile:hover img{transform:scale(1.04);}
.cz-tile__cap{
  position:absolute;inset-inline:0;bottom:0;padding:34px 14px 14px;
  background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));
  color:#fff;text-align:start;
}
.cz-tile__cap strong{display:block;font-size:14px;font-weight:700;}
.cz-tile__cap em{display:block;font-style:normal;font-size:11px;opacity:.8;letter-spacing:.08em;text-transform:uppercase;}

/* ---------- 29. Offer band ------------------------------------------ */
.cz-band{position:relative;width:100%;height:420px;overflow:hidden;background:#111;margin-top:48px;}
.cz-band__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;}
.cz-band__veil{position:absolute;inset:0;background:rgba(0,0,0,.42);}
.cz-band__body{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:#fff;padding:0 24px;
}
.cz-band__body h2{font-size:46px;font-weight:800;letter-spacing:-.03em;color:#fff;margin:0 0 10px;}
.cz-band__body p{font-size:14px;opacity:.9;margin:0 0 24px;color:#fff;}
.cz-band .cz-eyebrow{color:#fff;}

/* ---------- 30. Branch block ---------------------------------------- */
.cz-store{background:var(--cz-surface);margin-top:0;}
.cz-store__inner{
  max-width:var(--cz-max);margin:0 auto;padding:56px 32px;text-align:center;
}
.cz-store__inner h2{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;}
.cz-store__inner p{font-size:14px;color:var(--cz-ink-2);line-height:1.9;margin:0;}
.cz-store .cz-eyebrow{color:var(--cz-muted);}

/* ---------- 31. Responsive ------------------------------------------ */
@media (max-width:1100px){
  .cz-tiles__grid{grid-template-columns:repeat(3,1fr);}
  .cz-hero__title{font-size:48px;}
}
@media (max-width:768px){
  .cz-nav__inner{justify-content:flex-start;gap:22px;padding:0 16px;height:42px;}
  .cz-hero{height:460px;}
  .cz-hero__body{padding:0 20px;}
  .cz-hero__title{font-size:34px;}
  .cz-trust__inner{grid-template-columns:repeat(2,1fr);gap:18px 12px;padding:18px 16px;}
  .cz-tiles{padding:32px 0 4px;}
  .cz-tiles__grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px;}
  .cz-sec-head{padding:0 16px;}
  .cz-band{height:340px;margin-top:32px;}
  .cz-band__body h2{font-size:32px;}
  .cz-store__inner{padding:40px 16px;}
  .cz-store__inner h2{font-size:24px;}
}


/* ---------- 32. Trim the gap before the footer --------------------- */
main.store-main:has(.cz-store){padding-bottom:0 !important;}
.cz-store{margin-bottom:0 !important;}
main.store-main > .cz-store ~ *:empty{display:none !important;}

/* ---------- 33. PDP gallery as a two-column grid ------------------- */
@media (min-width:900px){
  .product-details .details-slider .swiper{height:auto !important;}
  .product-details .details-slider .swiper-wrapper{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:8px !important;
    transform:none !important;
    width:100% !important;height:auto !important;
  }
  .product-details .details-slider .swiper-slide{
    width:100% !important;max-width:none !important;
    margin:0 !important;height:auto !important;
  }
  .product-details .details-slider .swiper-slide img{
    width:100% !important;height:auto !important;
    aspect-ratio:3/4;object-fit:cover;border-radius:0 !important;
  }
  .product-details .details-slider .s-slider-nav-arrow,
  .product-details .details-slider .swiper-pagination{display:none !important;}
  .product-details .product-info{align-items:start;}
}
.product-details .share-rate-area{gap:8px;}

/* ---------- 34. Trust chips + WhatsApp help (injected by JS) ------- */
.cz-pdp-chips{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;
}
.cz-pdp-chip{
  display:inline-flex;align-items:center;gap:7px;
  border:1px solid var(--cz-line-2);border-radius:12px;
  padding:10px 14px;font-size:12px;font-weight:600;color:var(--cz-ink);
  background:#fff;
}
.cz-pdp-chip i{font-size:14px;color:var(--color-primary);}
.cz-pdp-help{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:12px;padding:14px 16px;
  border:1px solid var(--cz-line-2);border-radius:12px;background:#fff;
}
.cz-pdp-help p{margin:0;font-size:12.5px;line-height:1.6;color:var(--cz-ink-2);}
.cz-pdp-help strong{color:var(--cz-ink);font-weight:700;}
.cz-pdp-help a{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  border:1px solid #25d366;border-radius:999px;padding:9px 14px;
  font-size:12px;font-weight:700;color:#1a1a1a !important;background:#fff;
}
.cz-pdp-help a:hover{background:#25d366;color:#fff !important;}

/* ---------- 35. Related products block ----------------------------- */
.suggestions{padding-block:8px 56px;}
.suggestions .s-block__title h2,
.suggestions h2{
  font-size:22px !important;font-weight:700 !important;
  letter-spacing:-.02em;color:var(--cz-ink) !important;
}
.suggestions custom-salla-product-card a.product-entry__title{text-align:center;}
.suggestions custom-salla-product-card .product-entry__price{justify-content:center;}
.suggestions .s-slider-nav-arrow{
  background:rgba(255,255,255,.94) !important;color:var(--cz-ink) !important;
  box-shadow:0 1px 6px rgba(0,0,0,.14) !important;border:0 !important;
  width:36px !important;height:36px !important;
}

@media (max-width:768px){
  .cz-pdp-help{flex-direction:column;align-items:flex-start;}
}

/* ---------- 36. Tighten the PDP tail ------------------------------- */
.product-details{padding-bottom:16px !important;}
.suggestions{padding-block:0 56px !important;}
.product-details .main-content > .w-full:last-child{display:none !important;}

/* ---------- 37. PDP chips / help / description accordion ---------- */
.cz-pdp-chips{justify-content:center !important;}
.cz-pdp-help{
  flex-direction:column !important;
  align-items:center !important;
  text-align:center;
  gap:12px;
}
.cz-pdp-help p{text-align:center;}

.cz-acc{margin-top:20px;}
.cz-acc__head{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:16px 2px;cursor:pointer;
  background:transparent;border:0;
  border-top:1px solid var(--cz-line-2);
  border-bottom:1px solid var(--cz-line-2);
  font-size:14px;font-weight:600;color:var(--cz-ink);
  font-family:var(--cz-font) !important;
}
.cz-acc__head + .cz-acc__body{display:none;}
.cz-acc.is-open .cz-acc__head{border-bottom-color:transparent;}
.cz-acc.is-open .cz-acc__body{display:block;}
.cz-acc__sign{font-size:20px;font-weight:400;line-height:1;color:var(--cz-ink-2);}
.cz-acc__body{padding:14px 2px 18px;border-bottom:1px solid var(--cz-line-2);}
.cz-acc__body .product__description{margin:0 !important;font-size:13.5px;line-height:1.9;}

/* ---------- 38. Centred footer ------------------------------------- */
.store-footer__inner{text-align:center;}
.store-footer__inner [class*="col-span"]{
  display:flex;flex-direction:column;align-items:center;
}
.store-footer .footer-logo{display:inline-flex;justify-content:center;}
.store-footer p{max-width:100% !important;text-align:center;}
.store-footer h3{text-align:center;width:100%;}
.store-footer .flex.gap-4{justify-content:center;}
.store-footer salla-menu,
.store-footer salla-contacts,
.store-footer salla-apps-icons{width:100%;}
.store-footer .s-menu-footer-list{align-items:center;text-align:center;}
.store-footer .s-contacts,
.store-footer .s-contacts-item{justify-content:center;align-items:center;text-align:center;}
.store-footer__info-bar > .container{justify-content:center !important;text-align:center;gap:10px;}
.store-footer__info-bar .s-payments-list{justify-content:center;}

/* ---------- 39. Hide the product tag row on the PDP ---------------- */
/* Horizon doesn't surface tags on the product page */
.product-details .main-content > div:has(> .tag_link){display:none !important;}
.product-details a.tag_link{display:none !important;}


/* ---------- 40. Collapse the empty bought-together skeleton -------- */
.product-details salla-bought-together:has(> .s-bought-together-skeleton:only-child){
  display:none !important;
}

/* ---------- 41. Info chips are buttons ----------------------------- */
button.cz-pdp-chip{cursor:pointer;font-family:var(--cz-font) !important;}
button.cz-pdp-chip:hover{border-color:var(--color-primary);color:var(--color-primary);}
button.cz-pdp-chip:hover i{color:var(--color-primary);}

/* ---------- 42. Info modal ----------------------------------------- */
.cz-modal{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.cz-modal[hidden]{display:none !important;}
.cz-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);}
.cz-modal__card{
  position:relative;width:100%;max-width:620px;max-height:82vh;overflow:auto;
  background:#fff;border-radius:16px;padding:28px 30px;
  box-shadow:0 18px 50px rgba(0,0,0,.20);
  text-align:start;
}
.cz-modal__close{
  position:absolute;top:14px;inset-inline-end:18px;
  background:transparent;border:0;cursor:pointer;
  font-size:26px;line-height:1;color:var(--cz-muted);
}
.cz-modal__close:hover{color:var(--cz-ink);}
.cz-modal__title{
  font-size:17px;font-weight:700;margin:0 0 16px;
  color:var(--color-primary) !important;
}
.cz-modal__body{font-size:14px;line-height:1.95;color:var(--cz-ink);}
.cz-modal__body p{margin:0 0 12px;}
.cz-modal__body p:last-of-type{margin-bottom:0;}
.cz-modal__list{margin:0;padding-inline-start:20px;list-style:disc;}
.cz-modal__list li{margin-bottom:12px;}
.cz-modal__list li:last-child{margin-bottom:0;}
.cz-modal__cta{
  display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  font-size:14px;font-weight:700;color:var(--cz-ink) !important;
  border-bottom:2px solid var(--cz-ink);padding-bottom:5px;
}
.cz-modal__cta:hover{color:var(--color-primary) !important;border-bottom-color:var(--color-primary);}

/* ---------- 43. Cleaner buy buttons -------------------------------- */
.product-details .s-add-product-button-main{gap:12px !important;}
.product-details .s-add-product-button-main .s-button-element{
  height:56px !important;
  border-radius:10px !important;
  font-size:14px !important;font-weight:700 !important;
}
.product-details .s-add-product-button-main .s-button-element i{display:none !important;}
.product-details .s-add-product-button-main .s-button-text{gap:0 !important;}
.product-details salla-quick-buy{margin-top:12px !important;display:block;}
.product-details apple-pay-button{
  height:52px !important;
  --apple-pay-button-border-radius:10px;
}
.product-details form.product-options{margin-top:20px !important;}
.product-details .cz-pdp-chips{margin-top:22px !important;}

@media (max-width:768px){
  .cz-modal__card{padding:24px 20px;border-radius:14px;}
  .cz-modal__title{font-size:16px;}
  .cz-modal__body{font-size:13.5px;}
}

/* ---------- 44. Buy buttons — higher specificity ------------------- */
.product-details salla-add-product-button.add-to-card .s-add-product-button-main{
  display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;
}
.product-details salla-add-product-button.add-to-card .s-add-product-button-main > *{
  width:100% !important;height:56px !important;min-height:56px !important;
}
.product-details salla-add-product-button.add-to-card .s-button-element,
.product-details salla-add-product-button.add-to-card salla-mini-checkout-widget .s-button-element{
  width:100% !important;height:56px !important;
  border-radius:10px !important;
  font-size:14px !important;font-weight:700 !important;
  padding:0 20px !important;
}
.product-details salla-add-product-button.add-to-card i{display:none !important;}
.product-details salla-add-product-button.add-to-card salla-mini-checkout-widget .s-button-element{
  background:#fff !important;color:var(--cz-ink) !important;
  border:1px solid var(--cz-ink) !important;
}
.product-details salla-quick-buy apple-pay-button{
  height:56px !important;--apple-pay-button-border-radius:10px;
}

/* ===== 45. buy-button stack polish ===== */
.product-details salla-add-product-button.add-to-card salla-quick-buy{display:block !important;width:100% !important;}
.product-details salla-add-product-button.add-to-card apple-pay-button{display:block !important;width:100% !important;max-width:100% !important;height:56px !important;min-height:56px !important;--apple-pay-button-border-radius:10px;--apple-pay-button-height:56px;}
.product-details salla-add-product-button.add-to-card salla-mini-checkout-widget{display:block !important;width:100% !important;}
.product-details salla-add-product-button.add-to-card .s-button-text{font-size:14px !important;font-weight:700 !important;}
.product-details .product-form > *:not(:last-child){margin-bottom:0;}
.product-details salla-add-product-button.add-to-card{display:block !important;margin-top:18px !important;}

.product-details salla-mini-checkout-widget .s-add-product-button-mini-checkout-content svg{display:none !important;}
.product-details salla-mini-checkout-widget .s-add-product-button-mini-checkout-content{gap:0 !important;}

/* ===== 46. store / branch card (Horizon match) ===== */
.cz-store__inner{padding:64px 24px 76px !important;}
.cz-store__intro{font-size:14px;color:var(--cz-muted);line-height:1.9;margin:6px 0 0 !important;}
.cz-store__card{max-width:1100px;margin:34px auto 0;background:#fff;border-radius:18px;overflow:hidden;text-align:start;box-shadow:0 1px 2px rgba(16,24,40,.05),0 14px 36px rgba(16,24,40,.07);}
.cz-store__map{display:block;width:100%;height:360px;border:0;filter:saturate(.92);}
.cz-store__body{padding:26px 30px 30px;}
.cz-store__name{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--cz-ink);margin:0 0 18px;letter-spacing:-.01em;}
.cz-store__city{font-size:12px;font-weight:700;color:var(--color-primary,#344CB7);background:#EDF0FC;border-radius:999px;padding:5px 13px;line-height:1;}
.cz-store__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px;}
.cz-store__lines li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;color:var(--cz-ink);}
.cz-store__lines li > svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--cz-muted);}
.cz-store__lines strong{display:block;font-weight:700;margin-bottom:2px;}
.cz-store__time{display:block;color:var(--cz-muted);}
.cz-store__actions{margin-top:24px;display:flex;justify-content:flex-start;}
.cz-store__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 28px;border-radius:10px;background:var(--color-primary,#344CB7);color:#fff !important;font-size:14px;font-weight:700;text-decoration:none;transition:filter .18s ease;}
.cz-store__btn:hover{filter:brightness(.92);}
.cz-store__arrow{width:18px;height:18px;}
@media (max-width:760px){
  .cz-store__inner{padding:48px 18px 56px !important;}
  .cz-store__map{height:230px;}
  .cz-store__body{padding:20px;}
  .cz-store__name{font-size:17px;flex-wrap:wrap;gap:8px;}
  .cz-store__actions{justify-content:stretch;}
  .cz-store__btn{width:100%;}
}

/* ===== 47. clickable branch chip + modal store note ===== */
a.cz-trust__item{text-decoration:none;color:inherit;position:relative;transition:color .18s ease;}
a.cz-trust__item strong{transition:color .18s ease;}
a.cz-trust__item:hover strong{color:var(--color-primary,#344CB7);}
a.cz-trust__item:hover span{color:var(--cz-ink-2,#6b6b6b);}
a.cz-trust__item strong::after{content:'';display:inline-block;width:6px;height:6px;margin-inline-start:7px;border-top:1.6px solid currentColor;border-left:1.6px solid currentColor;transform:rotate(-45deg);vertical-align:1px;opacity:.5;}
.cz-modal__note{margin-top:12px !important;padding-top:12px;border-top:1px solid var(--cz-line,#e4e9f6);font-size:13px;line-height:1.9;color:var(--cz-ink-2,#6b6b6b);}
.cz-modal__note strong{color:var(--cz-ink,#1a1a1a);}
.cz-modal__note a{color:var(--color-primary,#344CB7);font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* ===== 48. men landing page (mirrors Shopify /pages/men) ===== */
body.product-index-tag main > .container{padding-top:0 !important;}
.cz-mhero{margin-top:0 !important;}
.cz-mhero .cz-hero__title{font-size:56px;}
body.product-index-tag .cz-trust{margin-bottom:0;}
body.product-index-tag .s-block__title{margin-top:34px !important;}

.cz-nd96{background:var(--cz-green,#05312A);color:var(--cz-cream,#F4F1E8);}
.cz-nd96__inner{max-width:var(--cz-max,1440px);margin:0 auto;padding:52px 32px 58px;}
.cz-nd96__top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;}
.cz-nd96__kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,232,.72);}
.cz-nd96__emblem{height:52px;width:auto;}
.cz-nd96__title{font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--cz-cream,#F4F1E8) !important;margin:0 0 8px;}
.cz-nd96__sub{font-size:14px;color:rgba(244,241,232,.72);margin:0 0 26px;}
.cz-nd96__grid{display:grid;grid-template-columns:repeat(var(--nd96-cols,6),1fr);gap:14px;}
.cz-nd96__tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:2px;text-decoration:none;background:#0a3b32;}
.cz-nd96__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.cz-nd96__tile:hover img{transform:scale(1.05);}
.cz-nd96__tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,49,42,.85) 0%,rgba(5,49,42,.15) 45%,rgba(5,49,42,0) 70%);}
.cz-nd96__slogan,.cz-nd96__cap{position:absolute;inset-inline:12px;z-index:2;color:#fff;display:block;}
.cz-nd96__slogan{bottom:32px;font-size:11px;font-weight:600;color:rgba(255,255,255,.72);}
.cz-nd96__cap{bottom:12px;font-size:14px;font-weight:800;}
.cz-nd96__tags{margin:26px 0 0;font-size:12px;color:rgba(244,241,232,.55);letter-spacing:.02em;}

@media (max-width:1100px){.cz-nd96__grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:760px){
  .cz-nd96__inner{padding:38px 18px 42px;}
  .cz-nd96__grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .cz-nd96__top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px;}
  .cz-nd96__emblem{height:40px;}
  .cz-mhero .cz-hero__title{font-size:34px;}
}

/* ===== 49. mobile nav, hero crop, quick-add circle ===== */
/* nav row centred on phones (was flex-start) */
@media (max-width:768px){
  .cz-nav__inner{justify-content:center !important;gap:26px !important;}
}

/* phones get the 4:5 crops, so nothing is cut off */
@media (max-width:749px){
  .cz-hero,.cz-band{height:auto !important;aspect-ratio:4/5;min-height:0 !important;}
  .cz-hero__img,.cz-band__img{object-position:50% 50% !important;}
  .cz-hero picture,.cz-band picture{position:absolute;inset:0;display:block;}
  .cz-hero__body{padding:0 22px 34px !important;}
  .cz-band__body{padding:0 22px 34px !important;}
}

/* quick-add circle: 44px, sits 12px inside the bottom-left of the image */
custom-salla-product-card .content-wrap{position:relative !important;}
custom-salla-product-card .add-to-cart-conatiner{
  position:absolute !important;
  top:auto !important;bottom:100% !important;margin-bottom:12px !important;
  inset-inline-start:auto !important;inset-inline-end:auto !important;
  left:12px !important;right:auto !important;
  width:44px !important;height:44px !important;z-index:4 !important;
}
custom-salla-product-card .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card .add-to-cart-conatiner .s-button-element{
  width:44px !important;height:44px !important;min-width:0 !important;min-height:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  border-radius:50% !important;background:#F2F2F2 !important;color:var(--cz-ink,#1a1a1a) !important;
  border:0 !important;box-shadow:none !important;padding:0 !important;margin:0 !important;
}
custom-salla-product-card .add-to-cart-conatiner .s-button-element:hover{background:#E6E6E6 !important;}
custom-salla-product-card .add-to-cart-conatiner i{font-size:19px !important;line-height:1 !important;}
@media (max-width:768px){
  custom-salla-product-card .add-to-cart-conatiner{width:38px !important;height:38px !important;left:10px !important;margin-bottom:10px !important;}
  custom-salla-product-card .add-to-cart-conatiner salla-add-product-button,
  custom-salla-product-card .add-to-cart-conatiner .s-button-element{width:38px !important;height:38px !important;}
  custom-salla-product-card .add-to-cart-conatiner i{font-size:17px !important;}
}

/* ===== 50. quick-add circle: exact chain sizing + SVG bag ===== */
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button > div,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-button,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-element,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-text,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-text > span{
  width:44px !important;height:44px !important;
  min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  padding:0 !important;margin:0 !important;gap:0 !important;border:0 !important;box-shadow:none !important;
  line-height:1 !important;
}
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button{background:#F2F2F2 !important;border-radius:50% !important;overflow:hidden !important;transition:background .18s ease;}
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button:hover{background:#E6E6E6 !important;}
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-element{background:transparent !important;border-radius:50% !important;}

/* the bag is drawn as SVG so it can never fall back to a colour emoji */
custom-salla-product-card .add-to-cart-conatiner i{
  font-size:0 !important;color:transparent !important;flex:none !important;
  width:21px !important;height:21px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111111' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5.5v13M5.5 12h13'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:center !important;background-size:21px 21px !important;
}

/* sold out keeps a readable pill instead of being squeezed into the circle */
custom-salla-product-card.out-of-stock .add-to-cart-conatiner{
  width:auto !important;height:auto !important;left:12px !important;right:auto !important;
  top:auto !important;bottom:100% !important;margin-bottom:12px !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button > div,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-button,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-element,
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-text{
  width:auto !important;height:28px !important;min-width:0 !important;
  border-radius:999px !important;white-space:nowrap !important;padding:0 !important;
}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner salla-add-product-button{background:#fff !important;padding:0 12px !important;}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner .s-button-text{font-size:11px !important;font-weight:700 !important;color:var(--cz-ink,#1a1a1a) !important;}
custom-salla-product-card.out-of-stock .add-to-cart-conatiner i{display:none !important;}

@media (max-width:768px){
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-add-product-button > div,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner salla-button,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-element,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-text,
custom-salla-product-card:not(.out-of-stock) .add-to-cart-conatiner .s-button-text > span{width:40px !important;height:40px !important;}
  custom-salla-product-card .add-to-cart-conatiner i{width:19px !important;height:19px !important;background-size:19px 19px !important;}
}

/* ===== 51. size chips, breadcrumb + card rhythm, footer VAT ===== */
/* --- size chips (Horizon) --- */
.cz-has-chips select.s-form-control{position:absolute !important;width:1px !important;height:1px !important;opacity:0 !important;pointer-events:none !important;margin:0 !important;padding:0 !important;border:0 !important;}
.cz-has-chips .s-form-control-label,.cz-has-chips svg,.cz-has-chips .s-form-control-icon{display:none !important;}
.cz-sizes{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;}
.cz-size{flex:1 1 auto;min-width:76px;height:52px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--cz-line-2,#dcdcdc);border-radius:10px;
  font-family:var(--cz-font);font-size:14px;font-weight:700;color:var(--cz-ink,#1a1a1a);
  cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease;}
.cz-size:hover{border-color:var(--cz-ink,#1a1a1a);}
.cz-size.is-on{background:var(--color-primary,#344CB7) !important;border-color:var(--color-primary,#344CB7) !important;color:#fff !important;}
.cz-size.is-out{color:var(--cz-muted,#9a9a9a);border-style:dashed;text-decoration:line-through;}
.cz-size.is-out:hover{border-color:var(--cz-line-2,#dcdcdc);}
@media (max-width:768px){.cz-size{height:46px;min-width:66px;font-size:13px;}.cz-sizes{gap:8px;}}

/* --- breadcrumb breathing room --- */
.product-details salla-breadcrumb,.page-container salla-breadcrumb{display:block;padding:6px 0 18px !important;}
salla-breadcrumb .s-breadcrumb-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:1.9;}
salla-breadcrumb .s-breadcrumb-wrapper li{margin:0 !important;display:flex;align-items:center;gap:8px;}
salla-breadcrumb a{color:var(--cz-muted,#9a9a9a) !important;}
salla-breadcrumb a:hover{color:var(--cz-ink,#1a1a1a) !important;}
body.product-single .container.page-container{padding-top:26px !important;}

/* --- product grid rhythm, matched to Horizon --- */
.s-products-list-wrapper{gap:48px 8px !important;}
custom-salla-product-card .content-wrap{padding:10px 2px 0 !important;}
custom-salla-product-card a.product-entry__title{font-size:11px !important;line-height:1.35 !important;margin:0 !important;}
custom-salla-product-card .content-wrap h3{margin:0 !important;}
custom-salla-product-card [class*="price"]{font-size:13px !important;line-height:1.75 !important;margin-top:4px !important;}
@media (max-width:768px){
  .s-products-list-wrapper{gap:34px 8px !important;}
  custom-salla-product-card a.product-entry__title{font-size:11px !important;}
}

/* --- footer VAT badge --- */
.cz-vat{display:flex;align-items:center;gap:10px;}
.cz-vat .s-trust-badges-image{width:55px;height:55px;object-fit:contain;}
.cz-vat .s-trust-badges-label{margin:0;font-size:12px;color:var(--cz-muted,#9a9a9a);}
.cz-vat .s-trust-badges-number{font-size:14px;font-weight:800;color:var(--cz-ink,#1a1a1a);letter-spacing:.02em;}

/* ===== 52. product-row heading with عرض الكل ===== */
.s-block__title.cz-prow__head{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:16px;}
.cz-prow__all{font-size:12px;font-weight:600;color:var(--color-primary,#344CB7) !important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.cz-prow__all:hover{opacity:.75;}


/* ===== 52. product-row heading with all-link ===== */
.s-block__title.cz-prow__head{display:flex !important;align-items:baseline !important;justify-content:space-between !important;gap:16px;}
.cz-prow__all{font-size:12px;font-weight:600;color:var(--color-primary,#344CB7) !important;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;}
.cz-prow__all:hover{opacity:.75;}

/* ===== 53. product rows (denim / tops) ===== */
.cz-prow{max-width:var(--cz-max,1440px);margin:0 auto;padding:38px 32px 6px;}
.cz-prow__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;}
.cz-prow__head h2{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0;}
.cz-prow__track{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 8px;}
.cz-pcard{display:block;text-decoration:none;color:inherit;}
.cz-pcard__img{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4f4f4;}
.cz-pcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.cz-pcard:hover .cz-pcard__img img{transform:scale(1.04);}
.cz-pcard__title{display:block;padding:10px 2px 0;font-size:11px;line-height:1.35;color:var(--cz-ink,#1a1a1a);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cz-pcard__price{display:flex;align-items:center;gap:8px;padding:4px 2px 0;font-size:13px;line-height:1.75;}
.cz-pcard__price b{color:var(--cz-sale,#c42b2b);font-weight:800;}
.cz-pcard__was{color:var(--cz-muted,#9a9a9a);text-decoration:line-through;font-weight:500;}
.cz-pcard__price i{font-style:normal;}

@media (max-width:1100px){.cz-prow__track{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){
  .cz-prow{padding:30px 0 4px;}
  .cz-prow__head{padding:0 16px;margin-bottom:14px;}
  .cz-prow__head h2{font-size:16px;}
  .cz-prow__track{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:0 16px 4px;}
  .cz-prow__track::-webkit-scrollbar{display:none;}
  .cz-pcard{flex:0 0 43%;scroll-snap-align:start;}
}
@media (max-width:400px){.cz-pcard{flex:0 0 50%;}}


/* ===== 53. product rows (denim / tops) ===== */
.cz-prow{max-width:var(--cz-max,1440px);margin:0 auto;padding:38px 32px 6px;}
.cz-prow__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 18px;}
.cz-prow__head h2{font-size:18px;font-weight:800;letter-spacing:-.01em;margin:0;}
.cz-prow__track{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 8px;}
.cz-pcard{display:block;text-decoration:none;color:inherit;}
.cz-pcard__img{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;background:#f4f4f4;}
.cz-pcard__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease;}
.cz-pcard:hover .cz-pcard__img img{transform:scale(1.04);}
.cz-pcard__title{padding:10px 2px 0;font-size:11px;line-height:1.35;color:var(--cz-ink,#1a1a1a);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cz-pcard__price{display:flex;align-items:center;gap:8px;padding:4px 2px 0;font-size:13px;line-height:1.75;}
.cz-pcard__price b{color:var(--cz-sale,#c42b2b);font-weight:800;}
.cz-pcard__was{color:var(--cz-muted,#9a9a9a);text-decoration:line-through;font-weight:500;}

@media (max-width:1100px){.cz-prow__track{grid-template-columns:repeat(3,1fr);}}
@media (max-width:768px){
  .cz-prow{padding:30px 0 4px;}
  .cz-prow__head{padding:0 16px;margin-bottom:14px;}
  .cz-prow__head h2{font-size:16px;}
  .cz-prow__track{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 16px 4px;}
  .cz-prow__track::-webkit-scrollbar{display:none;}
  .cz-pcard{flex:0 0 43%;scroll-snap-align:start;}
}
@media (max-width:400px){.cz-pcard{flex:0 0 50%;}}

/* ===== 54. homepage: drop the leftover native product block ===== */
body.index .s-block--latest-products{display:none !important;}
.cz-nd96 + .cz-prow{padding-top:34px;}

/* ===== 55. drop the ND96 date line and the men tag grid ===== */
.cz-nd96__kicker{display:none !important;}
.cz-nd96__top{justify-content:flex-start !important;margin-bottom:24px !important;}
#cz-men-grid{display:none !important;}
body.product-index-tag .cz-nd96 + .cz-prow{padding-top:34px;}

/* ===== 56. hide the native store tabs strip ===== */
.home-tabs{display:none !important;}
.hero-area{padding-top:0 !important;padding-bottom:0 !important;}

/* ===== 57. complete-the-look cross-sell ===== */
.cz-look{margin:0 0 18px;}
.cz-look__head{font-size:15px;font-weight:800;color:var(--cz-ink,#1a1a1a);margin:0 0 10px;}
.cz-look__wrap{display:flex;align-items:center;gap:8px;}
.cz-look__nav{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#1a1a1a;color:#fff;cursor:pointer;position:relative;opacity:.85;transition:opacity .16s ease;}
.cz-look__nav:hover{opacity:1;}
.cz-look__nav::before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff;}
.cz-look__nav[data-d="1"]::before{transform:translate(-40%,-50%) rotate(-45deg);}
.cz-look__nav[data-d="-1"]::before{transform:translate(-60%,-50%) rotate(135deg);}
.cz-look__slot{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--cz-line,#e4e9f6);border-radius:12px;background:#fff;}
.cz-look__thumb{flex:none;width:62px;height:78px;border-radius:8px;overflow:hidden;display:block;background:#f4f4f4;}
.cz-look__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.cz-look__body{flex:1;min-width:0;}
.cz-look__title{display:block;font-size:12px;line-height:1.5;color:var(--cz-ink,#1a1a1a);text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cz-look__price{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;}
.cz-look__price b{color:var(--cz-sale,#c42b2b);font-weight:800;}
.cz-look__price s{color:var(--cz-muted,#9a9a9a);}
.cz-look__size{flex:none;width:78px;height:40px;border:1px solid var(--cz-line-2,#dcdcdc);border-radius:8px;background:#fff;font-family:var(--cz-font);font-size:13px;padding:0 8px;color:var(--cz-ink,#1a1a1a);}
.cz-look__size.is-err{border-color:var(--cz-sale,#c42b2b);}
.cz-look__add{flex:none;height:40px;padding:0 18px;border:0;border-radius:8px;background:var(--color-primary,#344CB7);color:#fff;font-family:var(--cz-font);font-size:13px;font-weight:700;cursor:pointer;}
.cz-look__add:disabled{opacity:.6;cursor:default;}
@media (max-width:768px){
  .cz-look__wrap{gap:6px;}
  .cz-look__nav{width:28px;height:28px;}
  .cz-look__slot{gap:8px;padding:8px;flex-wrap:wrap;}
  .cz-look__thumb{width:52px;height:66px;}
  .cz-look__body{flex:1 1 100px;}
  .cz-look__size{width:70px;height:36px;}
  .cz-look__add{height:36px;padding:0 14px;}
}

/* ===== 58. bundle maker ===== */
.cz-bundle{margin:22px 0 10px;background:#F6F6F6;border-radius:14px;padding:16px;}
.cz-bundle__head h3{font-size:15px;font-weight:800;color:var(--cz-ink,#1a1a1a);margin:0;}
.cz-bundle__head p{font-size:12px;color:var(--cz-muted,#9a9a9a);margin:2px 0 12px;}
.cz-bundle__rows{display:flex;flex-direction:column;gap:8px;}
.cz-bundle__row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:10px;position:relative;transition:opacity .16s ease;}
.cz-bundle__row.is-off{opacity:.45;}
.cz-bundle__row + .cz-bundle__row::before{content:"+";position:absolute;top:-13px;inset-inline-start:50%;transform:translateX(50%);width:20px;height:20px;border-radius:50%;background:#9a9a9a;color:#fff;font-size:13px;line-height:20px;text-align:center;font-weight:700;z-index:2;}
.cz-bundle__pin{flex:none;width:20px;}
.cz-bundle__cb{flex:none;width:20px;height:20px;display:block;position:relative;cursor:pointer;}
.cz-bundle__cb input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;}
.cz-bundle__cb span{display:block;width:20px;height:20px;border-radius:5px;border:1.5px solid var(--cz-line-2,#dcdcdc);background:#fff;}
.cz-bundle__cb input:checked + span{background:var(--cz-ink,#1a1a1a);border-color:var(--cz-ink,#1a1a1a);}
.cz-bundle__cb input:checked + span::after{content:"";position:absolute;top:5px;inset-inline-start:7px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.cz-bundle__thumb{flex:none;width:52px;height:66px;border-radius:8px;overflow:hidden;display:block;background:#f0f0f0;}
.cz-bundle__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.cz-bundle__mid{flex:1;min-width:0;}
.cz-bundle__name{display:block;font-size:12px;line-height:1.45;color:var(--cz-ink,#1a1a1a);text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.cz-bundle__size{margin-top:6px;height:32px;min-width:92px;max-width:130px;border:1px solid var(--cz-line-2,#dcdcdc);border-radius:7px;background:#fff;font-family:var(--cz-font);font-size:12px;padding:0 8px;color:var(--cz-ink,#1a1a1a);}
.cz-bundle__size.is-err{border-color:var(--cz-sale,#c42b2b);}
.cz-bundle__price{flex:none;text-align:start;font-size:13px;line-height:1.5;}
.cz-bundle__price b{display:block;color:var(--cz-ink,#1a1a1a);font-weight:800;}
.cz-bundle__price s{color:var(--cz-muted,#9a9a9a);font-size:12px;}
.cz-bundle__foot{margin-top:14px;}
.cz-bundle__totals{display:flex;align-items:baseline;justify-content:space-between;gap:12px;}
.cz-bundle__totals span{font-size:13px;font-weight:700;color:var(--cz-ink,#1a1a1a);}
.cz-bundle__total{font-size:18px;font-weight:800;color:var(--cz-ink,#1a1a1a);}
.cz-bundle__note{font-size:11px;color:var(--cz-muted,#9a9a9a);margin:2px 0 12px;}
.cz-bundle__add{width:100%;height:48px;border:0;border-radius:10px;background:var(--color-primary,#344CB7);color:#fff;font-family:var(--cz-font);font-size:14px;font-weight:700;cursor:pointer;}
.cz-bundle__add:disabled{opacity:.65;cursor:default;}
@media (max-width:768px){
  .cz-bundle{padding:14px;border-radius:12px;}
  .cz-bundle__row{gap:8px;padding:8px;}
  .cz-bundle__thumb{width:46px;height:58px;}
  .cz-bundle__size{min-width:82px;height:30px;}
  .cz-bundle__price{font-size:12px;}
}
/* ===== 59. real categories: nav dropdowns + category tiles ===== */
.cz-nav__inner{position:relative}
.cz-nav__item{position:relative;display:inline-flex;align-items:center}
.cz-nav__item > .cz-nav__link{display:inline-flex;align-items:center;gap:4px}
.cz-drop{position:absolute;top:100%;right:50%;transform:translateX(50%);min-width:220px;background:#fff;border:1px solid #E4E9F6;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.10);padding:8px 0;display:none;z-index:60}
.cz-nav__item:hover .cz-drop,.cz-nav__item.is-open .cz-drop{display:block}
.cz-drop a{display:block;padding:9px 18px;font-size:13px;color:#1A1A1A;text-decoration:none;white-space:nowrap}
.cz-drop a:hover{background:#F6F6F6}
@media (max-width:900px){.cz-drop{display:none !important}}

.cz-cats{padding:18px 0 6px}
.cz-cats__head{font-size:15px;font-weight:700;color:#1A1A1A;margin:0 16px 12px;text-align:center}
.cz-cats__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 16px 8px;scrollbar-width:none}
.cz-cats__track::-webkit-scrollbar{display:none}
.cz-cat{flex:0 0 auto;width:84px;text-decoration:none;scroll-snap-align:start;text-align:center}
.cz-cat__ic{width:64px;height:64px;margin:0 auto 7px;border-radius:50%;background:#F2F2F2;display:flex;align-items:center;justify-content:center}
.cz-cat__ic svg{width:30px;height:30px;stroke:#1A1A1A;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cz-cat__t{display:block;font-size:11px;line-height:1.3;color:#1A1A1A}
@media (min-width:900px){
 .cz-cats__track{justify-content:center;flex-wrap:wrap;overflow:visible}
 .cz-cat{width:96px}
 .cz-cat__ic{width:76px;height:76px}
 .cz-cat__ic svg{width:34px;height:34px}
 .cz-cat__t{font-size:12px}
}
/* ===== 60. top category strip (4-up, above hero) ===== */
.cz-cats--top{padding:12px 0 4px;border-bottom:1px solid #F2F2F2;margin-bottom:2px}
.cz-cats--top .cz-cats__head{font-size:13px;font-weight:600;color:#1A1A1A;margin:0 16px 10px;text-align:center;letter-spacing:-.1px}
.cz-cats--top .cz-cats__track{display:flex;gap:6px;padding:0 12px 4px;overflow:visible}
.cz-cats--top .cz-cat{flex:1 1 0;width:auto;min-width:0}
.cz-cats--top .cz-cat__ic{width:58px;height:58px;margin:0 auto 6px}
.cz-cats--top .cz-cat__ic svg{width:28px;height:28px}
.cz-cats--top .cz-cat__t{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:900px){
 .cz-cats--top{padding:16px 0 10px}
 .cz-cats--top .cz-cats__track{justify-content:center;gap:28px}
 .cz-cats--top .cz-cat{flex:0 0 auto;width:104px}
 .cz-cats--top .cz-cat__ic{width:80px;height:80px}
 .cz-cats--top .cz-cat__ic svg{width:36px;height:36px}
 .cz-cats--top .cz-cat__t{font-size:12.5px}
}

/* ===== 61. premium collection page: chips + sticky bar + sheets ===== */
body.cz-cpage{padding-bottom:86px}
.cz-chips{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cz-chips::-webkit-scrollbar{display:none}
.cz-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid #DCDCDC;border-radius:999px;background:#fff;font-family:inherit;font-size:13px;line-height:1;color:#1A1A1A;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.cz-chip:hover{border-color:#1A1A1A}
.cz-chip.is-on{background:#1A1A1A;border-color:#1A1A1A;color:#fff}
.cz-chip svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cz-chip__b{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#1A1A1A;color:#fff;font-size:10px;font-weight:700}
.cz-chip.is-on .cz-chip__b{background:#fff;color:#1A1A1A}
.cz-count{margin:10px 16px 4px;font-size:12px;color:#9A9A9A;letter-spacing:.2px}
.cz-empty{text-align:center;padding:46px 20px;color:#9A9A9A;font-size:14px;line-height:1.7}
.cz-hidecard{display:none !important}
.cz-nativehide{display:none !important}

/* sticky centre pill */
.cz-bbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:70;display:flex;align-items:stretch;background:#fff;border:1px solid #E4E9F6;border-radius:999px;box-shadow:0 10px 28px rgba(0,0,0,.16);overflow:hidden}
.cz-bbar__d{width:1px;background:#E4E9F6;flex:0 0 1px}
.cz-bbar button{height:46px;padding:0 24px;border:0;background:none;font-family:inherit;font-size:13.5px;font-weight:600;color:#1A1A1A;display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.cz-bbar button:active{background:#F6F6F6}
.cz-bbar svg{width:14px;height:14px;stroke:#1A1A1A;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cz-bbar__b{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#1A1A1A;color:#fff;font-size:10px;font-weight:700}

/* bottom sheets */
.cz-sheet{position:fixed;inset:0;z-index:130;visibility:hidden}
.cz-sheet.is-open{visibility:visible}
.cz-sheet__bg{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .26s}
.cz-sheet.is-open .cz-sheet__bg{opacity:1}
.cz-sheet__panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:18px 18px 0 0;max-height:88vh;display:flex;flex-direction:column;transform:translateY(101%);transition:transform .3s cubic-bezier(.2,.85,.25,1)}
.cz-sheet.is-open .cz-sheet__panel{transform:none}
.cz-sheet__grip{width:38px;height:4px;border-radius:99px;background:#E0E0E0;margin:9px auto 0}
.cz-sheet__hd{display:flex;align-items:center;gap:10px;padding:12px 18px 8px}
.cz-sheet__ttl{font-size:17px;font-weight:700;color:#1A1A1A;margin:0}
.cz-sheet__x{margin-inline-start:auto;width:32px;height:32px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.cz-sheet__x svg{width:16px;height:16px;stroke:#1A1A1A;fill:none;stroke-width:1.8;stroke-linecap:round}
.cz-sheet__bd{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px 10px;flex:1 1 auto}
.cz-sheet__ft{padding:12px 18px 18px;border-top:1px solid #EFEFEF;background:#fff}
.cz-fbtn{display:block;width:100%;height:50px;border:0;border-radius:10px;background:#1A1A1A;color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}
.cz-fbtn:active{opacity:.85}
.cz-clear{background:none;border:0;padding:0;font-family:inherit;font-size:13px;color:#1A1A1A;text-decoration:underline;cursor:pointer}

/* collapsible filter rows */
.cz-frow{border-bottom:1px solid #EFEFEF}
.cz-frow__h{display:flex;align-items:center;width:100%;padding:16px 0;background:none;border:0;font-family:inherit;font-size:15px;font-weight:600;color:#1A1A1A;cursor:pointer;text-align:start}
.cz-frow__s{margin-inline-start:auto;margin-inline-end:12px;font-size:12px;color:#9A9A9A;font-weight:400}
.cz-frow__pm{position:relative;width:16px;height:16px;flex:0 0 16px}
.cz-frow__pm:before,.cz-frow__pm:after{content:'';position:absolute;background:#1A1A1A;transition:transform .2s}
.cz-frow__pm:before{left:0;right:0;top:7.2px;height:1.6px}
.cz-frow__pm:after{top:0;bottom:0;left:7.2px;width:1.6px}
.cz-frow.is-open .cz-frow__pm:after{transform:scaleY(0)}
.cz-frow__b{display:none;padding:0 0 14px}
.cz-frow.is-open .cz-frow__b{display:block}

/* price range */
.cz-prange{display:flex;align-items:center;gap:10px}
.cz-pin{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;border:1px solid #DCDCDC;border-radius:8px;height:46px;padding:0 12px;background:#fff}
.cz-pin span{font-size:12px;color:#9A9A9A;flex:0 0 auto}
.cz-pin input{flex:1 1 0;min-width:0;width:100%;border:0;outline:0;background:none;font-family:inherit;font-size:14px;color:#1A1A1A;-moz-appearance:textfield}
.cz-pin input::-webkit-outer-spin-button,.cz-pin input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cz-phint{margin:9px 0 0;font-size:11.5px;color:#9A9A9A}

/* option rows */
.cz-opt{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px;color:#1A1A1A;cursor:pointer}
.cz-opt input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:1.5px solid #C9C9C9;border-radius:4px;flex:0 0 19px;position:relative;cursor:pointer;background:#fff;margin:0}
.cz-opt input:checked{background:#1A1A1A;border-color:#1A1A1A}
.cz-opt input:checked:after{content:'';position:absolute;left:5.4px;top:2.2px;width:5px;height:9px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg)}
.cz-opt__n{margin-inline-start:auto;font-size:12px;color:#9A9A9A}
.cz-sw{width:19px;height:19px;border-radius:50%;border:1px solid #DCDCDC;flex:0 0 19px}

/* sort radios */
.cz-srt{display:flex;align-items:center;gap:11px;padding:13px 0;font-size:14px;color:#1A1A1A;cursor:pointer;border-bottom:1px solid #F5F5F5}
.cz-srt:last-child{border-bottom:0}
.cz-srt input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:1.5px solid #C9C9C9;border-radius:50%;flex:0 0 20px;position:relative;margin:0;cursor:pointer;background:#fff}
.cz-srt input:checked{border-color:#1A1A1A}
.cz-srt input:checked:after{content:'';position:absolute;inset:3.6px;border-radius:50%;background:#1A1A1A}

@media (min-width:900px){
 .cz-sheet__panel{left:50%;right:auto;bottom:auto;top:50%;width:440px;max-height:80vh;border-radius:16px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .24s,opacity .24s}
 .cz-sheet.is-open .cz-sheet__panel{transform:translate(-50%,-50%);opacity:1}
 .cz-sheet__grip{display:none}
 .cz-bbar{bottom:24px}
}

/* ND96 badge on collection cards */
.cz-nd96b{position:absolute;top:9px;inset-inline-end:9px;z-index:3;background:#05312A;color:#F4F1E8;font-size:10px;font-weight:700;line-height:1;padding:5px 8px;border-radius:4px;letter-spacing:.2px;pointer-events:none}

/* ===== 63. brand-blue actions + tidier mobile masthead ===== */
.cz-fbtn{background:#344CB7}
.cz-bbar{background:#344CB7;border-color:#344CB7;box-shadow:0 10px 26px rgba(52,76,183,.32)}
.cz-bbar button{color:#fff}
.cz-bbar button:active{background:rgba(255,255,255,.14)}
.cz-bbar svg{stroke:#fff}
.cz-bbar__d{background:rgba(255,255,255,.30)}
.cz-bbar__b{background:#fff;color:#344CB7}

@media (max-width:899px){
 .main-nav-container .header-container{position:relative;justify-content:space-between}
 a.cz-header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;z-index:2}
 a.cz-header-logo img{height:28px;width:auto;display:block}
 .header-btns-list{display:flex;align-items:center;gap:18px}
 .header-btns-list>li{margin:0;padding:0}
 .header-btns-list .header-btn{padding:0}
 .header-btns-list i{font-size:21px;line-height:1}
 .s-cart-summary-content{display:none}
}

/* ===== 64. product card polish (quick-add spacing, bolder title) ===== */
.product-entry__title{font-size:12.5px;font-weight:600;line-height:1.55;color:#1A1A1A}
.add-to-cart-conatiner{top:-56px}
@media (min-width:900px){
 .product-entry__title{font-size:13px}
}

/* ===== 65. mobile menu drawer ===== */
.czm{position:fixed;inset:0;z-index:200;visibility:hidden}
.czm.is-open{visibility:visible}
.czm__bg{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .28s}
.czm.is-open .czm__bg{opacity:1}
.czm__panel{position:absolute;top:0;bottom:0;right:0;width:88%;max-width:380px;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.85,.25,1);box-shadow:-12px 0 40px rgba(0,0,0,.18)}
.czm.is-open .czm__panel{transform:none}
.czm__hd{display:flex;align-items:center;gap:10px;padding:16px 18px 12px;border-bottom:1px solid #F0F0F0;flex:0 0 auto}
.czm__ttl{font-size:16px;font-weight:700;color:#1A1A1A;margin:0}
.czm__x{margin-inline-start:auto;width:34px;height:34px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.czm__x svg{width:16px;height:16px;stroke:#1A1A1A;fill:none;stroke-width:1.8;stroke-linecap:round}
.czm__seg{display:flex;gap:8px;padding:14px 18px 8px;flex:0 0 auto}
.czm__seg button{flex:1 1 0;height:42px;border:1px solid #DCDCDC;border-radius:10px;background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:#1A1A1A;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.czm__seg button.is-on{background:#1A1A1A;border-color:#1A1A1A;color:#fff}
.czm__list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 18px 14px}
.czm-row{display:flex;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #F4F4F4;color:#1A1A1A;text-decoration:none;font-size:14.5px;font-weight:500}
.czm-row__n{margin-inline-start:auto;font-size:11.5px;color:#9A9A9A;font-weight:400}
.czm-row--sale{background:#344CB7;color:#fff;border-bottom:0;border-radius:12px;padding:14px 16px;margin:2px 0 12px;font-weight:700;font-size:15px}
.czm-row--sale .czm-row__n{color:rgba(255,255,255,.85)}
.czm-row--all{font-weight:700}
.czm-grp{border-bottom:1px solid #F4F4F4}
.czm-grp__h{display:flex;align-items:center;gap:8px;width:100%;padding:13px 0;background:none;border:0;font-family:inherit;font-size:14.5px;font-weight:600;color:#1A1A1A;cursor:pointer;text-align:start}
.czm-grp__pm{position:relative;width:14px;height:14px;flex:0 0 14px;margin-inline-start:6px}
.czm-grp__pm:before,.czm-grp__pm:after{content:'';position:absolute;background:#1A1A1A;transition:transform .2s}
.czm-grp__pm:before{left:0;right:0;top:6.2px;height:1.5px}
.czm-grp__pm:after{top:0;bottom:0;left:6.2px;width:1.5px}
.czm-grp.is-open .czm-grp__pm:after{transform:scaleY(0)}
.czm-grp__b{display:none;padding:0 0 10px}
.czm-grp.is-open .czm-grp__b{display:block}
.czm-sub{display:flex;align-items:center;gap:8px;padding:9px 0;padding-inline-start:14px;color:#5A5A5A;text-decoration:none;font-size:13.5px}
.czm-sub .czm-row__n{color:#BDBDBD}
.czm__ft{flex:0 0 auto;border-top:1px solid #F0F0F0;padding:12px 18px 18px;display:flex;flex-direction:column;gap:8px}
.czm__quick{display:flex;gap:8px}
.czm__quick a{flex:1 1 0;height:40px;border:1px solid #DCDCDC;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#1A1A1A;text-decoration:none}
.czm__wa{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:10px;background:#25D366;color:#fff;font-size:14px;font-weight:700;text-decoration:none}
@media (min-width:900px){
 .czm__panel{width:400px}
}

/* ===== 66. preview-mode edit hotspots must not eat taps ===== */
/* Salla injects invisible "select this section" spans over the header and footer
   at z-index 99999999; at the top of the page they swallow every header tap. */
.s-design-invisible-dom{pointer-events:none !important}
a.link--edit{pointer-events:none !important}

/* ===== 67. Apple Pay button ===== */
/* Apple scales the label from the button's height and exposes no font control,
   so the only levers are height and the plain (logo-only) type set in the JS.
   52px / 12px radius matches أضف إلى السلة and اشتر الآن. */
apple-pay-button{
 --apple-pay-button-width:100%;
 --apple-pay-button-height:52px;
 --apple-pay-button-border-radius:12px;
 --apple-pay-button-padding:0px 0px;
 --apple-pay-button-box-sizing:border-box;
 display:block;
 width:100%;
 margin-top:8px
}

/* ---------- 68 · cart offer clarity ------------------------------------- */
.s-cart-item-offers-container[data-cz-zero] { display: none !important; }

.cz-cnudge { margin: 0 0 14px; display: grid; gap: 10px; }

.cz-cnudge__row {
  display: flex; align-items: center; gap: 12px;
  padding: 13px 14px;
  border: 1px solid rgba(52, 76, 183, .22);
  border-radius: 14px;
  background: linear-gradient(180deg, #F5F7FF 0%, #FFFFFF 100%);
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.cz-cnudge__row:hover {
  border-color: #344CB7;
  box-shadow: 0 6px 18px rgba(52, 76, 183, .13);
}

.cz-cnudge__ic {
  flex: 0 0 34px; height: 34px;
  display: grid; place-items: center;
  border-radius: 10px;
  background: #344CB7; color: #fff;
  font-size: 15px; font-weight: 700; line-height: 1;
}

.cz-cnudge__tx { display: grid; gap: 2px; min-width: 0; flex: 1 1 auto; }
.cz-cnudge__tx b {
  font-size: 13.5px; font-weight: 700; color: #1A1A1A; line-height: 1.4;
}
.cz-cnudge__tx i {
  font-style: normal; font-size: 12px; color: #5B5B66; line-height: 1.5;
}

.cz-cnudge__go {
  flex: 0 0 auto;
  padding: 8px 15px;
  border-radius: 999px;
  background: #344CB7; color: #fff;
  font-size: 12.5px; font-weight: 700; white-space: nowrap;
}

@media (max-width: 599px) {
  .cz-cnudge__row { padding: 11px 12px; gap: 10px; border-radius: 12px; }
  .cz-cnudge__ic { flex-basis: 30px; height: 30px; font-size: 14px; }
  .cz-cnudge__tx b { font-size: 12.5px; }
  .cz-cnudge__tx i { font-size: 11px; }
  .cz-cnudge__go { padding: 7px 12px; font-size: 11.5px; }
}

/* ---------- 70 · one-offer-per-cart notice ------------------------------- */
.cz-split {
  display: flex; align-items: flex-start; gap: 12px;
  margin: 0 0 14px;
  padding: 13px 14px;
  border: 1px solid rgba(196, 133, 43, .30);
  border-radius: 14px;
  background: linear-gradient(180deg, #FFF8EC 0%, #FFFFFF 100%);
}

.cz-split__ic {
  flex: 0 0 26px; height: 26px; margin-top: 1px;
  display: grid; place-items: center;
  border-radius: 8px;
  background: #C4852B; color: #fff;
  font-size: 15px; font-weight: 700; line-height: 1;
}

.cz-split__tx { display: grid; gap: 3px; min-width: 0; }
.cz-split__tx b {
  font-size: 13.5px; font-weight: 700; color: #1A1A1A; line-height: 1.45;
}
.cz-split__tx i {
  font-style: normal; font-size: 12px; color: #5B5B66; line-height: 1.6;
}

@media (max-width: 599px) {
  .cz-split { padding: 11px 12px; gap: 10px; border-radius: 12px; }
  .cz-split__ic { flex-basis: 24px; height: 24px; font-size: 14px; }
  .cz-split__tx b { font-size: 12.5px; }
  .cz-split__tx i { font-size: 11.5px; }
}

/* ---------- 71 · quick-add size sheet ------------------------------------ */
.cz-qa-back {
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(16, 16, 20, .42);
  opacity: 0; transition: opacity .22s ease;
}
.cz-qa-back.is-on { opacity: 1; }

.cz-qa {
  position: fixed; z-index: 9999; left: 0; right: 0; bottom: 0;
  display: flex; flex-direction: column;
  max-height: 86vh;
  background: #fff;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -8px 40px rgba(0, 0, 0, .18);
  transform: translateY(102%);
  transition: transform .26s cubic-bezier(.22, .8, .28, 1);
  font-family: var(--cz-font);
}
.cz-qa.is-on { transform: translateY(0); }

.cz-qa__grip {
  width: 38px; height: 4px; margin: 9px auto 0;
  border-radius: 99px; background: #DCDCDC;
}

.cz-qa__hd {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px 11px;
  border-bottom: 1px solid #F2F2F2;
}
.cz-qa__img {
  flex: 0 0 52px; width: 52px; height: 64px;
  border-radius: 9px; object-fit: cover; background: #F6F6F6;
}
.cz-qa__tt { flex: 1; min-width: 0; }
.cz-qa__nm {
  font-size: 13.5px; font-weight: 600; color: #1A1A1A; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.cz-qa__pr { margin-top: 4px; font-size: 13px; line-height: 1; }
.cz-qa__pr .sale-price,
.cz-qa__pr .price { color: #C42B2B; font-weight: 700; }
.cz-qa__pr .regular-price { color: #9A9A9A; font-weight: 400; font-size: 12px; }
.cz-qa__x {
  flex: 0 0 30px; width: 30px; height: 30px; padding: 0;
  border: 0; border-radius: 50%; background: #F4F4F4;
  color: #1A1A1A; font-size: 17px; line-height: 1; cursor: pointer;
}

.cz-qa__bd {
  padding: 14px 16px 16px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  overflow: auto;
}
.cz-qa__lb {
  display: flex; align-items: baseline; justify-content: space-between;
  margin: 0 0 10px;
}
.cz-qa__lb b { font-size: 12.5px; font-weight: 700; color: #1A1A1A; }
.cz-qa__lb span { font-size: 11.5px; color: #9A9A9A; }

.cz-qa__gr { display: flex; flex-wrap: wrap; gap: 8px; }
.cz-qa__sz {
  min-width: 62px; min-height: 44px; padding: 0 14px;
  border: 1px solid #DCDCDC; border-radius: 11px; background: #fff;
  color: #1A1A1A; font-family: inherit; font-size: 13.5px; font-weight: 600;
  cursor: pointer; transition: border-color .15s ease, color .15s ease;
}
.cz-qa__sz:hover { border-color: #1A1A1A; }
.cz-qa__sz[disabled] {
  color: #C6C6C6; border-color: #EDEDED; background: #FCFCFC;
  text-decoration: line-through; cursor: not-allowed;
}
.cz-qa__sz.is-busy { border-color: #344CB7; color: #344CB7; }

.cz-qa__msg { margin: 12px 0 0; font-size: 12px; line-height: 1.6; color: #C42B2B; }
.cz-qa__all {
  display: block; margin: 14px 0 0; text-align: center;
  font-size: 12.5px; color: #5B5B66; text-decoration: underline;
}

@media (min-width: 700px) {
  .cz-qa { left: 50%; right: auto; width: 440px; transform: translate(-50%, 102%); }
  .cz-qa.is-on { transform: translate(-50%, 0); }
}

body.cz-qa-lock { overflow: hidden; }

/* ===== 73. Post-migration polish ================================= */

/* V5 — header controls were 21–24 px; Apple asks 44 pt, Google 48 dp.
   Keep the glyph small, grow the hit area around it. */
.cz-nav__inner a,
header .s-block a[class*="icon"],
header button,
header a[aria-label],
.header-btn,
.mobile-btn {
  min-width: 44px;
  min-height: 44px;
}
header button,
header a[aria-label],
.header-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* V6 — 11 px Arabic at arm's length in daylight is not readable */
.cz-cat__t,
.cz-count,
.cz-tile__k,
.cz-tile__t,
.cz-chip,
.cz-store__lines,
.cz-store__time,
.s-product-card-content-sub,
small {
  font-size: 12.5px !important;
  line-height: 1.7;
}

/* V7 — seven chips fit row one and 4XL-48 dropped alone onto row two,
   where a full-width chip reads as a different kind of control */
.cz-sizes,
.cz-size-row,
salla-product-options .s-product-options-option-values {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(58px, 1fr));
  gap: 8px;
}
.cz-sizes > *,
.cz-size-row > *,
salla-product-options .s-product-options-option-values > * {
  width: 100% !important;
  min-width: 0 !important;
  text-align: center;
}

/* V8 — one day range per line, each unbreakable */
.cz-store__day {
  display: block;
  white-space: nowrap;
}

/* F14 — the floating filter sheet duplicated the desktop chip row and
   overlapped the last row of cards */
@media (min-width: 1024px) {
  .cz-bbar { display: none !important; }
}

/* F12 — feedback when a sold-out size is tapped */
.cz-toast {
  position: fixed;
  z-index: 99999;
  inset-inline: 16px;
  bottom: 24px;
  margin-inline: auto;
  max-width: 420px;
  background: #111;
  color: #fff;
  border-radius: 12px;
  padding: 12px 16px;
  font-size: 13.5px;
  line-height: 1.6;
  text-align: center;
  opacity: 0;
  transform: translateY(12px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease;
}
.cz-toast.is-on { opacity: 1; transform: none; }

/* F2 — the bundle total ignores the 3-for-196 offer */
.cz-bnote {
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.7;
  color: #6b7280;
}

/* V2 — the shopping-bag glyph reads as a delete icon at card size;
   a plus is unambiguous for the primary conversion action */

/* F2 — the bundle quotes the list price beside the price the cart charges */
.cz-bundle__was {
  color: #9ca3af;
  font-weight: 500;
  margin-inline-end: 6px;
}

/* ===== 75. Product page rhythm =================================== */

/* Several children of the buy column render nothing — a hidden input, two
   salla-hooks, an empty bundle block — yet each carried a 20px top margin.
   Stacked, that was the ~80px of blank space between the price and المقاس. */
.product-info form.product-options > :empty,
.product-info .main-content > salla-quick-order:empty,
.product-info .main-content > section.s-block--bundle:empty {
  display: none !important;
}

/* one rhythm for the whole column instead of a margin per component */
.product-info form.product-options {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-top: 18px !important;
}
.product-info form.product-options > * { margin: 0 !important; }

/* buy path first: size → quantity → add to cart → reassurance.
   "كمّلي الإطلالة" used to sit between the size picker and the button. */
.product-info form.product-options > .product-donation-area { order: 1; }
.product-info form.product-options > .flex.items-start { order: 2; }
.product-info form.product-options > salla-add-product-button { order: 3; }
.product-info form.product-options > .cz-pdp-chips { order: 4; }
.product-info form.product-options > .cz-look { order: 5; margin-bottom: 0 !important; }
.product-info form.product-options > .cz-pdp-help { order: 6; }
.product-info form.product-options > .cz-acc { order: 7; }
.product-info form.product-options > .cz-bundle { order: 8; }

/* header block: title, price, instalment note */
.product-info .main-content > .installment-wrap { margin-top: 14px !important; }
.product-info .product-name { line-height: 1.45; }

/* the cross-sell row wrapped into four cramped lines at 390px — give the
   product one row and the size/add controls a second, full-width one */
@media (max-width: 640px) {
  .cz-look__wrap { gap: 6px; }
  .cz-look__nav { width: 28px; height: 28px; }
  .cz-look__slot { flex-wrap: wrap; row-gap: 10px; padding: 10px; }
  .cz-look__body { flex: 1 1 calc(100% - 76px); }
  .cz-look__size { flex: 0 0 104px; width: auto; }
  .cz-look__add { flex: 1 1 auto; }
  .cz-look__title { font-size: 12.5px; }
}