/* ===== src/assets/css/final/chicona-final-fixes.css ===== */
/* Chicona V28 — consolidated final storefront fixes */

/* ---- chicona-visual-hotfix-v3.css ---- */
/* Chicona visual hotfix v3 — hero, drawer, swatches, checkout items and empty actions */
:root{
  --cv3-drawer-width:min(370px,calc(100vw - 28px));
  --cv3-border:rgba(17,24,39,.10);
  --cv3-shadow:0 18px 48px rgba(15,23,42,.14);
}

/* ---------- Sidebar / drawer ---------- */
#sidebar.sb{
  width:var(--cv3-drawer-width)!important;
  max-width:var(--cv3-drawer-width)!important;
  background:#fff!important;
  background-image:none!important;
  opacity:1;
  color:#111827;
  isolation:isolate;
  box-shadow:var(--cv3-shadow)!important;
  border-inline-end:1px solid var(--cv3-border)!important;
}
#sidebar .sb-head,
#sidebar .sb-body{
  width:100%;
  box-sizing:border-box;
  background:#fff!important;
}
#sidebar .sb-body{
  padding:14px!important;
  overflow-x:hidden!important;
}
#sidebar details.sb-acc{
  width:100%;
  margin:10px 0 0!important;
  border:1px solid rgba(17,24,39,.07)!important;
  border-radius:16px!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}
#sidebar details.sb-acc > summary{
  width:100%;
  min-height:52px;
  box-sizing:border-box;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px;
  background:#fff!important;
  color:#111827!important;
  line-height:1.35;
}
#sidebar details.sb-acc > summary .summary-title{
  min-width:0;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex:1 1 auto;
}
#sidebar details.sb-acc > summary .summary-title > span{
  min-width:0;
  white-space:normal;
}
#sidebar details.sb-acc > summary::after{
  flex:0 0 auto;
  margin:0!important;
}
#sidebar .sb-acc-panel{
  box-sizing:border-box;
  max-height:0!important;
  padding:0 10px!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  transform:none!important;
  pointer-events:none!important;
}
#sidebar details.sb-acc[open] > .sb-acc-panel{
  max-height:min(55vh,520px)!important;
  padding:6px 10px 12px!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:auto!important;
  pointer-events:auto!important;
}
#sidebar .sb-item,
#sidebar .sb-more,
#sidebar .sb-link{
  width:100%;
  box-sizing:border-box;
  min-width:0;
}
html[lang="ar"] #sidebar .i18n-en{display:none!important;}
html[lang="ar"] #sidebar .i18n-ar{display:inline!important;}
html[lang="en"] #sidebar .i18n-ar{display:none!important;}
html[lang="en"] #sidebar .i18n-en{display:inline!important;}

/* ---------- Home hero ---------- */
body[data-page-name="index"] .home-hero{
  position:relative;
  overflow:hidden;
  background:#f8f3ec;
}
body[data-page-name="index"] .home-hero-shell{
  position:relative!important;
  width:100%!important;
  min-height:clamp(520px,72vh,720px)!important;
  height:clamp(520px,72vh,720px)!important;
  max-height:720px!important;
  overflow:hidden!important;
  background:#efe8df;
}
body[data-page-name="index"] .bc-track,
body[data-page-name="index"] .bc-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
}
body[data-page-name="index"] .bc-slide{
  display:block!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .45s ease,visibility .45s ease;
}
body[data-page-name="index"] .bc-slide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2;
}
body[data-page-name="index"] .bc-img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center 42%;
}
body[data-page-name="index"] .bc-grad{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  background:linear-gradient(90deg,rgba(255,250,244,.18),rgba(255,250,244,.55),rgba(255,250,244,.90))!important;
}
html[dir="rtl"] body[data-page-name="index"] .bc-grad{
  background:linear-gradient(270deg,rgba(255,250,244,.18),rgba(255,250,244,.55),rgba(255,250,244,.90))!important;
}
body[data-page-name="index"] .bc-box{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:clamp(28px,5vw,78px)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none;
}
html[dir="rtl"] body[data-page-name="index"] .bc-box{justify-content:flex-end!important;text-align:right;}
body[data-page-name="index"] .bc-box > div{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(610px,52vw)!important;
  max-width:610px!important;
  padding:clamp(24px,3vw,42px)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:30px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 22px 60px rgba(17,24,39,.15)!important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  pointer-events:auto;
}
body[data-page-name="index"] :is(.hero-kicker,.hero-title,.hero-sub,.hero-actions,.hero-btn){
  visibility:visible!important;
  opacity:1!important;
}
body[data-page-name="index"] .hero-title{
  margin:0!important;
  color:#111827!important;
  font-size:clamp(2.4rem,5vw,4.6rem)!important;
  line-height:1.02!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body[data-page-name="index"] .hero-sub{
  margin:14px 0 0!important;
  max-width:44rem;
  color:#4b5563!important;
  font-size:clamp(1rem,1.45vw,1.25rem)!important;
  line-height:1.7!important;
}
body[data-page-name="index"] .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:22px!important;
}
body[data-page-name="index"] .hero-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:150px;
  min-height:50px;
  padding:12px 22px!important;
  border-radius:14px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
}
body[data-page-name="index"] .hero-btn.primary{background:#111827!important;color:#fff!important;}
body[data-page-name="index"] .hero-btn.secondary{background:#fff!important;color:#5f4213!important;border:1px solid #b98929!important;}
body[data-page-name="index"] .bc-dots{
  position:absolute!important;
  inset-inline:0!important;
  bottom:18px!important;
  z-index:6!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  pointer-events:auto!important;
}
body[data-page-name="index"] .bc-dot{
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.30)!important;
}
body[data-page-name="index"] .bc-dot.active{width:28px!important;background:#111827!important;}
body[data-page-name="index"] .bc-ctrl{z-index:7!important;}
body[data-page-name="index"] .whatsapp-btn{color:#fff!important;min-width:170px;}

@media(max-width:767px){
  body[data-page-name="index"] .home-hero-shell{
    min-height:540px!important;
    height:clamp(540px,72svh,650px)!important;
    max-height:650px!important;
  }
  body[data-page-name="index"] .bc-img{object-position:center 38%!important;}
  body[data-page-name="index"] .bc-grad{
    background:linear-gradient(180deg,rgba(255,250,244,.05) 0%,rgba(255,250,244,.18) 43%,rgba(255,250,244,.95) 100%)!important;
  }
  body[data-page-name="index"] .bc-box,
  html[dir="rtl"] body[data-page-name="index"] .bc-box{
    align-items:flex-end!important;
    justify-content:center!important;
    text-align:center!important;
    padding:16px 14px 58px!important;
  }
  body[data-page-name="index"] .bc-box > div{
    width:min(100%,620px)!important;
    max-width:620px!important;
    padding:18px 14px 20px!important;
    border-radius:24px!important;
  }
  body[data-page-name="index"] .hero-title{font-size:clamp(2rem,10vw,3rem)!important;}
  body[data-page-name="index"] .hero-sub{font-size:.98rem!important;line-height:1.55!important;}
  body[data-page-name="index"] .hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:10px!important;margin-top:16px!important;}
  body[data-page-name="index"] .hero-btn{min-width:0!important;width:100%!important;min-height:48px!important;padding:10px 8px!important;}
  body[data-page-name="index"] .bc-dots{bottom:16px!important;}
}
@media(max-width:380px){
  body[data-page-name="index"] .hero-actions{grid-template-columns:1fr!important;}
  body[data-page-name="index"] .bc-box{padding-bottom:54px!important;}
}

/* ---------- Product-card swatches ---------- */
.product-card :is(.pc-swatches,.swatches,.product-swatches,.colors-row){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:3px!important;
  width:100%!important;
  min-height:38px!important;
  height:auto!important;
  max-height:none!important;
  margin:4px 0!important;
  padding:0!important;
  overflow:visible!important;
}
.product-card button.pc-swatch{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
}
.product-card button.pc-swatch::before{
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  border:1px solid rgba(17,24,39,.24)!important;
  background-color:var(--pc-swatch-color,#d1d5db)!important;
  background-image:var(--pc-swatch-image,none)!important;
  background-size:cover!important;
  background-position:center!important;
}
.product-card button.pc-swatch.active::before{
  box-shadow:0 0 0 2px #fff inset,0 0 0 2px #8a621a!important;
}
.product-card :is(.swatch,.color-dot):not(.pc-swatch){
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.product-card .pc-swatches-more{flex:0 0 auto!important;}

/* Product page: keep one clean color label, not two duplicate rows. */
body[data-page-name="product"] #colorsWrap{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  height:auto!important;
  min-height:48px!important;
  overflow:visible!important;
}
html[dir="rtl"] body[data-page-name="product"] #colorsWrap{justify-content:flex-start!important;}
body[data-page-name="product"] #colorsWrap .swatch-wrap{width:58px!important;gap:6px!important;}
body[data-page-name="product"] #colorsWrap .swatch{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
body[data-page-name="product"] #colorNames{display:none!important;}

/* ---------- Checkout order summary ---------- */
body[data-page-name="checkout"] main.checkout-shell > .checkout-layout{
  grid-template-columns:minmax(0,1fr)!important;
  gap:clamp(16px,3vw,28px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}
body[data-page-name="checkout"] main.checkout-shell > .checkout-layout > aside,
body[data-page-name="checkout"] main.checkout-shell > .checkout-layout > section{width:100%!important;max-width:100%!important;min-width:0!important;}
body[data-page-name="checkout"] #itemsList .line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  align-items:start!important;
  width:100%!important;
  min-width:0!important;
}
body[data-page-name="checkout"] #itemsList .line > .flex{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  align-items:start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
body[data-page-name="checkout"] #itemsList .line > .flex > .min-w-0{
  min-width:0!important;
  width:100%!important;
}
body[data-page-name="checkout"] #itemsList .prod-img{
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  object-fit:cover!important;
}
body[data-page-name="checkout"] #itemsList .font-medium,
body[data-page-name="checkout"] #itemsList .truncate{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-break:auto!important;
  line-height:1.5!important;
}
body[data-page-name="checkout"] #itemsList .line > .shrink-0:last-child{
  justify-self:start!important;
  white-space:normal!important;
  text-align:start!important;
}
@media(min-width:1024px){
  body[data-page-name="checkout"] main.checkout-shell > .checkout-layout{grid-template-columns:minmax(320px,.95fr) minmax(0,2.2fr)!important;}
}
@media(max-width:460px){
  body[data-page-name="checkout"] #itemsList .line > .flex{grid-template-columns:68px minmax(0,1fr)!important;gap:10px!important;}
  body[data-page-name="checkout"] #itemsList .prod-img{width:68px!important;height:68px!important;min-width:68px!important;}
}

