/* Anokhi Creation theme — colors sampled from the approved design */
:root{
  --brand:#A75D43;        /* buttons, links, prices */
  --brand-dark:#8E4A33;   /* hover */
  --brand-mid:#BA9384;    /* "Best Seller" badge */
  --brand-soft:#F9F0E9;   /* soft panels, trust strip */
  --cream:#FCF7F3;        /* page + header background */
  --card:#FBF7F4;         /* product card */
  --line:#EADCD3;         /* borders */
  --ink:#20110E;          /* body text */
  --heading:#4B150C;      /* serif headings */
  --muted:#8B8784;        /* old price, small text */
  --footer:#3B1F14;       /* footer (deep brown from logo) */
  --topbar-1:#AA6E54; --topbar-2:#BF7E60; --topbar-3:#B5755A;
  --bs-body-font-family:'Poppins',system-ui,sans-serif;
  --bs-body-color:var(--ink);
  --bs-link-color:var(--brand); --bs-link-hover-color:var(--brand-dark);
}
body{background:var(--cream);color:var(--ink);font-family:'Poppins',system-ui,sans-serif;font-size:.95rem}
h1,h2,h3,.h1,.h2,.h3,.h4,.display-6,.serif{font-family:'Playfair Display',Georgia,serif;color:var(--heading);font-weight:600}
.text-brand{color:var(--brand)!important}
.text-muted,.small.text-muted{color:var(--muted)!important}

