/* 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.container-xl > .grid{
  grid-template-columns:minmax(340px,.95fr) minmax(0,2.2fr)!important;
  gap:28px!important;
}
body[data-page-name="checkout"] main.container-xl > .grid > aside,
body[data-page-name="checkout"] main.container-xl > .grid > section{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(max-width:1023px){
  body[data-page-name="checkout"] main.container-xl > .grid{grid-template-columns:1fr!important;gap:20px!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;}