/* ---------- Empty action text safety ---------- */
:is(#homeWhatsappBtn,.whatsapp-btn,#waBtn,#addBtn,#placeOrderBtn,#applyCouponBtn,#removeCouponBtn,#backToCartBtn,#cartChoiceConfirm,#cartChoiceCancel,#cartChoiceClose,#authSignIn,#authGuest,#authCancel,#noticeOk,#sizeBtn,#btnCancelSize,#btnConfirmSize){
  text-indent:0!important;
  font-size:inherit;
}
:is(#homeWhatsappBtn,.whatsapp-btn,#addBtn,#placeOrderBtn,.hero-btn.primary){color:#fff!important;}

/* ---- chicona-visual-commerce-hotfix-v4.css ---- */
/* Chicona visual + commerce hotfix v4
   - clean product-card swatches
   - remove duplicate sidebar labels
   - normalize language controls
   - keep checkout item names readable
*/
:root{
  --cv4-ink:#111827;
  --cv4-muted:#6b7280;
  --cv4-gold:#8a621a;
  --cv4-line:rgba(17,24,39,.11);
  --cv4-soft:#f7f3ec;
}

/* ---------- Product card color swatches ---------- */
html body .product-card :is(.pc-swatches,.swatches,.product-swatches,.colors-row){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  margin:5px 0 4px!important;
  padding:0 4px!important;
  overflow:hidden!important;
  line-height:0!important;
  font-size:0!important;
}
html body .product-card :is(.pc-swatches,.swatches,.product-swatches,.colors-row) > .swatch-wrap{
  display:contents!important;
}
html body .product-card button.pc-swatch,
html body .product-card button.swatch.pc-swatch{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  flex:0 0 26px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-indent:0!important;
  overflow:visible!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
html body .product-card button.pc-swatch > *,
html body .product-card .pc-swatches :is(.swatch-name,.color-name,.label,.name){
  display:none!important;
}
html body .product-card button.pc-swatch::before{
  content:""!important;
  display:block!important;
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
  min-height:17px!important;
  border:1px solid rgba(17,24,39,.26)!important;
  border-radius:999px!important;
  background-color:var(--pc-swatch-color,#d1d5db)!important;
  background-image:var(--pc-swatch-image,none)!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.92) inset!important;
}
html body .product-card button.pc-swatch::after{
  content:none!important;
  display:none!important;
}
html body .product-card button.pc-swatch.active::before,
html body .product-card button.pc-swatch[aria-pressed="true"]::before{
  border-color:var(--cv4-ink)!important;
  box-shadow:0 0 0 2px #fff,0 0 0 3px var(--cv4-gold)!important;
}
html body .product-card button.pc-swatch:focus-visible{
  outline:2px solid var(--cv4-gold)!important;
  outline-offset:1px!important;
}
html body .product-card .pc-swatches-more{
  display:inline-grid!important;
  place-items:center!important;
  min-width:25px!important;
  height:25px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  background:var(--cv4-soft)!important;
  color:#5d451d!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  flex:0 0 auto!important;
}

/* ---------- Sidebar: only the actual accordion title remains ---------- */
#sidebar .cv4-duplicate-sidebar-label{display:none!important;}
#sidebar details.sb-acc > summary .summary-title{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
#sidebar details.sb-acc > summary .summary-title > span{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  line-height:1.35!important;
  white-space:normal!important;
}
html[lang^="ar"] #sidebar .i18n-en,
html[dir="rtl"] #sidebar .i18n-en{display:none!important;}
html[lang^="en"] #sidebar .i18n-ar,
html[dir="ltr"] #sidebar .i18n-ar{display:none!important;}
#sidebar .sb-body > .cv4-orphan-section-label{display:none!important;}

/* ---------- Language controls ---------- */
.page-lang-switch,
.lang-switch.cv4-lang-switch,
.flex.cv4-lang-switch{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  border:1px solid var(--cv4-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(15,23,42,.05)!important;
  flex:0 0 auto!important;
}
#btnAR,#btnEN,#btnAr,#btnEn,
.lang-seg button,
[data-lang="ar"],[data-lang="en"]{
  min-width:44px!important;
  min-height:38px!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#4b5563!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
#btnAR[aria-selected="true"],#btnEN[aria-selected="true"],
#btnAr[aria-selected="true"],#btnEn[aria-selected="true"],
.lang-seg button.active,.lang-seg button[aria-selected="true"],
[data-lang].active,[data-lang][aria-selected="true"]{
  background:#fff7e8!important;
  color:#6b4811!important;
  box-shadow:0 0 0 1px rgba(138,98,26,.30) inset!important;
}
#btnAR:focus-visible,#btnEN:focus-visible,#btnAr:focus-visible,#btnEn:focus-visible,
.lang-seg button:focus-visible,[data-lang]:focus-visible{
  outline:2px solid var(--cv4-gold)!important;
  outline-offset:2px!important;
}
@media(max-width:520px){
  .unified-page-head .cv4-lang-switch{margin-inline-start:auto!important;}
  #btnAR,#btnEN,#btnAr,#btnEn{min-width:40px!important;padding-inline:8px!important;font-size:12px!important;}
}

/* ---------- Checkout summary readability ---------- */
body[data-page-name="checkout"] #itemsList .line,
body[data-page-name="checkout"] #itemsList .cv3-checkout-line{
  min-width:0!important;
  width:100%!important;
}
body[data-page-name="checkout"] #itemsList .font-medium,
body[data-page-name="checkout"] #itemsList .cv3-product-name{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  line-height:1.45!important;
}
body[data-page-name="checkout"] #itemsList .text-xs{
  overflow-wrap:normal!important;
  word-break:normal!important;
}