/* top bar */
.topbar{background:linear-gradient(90deg,var(--topbar-1),var(--topbar-2) 50%,var(--topbar-3))}
.topbar a{color:#fff;text-decoration:none}

/* header */
.navbar{background:var(--cream)!important;border-bottom:1px solid var(--line)!important}
.navbar-brand{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--brand)!important;font-size:1.5rem}
.navbar .nav-link{color:var(--ink);font-size:.9rem;padding:.5rem .85rem;border-bottom:2px solid transparent}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--brand);border-bottom-color:var(--brand)}
.navbar .dropdown-menu{border:1px solid var(--line);background:var(--cream)}
.navbar .dropdown-item:hover{background:var(--brand-soft);color:var(--brand)}
.cart-badge{position:absolute;top:-6px;right:-9px;font-size:.62rem;background:var(--brand)!important}
.navbar .text-dark{color:var(--heading)!important}
.search-pill{border:1px solid var(--line);background:#fff;border-radius:50rem;overflow:hidden}
.search-pill input{border:0;box-shadow:none;background:transparent}

/* buttons */
.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}
.btn-brand:hover,.btn-brand:focus{background:var(--brand-dark);border-color:var(--brand-dark);color:#fff}
.btn-outline-brand{color:var(--brand);border-color:var(--brand)}
.btn-outline-brand:hover{background:var(--brand);color:#fff}

/* hero (until the banner slider is built) */
.hero{background:linear-gradient(120deg,#FBEFE6 0%,#F3DCCB 55%,#E7BFA7 100%);border-radius:1rem}
.hero h1{color:var(--heading)}

/* category tiles */
.cat-tile{text-align:center;text-decoration:none;color:var(--ink)}
.cat-tile .circle{width:76px;height:76px;border-radius:50%;background:var(--brand-soft);color:var(--brand);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.6rem;margin:0 auto .5rem;overflow:hidden}
.cat-tile .circle img{width:100%;height:100%;object-fit:cover}

/* product card */
.product-card{background:var(--card);border:1px solid var(--line);border-radius:.6rem;overflow:hidden;position:relative;transition:box-shadow .15s,transform .15s}
.product-card:hover{box-shadow:0 8px 20px rgba(75,21,12,.12);transform:translateY(-2px)}
.product-card .ratio img{object-fit:cover}
.product-card .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;line-height:1.25;font-weight:500}
.pbadge{position:absolute;top:8px;left:8px;z-index:2;background:var(--brand);color:#fff;font-size:.68rem;padding:.2rem .6rem;border-radius:50rem}
.pbadge-sale{background:#B3412C}
.pbadge-best{background:var(--brand-mid)}
.pbadge-out{left:auto;right:8px;background:#3B1F14}
.price-now{font-size:1.6rem;font-weight:700;color:var(--brand)}
.cart-circle{width:34px;height:34px;border-radius:50%;border:1px solid var(--heading);color:var(--heading);display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.cart-circle:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.img-placeholder{background:#F1E7E0;color:#CDB9AD;display:flex;align-items:center;justify-content:center;font-size:2rem}

/* product page */
.gallery-main{border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid var(--line)}
.gallery-thumb{width:64px;height:64px;object-fit:cover;border-radius:.5rem;cursor:pointer;border:2px solid transparent}
.gallery-thumb.active{border-color:var(--brand)}

/* trust strip / soft panels */
.soft-panel{background:var(--brand-soft);border:1px solid var(--line);border-radius:.75rem}

/* misc bootstrap tweaks */
.card{border-color:var(--line)}
.page-item.active .page-link{background:var(--brand);border-color:var(--brand)}
.page-link{color:var(--brand)}
.form-control:focus,.form-select:focus{border-color:var(--brand-mid);box-shadow:0 0 0 .2rem rgba(167,93,67,.15)}
.breadcrumb a{color:var(--brand)}

/* footer */
.site-footer{background:var(--footer)}
.site-footer a{color:#D9C4B8;text-decoration:none}
.site-footer a:hover{color:#fff}
.site-footer .text-secondary{color:#C9B2A5!important}

/* ===== Home design (matches approved mockup) ===== */
.product-card .ratio{--bs-aspect-ratio:85%}
.product-card .ratio img{object-position:top center}
.container{max-width:1320px}

/* hero slider */
.hero-carousel{margin-bottom:1.25rem}
.hero-slide{position:relative;min-height:clamp(320px,34vw,480px);display:flex;background:linear-gradient(120deg,#FBEFE6,#F3DCCB 55%,#E7BFA7) center right/cover no-repeat}
.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,247,243,.96) 0%,rgba(252,247,243,.78) 38%,rgba(252,247,243,0) 68%)}
.hero-slide .container{position:relative;z-index:1}
.hero-text{max-width:540px;text-align:center;padding:2rem 0}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:.8rem;font-family:'Playfair Display',serif;letter-spacing:.22em;font-size:.78rem;color:var(--heading);margin-bottom:.8rem}
.hero-eyebrow::before,.hero-eyebrow::after{content:'';height:1px;width:44px;background:var(--brand-mid)}
.hero-title{font-size:clamp(1.9rem,4vw,3.3rem);line-height:1.12;margin-bottom:1rem}
.hero-sub{max-width:420px;margin:0 auto 1.4rem;color:#3d2a22}
.hero-carousel .carousel-indicators{margin-bottom:.8rem}
.hero-carousel .carousel-indicators [data-bs-target]{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;opacity:1;margin:0 4px}
.hero-carousel .carousel-indicators .active{background:#fff}
.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{width:auto;padding:0 14px;opacity:1}
.hero-arrow{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--heading);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}
@media(max-width:767px){
  .hero-slide::before{background:rgba(252,247,243,.82)}
  .hero-text{padding:1.5rem 0}
  .hero-eyebrow::before,.hero-eyebrow::after{width:22px}
}

/* category cards */
.cat-card{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:.9rem;padding:.8rem 1rem;height:100%}
.cat-photo{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:top;flex-shrink:0;background:var(--brand-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--brand);text-decoration:none;overflow:hidden}
.cat-photo img{width:100%;height:100%;object-fit:cover;object-position:top}
.cat-name{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--heading);text-decoration:none;display:block;line-height:1.2}
.cat-subs{font-size:.78rem;color:var(--muted)}
.cat-subs a{color:var(--muted);text-decoration:none}.cat-subs a:hover{color:var(--brand)}
.cat-subs .dot{margin:0 .35rem}
.arrow-circle{width:34px;height:34px;border:1px solid var(--brand-mid);border-radius:50%;color:var(--brand);display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0;margin-left:auto}
.arrow-circle:hover{background:var(--brand);color:#fff;border-color:var(--brand)}

/* trust strip */
.trust-strip{display:flex;background:var(--brand-soft);border:1px solid var(--line);border-radius:.9rem;overflow-x:auto}
.trust-item{flex:1 0 150px;display:flex;align-items:center;justify-content:center;gap:.7rem;padding:1rem .8rem;font-size:.85rem;white-space:nowrap}
.trust-item + .trust-item{border-left:1px solid var(--line)}
.trust-item i{font-size:1.7rem;color:#631D13}

/* section heading */
.section-label{font-size:.68rem;letter-spacing:.32em;color:#836364;text-transform:uppercase}
.section-title{font-size:clamp(1.6rem,3vw,2.1rem);margin:.1rem 0 0}
.section-sub{color:#5b4a43;margin:0}
.view-all{font-size:.82rem;color:var(--heading);text-decoration:none;white-space:nowrap}
.view-all:hover{color:var(--brand)}

/* product card tweaks */
.pbadge-best{background:var(--brand-mid)}
.product-card .price-row{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}
.product-card .price-old{font-size:.72rem;color:var(--muted);text-decoration:line-through}

/* size / color option pills */
.opt{margin:0;cursor:pointer}
.opt span{display:inline-block;min-width:44px;text-align:center;padding:.35rem .85rem;border:1px solid var(--line);border-radius:.4rem;background:#fff;font-size:.88rem}
.opt:hover span{border-color:var(--brand)}
.opt input:checked + span{background:var(--brand);border-color:var(--brand);color:#fff}
.opt.disabled{cursor:not-allowed}
.opt.disabled span{opacity:.4;text-decoration:line-through;border-style:dashed}
.opt input:focus-visible + span{outline:2px solid var(--brand-mid);outline-offset:2px}