/* ===== assets/css/product-card-unified.css ===== */
/* Chicona unified product cards — keep product cards consistent across all UI pages */
:root{
  --pc-card-bg:#ffffff;
  --pc-card-border:#eeeeee;
  --pc-text:#111827;
  --pc-muted:#9ca3af;
  --pc-gold:#C89B3C;
  --pc-feature:#16a34a;
}

body .product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--pc-card-border)!important;
  border-radius:1rem!important;
  background:var(--pc-card-bg)!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
  font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
body .product-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
  border-color:var(--pc-gold)!important;
  background:#fffefb!important;
}

/* Product media: one square image area everywhere */
body .product-card > .relative,
body .product-card > a:first-of-type,
body .product-card .product-media,
body .product-card .p-media,
body .product-card .media,
body .product-card .img-wrap{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  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;
  border-radius:0!important;
}
body .product-card > .relative > a,
body .product-card > a:first-of-type,
body .product-card .product-media > a,
body .product-card .p-media > a,
body .product-card .img-wrap > a{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
}
body .product-card img.p-img,
body .product-card .p-img,
body .product-card img.product-img,
body .product-card .product-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fafafa!important;
}

/* Product body layout */
body .product-card .p-body,
body .product-card .product-body,
body .product-card [class*="p-body"]{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  padding:10px!important;
  gap:6px!important;
  min-height:132px!important;
}
body .product-card .p-title,
body .product-card .product-title,
body .product-card h3,
body .product-card .title{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:2.55em!important;
  max-height:2.55em!important;
  margin:0!important;
  text-align:center!important;
  font-size:clamp(13px,3.25vw,15px)!important;
  line-height:1.28!important;
  font-weight:600!important;
  letter-spacing:0!important;
  color:var(--pc-text)!important;
}
body .product-card .swatches,
body .product-card .product-swatches,
body .product-card .colors-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:20px!important;
  height:20px!important;
  margin:0!important;
  overflow:hidden!important;
}
body .product-card .swatch{
  width:14px!important;
  height:14px!important;
  flex:0 0 auto!important;
}
body .product-card .p-meta,
body .product-card .product-price,
body .product-card .price-row{
  min-height:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  text-align:center!important;
}
body .product-card .p-meta > div,
body .product-card .product-price > div,
body .product-card .price-row > div{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
}
body .product-card .price{
  display:inline-flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:4px!important;
  flex-wrap:wrap!important;
  white-space:nowrap!important;
  font-size:clamp(14.5px,3.45vw,16.5px)!important;
  line-height:1.1!important;
  font-weight:650!important;
  color:var(--pc-text)!important;
}
body .product-card .old,
body .product-card .price-old{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  margin:0!important;
  margin-inline-start:4px!important;
  font-size:clamp(10px,2.5vw,12px)!important;
  line-height:1.1!important;
  font-weight:450!important;
  color:var(--pc-muted)!important;
  text-decoration:line-through!important;
}
body .product-card .add-btn,
body .product-card .btn-add,
body .product-card button[data-id],
body .product-card .product-actions a,
body .product-card .product-actions button,
body .product-card .view-btn{
  min-height:34px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin-top:auto!important;
  padding:.48rem .65rem!important;
  white-space:nowrap!important;
  font-size:clamp(12.2px,3.1vw,13.8px)!important;
  line-height:1.1!important;
  font-weight:600!important;
  border-radius:.75rem!important;
  border:1px solid #e5e7eb!important;
  background:#fff!important;
  color:var(--pc-text)!important;
}
body .product-card .add-btn:hover,
body .product-card .btn-add:hover,
body .product-card button[data-id]:hover,
body .product-card .view-btn:hover{
  border-color:var(--pc-gold)!important;
  background:#fff8e8!important;
}

/* Badges: offer/discount left, featured right. Never stack on top of each other. */
body .product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:12!important;
  width:auto!important;
  max-width:calc(50% - 12px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.25rem .48rem!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:linear-gradient(135deg,#111827,#374151)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 5px 14px rgba(15,23,42,.15)!important;
  direction:inherit!important;
}
body .product-card .tag-right{
  position:absolute!important;
  top:9px!important;
  right:9px!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:13!important;
  max-width:calc(50% - 12px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.25rem .48rem!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:0 5px 14px rgba(21,128,61,.15)!important;
}
body .product-card:has(.tag-bxgy) .tag-left,
body .product-card:has(.tag-right-bxgy) .tag-left{
  display:none!important;
}

/* Home horizontal product row: same card design, controlled width */
body #specialRow .product-card{
  flex:0 0 clamp(165px,42vw,205px)!important;
  max-width:clamp(165px,42vw,205px)!important;
}
@media (min-width:768px){
  body #specialRow .product-card{
    flex-basis:clamp(185px,22vw,225px)!important;
    max-width:clamp(185px,22vw,225px)!important;
  }
}

@media (max-width:640px){
  body .product-card{border-radius:13px!important;}
  body .product-card .p-body,
  body .product-card .product-body,
  body .product-card [class*="p-body"]{min-height:126px!important;padding:9px!important;gap:5px!important;}
  body .product-card .p-title,
  body .product-card .product-title,
  body .product-card h3,
  body .product-card .title{font-size:12.8px!important;line-height:1.28!important;}
  body .product-card .price{font-size:14.8px!important;}
  body .product-card .old,
  body .product-card .price-old{font-size:10px!important;}
  body .product-card .add-btn,
  body .product-card .btn-add,
  body .product-card button[data-id],
  body .product-card .view-btn{min-height:32px!important;font-size:12px!important;}
  body .product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){top:8px!important;left:8px!important;padding:.22rem .40rem!important;font-size:8.6px!important;}
  body .product-card .tag-right{top:8px!important;right:8px!important;padding:.22rem .40rem!important;font-size:8.6px!important;}
}