/* ---- chicona-sidebar-hotfix-v5.css ---- */
/* Chicona sidebar-only hotfix v5
   Target: the latest All17 + visual v3 + commerce v4 stack.
   This file intentionally changes only #sidebar and #sbOverlay.
*/
:root{
  --cv5-sidebar-width:min(390px,calc(100vw - 18px));
  --cv5-sidebar-ink:#111827;
  --cv5-sidebar-muted:#6b7280;
  --cv5-sidebar-gold:#8a621a;
  --cv5-sidebar-line:rgba(17,24,39,.10);
  --cv5-sidebar-bg:#fff;
  --cv5-sidebar-card:#fff;
}

#sbOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:1890!important;
  background:rgba(15,23,42,.43)!important;
  backdrop-filter:blur(1.5px)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
}

#sidebar{
  position:fixed!important;
  top:0!important;
  bottom:0!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  z-index:1900!important;
  width:var(--cv5-sidebar-width)!important;
  max-width:100vw!important;
  height:100dvh!important;
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--cv5-sidebar-bg)!important;
  color:var(--cv5-sidebar-ink)!important;
  box-shadow:-16px 0 48px rgba(15,23,42,.18)!important;
  isolation:isolate!important;
}
html[dir="ltr"] #sidebar{
  inset-inline-start:0!important;
  inset-inline-end:auto!important;
  box-shadow:16px 0 48px rgba(15,23,42,.18)!important;
}

#sidebar .sb-head{
  flex:0 0 auto!important;
  min-height:72px!important;
  padding:max(12px,env(safe-area-inset-top)) 16px 12px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:10px!important;
  border-bottom:1px solid var(--cv5-sidebar-line)!important;
  background:#fff!important;
}
#sidebar .sb-title{
  grid-column:2!important;
  min-width:0!important;
  text-align:center!important;
  color:var(--cv5-sidebar-ink)!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#sidebar #sbCloseBtn{
  grid-column:1!important;
  grid-row:1!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  margin:0!important;
  border:1px solid var(--cv5-sidebar-line)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--cv5-sidebar-ink)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.06)!important;
}
html[dir="ltr"] #sidebar #sbCloseBtn{grid-column:3!important;}

#sidebar .sb-body{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  padding:14px 14px calc(18px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  background:#fff!important;
}

#sidebar .sb-search{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:9px 14px!important;
  border:1px solid rgba(138,98,26,.22)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--cv5-sidebar-ink)!important;
  font-size:13px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}
#sidebar .sb-search:focus-visible{
  outline:2px solid var(--cv5-sidebar-gold)!important;
  outline-offset:2px!important;
}

#sidebar .cv5-top-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:10px 0 12px!important;
}
#sidebar .cv5-top-row .lang-seg{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  padding:3px!important;
  gap:3px!important;
  border:1px solid var(--cv5-sidebar-line)!important;
  border-radius:14px!important;
  background:#fff!important;
}
#sidebar .cv5-top-row .lang-seg button{
  width:43px!important;
  min-width:43px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#4b5563!important;
  font-size:13px!important;
  line-height:38px!important;
  font-weight:800!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:center!important;
}
#sidebar .cv5-top-row .lang-seg button.active,
#sidebar .cv5-top-row .lang-seg button[aria-selected="true"]{
  background:#fff7e8!important;
  color:#6b4811!important;
  box-shadow:0 0 0 1px rgba(138,98,26,.32) inset!important;
}
#sidebar .cv5-top-row > .sb-link{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:9px 13px!important;
  border:1px solid var(--cv5-sidebar-line)!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  background:#fff!important;
  color:var(--cv5-sidebar-ink)!important;
}

#sidebar details.sb-acc{
  width:100%!important;
  margin:9px 0 0!important;
  border:1px solid var(--cv5-sidebar-line)!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:var(--cv5-sidebar-card)!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}
#sidebar details.sb-acc > summary{
  box-sizing:border-box!important;
  min-height:52px!important;
  padding:10px 13px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  list-style:none!important;
  cursor:pointer!important;
  color:var(--cv5-sidebar-ink)!important;
  background:#fff!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-decoration:none!important;
  user-select:none!important;
}
#sidebar details.sb-acc > summary::-webkit-details-marker{display:none!important;}
#sidebar details.sb-acc > summary::marker{content:""!important;}
#sidebar details.sb-acc > summary::after{
  content:"▾"!important;
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  color:var(--cv5-sidebar-muted)!important;
  font-size:12px!important;
  line-height:1!important;
  transform:none!important;
  transition:transform .2s ease,color .2s ease!important;
}
#sidebar details.sb-acc[open] > summary::after{
  transform:rotate(180deg)!important;
  color:var(--cv5-sidebar-gold)!important;
}
#sidebar details.sb-acc > summary .summary-title{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
}
#sidebar details.sb-acc > summary .summary-title > svg{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  color:#6b7280!important;
}
#sidebar details.sb-acc > summary .cv5-summary-label{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--cv5-sidebar-ink)!important;
  font:inherit!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#sidebar details.sb-acc[open] > summary{
  color:#6b4811!important;
  background:#fffaf0!important;
  border-bottom:1px solid rgba(138,98,26,.12)!important;
}
#sidebar details.sb-acc:not([open]) > .sb-acc-panel{
  display:none!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
}
#sidebar details.sb-acc[open] > .sb-acc-panel{
  display:block!important;
  max-height:none!important;
  padding:8px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  overflow:visible!important;
  background:#fff!important;
}
#sidebar .sb-acc-panel :is(#listCategories,#listSubcategories,#listBrands,#listOffers,#listVendors,#listProducts){
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
#sidebar .sb-item,
#sidebar .sb-more,
#sidebar .sb-acc-panel a{
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  padding:9px 10px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  color:#374151!important;
  background:transparent!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
#sidebar .sb-item:hover,
#sidebar .sb-more:hover,
#sidebar .sb-acc-panel a:hover{background:#f8f5ef!important;color:#6b4811!important;}

#sidebar .cv5-static-links{
  margin-top:10px!important;
  display:grid!important;
  gap:8px!important;
}
#sidebar .cv5-static-links > .sb-link{
  min-height:46px!important;
  margin:0!important;
  padding:10px 13px!important;
  border:1px solid var(--cv5-sidebar-line)!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  color:var(--cv5-sidebar-ink)!important;
  text-decoration:none!important;
}

#sidebar .cv4-duplicate-sidebar-label,
#sidebar .cv4-orphan-section-label,
#sidebar .cv5-orphan-label{display:none!important;}

#sidebar :is(a,button,input,summary):focus-visible{
  outline:2px solid var(--cv5-sidebar-gold)!important;
  outline-offset:2px!important;
}

@media(max-width:430px){
  :root{--cv5-sidebar-width:calc(100vw - 18px);}
  #sidebar .sb-body{padding-inline:14px!important;}
}
@media(prefers-reduced-motion:reduce){
  #sidebar *,#sidebar *::before,#sidebar *::after{transition:none!important;animation:none!important;}
}

/* ---- chicona-sidebar-product-hotfix-v6.css ---- */
/* Chicona sidebar + product experience hotfix v6
   - Repairs stale mobile scroll/touch locks left by the drawer.
   - Improves product colour/size selection without changing PocketBase data.
*/
:root{
  --cv6-ink:#111827;
  --cv6-muted:#6b7280;
  --cv6-gold:#8a621a;
  --cv6-gold-soft:#fff8e8;
  --cv6-line:rgba(17,24,39,.12);
  --cv6-danger:#b42318;
}

