/* duvana brand stylesheet — 21/10/2026
   Palette taken from the duvana brand kit:
   deep teal #173D46 · sage #A7B9A5 · cream #F6F2EB · blush #D4A89E · ink #3E2F2A */
:root{
  --brand:#173D46;        /* deep teal — primary */
  --brand-dark:#0E2A31;   /* hover */
  --brand-soft:#E9EFEA;   /* sage tint */
  --sage:#A7B9A5;
  --sage-deep:#8FA68D;
  --cream:#F6F2EB;
  --cream-2:#FDFBF7;
  --blush:#D4A89E;
  --blush-soft:#F3E3DE;
  --ink:#3E2F2A;
  --muted:#7C6F67;
}

/* ===== header / logo ===== */
.logo img,.header-inner .logo img{max-height:56px;width:auto;object-fit:contain}
@media (max-width:640px){.logo img,.header-inner .logo img{max-height:42px}}
body .header{background:var(--cream-2)!important;border-bottom:1px solid #EDE6DA}
body .header,body .header a,body .header svg{color:var(--brand)}

/* ===== top announcement bar ===== */
body .topbar{background:var(--brand)!important;color:var(--cream)!important;letter-spacing:.18em}

/* ===== primary calls to action ===== */
.btn-order,.btn-primary,.submit-btn,.sticky-order-btn,.search-submit,
body button[type="submit"],body input[type="submit"],body .buy-now,body .add-to-cart{
  background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;
}
.btn-order:hover,.btn-primary:hover,.submit-btn:hover,.sticky-order-btn:hover,.search-submit:hover,
body button[type="submit"]:hover,body .submit-btn:hover,body .sticky-order-btn:hover{
  background:var(--brand-dark)!important;border-color:var(--brand-dark)!important;
}
/* ===== secondary: outlined ===== */
.btn-cart,.btn-secondary{
  background:#fff!important;color:var(--brand)!important;border:1.5px solid var(--brand)!important;
}
.btn-cart:hover,.btn-secondary:hover{background:var(--brand-soft)!important}
.btn-secondary.added{background:var(--brand)!important;color:#fff!important}

/* ===== accents ===== */
a{color:var(--brand)}
a:hover{color:var(--brand-dark)}
.price,.product-price,.price-now{color:var(--ink)}
body .price-current,body .product-price strong,body .price-now{color:var(--brand)!important}
.badge,.tag{background:var(--blush-soft)!important;color:var(--ink)!important}
body .badge-sale,body .discount-badge,body .sale-badge{background:var(--blush)!important;color:#fff!important}
body .cart-badge{background:var(--brand)!important;color:#fff!important}
body .header-lang{background:var(--brand-soft)!important;color:var(--brand)!important;border-color:var(--sage)!important}
body .category-chip,body .cat-pill{border-color:var(--sage)!important;color:var(--brand)!important}
body .category-chip:hover,body .cat-pill:hover{background:var(--brand-soft)!important}
body .variant-btn.active{border-color:var(--brand)!important;background:var(--brand-soft)!important;color:var(--brand)!important}

/* ===== type colours (no pure black) ===== */
body{color:var(--ink)}
body h1,body h2,body h3,body .product-title,body .cart-title{color:var(--brand)}
body .static-page h1,body .static-page h2{color:var(--brand)}

/* ===== footer ===== */
body .footer{background:var(--cream)!important;color:var(--ink)!important;border-top:1px solid #EDE6DA}
body .footer a{color:var(--ink)!important}
body .footer a:hover{color:var(--brand)!important}
body .footer-copy{color:var(--muted)!important}
body .footer-social a{color:var(--brand)!important}

/* ===== hero band: logo + first product row visible before the first scroll ===== */
body .slider{background:var(--cream)}
body .slider img{
  width:100%!important;
  height:clamp(150px,26vh,230px)!important;
  max-height:none!important;
  object-fit:contain!important;
  background:var(--cream)!important;
}
@media (max-width:768px){body .slider img{height:clamp(110px,18vh,170px)!important}}

/* messenger bubble hidden until the brand has its own page */
.messenger-btn{display:none!important}

/* ===== grid: a lone card in the last row centres instead of sticking to one edge ===== */
@media (min-width:1200px){
  .products-grid > *:last-child:nth-child(5n+1){grid-column:3;justify-self:center;max-width:320px;width:100%}
  .products-grid:not(.related-grid)>.product-card:nth-last-child(2):nth-child(5n+1),
  .products-grid:not(.related-grid)>.product-card:nth-last-child(3):nth-child(5n+1){grid-column:2}
}
@media (min-width:992px) and (max-width:1199px){
  .products-grid > *:last-child:nth-child(4n+1){grid-column:2 / span 2;justify-self:center;max-width:320px;width:100%}
  .products-grid:not(.related-grid)>.product-card:nth-last-child(2):nth-child(4n+1){grid-column:2}
}
@media (min-width:768px) and (max-width:991px){
  .products-grid > *:last-child:nth-child(3n+1){grid-column:2;justify-self:center}
}

/* ===== English static pages: keep the text left-to-right inside the RTL shell ===== */
body .static-page{direction:ltr;text-align:left}
body .static-page ul{padding-left:22px;padding-right:0}

/* social icons stay hidden until the duvana pages exist (they pointed at "#") */
body .footer-social{display:none}

/* branded 404 */
.err-page{max-width:560px;margin:60px auto 80px;text-align:center;direction:ltr;padding:0 20px}
.err-page .err-code{font-size:72px;font-weight:700;color:var(--sage);line-height:1;margin-bottom:8px}
.err-page h1{font-size:24px;color:var(--brand);margin:0 0 10px}
.err-page p{color:var(--muted);margin:0 0 24px}
.err-page .err-btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 28px;border-radius:999px;text-decoration:none}
.err-page .err-btn:hover{background:var(--brand-dark);color:#fff}

body .about-value-icon{color:var(--brand);line-height:0}
body .about-value-card{background:var(--cream-2);border:1px solid #EDE6DA}

/* ===== hero: shop-by-category banner (Men / Women / Kids) ===== */
body .cat-hero{position:relative;display:block;width:100%;background:var(--cream);line-height:0}
body .cat-hero img{width:100%!important;height:auto!important;max-height:none!important;display:block;object-fit:contain}
body .cat-hot{position:absolute;top:0;height:100%;display:block;text-decoration:none;-webkit-tap-highlight-color:transparent}
body .cat-hot-arrow{
  position:absolute;left:var(--ax);bottom:var(--ay);transform:translateX(-50%);
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.86);color:var(--ink,#173D46);
  border:1px solid rgba(23,61,70,.16);
  box-shadow:0 2px 10px rgba(23,61,70,.14);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
body .cat-hot-arrow svg{width:18px;height:18px;display:block}
body .cat-hot:hover .cat-hot-arrow,body .cat-hot:focus-visible .cat-hot-arrow{background:#fff;transform:translateX(-50%) translateY(3px);box-shadow:0 4px 14px rgba(23,61,70,.2)}
body .cat-hot:focus-visible{outline:2px solid var(--brand,#173D46);outline-offset:-4px}
/* desktop regions, image 1280x511 */
body .cat-hot-men  {left:0;     width:31%; --ax:30%; --ay:5%}
body .cat-hot-women{left:32%;   width:38%; --ax:49%; --ay:5%}
body .cat-hot-kids {left:71%;   width:29%; --ax:63%; --ay:5%}
@media (max-width:768px){
  body .cat-hot-arrow{width:32px;height:32px}
  body .cat-hot-arrow svg{width:16px;height:16px}
  /* mobile regions, image 1280x853 */
  body .cat-hot-men  {left:0;      width:33.4%; --ax:50%; --ay:3.5%}
  body .cat-hot-women{left:33.4%;  width:33%;   --ax:50%; --ay:3.5%}
  body .cat-hot-kids {left:66.4%;  width:33.6%; --ax:50%; --ay:3.5%}
}

/* ===== above-the-fold: crop the category hero to a band so the first product row
   shows before any scroll (desktop + mobile) — 21/10/2026 ===== */
body .cat-hero img{
  object-fit:cover!important;
  object-position:50% 64%!important;
  height:min(26.5vh,17.2vw)!important;
  min-height:190px!important;
}
body .cat-hot-men,body .cat-hot-women,body .cat-hot-kids{--ay:6%}
body .categories-section{padding:4px 14px}
body .products-grid{padding-top:2px}
@media (max-width:768px){
  body .cat-hero img{
    object-position:50% 50%!important;
    height:min(21vh,41vw)!important;
    min-height:140px!important;
  }
  body .cat-hot-men,body .cat-hot-women,body .cat-hot-kids{--ay:5%}
  body .categories-section{padding:4px 12px}
  body .products-grid{padding-top:4px}
}

/* active category pill: brand.css was forcing the teal text colour on a teal
   background, so the open category name was invisible */
body .cat-pill.active{color:#fff!important}