/* Phase 7 v2 hard unification: this is the only visual contract for product cards */
html body .product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #eee!important;
  border-radius:1rem!important;
  background:#fff!important;
  box-shadow:0 1px 2px rgba(15,23,42,.035)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease!important;
  font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
}
html body .product-card:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px rgba(15,23,42,.10)!important;border-color:var(--gold,#C89B3C)!important;background:#fffefb!important;}
html body .product-card > .relative{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;overflow:hidden!important;background:#fafafa!important;flex:0 0 auto!important;border-radius:0!important;}
html body .product-card > .relative > a{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;}
html body .product-card img.p-img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#fafafa!important;}
html body .product-card .p-body{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:10px!important;gap:6px!important;min-height:132px!important;}
html body .product-card .p-title{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:2.55em!important;max-height:2.55em!important;margin:0!important;text-align:center!important;font-size:clamp(13px,3.25vw,15px)!important;line-height:1.28!important;font-weight:600!important;letter-spacing:0!important;color:#111827!important;text-decoration:none!important;}
html body .product-card .swatches{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-height:20px!important;height:20px!important;margin:0!important;overflow:hidden!important;}
html body .product-card .swatch{width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;flex:0 0 auto!important;border-radius:999px!important;}
html body .product-card .p-meta{min-height:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;text-align:center!important;}
html body .product-card .p-meta > div{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;}
html body .product-card .price{display:inline-flex!important;align-items:baseline!important;justify-content:center!important;white-space:nowrap!important;font-size:clamp(14.5px,3.45vw,16.5px)!important;line-height:1.1!important;font-weight:650!important;color:#111827!important;}
html body .product-card .old{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;margin:0!important;margin-inline-start:4px!important;font-size:clamp(10px,2.5vw,12px)!important;line-height:1.1!important;font-weight:450!important;color:#9ca3af!important;text-decoration:line-through!important;}
html body .product-card .add-btn{min-height:34px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin-top:auto!important;padding:.48rem .65rem!important;white-space:nowrap!important;font-size:clamp(12.2px,3.1vw,13.8px)!important;line-height:1.1!important;font-weight:600!important;border-radius:.75rem!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#111827!important;}
html body .product-card .add-btn:hover{border-color:var(--gold,#C89B3C)!important;background:#fff8e8!important;}
html body .product-card .product-card-main-badge,
html body .product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){position:absolute!important;top:9px!important;left:9px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:12!important;width:auto!important;max-width:calc(50% - 12px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .48rem!important;border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#111827,#374151)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(15,23,42,.15)!important;}
html body .product-card .product-card-featured-badge,
html body .product-card .tag-right{position:absolute!important;top:9px!important;right:9px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:13!important;width:auto!important;max-width:calc(50% - 12px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .48rem!important;border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(21,128,61,.15)!important;}
html body .product-card:has(.tag-bxgy) .tag-left{display:none!important;}
html body .grid-prods{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;}
@media (min-width:768px){html body .grid-prods{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1.5rem!important;}}
@media (min-width:1024px){html body .grid-prods{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
html body #specialRow .product-card{flex:0 0 clamp(165px,42vw,205px)!important;max-width:clamp(165px,42vw,205px)!important;}
@media (min-width:768px){html body #specialRow .product-card{flex-basis:clamp(185px,22vw,225px)!important;max-width:clamp(185px,22vw,225px)!important;}}
@media (max-width:640px){
  html body .product-card{border-radius:13px!important;}
  html body .product-card .p-body{min-height:126px!important;padding:9px!important;gap:5px!important;}
  html body .product-card .p-title{font-size:12.8px!important;line-height:1.28!important;}
  html body .product-card .price{font-size:14.8px!important;}
  html body .product-card .old{font-size:10px!important;}
  html body .product-card .add-btn{min-height:32px!important;font-size:12px!important;}
  html body .product-card .product-card-main-badge,
  html body .product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){top:8px!important;left:8px!important;padding:.22rem .40rem!important;font-size:8.6px!important;}
  html body .product-card .product-card-featured-badge,
  html body .product-card .tag-right{top:8px!important;right:8px!important;padding:.22rem .40rem!important;font-size:8.6px!important;}
}

/* Phase 7 v4: single swatch contract used by ProductCard.render() directly.
   Old per-page hydrators no longer target these swatches, so the look stays identical. */
html body .product-card .pc-swatches{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:20px!important;
  height:20px!important;
  margin:0!important;
  overflow:hidden!important;
}
html body .product-card .pc-swatches.no-swatches{
  visibility:hidden!important;
}
html body .product-card .pc-swatch,
html body .product-card .swatch.pc-swatch{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  border:1px solid rgba(17,24,39,.18)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.9) inset!important;
  background-color:#e5e7eb;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  cursor:pointer!important;
  padding:0!important;
  outline:none!important;
}
html body .product-card .pc-swatch.active,
html body .product-card .swatch.pc-swatch.active{
  border-color:var(--gold,#C89B3C)!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.95) inset,0 0 0 1.5px var(--gold,#C89B3C)!important;
}
@media (max-width:640px){
  html body .product-card .pc-swatch,
  html body .product-card .swatch.pc-swatch{
    width:13px!important;
    height:13px!important;
    min-width:13px!important;
    min-height:13px!important;
  }
}



/* ===== assets/css/index-page.css ===== */
/* extracted from index.html style block 1 */
:root { --gold:#C89B3C; --white:#fff; --black:#111827; --gap:.9rem; }
    html,body{margin:0;padding:0}
    body { background:var(--white); color:var(--black); }

    /* ===== Sticky Nav ===== */
    #site-nav { position:sticky; top:0; z-index:1000; background:rgba(255,255,255,.9); border-bottom:1px solid #eee; }

    /* ===== HERO ===== */
    .bc-bleed{ position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; width:100vw; background:#fff; border-bottom:1px solid #eee; overflow:hidden; }
    .bc{position:relative; min-height:60vh; display:grid; place-items:center; touch-action:pan-y;}
    @media (min-width:768px){ .bc{min-height:72vh} }
    .bc-track{ position:relative; width:100%; height:100%; }
    .bc-slide{ position:absolute; inset:0; opacity:0; transition:opacity .65s ease; }
    .bc-slide.active{ opacity:1; }
    .bc-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
    .bc-grad{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.22) 45%,rgba(0,0,0,.1) 70%,transparent); }
    .bc-box{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:1.25rem; z-index:2; color:#fff; text-align:center; text-shadow:0 2px 14px rgba(0,0,0,.35); }
    .bc-ctrl{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.95);border:1px solid #eee;border-radius:9999px;padding:.5rem;display:none;z-index:5}
    .bc-ctrl.left{left:.75rem}
    .bc-ctrl.right{right:.75rem}
    @media (min-width:1024px){ .bc-ctrl{display:inline-flex} }
    .bc-dots{ display:none; }

    @keyframes float-up { from { transform:translateY(18px); opacity:0; } to { transform:translateY(0); opacity:1; } }
    .hero-title{ opacity:0; animation:float-up .6s ease .05s forwards; }
    .hero-sub{   opacity:0; animation:float-up .6s ease .15s forwards; }

    /* ===== H-Scroll (phones/tablets) ===== */
    .hwrap { position:relative; }
    .hscroll {
      display:flex; gap:var(--gap); overflow:auto; scroll-behavior:smooth; padding:.25rem;
      scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    }
    .hscroll > * { scroll-snap-align:start; }
    .hscroll::-webkit-scrollbar { height:8px; }
    .hscroll::-webkit-scrollbar-thumb { background:#e5e7eb; border-radius:999px; }
    .hbtn {
      position:absolute; top:50%; transform:translateY(-50%); background:#fff;
      border:1px solid #eee; border-radius:9999px; padding:.4rem .55rem;
      display:none; box-shadow:0 4px 12px rgba(0,0,0,.08); z-index:2
    }
    .hbtn.left  { left:.35rem; right:auto; }
    .hbtn.right { right:.35rem; left:auto; }

    /* إخفاء الأسهم على الشاشات الصغيرة */
    @media (max-width: 767px){
      .hbtn{ display: none !important; }
    }

    /* ====== Categories ====== */
    .cat-link { text-align:center; flex:0 0 clamp(120px, 22vw, 160px); max-width:clamp(120px, 22vw, 160px); }
    .cat-circle { width:100%; aspect-ratio:1/1; border:1px solid #eee; border-radius:9999px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#fff; }
    .cat-circle img { width:100%; height:100%; object-fit:cover; }
    .cat-name { margin-top:.5rem; font-weight:700; font-size:clamp(.85rem, 2.4vw, .95rem); text-align:center; }

    /* ===== Brand & Subcategory cards (fluid) ===== */
    .brand-card,.sub-card{
      position:relative; border:1px solid #eee; border-radius:1rem; background:#fff; overflow:hidden;
      transition:transform .18s, box-shadow .18s, border-color .18s, background .18s;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
      flex:0 0 clamp(160px, 44vw, 220px); max-width:clamp(160px, 44vw, 220px);
      display:flex; flex-direction:column;
    }
    @media (min-width:768px){
      .brand-card,.sub-card{ flex-basis:clamp(180px, 26vw, 240px); max-width:clamp(180px, 26vw, 240px); }
    }
    .brand-card:hover,.sub-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.10); border-color:var(--gold); background:#fffefb; }
    .brand-media,.sub-media{ position:relative; width:100%; aspect-ratio:4/3; background:#fff; }
    .brand-media img,.sub-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; transition:transform .25s ease; background:#fff; }
    .brand-card:hover .brand-media img,.sub-card:hover .sub-media img{ transform:scale(1.03); }
    .brand-body,.sub-body{ padding:.9rem 1rem 1.05rem; display:flex; flex-direction:column; gap:.35rem; }
    .brand-name,.sub-name{ text-align:center; font-size:clamp(1rem, 2.6vw, 1.1rem); font-weight:800; line-height:1.2; }
    .brand-cta,.sub-cta{ text-align:center; }
    .pill{ display:inline-block; font-size:.8rem; padding:.4rem .8rem; border-radius:9999px; border:1px solid #e5e7eb; opacity:.9; }
    .featured-badge{ position:absolute; top:.55rem; left:.55rem; display:inline-flex; align-items:center; gap:.35rem; background:#16a34a; color:#fff; font-weight:800; font-size:11px; line-height:1; padding:.28rem .5rem; border-radius:.5rem; box-shadow:0 2px 6px rgba(0,0,0,.15); }

    /* ====== Product card (fluid & equal-height) ====== */
    .product-card{
      position:relative;border:1px solid #eee;border-radius:1rem;background:#fff;overflow:hidden;
      transition:transform .18s,box-shadow .18s,border-color .18s;
      display:flex; flex-direction:column; height:100%;
    }
    .product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.10);border-color:var(--gold);background:#fffefb}
    .p-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
    .p-body{padding:.85rem .9rem 1rem; display:flex; flex-direction:column; gap:.6rem; flex:1;}
    .p-title{font-weight:800;line-height:1.2;margin-bottom:.1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:clamp(.95rem,2.8vw,1rem)}
    .p-meta{display:flex; flex-direction:column; align-items:flex-start; gap:.6rem; margin-top:auto}
    .price{font-weight:900; white-space:nowrap; font-size:clamp(1rem,3.2vw,1.05rem)}
    .old{color:#9ca3af;text-decoration:line-through;margin-inline-start:.5rem;font-weight:600;font-size:clamp(.85rem,2.6vw,.95rem)}
    .view-btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--gold);color:var(--gold);padding:.5rem .8rem;border-radius:.75rem;font-weight:800;font-size:.9rem;white-space:nowrap}
    .view-btn:hover{background:#fff6e0}
    @media (max-width:420px){ .view-btn{width:100%; justify-content:center} }

    .tag-left,.tag-right,.tag-bxgy{
      position:absolute;top:.55rem;padding:.26rem .5rem;border-radius:.5rem;color:#fff;font-weight:800;font-size:clamp(10px,2.4vw,11px);line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.15)
    }
    .tag-left{left:.55rem;background:#ef4444}
    .tag-right{right:.55rem;background:#16a34a}
    .tag-bxgy{right:.55rem; top:.55rem; background:#111}

    /* ===== Fluid widths for the product row (mobile/tablet/desktop) ===== */
    #specialRow .product-card{
      flex:0 0 clamp(220px, 68vw, 280px);
      max-width:clamp(220px, 68vw, 280px);
    }
    @media (min-width:640px){
      #specialRow .product-card{ flex-basis:clamp(220px, 40vw, 280px); max-width:clamp(220px, 40vw, 280px); }
    }

    /* Explore-more card (fluid) */
    .more-card{
      position:relative; border:1px solid #eee; border-radius:1rem;
      background:linear-gradient(135deg,#FFF9ED,#FFF);
      display:flex; align-items:center; justify-content:center; text-align:center;
      transition:transform .18s, box-shadow .18s, border-color .18s, background .18s;
      box-shadow:0 1px 2px rgba(0,0,0,.04);
      flex:0 0 clamp(200px, 60vw, 260px); max-width:clamp(200px, 60vw, 260px); min-height:100%;
    }
    .more-card:hover{ transform:translateY(-4px); box-shadow:0 12px 28px rgba(0,0,0,.10); border-color:var(--gold); background:linear-gradient(135deg,#FFE9BD,#FFF); }
    .more-inner{ display:flex; flex-direction:column; align-items:center; gap:.45rem; padding:1.2rem; }
    .more-icon{ width:38px; height:38px; border-radius:9999px; border:1px dashed var(--gold); display:flex; align-items:center; justify-content:center; }
    .more-title{ font-weight:900; }


/* extracted from index.html style block 2id="chicona-final-card-tune" */
/* Final card tune: smaller, softer, square images, badges left/right */
.product-card{display:flex!important;flex-direction:column!important;height:100%!important;min-width:0!important;overflow:hidden!important;border-radius:15px!important;background:#fff!important;font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;box-shadow:0 1px 2px rgba(15,23,42,.025)!important;}
.product-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(15,23,42,.06)!important;}
.product-card>.relative,.product-card>a:first-of-type,.product-card .product-media,.product-card .p-media,.product-card .media,.product-card .img-wrap{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;flex:0 0 auto!important;overflow:hidden!important;background:#f8fafc!important;border-radius:0!important;}
.product-card>.relative>a,.product-card>a:first-of-type,.product-card .product-media>a,.product-card .p-media>a,.product-card .img-wrap>a{display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;}
.product-card img.p-img,.product-card .p-img,.product-card .product-img,.product-card .product-image{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;background:#f8fafc!important;}
.product-card .p-body,.product-card .product-body,.product-card [class*="p-body"]{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:10px!important;gap:6px!important;min-height:138px!important;}
.product-card .p-title,.product-card .product-title,.product-card h3,.product-card .title{display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:2.55em!important;max-height:2.55em!important;margin:0!important;text-align:center!important;font-size:clamp(13.5px,3.45vw,15.5px)!important;line-height:1.28!important;font-weight:650!important;letter-spacing:0!important;color:#111827!important;}
.product-card .swatches,.product-card .product-swatches,.product-card .colors-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:22px!important;height:22px!important;margin:0!important;overflow:hidden!important;}
.product-card .swatch{width:16px!important;height:16px!important;flex:0 0 auto!important;}
.product-card .p-meta,.product-card .product-price,.product-card .price-row{min-height:35px!important;height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;text-align:center!important;}
.product-card .p-meta>div,.product-card .product-price>div,.product-card .price-row>div{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex-wrap:wrap!important;}
.product-card .price{display:inline-flex!important;align-items:baseline!important;justify-content:center!important;white-space:nowrap!important;font-size:clamp(15.5px,3.75vw,18px)!important;line-height:1.1!important;font-weight:650!important;color:#111827!important;}
.product-card .old,.product-card .price-old{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;margin:0!important;font-size:clamp(10.5px,2.8vw,12.5px)!important;line-height:1.1!important;font-weight:450!important;color:#9ca3af!important;text-decoration:line-through!important;}
.product-card .add-btn,.product-card .btn-add,.product-card button[data-id],.product-card .product-actions a,.product-card .product-actions button{min-height:35px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:auto!important;white-space:nowrap!important;font-size:clamp(12.8px,3.3vw,14.5px)!important;line-height:1.1!important;font-weight:650!important;border-radius:11px!important;}
.product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge),.product-card :is(.offer-badge[data-type="percent"],.offer-badge[data-type="fixed"],.promo-badge[data-type="percent"],.promo-badge[data-type="fixed"]){position:absolute!important;top:9px!important;left:9px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:12!important;width:auto!important;max-width:calc(50% - 12px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .48rem!important;border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#111827,#374151)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(15,23,42,.15)!important;direction:inherit!important;}
.product-card .tag-right{position:absolute!important;top:9px!important;right:9px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:13!important;max-width:calc(50% - 12px)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.25rem .48rem!important;border-radius:999px!important;font-size:9.5px!important;line-height:1!important;font-weight:650!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(21,128,61,.15)!important;}
@media (max-width:640px){.product-card{border-radius:13px!important}.product-card .p-body,.product-card .product-body,.product-card [class*="p-body"]{min-height:132px!important;padding:9px!important;gap:5px!important}.product-card .p-title,.product-card .product-title,.product-card h3,.product-card .title{font-size:13.5px!important;line-height:1.28!important;min-height:2.55em!important;max-height:2.55em!important}.product-card .p-meta,.product-card .product-price,.product-card .price-row{min-height:33px!important;height:33px!important}.product-card .price{font-size:15.5px!important}.product-card .old,.product-card .price-old{font-size:10.5px!important}.product-card .add-btn,.product-card .btn-add,.product-card button[data-id]{min-height:34px!important;font-size:12.8px!important}.product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){top:8px!important;left:8px!important;padding:.23rem .42rem!important;font-size:9px!important}.product-card .tag-right{top:8px!important;right:8px!important;padding:.23rem .42rem!important;font-size:9px!important}}


/* extracted from index.html style block 3id="chicona-final-compact-fix" */
/* Last-loaded compact fix: keeps product images square, smaller home cards, badges split left/right */
.product-card{position:relative!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;border-radius:14px!important;font-family:"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;}
.product-card>.relative,.product-card>a:first-of-type,.product-card .product-media,.product-card .p-media,.product-card .media,.product-card .img-wrap{position:relative!important;display:block!important;width:100%!important;aspect-ratio:1/1!important;height:auto!important;overflow:hidden!important;background:#fafafa!important;}
.product-card>.relative>a,.product-card>a:first-of-type,.product-card .product-media>a,.product-card .p-media>a,.product-card .img-wrap>a{display:block!important;width:100%!important;height:100%!important;}
.product-card img.p-img,.product-card .p-img,.product-card .product-img,.product-card .product-image{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;background:#fafafa!important;}
.product-card .p-body,.product-card .product-body,.product-card [class*="p-body"]{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;padding:8px!important;gap:5px!important;min-height:118px!important;}
.product-card .p-title,.product-card .product-title,.product-card h3,.product-card .title{font-size:clamp(12.2px,3.15vw,14px)!important;line-height:1.28!important;font-weight:550!important;min-height:2.55em!important;max-height:2.55em!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-align:center!important;margin:0!important;color:#111827!important;letter-spacing:0!important;}
.product-card .swatches,.product-card .product-swatches,.product-card .colors-row{min-height:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0!important;overflow:hidden!important;}
.product-card .swatch{width:14px!important;height:14px!important;}
.product-card .p-meta,.product-card .product-price,.product-card .price-row{min-height:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;margin:0!important;}
.product-card .p-meta>div,.product-card .product-price>div,.product-card .price-row>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;width:100%!important;}
.product-card .price{font-size:clamp(14px,3.35vw,16px)!important;line-height:1.1!important;font-weight:600!important;white-space:nowrap!important;color:#111827!important;}
.product-card .old,.product-card .price-old{font-size:clamp(9.5px,2.45vw,11.5px)!important;line-height:1.1!important;font-weight:400!important;white-space:nowrap!important;color:#9ca3af!important;text-decoration:line-through!important;margin:0!important;}
.product-card .add-btn,.product-card .btn-add,.product-card button[data-id],.product-card .product-actions a,.product-card .product-actions button,.product-card .view-btn{min-height:32px!important;font-size:clamp(11.8px,3vw,13px)!important;font-weight:550!important;border-radius:10px!important;margin-top:auto!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;}
.product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){position:absolute!important;top:8px!important;left:8px!important;right:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:12!important;max-width:calc(50% - 12px)!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.22rem .42rem!important;border-radius:999px!important;font-size:8.8px!important;line-height:1!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#111827,#374151)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(15,23,42,.15)!important;}
.product-card .tag-right{position:absolute!important;top:8px!important;right:8px!important;left:auto!important;inset-inline-start:auto!important;inset-inline-end:auto!important;z-index:13!important;max-width:calc(50% - 12px)!important;width:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.22rem .42rem!important;border-radius:999px!important;font-size:8.8px!important;line-height:1!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 5px 14px rgba(21,128,61,.15)!important;}
#specialRow .product-card{flex:0 0 clamp(145px,42vw,185px)!important;max-width:clamp(145px,42vw,185px)!important;}
@media (min-width:768px){#specialRow .product-card{flex-basis:clamp(165px,20vw,200px)!important;max-width:clamp(165px,20vw,200px)!important;}}
@media (max-width:640px){.product-card .p-body,.product-card .product-body,.product-card [class*="p-body"]{min-height:114px!important;padding:7px!important;gap:4px!important}.product-card .p-title,.product-card .product-title,.product-card h3,.product-card .title{font-size:12.2px!important}.product-card .price{font-size:14.2px!important}.product-card .old,.product-card .price-old{font-size:9.5px!important}.product-card .add-btn,.product-card .btn-add,.product-card button[data-id],.product-card .view-btn{min-height:31px!important;font-size:11.8px!important}.product-card :is(.tag-left,.tag-bxgy,.tag-right-bxgy,.offer-badge,.promo-badge){top:7px!important;left:7px!important;font-size:8.3px!important;padding:.2rem .36rem!important}.product-card .tag-right{top:7px!important;right:7px!important;font-size:8.3px!important;padding:.2rem .36rem!important}}


/* extracted from index.html style block 4id="chicona-index-cart-choice-modal-fix" */
/* Cart choice modal for index.html */
.cart-choice-overlay{
  position:fixed!important;
  inset:0!important;
  display:none!important;
  background:rgba(15,23,42,.48)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
  z-index:99998!important;
}
.cart-choice-overlay.active{display:block!important;}
.cart-choice-panel{
  position:fixed!important;
  inset:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  z-index:99999!important;
  pointer-events:none!important;
}
.cart-choice-panel.active{display:flex!important;}
.cart-choice-card{
  pointer-events:auto!important;
  width:min(94vw,520px)!important;
  max-height:92vh!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#111827!important;
  border:1px solid #eef2f7!important;
  border-radius:18px!important;
  box-shadow:0 24px 80px rgba(15,23,42,.22)!important;
  display:flex!important;
  flex-direction:column!important;
  transform:translateY(8px) scale(.98)!important;
  opacity:0!important;
  transition:transform .18s ease, opacity .18s ease!important;
}
.cart-choice-panel.active .cart-choice-card{transform:translateY(0) scale(1)!important;opacity:1!important;}
.cart-choice-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:14px 16px!important;
  border-bottom:1px solid #eef2f7!important;
}
.cart-choice-head strong{font-size:16px!important;font-weight:800!important;}
.cart-choice-body{padding:16px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
.cart-choice-product{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px!important;
  border:1px solid #f1f5f9!important;
  border-radius:14px!important;
  background:#fafafa!important;
  margin-bottom:14px!important;
}
.cart-choice-img{width:74px!important;height:74px!important;object-fit:cover!important;border-radius:12px!important;border:1px solid #e5e7eb!important;background:#fff!important;flex:0 0 auto!important;}
.cart-choice-title{font-weight:800!important;line-height:1.35!important;}
.cart-choice-price{margin-top:4px!important;color:#111827!important;font-weight:700!important;}
.cart-choice-label{font-size:13px!important;font-weight:800!important;color:#374151!important;margin:12px 0 8px!important;}
.cart-choice-colors,.cart-choice-sizes{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.cart-color-chip,.cart-size-chip{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:7px 11px!important;
  border:1px solid #e5e7eb!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
.cart-color-chip:hover,.cart-size-chip:hover{border-color:#C89B3C!important;background:#fff8e8!important;}
.cart-color-chip.active,.cart-size-chip.active{border-color:#111827!important;background:#111827!important;color:#fff!important;}
.cart-color-dot{width:18px!important;height:18px!important;border-radius:999px!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 0 0 2px rgba(255,255,255,.7) inset!important;flex:0 0 auto!important;}
.cart-choice-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding:13px 16px!important;
  border-top:1px solid #eef2f7!important;
}
.cart-choice-msg{margin-inline-end:auto!important;color:#b91c1c!important;font-size:13px!important;font-weight:700!important;}
.cart-choice-foot button,.cart-choice-head button{font-weight:700!important;}
@media(max-width:520px){
  .cart-choice-panel{align-items:flex-end!important;padding:0!important;}
  .cart-choice-card{width:100%!important;max-height:88vh!important;border-radius:18px 18px 0 0!important;}
  .cart-choice-img{width:66px!important;height:66px!important;}
  .cart-choice-foot{flex-wrap:wrap!important;}
  .cart-choice-msg{width:100%!important;margin:0 0 4px!important;}
}


/* =========================================================
   Chicona Home Redesign 2026 — premium, responsive homepage
   Appended as last-loaded page CSS to preserve existing logic.
   ========================================================= */
:root{
  --home-ivory:#fbf7f1;
  --home-cream:#f6efe5;
  --home-blush:#fae8e3;
  --home-gold:var(--theme-accent, var(--gold, #C89B3C));
  --home-black:#111827;
  --home-muted:#6b7280;
  --home-line:#eee7dd;
  --home-radius:22px;
  --home-shadow:0 18px 45px rgba(17,24,39,.08);
  --gap:.9rem;
}
body{background:#fff;color:var(--home-black);font-family:var(--font-body,"Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif);}
.home-container{width:min(1180px, calc(100% - 32px));margin-inline:auto;}
.home-section{padding:46px 0;border-bottom:1px solid rgba(238,231,221,.75);background:#fff;}
.home-section:nth-of-type(even){background:linear-gradient(180deg,#fff,#fffaf4);}
.compact-section{padding-top:36px;padding-bottom:36px;}
.section-head{margin-bottom:22px;position:relative;}
.section-head.centered{text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;}
.section-head.split{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;}
.section-head h2{margin:0;color:var(--home-black);font-size:clamp(1.35rem,3.4vw,2.15rem);font-weight:760;letter-spacing:-.015em;line-height:1.18;}
.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--home-gold);font-weight:700;font-size:.86rem;letter-spacing:.03em;}
.section-kicker:before,.section-kicker:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--home-gold));opacity:.75;}
.section-kicker:after{background:linear-gradient(90deg,var(--home-gold),transparent);}
.section-head.split .section-kicker:before{display:none;}
.section-link{color:var(--home-gold)!important;font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent;transition:.2s;}
.section-link:hover{border-bottom-color:var(--home-gold);}
.swipe-hint{margin-top:12px;text-align:center;color:#9ca3af;font-size:.83rem;}

/* Hero */
.home-hero{position:relative;left:50%;right:50%;margin-inline:-50vw;width:100vw;background:var(--home-ivory);overflow:hidden;border-bottom:1px solid var(--home-line);}
.home-hero-shell{position:relative;width:100%;min-height:58vh;isolation:isolate;touch-action:pan-y;}
@media (min-width:900px){.home-hero-shell{min-height:68vh;}}
.home-hero-track,.bc-track{position:absolute;inset:0;width:100%;height:100%;}
.bc-slide{position:absolute;inset:0;opacity:0;transition:opacity .65s ease;overflow:hidden;background:linear-gradient(100deg,#f5eadc,#fffaf4);}
.bc-slide.active{opacity:1;}
.bc-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.bc-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,244,.88) 0%,rgba(255,250,244,.78) 38%,rgba(255,250,244,.24) 70%,rgba(255,250,244,.08) 100%);}
html[dir="rtl"] .bc-grad{background:linear-gradient(270deg,rgba(255,250,244,.9) 0%,rgba(255,250,244,.76) 38%,rgba(255,250,244,.25) 70%,rgba(255,250,244,.08) 100%);}
.bc-box{position:absolute;inset:0;z-index:2;display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:start!important;padding:clamp(24px,5vw,70px)!important;color:var(--home-black)!important;text-shadow:none!important;}
html[dir="rtl"] .bc-box{justify-content:flex-end!important;}
.bc-box>div{width:min(560px,92vw);padding:clamp(18px,3vw,34px);background:rgba(255,255,255,.22);border:1px solid rgba(200,155,60,.18);backdrop-filter:blur(2px);border-radius:26px;}
.hero-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--home-gold);font-weight:800;margin-bottom:8px;font-size:.95rem;}
.hero-kicker:before,.hero-kicker:after{content:"";width:38px;height:1px;background:var(--home-gold);opacity:.75;}
.hero-title{opacity:0;animation:float-up .6s ease .05s forwards;font-family:var(--font-heading,"Playfair Display","Tajawal",serif);font-size:clamp(2.15rem,5.6vw,4.8rem)!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.06!important;margin:0;}
.hero-sub{opacity:0;animation:float-up .6s ease .15s forwards;margin-top:14px!important;max-width:520px;color:#4b5563;font-size:clamp(.98rem,2vw,1.28rem)!important;line-height:1.8;}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-width:148px;border-radius:0;padding:.82rem 1.35rem;font-weight:800;transition:.2s;text-decoration:none;}
.hero-btn.primary{background:#111827;color:#fff;border:1px solid #111827;}
.hero-btn.primary:hover{background:#000;transform:translateY(-1px);}
.hero-btn.secondary{background:rgba(255,255,255,.58);color:#5c4118;border:1px solid var(--home-gold);}
.hero-btn.secondary:hover{background:#fff4df;transform:translateY(-1px);}
.bc-ctrl{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:rgba(255,255,255,.9);border:1px solid rgba(17,24,39,.08);border-radius:999px;padding:.58rem;display:none;color:#111;box-shadow:0 8px 25px rgba(0,0,0,.08);}
.bc-ctrl.left{left:18px}.bc-ctrl.right{right:18px}
@media (min-width:1024px){.bc-ctrl{display:inline-flex;}}
.bc-dots{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;}
.bc-dot{width:10px;height:10px;border-radius:50%;background:rgba(17,24,39,.2);border:0;}
.bc-dot.active{background:#111827;}
@keyframes float-up{from{transform:translateY(18px);opacity:0;}to{transform:translateY(0);opacity:1;}}

/* Trust strip */
.home-trust{background:#fff;border-bottom:1px solid var(--home-line);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;box-shadow:0 8px 28px rgba(17,24,39,.04);}
.trust-item{display:flex;align-items:center;gap:13px;padding:18px 20px;border-inline-start:1px solid var(--home-line);background:#fff;}
.trust-item:first-child{border-inline-start:0;}
.trust-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fbf4ea;font-size:1.35rem;}
.trust-item strong{display:block;font-weight:800;color:#111827;font-size:.96rem;}
.trust-item p{margin:.2rem 0 0;color:#6b7280;font-size:.82rem;line-height:1.45;}

/* Horizontal rows */
.hwrap{position:relative;}
.hscroll{display:flex;gap:var(--gap);overflow:auto;scroll-behavior:smooth;padding:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.hscroll>*{scroll-snap-align:start;}
.hscroll::-webkit-scrollbar{height:7px;}.hscroll::-webkit-scrollbar-thumb{background:#e7dfd3;border-radius:999px;}
.hbtn{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--home-line);border-radius:999px;padding:.45rem .6rem;display:none;box-shadow:0 8px 18px rgba(0,0,0,.08);z-index:2;color:#111;}
.hbtn.left{left:6px;right:auto}.hbtn.right{right:6px;left:auto}
@media (max-width:767px){.hbtn{display:none!important;}}

/* Categories */
.luxury-cards-row{gap:18px;}
.luxury-cat-card{position:relative;flex:0 0 min(74vw,280px);height:180px;border-radius:18px;overflow:hidden;background:#f8f3ed;color:#111;text-decoration:none;border:1px solid var(--home-line);box-shadow:0 12px 25px rgba(17,24,39,.06);transition:.25s;}
@media (min-width:768px){.luxury-cat-card{flex-basis:calc((100% - 54px)/4);max-width:calc((100% - 54px)/4);}}
.luxury-cat-card:hover{transform:translateY(-4px);box-shadow:var(--home-shadow);border-color:rgba(200,155,60,.45);}
.luxury-cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.35s;}
.luxury-cat-card:hover img{transform:scale(1.04);}
.luxury-cat-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(0,0,0,.40));}
.luxury-cat-content{position:absolute;inset-inline:18px;bottom:16px;z-index:2;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.22);}
.luxury-cat-title{font-weight:850;font-size:1.12rem;line-height:1.2;}
.luxury-cat-cta{display:inline-flex;margin-top:8px;padding:.34rem .65rem;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.2);backdrop-filter:blur(2px);font-size:.78rem;font-weight:700;}

/* Products */
.products-section{background:linear-gradient(180deg,#fff,#fffaf4);}
.products-grid-home{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
@media (min-width:700px){.products-grid-home{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}}
@media (min-width:1100px){.products-grid-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}}
#specialRow .product-card{width:100%!important;max-width:none!important;flex:auto!important;border-radius:16px!important;}
#specialRow .product-card .add-btn{background:#111827!important;color:#fff!important;border-color:#111827!important;border-radius:0!important;}
#specialRow .product-card .add-btn:hover{background:#000!important;}

/* Offers */
.offers-section{background:#fff;}
.offers-grid-home{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:768px){.offers-grid-home{grid-template-columns:repeat(3,1fr);}}
.home-offer-card{position:relative;min-height:170px;border-radius:18px;overflow:hidden;background:#f5ebdf;border:1px solid var(--home-line);box-shadow:0 10px 26px rgba(17,24,39,.06);text-decoration:none;color:#111;}
.home-offer-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.home-offer-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,244,.95),rgba(255,250,244,.55),rgba(255,250,244,.05));}
html[dir="rtl"] .home-offer-card:after{background:linear-gradient(270deg,rgba(255,250,244,.95),rgba(255,250,244,.55),rgba(255,250,244,.05));}
.home-offer-content{position:absolute;z-index:2;inset:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.home-offer-title{font-size:1.25rem;font-weight:850;margin-bottom:6px;color:#111827;}
.home-offer-meta{font-size:.85rem;color:#6b7280;margin-bottom:14px;}
.home-offer-btn{display:inline-flex;padding:.48rem .82rem;border:1px solid #111827;color:#111827;background:rgba(255,255,255,.55);font-weight:800;font-size:.85rem;}

/* Compact subcategories */
.compact-card-row{gap:14px;}
.sub-card{flex:0 0 min(58vw,220px)!important;max-width:min(58vw,220px)!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(17,24,39,.05)!important;border-color:var(--home-line)!important;}
@media (min-width:768px){.sub-card{flex-basis:220px!important;max-width:220px!important;}}
.sub-media{aspect-ratio:4/3!important;background:#fffaf4!important;}.sub-media img{object-fit:cover!important;}
.sub-body{padding:12px!important;}.sub-name{font-size:.98rem!important;font-weight:750!important;}

/* Brands */
.brand-logo-row{gap:12px;justify-content:flex-start;}
.brand-card{flex:0 0 150px!important;max-width:150px!important;border-radius:0!important;border:1px solid var(--home-line)!important;box-shadow:none!important;background:#fff!important;}
.brand-card:hover{box-shadow:0 8px 20px rgba(17,24,39,.05)!important;transform:translateY(-2px)!important;}
.brand-media{aspect-ratio:16/9!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.brand-media img{object-fit:contain!important;padding:18px!important;}
.brand-body{padding:10px!important;}.brand-name{font-size:.78rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase;}.brand-cta{display:none;}

/* Reviews */
.reviews-section{background:linear-gradient(180deg,#fff,#fffaf4);}
.reviews-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:768px){.reviews-grid{grid-template-columns:repeat(3,1fr);}}
.review-card{background:#fff;border:1px solid var(--home-line);border-radius:18px;padding:20px;box-shadow:0 10px 25px rgba(17,24,39,.04);min-height:160px;display:flex;flex-direction:column;gap:12px;}
.review-stars{color:var(--home-gold);letter-spacing:2px;font-size:.9rem;}.review-text{color:#374151;line-height:1.8;font-size:.94rem;}.review-user{display:flex;align-items:center;gap:10px;margin-top:auto;}.review-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;border:1px solid #eee;}.review-name{font-weight:800;font-size:.9rem;}.review-date{font-size:.75rem;color:#9ca3af;}

/* WhatsApp CTA */
.home-whatsapp-cta{padding:26px 0;background:#fff;}
.whatsapp-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;border-radius:20px;background:linear-gradient(90deg,#fde8e5,#fff3e6);border:1px solid #f6d8cf;}
.whatsapp-icon{width:58px;height:58px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 10px 22px rgba(17,24,39,.07);}
.whatsapp-copy{flex:1;}.whatsapp-copy h2{margin:0 0 5px;font-size:clamp(1.15rem,3vw,1.75rem);font-weight:850;}.whatsapp-copy p{margin:0;color:#6b7280;}.whatsapp-btn{background:#111827;color:#fff!important;text-decoration:none;font-weight:800;padding:.8rem 1.4rem;min-width:150px;text-align:center;}

/* Responsive */
@media (max-width:767px){
  .home-container{width:min(100% - 22px,1180px);} .home-section{padding:34px 0;}
  .home-hero-shell{min-height:62vh;}.bc-box{align-items:flex-end!important;justify-content:center!important;text-align:center!important;padding:18px!important;}.bc-box>div{width:100%;padding:18px;border-radius:20px;background:rgba(255,255,255,.72);}
  .hero-kicker{justify-content:center;font-size:.82rem}.hero-kicker:before,.hero-kicker:after{width:22px;}.hero-actions{justify-content:center;}.hero-btn{min-width:128px;padding:.72rem 1rem;}
  .bc-grad{background:linear-gradient(180deg,rgba(255,250,244,.20),rgba(255,250,244,.98))!important;}
  .trust-grid{grid-template-columns:repeat(2,1fr);box-shadow:none;border:1px solid var(--home-line);border-radius:18px;overflow:hidden;}.trust-item{padding:14px 12px;border-bottom:1px solid var(--home-line);}.trust-icon{width:34px;height:34px;font-size:1.1rem;}.trust-item strong{font-size:.82rem}.trust-item p{font-size:.72rem;}
  .section-head.split{align-items:center;}.section-head h2{font-size:1.35rem;}.section-kicker{font-size:.78rem;}
  .products-grid-home{gap:12px;}.whatsapp-card{flex-direction:column;text-align:center;padding:22px 16px;}.whatsapp-btn{width:100%;}
}