/* The overlay must never intercept touches while the sidebar is closed. */
#sbOverlay:not(.active):not(.open):not(.show),
#sbOverlay[aria-hidden="true"]{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  touch-action:auto!important;
}
#sbOverlay:is(.active,.open,.show),
#sbOverlay[aria-hidden="false"]{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  touch-action:none!important;
}
#sidebar:not(.open):not(.active):not(.show),
#sidebar[aria-hidden="true"]{
  pointer-events:none!important;
  visibility:hidden!important;
}
#sidebar:is(.open,.active,.show),
#sidebar[aria-hidden="false"]{
  pointer-events:auto!important;
  visibility:visible!important;
}
#sidebar .sb-body{
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
html.cv6-sidebar-open,
body.cv6-sidebar-open{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.cv6-sidebar-open{touch-action:none!important;}

/* Product page hierarchy and spacing. */
body[data-page-name="product"] .cv6-product-info{
  min-width:0;
}
body[data-page-name="product"] #colorSection,
body[data-page-name="product"] #sizeSection{
  position:relative;
  padding:18px!important;
  border-color:rgba(138,98,26,.18)!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
}
body[data-page-name="product"] #colorSection::before,
body[data-page-name="product"] #sizeSection::before{
  position:absolute;
  inset-block-start:14px;
  inset-inline-end:14px;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--cv6-gold-soft);
  color:#6b4811;
  border:1px solid rgba(138,98,26,.25);
  font-size:12px;
  font-weight:900;
}
body[data-page-name="product"] #colorSection::before{content:"1";}
body[data-page-name="product"] #sizeSection::before{content:"2";}
body[data-page-name="product"] #colorSection > #lblColors,
body[data-page-name="product"] #sizeSection > #lblSize{
  padding-inline-end:36px;
  margin-bottom:12px!important;
  color:var(--cv6-ink);
  font-size:16px;
  line-height:1.35;
  font-weight:800!important;
}

/* Colour choices become clear touch-friendly option tiles. */
body[data-page-name="product"] #colorsWrap{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(78px,1fr));
  gap:10px!important;
  align-items:stretch!important;
  width:100%;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap{
  width:auto!important;
  min-width:0!important;
  min-height:82px;
  padding:9px 7px 8px;
  gap:6px!important;
  justify-content:center;
  border:1px solid var(--cv6-line);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap:hover{
  border-color:rgba(138,98,26,.45);
  background:#fffdf8;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap.cv6-selected{
  border-color:var(--cv6-gold);
  background:var(--cv6-gold-soft);
  box-shadow:0 0 0 2px rgba(138,98,26,.12),0 8px 20px rgba(15,23,42,.06);
  transform:translateY(-1px);
}
body[data-page-name="product"] #colorsWrap .swatch{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  border:3px solid #fff!important;
  outline:1px solid #cbd5e1!important;
  box-shadow:0 2px 8px rgba(15,23,42,.12)!important;
  touch-action:manipulation;
}
body[data-page-name="product"] #colorsWrap .swatch.active{
  outline:2px solid var(--cv6-gold)!important;
  box-shadow:0 0 0 3px rgba(138,98,26,.15)!important;
}
body[data-page-name="product"] #colorsWrap .swatch.active::after{
  inset-block-start:-7px!important;
  inset-inline-end:-7px!important;
  width:18px!important;
  height:18px!important;
  background:var(--cv6-ink)!important;
  font-size:12px!important;
}
body[data-page-name="product"] #colorsWrap .swatch-name{
  display:block!important;
  max-width:100%!important;
  min-height:17px;
  color:#374151!important;
  font-size:12px!important;
  font-weight:700;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body[data-page-name="product"] #colorNames{display:none!important;}

/* Size choices use large, consistent radio-like chips. */
body[data-page-name="product"] #sizeInline,
body[data-page-name="product"] #sizeOptions{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
  gap:9px!important;
  width:100%;
}
body[data-page-name="product"] :is(#sizeInline,#sizeOptions) .size-chip{
  position:relative;
  min-width:0!important;
  min-height:46px;
  padding:10px 12px!important;
  border:1px solid var(--cv6-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--cv6-ink)!important;
  font-size:13px;
  font-weight:800!important;
  line-height:1.2!important;
  touch-action:manipulation;
}
body[data-page-name="product"] :is(#sizeInline,#sizeOptions) .size-chip:hover{
  border-color:rgba(138,98,26,.48)!important;
  background:#fffdf8!important;
}
body[data-page-name="product"] :is(#sizeInline,#sizeOptions) .size-chip:is(.active,[aria-checked="true"]){
  border-color:var(--cv6-gold)!important;
  background:var(--cv6-gold-soft)!important;
  color:#6b4811!important;
  box-shadow:0 0 0 2px rgba(138,98,26,.12)!important;
}
body[data-page-name="product"] :is(#sizeInline,#sizeOptions) .size-chip:is(.active,[aria-checked="true"])::after{
  content:"✓";
  position:absolute;
  inset-block-start:5px;
  inset-inline-end:7px;
  color:var(--cv6-gold);
  font-size:12px;
  font-weight:900;
}

body[data-page-name="product"] .cv6-selection-status{
  margin:10px 0 0;
  padding:8px 10px;
  border-radius:10px;
  background:#f8fafc;
  color:var(--cv6-muted);
  font-size:12.5px;
  line-height:1.45;
}
body[data-page-name="product"] .cv6-selection-status strong{color:var(--cv6-ink);}
body[data-page-name="product"] .cv6-option-error{
  border-color:rgba(180,35,24,.48)!important;
  box-shadow:0 0 0 3px rgba(180,35,24,.08)!important;
  animation:cv6OptionNudge .28s ease 1;
}
body[data-page-name="product"] .cv6-option-error .cv6-selection-status{
  background:#fff1f0;
  color:var(--cv6-danger);
}
@keyframes cv6OptionNudge{0%,100%{transform:none}35%{transform:translateX(-4px)}70%{transform:translateX(4px)}}

/* More polished action area and size sheet. */
body[data-page-name="product"] #addBtn,
body[data-page-name="product"] #waBtn{
  min-height:50px!important;
  font-weight:800!important;
  font-size:14px;
}
body[data-page-name="product"] #addBtn{
  box-shadow:0 10px 24px rgba(17,24,39,.14);
}
body[data-page-name="product"] #addBtn:active{transform:translateY(1px);}
body[data-page-name="product"] #sizeModal .ui-modal-card{
  border-radius:22px!important;
  max-height:min(82dvh,620px)!important;
  overflow:auto!important;
}
body[data-page-name="product"] #sizeModal #sizeOptions{margin-top:2px;}
body[data-page-name="product"] #sizeModal :is(#btnCancelSize,#btnConfirmSize){
  min-height:44px;
  min-width:96px;
  font-weight:800;
}

@media(min-width:1024px){
  body[data-page-name="product"] .cv6-product-info{padding-inline-start:4px;}
}
@media(max-width:640px){
  body[data-page-name="product"] #colorSection,
  body[data-page-name="product"] #sizeSection{padding:15px!important;border-radius:17px!important;}
  body[data-page-name="product"] #colorsWrap{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page-name="product"] #colorsWrap .swatch-wrap{min-height:78px;padding-inline:5px;}
  body[data-page-name="product"] #sizeInline{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page-name="product"] #addBtn,
  body[data-page-name="product"] #waBtn{min-height:48px!important;padding-inline:10px!important;}
}

/* ---- chicona-cart-cards-hotfix-v7.css ---- */
/* Chicona cart recovery + fully unified product cards v7
   Scoped to the storefront. No PocketBase schema or commerce rule changes.
*/
:root{
  --cv7-ink:#111827;
  --cv7-muted:#6b7280;
  --cv7-line:rgba(17,24,39,.10);
  --cv7-gold:#8a621a;
  --cv7-gold-soft:#fff8e8;
  --cv7-card-radius:16px;
  --cv7-card-body-height:176px;
  --cv7-action-height:44px;
}

/* ---------------- Cart visibility and recovered item cards ---------------- */
body[data-page-name="cart"] #cartItemsMobile{
  min-width:0;
  width:100%;
}
body[data-page-name="cart"] #cartItemsMobile:not(:empty){
  visibility:visible!important;
  opacity:1!important;
  min-height:1px!important;
}
body[data-page-name="cart"] .cart-row-mobile,
body[data-page-name="cart"] .cart-item-card,
body[data-page-name="cart"] .cv7-cart-card{
  visibility:visible!important;
  opacity:1!important;
  min-height:116px!important;
}
body[data-page-name="cart"] .cv7-cart-card{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  gap:12px;
  align-items:start;
  width:100%;
  max-width:100%;
  padding:12px;
  box-sizing:border-box;
  border:1px solid var(--cv7-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.045);
  overflow:hidden;
}
body[data-page-name="cart"] .cv7-cart-card__image{
  display:block;
  width:88px;
  height:88px;
  object-fit:cover;
  object-position:center;
  border-radius:14px;
  border:1px solid var(--cv7-line);
  background:#f8fafc;
}
body[data-page-name="cart"] .cv7-cart-card__body{min-width:0;display:flex;flex-direction:column;gap:7px;}
body[data-page-name="cart"] .cv7-cart-card__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;}
body[data-page-name="cart"] .cv7-cart-card__title{
  margin:0;
  color:var(--cv7-ink);
  font-size:.96rem;
  line-height:1.38;
  font-weight:700;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:normal;
  word-break:normal;
}
body[data-page-name="cart"] .cv7-cart-card__unit{white-space:nowrap;color:var(--cv7-ink);font-size:.88rem;font-weight:800;}
body[data-page-name="cart"] .cv7-cart-card__options{display:flex;flex-wrap:wrap;gap:5px;min-height:0;}
body[data-page-name="cart"] .cv7-cart-card__option{display:inline-flex;align-items:center;max-width:100%;padding:.16rem .5rem;border:1px solid #e5e7eb;border-radius:999px;background:#f9fafb;color:#374151;font-size:.76rem;line-height:1.35;}
body[data-page-name="cart"] .cv7-cart-card__line{color:#6b7280;font-size:.82rem;line-height:1.4;}
body[data-page-name="cart"] .cv7-cart-card__line strong{color:var(--cv7-ink);font-weight:800;}
body[data-page-name="cart"] .cv7-cart-card__controls{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:2px;}
body[data-page-name="cart"] .cv7-cart-card__qty{display:grid;grid-template-columns:38px 48px 38px;gap:6px;align-items:center;}
body[data-page-name="cart"] .cv7-cart-card__qty button,
body[data-page-name="cart"] .cv7-cart-card__qty input{
  width:100%;height:38px;min-width:0;padding:0;border:1px solid rgba(17,24,39,.14);border-radius:12px;background:#fff;color:var(--cv7-ink);text-align:center;font-weight:800;
}
body[data-page-name="cart"] .cv7-cart-card__qty button{font-size:1.1rem;touch-action:manipulation;}
body[data-page-name="cart"] .cv7-cart-card__remove{min-height:38px;padding:.4rem .65rem;border:1px solid #fee2e2;border-radius:12px;background:#fff;color:#dc2626;font-weight:700;touch-action:manipulation;}
body[data-page-name="cart"] tr.cv7-cart-row td{vertical-align:middle;}
body[data-page-name="cart"] tr.cv7-cart-row .cv7-desktop-product{display:flex;align-items:center;gap:12px;min-width:280px;}
body[data-page-name="cart"] tr.cv7-cart-row .cv7-desktop-product img{width:74px;height:74px;object-fit:cover;border-radius:14px;border:1px solid var(--cv7-line);}
body[data-page-name="cart"] tr.cv7-cart-row .cv7-desktop-title{max-width:330px;white-space:normal;word-break:normal;overflow-wrap:normal;line-height:1.4;font-weight:700;}

@media(max-width:1023px){
  body[data-page-name="cart"] #cartItemsMobile:not(:empty){display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:10px!important;}
  body[data-page-name="cart"] #cartItemsMobile > :is(.cart-row-mobile,.cart-item-card,.cv7-cart-card){display:grid!important;}
  body[data-page-name="cart"] .cart-table-desktop{display:none!important;}
}
@media(min-width:1024px){
  body[data-page-name="cart"] #cartItemsMobile{display:none!important;}
  body[data-page-name="cart"] .cart-table-desktop{display:block!important;}
}
@media(max-width:389px){
  body[data-page-name="cart"] .cv7-cart-card{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:10px;}
  body[data-page-name="cart"] .cv7-cart-card__image{width:70px;height:70px;border-radius:12px;}
  body[data-page-name="cart"] .cv7-cart-card__head{grid-template-columns:1fr;gap:4px;}
  body[data-page-name="cart"] .cv7-cart-card__unit{font-size:.82rem;}
}

/* ---------------- One product-card contract everywhere ---------------- */
html body .product-card.cv7-product-card,
html body .product-card{
  position:relative!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:1px solid rgba(17,24,39,.10)!important;
  border-radius:var(--cv7-card-radius)!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(15,23,42,.055)!important;
  font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
html body .product-card:hover{transform:translateY(-2px)!important;border-color:rgba(138,98,26,.55)!important;box-shadow:0 12px 28px rgba(15,23,42,.10)!important;}

html body .product-card > :is(.relative,.product-media,.p-media,.media,.img-wrap,.cv7-card-media),
html body .product-card > a:first-of-type:has(img),
html body .product-card > img.p-img,
html body .product-card > .p-img{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#f8fafc!important;
  border-radius:0!important;
}
html body .product-card :is(.relative,.product-media,.p-media,.media,.img-wrap,.cv7-card-media) > a,
html body .product-card > a:first-of-type:has(img){display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;}
html body .product-card img:is(.p-img,.product-img,.product-image,.cv7-card-image),
html body .product-card > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#f8fafc!important;
}

html body .product-card :is(.p-body,.product-body,.cv7-card-body),
html body .product-card [class*="p-body"]{
  display:grid!important;
  grid-template-rows:2.65em 34px 38px var(--cv7-action-height)!important;
  align-content:start!important;
  gap:6px!important;
  width:100%!important;
  height:var(--cv7-card-body-height)!important;
  min-height:var(--cv7-card-body-height)!important;
  max-height:var(--cv7-card-body-height)!important;
  padding:10px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
html body .product-card :is(.p-title,.product-title,.cv7-card-title,h3,.title){
  align-self:start!important;
  min-width:0!important;
  min-height:2.65em!important;
  max-height:2.65em!important;
  margin:0!important;
  color:var(--cv7-ink)!important;
  text-align:center!important;
  text-decoration:none!important;
  font-size:clamp(12.5px,3.1vw,14.5px)!important;
  line-height:1.325!important;
  font-weight:700!important;
  letter-spacing:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
html body .product-card :is(.swatches,.product-swatches,.colors-row,.pc-swatches,.cv7-card-swatches){
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body .product-card :is(.swatch,.pc-swatch){
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  flex:0 0 30px!important;
  padding:7px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:999px!important;
  background-clip:content-box!important;
  outline:1px solid #cbd5e1!important;
  outline-offset:-6px!important;
  box-shadow:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
html body .product-card :is(.swatch,.pc-swatch).active{
  outline:2px solid var(--cv7-gold)!important;
  outline-offset:-5px!important;
  box-shadow:0 0 0 2px rgba(138,98,26,.14)!important;
}
html body .product-card .cv7-extra-swatch{display:none!important;}
html body .product-card .cv7-swatches-more{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 6px;border:1px solid #e5e7eb;border-radius:999px;background:#f9fafb;color:#4b5563;font-size:11px;font-weight:800;direction:ltr;}
html body .product-card .cv7-swatches-placeholder{visibility:hidden!important;pointer-events:none!important;}

html body .product-card :is(.p-meta,.product-price,.price-row,.cv7-card-price){
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body .product-card :is(.p-meta,.product-price,.price-row,.cv7-card-price) > div{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:nowrap!important;width:100%!important;min-width:0!important;}
html body .product-card .price{white-space:nowrap!important;color:var(--cv7-ink)!important;font-size:clamp(14px,3.25vw,16px)!important;line-height:1.1!important;font-weight:800!important;}
html body .product-card :is(.old,.price-old){white-space:nowrap!important;color:#9ca3af!important;font-size:clamp(9.5px,2.35vw,11px)!important;line-height:1.1!important;font-weight:500!important;text-decoration:line-through!important;margin:0!important;}
html body .product-card :is(.add-btn,.btn-add,.view-btn,.cv7-card-action,button[data-id],.product-actions a,.product-actions button){
  align-self:end!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:var(--cv7-action-height)!important;
  height:var(--cv7-action-height)!important;
  max-height:var(--cv7-action-height)!important;
  margin:0!important;
  padding:.5rem .55rem!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  border:1px solid #e5e7eb!important;
  border-radius:12px!important;
  background:#fff!important;
  color:var(--cv7-ink)!important;
  text-decoration:none!important;
  font-size:clamp(11.7px,2.9vw,13px)!important;
  line-height:1!important;
  font-weight:750!important;
  box-shadow:none!important;
  touch-action:manipulation!important;
}
html body .product-card :is(.add-btn,.btn-add,.view-btn,.cv7-card-action,button[data-id],.product-actions a,.product-actions button):hover{border-color:var(--cv7-gold)!important;background:var(--cv7-gold-soft)!important;}

/* Every product collection stretches cards evenly. */
html body :is(#grid,#productsGrid,#specialRow,#relatedGrid,#sameVendorGrid,#offerGrid,#vendorProducts,.products-grid,.product-grid,[data-product-grid]){align-items:stretch!important;}
html body :is(#grid,#productsGrid,#relatedGrid,#sameVendorGrid,#offerGrid,#vendorProducts,.products-grid,.product-grid,[data-product-grid]) > .product-card{height:100%!important;}
html body #specialRow > .product-card{flex:0 0 clamp(168px,42vw,210px)!important;max-width:clamp(168px,42vw,210px)!important;}

/* Badge positions and sizes are identical on all pages. */
html body .product-card :is(.product-card-badges-left,.product-card-badges-right){position:absolute!important;top:8px!important;z-index:20!important;display:flex!important;gap:4px!important;max-width:calc(50% - 12px)!important;}
html body .product-card .product-card-badges-left{left:8px!important;right:auto!important;}
html body .product-card .product-card-badges-right{right:8px!important;left:auto!important;}
html body .product-card :is(.product-card-badge,.tag-left,.tag-right,.tag-bxgy,.offer-badge,.promo-badge){min-height:24px!important;padding:.24rem .44rem!important;border-radius:999px!important;font-size:9px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

@media(max-width:640px){
  :root{--cv7-card-body-height:168px;--cv7-action-height:42px;--cv7-card-radius:14px;}
  html body .product-card :is(.p-body,.product-body,.cv7-card-body),
  html body .product-card [class*="p-body"]{padding:8px!important;gap:5px!important;grid-template-rows:2.65em 32px 36px var(--cv7-action-height)!important;}
  html body .product-card :is(.swatches,.product-swatches,.colors-row,.pc-swatches,.cv7-card-swatches){height:32px!important;min-height:32px!important;gap:3px!important;}
  html body .product-card :is(.swatch,.pc-swatch){width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important;flex-basis:27px!important;padding:6px!important;outline-offset:-5px!important;}
  html body .product-card :is(.p-meta,.product-price,.price-row,.cv7-card-price){height:36px!important;min-height:36px!important;}
}

/* ---- Final card text/action and safe hero pagination corrections ---- */
:root{
  --chicona-final-title-block:3.05em;
  --chicona-final-action-height:46px;
}
html body .product-card :is(.p-body,.product-body,.cv7-card-body),
html body .product-card [class*="p-body"]{
  grid-template-rows:var(--chicona-final-title-block) 34px 38px var(--chicona-final-action-height)!important;
  height:auto!important;
  min-height:184px!important;
  max-height:none!important;
  padding:12px 10px 10px!important;
  gap:6px!important;
}
html body .product-card :is(.p-title,.product-title,.cv7-card-title,h3,.title){
  min-height:var(--chicona-final-title-block)!important;
  max-height:var(--chicona-final-title-block)!important;
  padding:3px 1px 1px!important;
  line-height:1.38!important;
  text-wrap:pretty!important;
}
html body .product-card :is(.add-btn,.btn-add,.view-btn,.cv7-card-action,button[data-id],.product-actions a,.product-actions button){
  min-height:var(--chicona-final-action-height)!important;
  height:var(--chicona-final-action-height)!important;
  max-height:var(--chicona-final-action-height)!important;
  padding:.62rem .7rem .58rem!important;
  line-height:1.2!important;
  overflow:visible!important;
}
@media(max-width:640px){
  :root{--chicona-final-title-block:3.12em;--chicona-final-action-height:44px;}
  html body .product-card :is(.p-body,.product-body,.cv7-card-body),
  html body .product-card [class*="p-body"]{
    grid-template-rows:var(--chicona-final-title-block) 32px 36px var(--chicona-final-action-height)!important;
    min-height:178px!important;
    padding:10px 8px 9px!important;
    gap:5px!important;
  }
}
body[data-page-name="index"] .home-hero,
body[data-page-name="index"] .home-hero-shell,
body[data-page-name="index"] #bcRoot{position:relative!important;}
body[data-page-name="index"] .bc-dots,
body[data-page-name="index"] #bcDots{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  inset-inline:auto!important;
  transform:translateX(-50%)!important;
  bottom:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  z-index:30!important;
  direction:ltr!important;
}
body[data-page-name="index"] .bc-dot{
  display:block!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#cfc5bf!important;
  box-shadow:none!important;
  opacity:1!important;
}
body[data-page-name="index"] .bc-dot.active{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  min-height:12px!important;
  background:#0f172a!important;
  box-shadow:0 0 0 4px rgba(255,255,255,.58)!important;
}

/* ---- chicona-unified-sidebar-v8.css ----
   One physical side, one controller and instant accordion state changes. */
#sidebar{
  left:auto!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  contain:layout paint style!important;
  transition:transform .22s cubic-bezier(.22,.61,.36,1), visibility 0s linear .22s!important;
  opacity:1!important;
}
#sidebar[data-side="left"]{
  left:0!important;
  right:auto!important;
  transform:translate3d(-104%,0,0)!important;
  box-shadow:16px 0 48px rgba(15,23,42,.18)!important;
  border-left:0!important;
  border-right:1px solid var(--cv5-sidebar-line,rgba(17,24,39,.10))!important;
}
#sidebar[data-side="right"]{
  right:0!important;
  left:auto!important;
  transform:translate3d(104%,0,0)!important;
  box-shadow:-16px 0 48px rgba(15,23,42,.18)!important;
  border-right:0!important;
  border-left:1px solid var(--cv5-sidebar-line,rgba(17,24,39,.10))!important;
}
#sidebar:is(.open,.active,.show),
#sidebar[aria-hidden="false"]{
  transform:translate3d(0,0,0)!important;
  visibility:visible!important;
  transition:transform .22s cubic-bezier(.22,.61,.36,1), visibility 0s!important;
}
#sidebar[aria-hidden="true"]{
  visibility:hidden!important;
  pointer-events:none!important;
}
#sidebar[aria-hidden="true"] details.sb-acc > .sb-acc-panel{
  display:none!important;
  max-height:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Native details state only; no max-height animation or stale inline dimensions. */
#sidebar details.sb-acc > .sb-acc-panel{
  transition:none!important;
  animation:none!important;
  transform:none!important;
}
#sidebar details.sb-acc:not([open]) > .sb-acc-panel{
  display:none!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  visibility:hidden!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
#sidebar details.sb-acc[open] > .sb-acc-panel{
  display:block!important;
  max-height:none!important;
  padding:8px!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
#sidebar details.sb-acc > summary{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
#sidebar details.sb-acc > summary:active{
  background:#fff7e8!important;
}


/* ---- sidebar interaction stabilization ---- */
#sidebar .sb-body{
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
}
#sidebar details.sb-acc > summary{
  touch-action:manipulation!important;
}
#sidebar details.sb-acc > .sb-acc-panel{
  will-change:auto!important;
}
html.cv6-sidebar-open,body.cv6-sidebar-open{
  overscroll-behavior:none!important;
}

/* ---- sidebar interaction compatibility ----
   No native details/toggle events and no transformed composited drawer. */
#sidebar[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:none!important;
  transition:none!important;
  contain:none!important;
}
#sidebar[aria-hidden="false"]{
  display:flex!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:none!important;
  contain:none!important;
}
#sidebar[data-side="left"]{left:0!important;right:auto!important;transform:none!important;}
#sidebar[data-side="right"]{right:0!important;left:auto!important;transform:none!important;}
#sbOverlay[aria-hidden="true"]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
#sbOverlay[aria-hidden="false"]{display:block!important;visibility:visible!important;pointer-events:auto!important;}

#sidebar .sb-acc{
  width:100%!important;
  margin:9px 0 0!important;
  border:1px solid var(--cv5-sidebar-line,rgba(17,24,39,.10))!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(15,23,42,.045)!important;
}
#sidebar .sb-acc-toggle{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:52px!important;
  padding:10px 13px!important;
  border:0!important;
  border-radius:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  cursor:pointer!important;
  color:var(--cv5-sidebar-ink,#111827)!important;
  background:#fff!important;
  font:inherit!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  text-align:start!important;
  text-decoration:none!important;
  user-select:none!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  appearance:none!important;
}
#sidebar .sb-acc-toggle::after{
  content:"▾"!important;
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  color:#6b7280!important;
  font-size:12px!important;
  line-height:1!important;
  transform:none!important;
  transition:none!important;
}
#sidebar .sb-acc.is-open > .sb-acc-toggle{
  color:#6b4811!important;
  background:#fffaf0!important;
  border-bottom:1px solid rgba(138,98,26,.12)!important;
}
#sidebar .sb-acc.is-open > .sb-acc-toggle::after{
  transform:rotate(180deg)!important;
  color:#8a621a!important;
}
#sidebar .sb-acc-toggle .summary-title{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
}
#sidebar .sb-acc-toggle .summary-title > svg{
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  color:#6b7280!important;
}
#sidebar .sb-acc > .sb-acc-panel,
#sidebar .sb-acc > .sb-acc-panel[hidden]{
  display:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
#sidebar .sb-acc.is-open > .sb-acc-panel:not([hidden]){
  display:block!important;
  padding:8px!important;
}
html.cv10-sidebar-open,body.cv10-sidebar-open{
  overscroll-behavior:none!important;
}


/* ---- standalone sidebar controller ---- */
html.cv11-sidebar-open,body.cv11-sidebar-open{overflow:hidden!important;overscroll-behavior:none!important;}
#sidebar .sb-body{touch-action:pan-y!important;overscroll-behavior:contain!important;}
#sidebar .sb-acc-toggle{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;}
#sidebar .sb-acc[data-open="false"] > .sb-acc-panel{display:none!important;visibility:hidden!important;pointer-events:none!important;}
#sidebar .sb-acc[data-open="true"] > .sb-acc-panel{display:block!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;max-height:none!important;}

/* ========================================================================== 
   Chicona V28 — single product-card visual contract
   This final block intentionally overrides legacy page-specific card rules.
   Markup comes only from assets/js/products/product-card.js.
   ========================================================================== */
:root{
  --cv16-card-radius:16px;
  --cv16-card-body-min:158px;
  --cv16-card-action-height:42px;
  --cv16-card-title-block:2.82em;
}
html body .product-card{
  border-radius:var(--cv16-card-radius)!important;
  border:1px solid #ececec!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(15,23,42,.055)!important;
}
html body .product-card:hover{
  transform:translateY(-3px)!important;
  border-color:var(--cv7-gold,#c89b3c)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.11)!important;
}
html body .product-card > .relative,
html body .product-card > a:first-of-type,
html body .product-card :is(.product-media,.p-media,.media,.img-wrap){
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#fafafa!important;
}
html body .product-card :is(img.p-img,.p-img,img.product-img,.product-image){
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body .product-card :is(.p-body,.product-body,.cv7-card-body),
html body .product-card [class*="p-body"]{
  display:grid!important;
  grid-template-rows:var(--cv16-card-title-block) 29px 34px var(--cv16-card-action-height)!important;
  align-content:stretch!important;
  min-height:var(--cv16-card-body-min)!important;
  height:auto!important;
  max-height:none!important;
  padding:10px!important;
  gap:5px!important;
}
html body .product-card :is(.p-title,.product-title,.cv7-card-title,h3,.title){
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  min-height:var(--cv16-card-title-block)!important;
  max-height:var(--cv16-card-title-block)!important;
  margin:0!important;
  padding:1px 1px 0!important;
  overflow:hidden!important;
  text-align:center!important;
  line-height:1.35!important;
  font-size:clamp(13px,3vw,15px)!important;
  font-weight:750!important;
  color:#111827!important;
  text-decoration:none!important;
}
html body .product-card :is(.swatches,.product-swatches,.colors-row,.pc-swatches,.cv7-card-swatches){
  min-height:29px!important;
  height:29px!important;
  gap:4px!important;
  margin:0!important;
}
html body .product-card :is(.swatch,.pc-swatch){
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex-basis:24px!important;
}
html body .product-card :is(.p-meta,.product-price,.price-row,.cv7-card-price){
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
}
html body .product-card :is(.add-btn,.btn-add,.view-btn,.cv7-card-action,button[data-id],.product-actions a,.product-actions button){
  min-height:var(--cv16-card-action-height)!important;
  height:var(--cv16-card-action-height)!important;
  max-height:var(--cv16-card-action-height)!important;
  margin:0!important;
  padding:.55rem .65rem!important;
  border:1px solid #e5e7eb!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111827!important;
  box-shadow:none!important;
  font-size:clamp(12px,2.75vw,13.2px)!important;
  font-weight:750!important;
  line-height:1.1!important;
  text-decoration:none!important;
}
html body .product-card :is(.add-btn,.btn-add,.view-btn,.cv7-card-action,button[data-id],.product-actions a,.product-actions button):hover{
  border-color:var(--cv7-gold,#c89b3c)!important;
  background:#fff8e8!important;
  color:#111827!important;
}

/* Home cards: larger, less portrait-looking, and swipeable on small screens. */
html body #specialRow.products-grid-home{
  align-items:stretch!important;
}
html body #specialRow > .product-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  flex:none!important;
}
@media(max-width:699px){
  :root{
    --cv16-card-body-min:154px;
    --cv16-card-action-height:40px;
    --cv16-card-title-block:2.78em;
  }
  html body #specialRow.products-grid-home{
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(228px,76vw)!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 2px 12px!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:thin!important;
  }
  html[dir="rtl"] body #specialRow.products-grid-home{direction:rtl!important;}
  html body #specialRow > .product-card{scroll-snap-align:start!important;}
  html body .product-card :is(.p-body,.product-body,.cv7-card-body),
  html body .product-card [class*="p-body"]{
    grid-template-rows:var(--cv16-card-title-block) 28px 33px var(--cv16-card-action-height)!important;
    min-height:var(--cv16-card-body-min)!important;
    padding:9px!important;
    gap:4px!important;
  }
  html body .product-card :is(.swatches,.product-swatches,.colors-row,.pc-swatches,.cv7-card-swatches){min-height:28px!important;height:28px!important;}
  html body .product-card :is(.p-meta,.product-price,.price-row,.cv7-card-price){min-height:33px!important;height:33px!important;}
}
@media(min-width:700px){
  html body #specialRow.products-grid-home{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    overflow:visible!important;
  }
}
@media(min-width:1100px){
  html body #specialRow.products-grid-home{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
}

/* ========================================================================== 
   Chicona V28 — product colour labels and uniform listing-card dimensions
   The product-page recommendation rows are intentionally excluded.
   ========================================================================== */

/* Product details: keep the colour name visibly below the colour circle. */
body[data-page-name="product"] #colorsWrap{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(68px,82px))!important;
  justify-content:start!important;
  align-items:start!important;
  gap:12px 10px!important;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:68px!important;
  padding:2px 2px 0!important;
  gap:7px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap:hover,
body[data-page-name="product"] #colorsWrap .swatch-wrap.cv6-selected{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-page-name="product"] #colorsWrap .swatch{
  position:relative!important;
  display:block!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  margin:0 auto!important;
}
body[data-page-name="product"] #colorsWrap .swatch-name{
  position:static!important;
  display:block!important;
  order:2!important;
  width:100%!important;
  max-width:82px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  color:#374151!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
body[data-page-name="product"] #colorsWrap .swatch-wrap.cv6-selected .swatch-name{
  color:var(--cv6-gold,#8a621a)!important;
  font-weight:850!important;
}
@media(max-width:640px){
  body[data-page-name="product"] #colorsWrap{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* Every storefront product listing uses the same 2/3/4-column card geometry.
   #likeRow and #vendorRow live on body[data-page-name="product"] and stay untouched. */
html body:not([data-page-name="product"]) :is(#grid,#prodGrid,#specialRow,.grid-prods,.products-grid-home,[data-product-grid]){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:14px!important;
  overflow:visible!important;
  padding-inline:0!important;
  scroll-snap-type:none!important;
}
html body:not([data-page-name="product"]) :is(#grid,#prodGrid,#specialRow,.grid-prods,.products-grid-home,[data-product-grid]) > .product-card{
  display:flex!important;
  flex-direction:column!important;
  align-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  flex:none!important;
  scroll-snap-align:none!important;
}
html body:not([data-page-name="product"]) .product-card :is(.p-body,.product-body,.cv7-card-body),
html body:not([data-page-name="product"]) .product-card [class*="p-body"]{
  flex:1 1 auto!important;
  height:100%!important;
  min-height:var(--cv16-card-body-min,158px)!important;
}
@media(min-width:768px){
  html body:not([data-page-name="product"]) :is(#grid,#prodGrid,#specialRow,.grid-prods,.products-grid-home,[data-product-grid]){
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
}
@media(min-width:1024px){
  html body:not([data-page-name="product"]) :is(#grid,#prodGrid,#specialRow,.grid-prods,.products-grid-home,[data-product-grid]){
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
}



/* V28 — color labels stay outside visual circles on product and card modals. */
body[data-page-name="product"] #colorsWrap button.swatch{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  text-indent:0!important;
}
body[data-page-name="product"] #colorsWrap button.swatch::after{
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
}

/* Shared card variant picker: every dot has a readable name below it. */
html body #cartChoiceColors.cart-choice-colors{
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
html body #cartChoiceColors .cart-color-chip{
  position:relative!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:64px!important;
  min-height:68px!important;
  padding:5px 4px!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#374151!important;
  box-shadow:none!important;
  white-space:normal!important;
}
html body #cartChoiceColors .cart-color-dot{
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:3px solid #fff!important;
  border-radius:999px!important;
  outline:1px solid #cbd5e1!important;
  box-shadow:0 2px 8px rgba(15,23,42,.12)!important;
  background-color:#ddd;
}
html body #cartChoiceColors .cart-color-name{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:86px!important;
  min-height:18px!important;
  margin:0!important;
  color:#374151!important;
  background:transparent!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
}
html body #cartChoiceColors .cart-color-chip:hover .cart-color-dot,
html body #cartChoiceColors .cart-color-chip.active .cart-color-dot{
  outline:3px solid #111827!important;
  outline-offset:2px!important;
}
html body #cartChoiceColors .cart-color-chip.active .cart-color-name{
  color:#111827!important;
  font-weight:900!important;
}

/* Category/subcategory legacy pickers use the same dot + label contract. */
html body #cartColorOptions.cart-color-options{
  display:flex!important;
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
html body #cartColorOptions .cart-color-choice{
  position:relative!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  min-width:64px!important;
  width:auto!important;
  height:auto!important;
  min-height:68px!important;
  padding:5px 4px!important;
  border:0!important;
  border-radius:12px!important;
  outline:0!important;
  background:transparent!important;
  color:#374151!important;
  box-shadow:none!important;
}
html body #cartColorOptions .cart-color-choice-dot{
  position:relative!important;
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  border:3px solid #fff!important;
  border-radius:999px!important;
  outline:1px solid #cbd5e1!important;
  box-shadow:0 2px 8px rgba(15,23,42,.12)!important;
  background-color:#ddd;
}
html body #cartColorOptions .cart-color-choice-name{
  display:block!important;
  max-width:86px!important;
  color:#374151!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.35!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
html body #cartColorOptions .cart-color-choice.active::after{content:none!important;}
html body #cartColorOptions .cart-color-choice.active .cart-color-choice-dot{
  outline:3px solid #111827!important;
  outline-offset:2px!important;
}
html body #cartColorOptions .cart-color-choice.active .cart-color-choice-name{
  color:#111827!important;
  font-weight:900!important;
}


/* ==========================================================================
   R9 — full storefront responsive geometry pass
   Normalizes spacing, wrapping, safe areas and narrow-screen containment on
   every customer-facing page without changing the established visual identity.
   ========================================================================== */
:root{
  --cv9-space-1:8px;
  --cv9-space-2:12px;
  --cv9-space-3:16px;
  --cv9-touch:44px;
}
html,body{max-width:100%;overflow-x:clip!important}
body :is(main,section,article,aside,header,footer,nav,form,.container,.wrap,.shell,.card,.panel,.modal-card,.modal-content){min-width:0}
body :is(img,video,canvas,svg){max-width:100%}
body :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){max-width:100%;min-width:0}
body :is(.grid,.flex)>*{min-width:0}
body :is(.actions,.actions-row,.modal-actions,.modal-foot,.cart-choice-foot,.cart-pick-foot,.checkout-gate-actions,.account-delete-actions,.vg-actions,.cart-toast-actions,.hero-actions,.addr-actions,.chicona-confirm-actions){
  gap:var(--cv9-space-2)!important;
}
body :is(.actions,.actions-row,.modal-actions,.modal-foot,.cart-choice-foot,.cart-pick-foot,.checkout-gate-actions,.account-delete-actions,.vg-actions,.addr-actions,.chicona-confirm-actions){
  flex-wrap:wrap!important;
}
body :is(.actions,.actions-row,.modal-actions,.modal-foot,.cart-choice-foot,.cart-pick-foot,.checkout-gate-actions,.account-delete-actions,.vg-actions,.addr-actions,.chicona-confirm-actions)>:is(button,.btn,a[role="button"],a.btn){
  margin:0!important;
  min-height:var(--cv9-touch)!important;
}
body :is(.toolbar,.catalog-toolbar,.filter-toolbar,.sort-toolbar){gap:var(--cv9-space-2)!important}
body .modal-foot,body .cart-choice-foot,body .cart-pick-foot{padding-inline:clamp(12px,3vw,18px)!important}
body :is(pre,code,.code-block){max-width:100%;overflow:auto}
body table{max-width:100%}

@media(max-width:767px){
  body :is(.toolbar,.catalog-toolbar,.filter-toolbar,.sort-toolbar){flex-wrap:wrap!important;align-items:stretch!important}
  body :is(.toolbar,.filter-toolbar,.sort-toolbar)>:is(input,select,.btn,button){flex:1 1 145px;max-width:100%!important}
  body .catalog-toolbar>:is(.chip-btn,#openFilters,#openSort){flex:0 0 auto!important;width:auto!important;max-width:none!important}
  body :is(.modal-actions,.modal-foot,.cart-choice-foot,.cart-pick-foot,.checkout-gate-actions,.account-delete-actions,.vg-actions,.chicona-confirm-actions)>:is(button,.btn,a.btn,a[role="button"]){
    flex:1 1 132px!important;
  }
  body[data-page-name="checkout"] .checkout-gate-actions{display:grid!important;grid-template-columns:1fr!important}
  body[data-page-name="checkout"] .checkout-gate-actions>*{width:100%!important}
  body[data-page-name="profile"] .account-delete-actions{display:grid!important;grid-template-columns:1fr!important}
  body :is(.modal-card,.modal-content,.cart-choice-card,.cart-pick-card,.ui-modal-card){width:min(100%,calc(100vw - 20px))!important}
  body footer :is(.footer-grid,.footer-desktop){min-width:0!important}
}

@media(max-width:520px){
  body :is(.actions,.actions-row,.modal-actions,.modal-foot,.cart-choice-foot,.cart-pick-foot,.checkout-gate-actions,.account-delete-actions,.vg-actions,.addr-actions,.chicona-confirm-actions)>:is(button,.btn,a.btn,a[role="button"]){
    flex:1 1 100%!important;width:100%!important;
  }
  body .cart-toast-actions{gap:8px!important}
  body .cart-toast-actions>:is(button,a){min-height:40px!important}
  body :is(.seg,.lang-seg,.tabs){max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  body :is(.seg,.lang-seg,.tabs)::-webkit-scrollbar{display:none}
}