/* ============================================================
   ASAL — shared stylesheet. Figma → HTML/CSS.
   Design frame 1440px. Faithful at >=1440, fluid below.
   ============================================================ */
:root{
  --red:#c10514;
  --red-dark:#a10411;
  --green:#00a155;
  --yellow:#f4c22c;
  --ink:#1c1b18;
  --nav:#252534;
  --muted:#6c685e;
  --line:#eceae7;
  --search-bg:#f4f2ee;
  --search-line:#e1dfdc;
  --user-bg:#f6f4f0;
  --prod-bg:#f6f4ef;
  --heritage-bg:#f5ecd8;
  --heritage-accent:#a6841e;
  --heritage-text:#5a4a33;
  --heritage-pill:#f3e5bf;
  --foot-accent:#f4c22c;
  --foot-muted:#b7b3a8;
  --foot-line:#34332e;

  --pad:40px;
  --maxw:1440px;
  --card-radius:18px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);
  line-height:normal;
  background:#fff;
  -webkit-font-smoothing:antialiased;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;border:0;background:none;cursor:pointer;padding:0;color:inherit;}
p{margin:0;}
.page{width:100%;margin:0;background:#fff;overflow-x:clip;}
.section{max-width:var(--maxw);margin-inline:auto;padding-left:var(--pad);padding-right:var(--pad);}
.section-title{font-weight:600;font-size:34px;color:var(--ink);margin:0;}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.view-all{font-weight:600;font-size:15px;color:var(--red);white-space:nowrap;}
.is-hidden{display:none!important;}

/* ---------- Announcement bar ---------- */
.announce{background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;padding:9px 16px;text-align:center;}
.announce p{font-weight:600;font-size:13px;}

/* ---------- Header ---------- */
.header{display:flex;align-items:center;gap:28px;max-width:var(--maxw);margin-inline:auto;padding:16px var(--pad);background:#fff;}
.logo{width:76px;height:64px;flex:none;}
.logo img{width:100%;height:100%;object-fit:contain;object-position:left center;}
.search{flex:1 1 0;min-width:0;height:54px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--search-bg);border:1px solid var(--search-line);border-radius:999px;padding:6px 6px 6px 20px;transition:border-color .2s ease, box-shadow .2s ease;}
.search:focus-within{border-color:var(--red);box-shadow:0 0 0 3px rgba(193,5,20,.12);}
.search input{flex:1 1 0;min-width:0;height:100%;border:0;background:transparent;outline:none;font-family:inherit;font-size:15px;color:var(--ink);}
.search input::placeholder{color:var(--muted);opacity:1;}
.search-btn{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:999px;}
.search-btn img{width:20px;height:20px;filter:brightness(0) invert(1);}
.header-actions{display:flex;align-items:center;gap:22px;flex:none;}
.icon-btn{width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:var(--user-bg);border:1px solid var(--search-line);border-radius:999px;}
.icon-btn img{width:20px;height:20px;}
.basket{display:flex;align-items:center;gap:10px;}
.basket-ic{width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--red);border-radius:999px;position:relative;}
.basket-ic img{width:20px;height:20px;filter:brightness(0) invert(1);}
.basket-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--yellow);color:var(--ink);border-radius:999px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.basket-txt{display:flex;flex-direction:column;white-space:nowrap;}
.basket-txt .lbl{font-size:12px;color:var(--muted);}
.basket-txt .amt{font-weight:600;font-size:15px;color:var(--ink);}

/* ---------- Category nav ---------- */
.catnav{background:var(--nav);}
.nav-toggle{display:none;}
.nav-toggle .bars{position:relative;width:22px;height:16px;flex:none;}
.nav-toggle .bars span{position:absolute;left:0;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease, opacity .25s ease, top .25s ease;}
.nav-toggle .bars span:nth-child(1){top:0;}
.nav-toggle .bars span:nth-child(2){top:7px;}
.nav-toggle .bars span:nth-child(3){top:14px;}
.catnav.open .nav-toggle .bars span:nth-child(1){top:7px;transform:rotate(45deg);}
.catnav.open .nav-toggle .bars span:nth-child(2){opacity:0;}
.catnav.open .nav-toggle .bars span:nth-child(3){top:7px;transform:rotate(-45deg);}
.catnav-inner{max-width:var(--maxw);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:22px;padding:15px var(--pad);color:#fff;}
.catnav a,.catnav .navitem{display:flex;align-items:center;gap:6px;white-space:nowrap;}
.catnav .navitem.active span:first-child{color:var(--yellow);}
.catnav .shop{gap:8px;padding-right:8px;}
.catnav .shop img{width:20px;height:20px;filter:brightness(0) invert(1);}
.catnav .shop span{font-weight:600;font-size:14px;}
.has-dropdown{position:relative;}
.shop-trigger{display:flex;align-items:center;gap:8px;color:#fff;}
.shop-trigger img{width:20px;height:20px;filter:brightness(0) invert(1);}
.shop-trigger span{font-weight:600;font-size:14px;}
.shop-trigger .chev{width:12px;height:12px;color:#fff;transition:transform .2s ease;}
.shop-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:2px;margin-left:4px;cursor:pointer;color:#fff;}
.shop-toggle .chev{width:12px;height:12px;color:#fff;transition:transform .2s ease;}
.has-dropdown.open .shop-toggle .chev{transform:rotate(180deg);}
.navitem.shop{display:flex;align-items:center;}
.dropdown{position:fixed;z-index:200;min-width:230px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px -10px rgba(28,26,23,.32);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease, visibility .18s;}
.has-dropdown.open .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 12px;border-radius:9px;color:var(--ink);font-weight:500;font-size:14px;white-space:nowrap;transition:background-color .15s ease, color .15s ease;}
.dropdown a:hover{background:var(--search-bg);}
.dropdown a .count{color:var(--muted);font-weight:400;font-size:12px;}
.dropdown-sep{display:block;height:1px;background:var(--line);margin:6px 8px;}
.dropdown-all{color:var(--red)!important;font-weight:600!important;}
.dropdown-all:hover{background:#faebec;}
.catnav .navitem span{font-weight:500;font-size:14px;}
.nav-divider{width:1px;height:20px;background:rgba(255,255,255,.18);flex:none;}
.pill-new{background:var(--red);color:#fff;font-weight:600;font-size:9px;padding:2px 6px;border-radius:4px;line-height:normal;}

/* ---------- Buttons ---------- */
.btn-red{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-weight:600;font-size:15px;padding:14px 26px;border-radius:10px;transition:background-color .2s ease, transform .15s ease, box-shadow .2s ease;}
.btn-red:hover{background:var(--red-dark);box-shadow:0 8px 18px -6px rgba(193,5,20,.5);}
.btn-red:active{transform:translateY(1px);}
.btn-white{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--red);font-weight:600;font-size:16px;padding:14px 28px;border-radius:12px;transition:transform .15s ease, box-shadow .2s ease;}
.btn-white:hover{box-shadow:0 10px 24px -8px rgba(0,0,0,.35);transform:translateY(-2px);}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ink);font-weight:600;font-size:15px;padding:13px 24px;border-radius:10px;border:1px solid var(--line);transition:border-color .2s ease, background-color .2s ease;}
.btn-outline:hover{border-color:var(--red);color:var(--red);}

/* ---------- Breadcrumb + page banner ---------- */
.crumb{max-width:var(--maxw);margin-inline:auto;padding:16px var(--pad) 0;font-size:13px;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.crumb a:hover{color:var(--red);}
.crumb .sep{opacity:.5;}
.crumb .here{color:var(--ink);font-weight:500;}
.page-banner{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(130% 120% at 86% -20%, rgba(244,194,44,.18) 0%, rgba(244,194,44,0) 46%),
    linear-gradient(135deg,#d20a1b 0%, var(--red) 46%, var(--red-dark) 100%);}
/* faint spice-dot motif, fading in from the right */
.page-banner::before{content:"";position:absolute;top:0;right:0;bottom:0;width:46%;
  background-image:radial-gradient(rgba(255,255,255,.10) 1.6px, transparent 1.7px);
  background-size:19px 19px;opacity:.6;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 72%);mask-image:linear-gradient(90deg,transparent,#000 72%);}
/* gold base accent */
.page-banner::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--yellow),rgba(244,194,44,0) 62%);}
.page-banner .inner{position:relative;z-index:1;max-width:var(--maxw);margin-inline:auto;padding:32px var(--pad) 42px;}
.pb-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;margin-bottom:18px;color:rgba(255,255,255,.72);}
.pb-crumb a{color:rgba(255,255,255,.72);transition:color .2s ease;}
.pb-crumb a:hover{color:#fff;}
.pb-crumb .sep{opacity:.45;}
.pb-crumb .here{color:#fff;font-weight:500;}
.page-banner .eyebrow{display:inline-flex;align-items:center;gap:10px;background:none;border-radius:0;padding:0;margin:0 0 12px;font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;color:var(--yellow);opacity:1;}
.page-banner .eyebrow::before{content:"";width:26px;height:2px;background:var(--yellow);border-radius:2px;}
.page-banner h1{margin:0;font-weight:800;font-size:42px;line-height:1.08;letter-spacing:-.5px;}
.page-banner p{margin-top:12px;font-size:16px;line-height:1.6;max-width:600px;color:rgba(255,255,255,.9);}
.page-banner.cream{color:var(--heritage-text);
  background:
    radial-gradient(130% 120% at 86% -20%, rgba(166,132,30,.16) 0%, rgba(166,132,30,0) 46%),
    linear-gradient(135deg,#fbf4e4 0%, var(--heritage-bg) 100%);}
.page-banner.cream::before{background-image:radial-gradient(rgba(166,132,30,.18) 1.6px, transparent 1.7px);}
.page-banner.cream::after{background:linear-gradient(90deg,var(--heritage-accent),rgba(166,132,30,0) 62%);}
.page-banner.cream .pb-crumb,.page-banner.cream .pb-crumb a{color:#8c7647;}
.page-banner.cream .pb-crumb a:hover{color:var(--heritage-text);}
.page-banner.cream .pb-crumb .here{color:var(--heritage-text);}
.page-banner.cream .eyebrow{color:var(--heritage-accent);}
.page-banner.cream .eyebrow::before{background:var(--heritage-accent);}
.page-banner.cream h1{color:var(--heritage-accent);font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:0;}
.page-banner.cream p{color:var(--heritage-text);}

/* ---------- Product grid + card (reused) ---------- */
.block{padding-top:64px;padding-bottom:24px;}
.block .section-head,.block>.section-title{margin-bottom:24px;}
.product-grid{--per:4.5;}
.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.product-media{position:relative;height:230px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;}
.product-media .shot{width:165px!important;height:195px!important;object-fit:contain!important;}
.badge{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:999px;font-weight:600;font-size:11px;color:#fff;line-height:normal;}
.badge.sale,.badge.hot{background:var(--red);}
.badge.new{background:var(--green);}
.badge.bestseller{background:var(--yellow);color:var(--ink);}
.product-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;}
.rating{display:flex;align-items:center;gap:6px;}
.rating .stars{width:68px;height:12px;}
.rating .score{font-size:12px;color:var(--muted);white-space:nowrap;}
.product-name{font-weight:600;font-size:18px;color:var(--ink);}
.price-row{display:flex;align-items:center;justify-content:space-between;}
.price-group{display:flex;align-items:center;gap:8px;}
.price{font-weight:800;font-size:24px;color:var(--ink);}
.price-old{font-weight:400;font-size:14px;color:var(--muted);text-decoration:line-through;}
.weight{font-size:13px;color:var(--muted);white-space:nowrap;}
.cart-row{display:flex;align-items:center;gap:8px;}
.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;flex:none;}
.stepper button,.stepper .qty{width:34px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.stepper button{font-weight:500;font-size:18px;transition:background-color .15s ease, color .15s ease;}
.stepper button:hover{background:var(--red);color:#fff;}
.stepper .qty{font-weight:600;font-size:14px;}
.add-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:12px;border-radius:10px;font-weight:600;font-size:14px;white-space:nowrap;transition:background-color .2s ease, transform .15s ease, box-shadow .2s ease;}
.add-btn:hover{background:var(--red-dark);box-shadow:0 8px 18px -6px rgba(193,5,20,.5);}
.add-btn:active{transform:translateY(1px);}
/* After an AJAX add, WooCommerce inserts a "View cart" link on the card — hide it. */
.cart-row{flex-wrap:wrap;}
.cart-row .added_to_cart,.product-card .added_to_cart{display:none!important;}

/* ---------- Catalog (shop) ---------- */
.catalog{max-width:var(--maxw);margin-inline:auto;padding:36px var(--pad) 64px;}
.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px;}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:500;font-size:14px;color:var(--ink);transition:border-color .2s ease, background-color .2s ease, color .2s ease;}
.chip:hover{border-color:var(--red);color:var(--red);}
.chip.active{background:var(--red);border-color:var(--red);color:#fff;}
.chip .n{opacity:.7;font-size:12px;}
.catalog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px;}
.result-count{font-size:14px;color:var(--muted);}
.sort-select{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:#fff;}
.grid-static{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.product-card.link{cursor:pointer;}

/* ---------- Product detail ---------- */
.pdp{max-width:var(--maxw);margin-inline:auto;padding:32px var(--pad) 40px;display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.pdp-gallery{background:var(--prod-bg);border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:center;padding:36px;min-height:460px;position:relative;}
.pdp-gallery img{max-width:70%;max-height:400px;object-fit:contain;}
.pdp-gallery .badge{top:20px;left:20px;}
.pdp-info h1{margin:0 0 10px;font-weight:700;font-size:32px;}
.pdp-info .rating{margin-bottom:16px;}
.pdp-price{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.pdp-price .price{font-size:30px;}
.pdp-tax{font-size:13px;color:var(--muted);margin-bottom:20px;}
.pdp-desc{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:22px;}
.pdp-meta{display:flex;flex-direction:column;gap:10px;margin:22px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.pdp-meta .row{display:flex;gap:10px;font-size:14px;}
.pdp-meta .row .k{width:120px;color:var(--muted);flex:none;}
.pdp-meta .row .v{font-weight:500;}
.pdp-buy{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.pdp-buy .stepper button,.pdp-buy .stepper .qty{width:44px;height:52px;font-size:16px;}
.pdp-buy .add-btn{padding:16px 28px;font-size:15px;flex:0 0 auto;min-width:200px;}
.trust-row{display:flex;gap:18px;flex-wrap:wrap;}
.trust-row .t{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);}
.trust-row .t img{width:20px;height:20px;}

/* tabs */
.pdp-tabs{max-width:var(--maxw);margin-inline:auto;padding:12px var(--pad) 20px;}
.tab-heads{display:flex;gap:8px;border-bottom:1px solid var(--line);flex-wrap:wrap;}
.tab-heads button{padding:14px 20px;font-weight:600;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;}
.tab-heads button.active{color:var(--red);border-bottom-color:var(--red);}
.tab-body{padding:24px 0;font-size:15px;line-height:1.8;color:var(--ink);max-width:820px;}
.tab-body ul{margin:0;padding-left:20px;color:var(--muted);}

/* ---------- Featured tiles / recipe / feature (reused) ---------- */
.featured-grid{--per:4;}
.featured-grid .fig{aspect-ratio:1/1;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px -4px rgba(28,26,23,.12);}
.featured-grid .fig img{width:100%;height:100%;object-fit:cover;}
.campaign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.campaign{border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 10px 26px -6px rgba(28,26,23,.14);aspect-ratio:264/376;}
.campaign img{width:100%;height:100%;object-fit:cover;}
.why{padding-top:64px;padding-bottom:24px;}
.why .section-title{margin-bottom:28px;}
.feature-grid{--per:4;}
.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.feature .ic{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;}
.feature .ic img{width:22px;height:22px;}
.feature .ic.g{background:#ebf7f1;}
.feature .ic.r{background:#faebec;}
.feature .ic.y{background:#fefaee;}
.feature h3{margin:0;font-weight:600;font-size:18px;color:var(--ink);}
.feature p{font-size:14px;color:var(--muted);}
.recipe-grid{--per:3;}
.recipe{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.recipe .thumb{height:320px;overflow:hidden;}
.recipe .thumb img{width:100%;height:100%;object-fit:cover;}
.recipe .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;}
.recipe .meta{font-weight:500;font-size:12px;color:var(--green);letter-spacing:.72px;}
.recipe .title{font-weight:600;font-size:20px;color:var(--ink);}
.recipe .read{font-weight:600;font-size:14px;color:var(--red);}
.recipe-grid.static{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* ---------- Recipes listing (modern) ---------- */
.rec-featured{max-width:var(--maxw);margin-inline:auto;padding:36px var(--pad) 4px;}
.rec-hero{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 16px 40px -14px rgba(28,26,23,.24);background:#fff;}
.rec-hero .img{position:relative;min-height:380px;}
.rec-hero .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rec-hero .img .flag{position:absolute;top:18px;left:18px;background:var(--red);color:#fff;font-weight:600;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:6px 12px;border-radius:999px;}
.rec-hero .body{padding:40px 42px;display:flex;flex-direction:column;gap:14px;justify-content:center;}
.rec-hero .tagline{color:var(--red);font-weight:600;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;}
.rec-hero h2{font-family:"Fraunces",Georgia,serif;font-size:34px;font-weight:600;color:var(--ink);margin:0;}
.rec-hero p{font-size:15px;line-height:1.7;color:var(--muted);}
.rec-meta-pills{display:flex;gap:10px;flex-wrap:wrap;}
.rec-pill{background:var(--search-bg);border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:500;color:var(--ink);}
.rec-filter{max-width:var(--maxw);margin-inline:auto;padding:28px var(--pad) 0;display:flex;gap:10px;flex-wrap:wrap;}
.recipe .metarow{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px;}
.recipe .mtag{background:var(--search-bg);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--muted);}

/* ---------- Recipe detail (modern) ---------- */
.r-hero{position:relative;max-width:var(--maxw);margin:10px auto 0;border-radius:22px;overflow:hidden;min-height:440px;display:flex;align-items:flex-end;box-shadow:0 16px 40px -14px rgba(28,26,23,.28);}
.r-hero > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.r-hero .veil{position:absolute;inset:0;background:linear-gradient(transparent 28%, rgba(28,26,23,.85));}
.r-hero .inner{position:relative;padding:42px 44px;color:#fff;max-width:820px;}
.r-hero .tagline{font-weight:600;font-size:12px;letter-spacing:2.2px;text-transform:uppercase;color:var(--yellow);margin-bottom:10px;}
.r-hero h1{font-size:42px;font-weight:800;line-height:1.08;margin:0 0 14px;color:#fff;}
.r-hero .rec-pill{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28);}
.r-crumb-wrap{max-width:var(--maxw);margin-inline:auto;padding:16px var(--pad) 0;}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--maxw);margin:24px auto;padding:0 var(--pad);}
.stat-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;text-align:center;box-shadow:0 10px 26px -8px rgba(28,26,23,.1);}
.stat-box .sv{font-size:20px;font-weight:700;color:var(--ink);}
.stat-box .sl{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px;}
.tips{background:var(--heritage-bg);border-radius:16px;padding:26px 28px;}
.tips h3{margin:0 0 12px;color:var(--heritage-accent);font-family:"Fraunces",Georgia,serif;font-size:22px;font-weight:600;}
.tips ul{margin:0;padding-left:20px;color:var(--heritage-text);line-height:1.95;font-size:15px;}
.used-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.used-card .thumb{width:82px;height:82px;flex:none;background:var(--prod-bg);border-radius:12px;display:flex;align-items:center;justify-content:center;}
.used-card .thumb img{max-width:72%;max-height:72%;object-fit:contain;}
.used-card .uc-name{font-weight:600;font-size:16px;}
.used-card .uc-meta{font-size:13px;color:var(--muted);margin-top:2px;}
.used-card .uc-cta{margin-left:auto;display:flex;gap:8px;align-items:center;}
.share-row{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 2px;}
.share-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:9px 15px;font-size:13px;font-weight:600;background:#fff;color:var(--ink);transition:border-color .2s ease,color .2s ease;}
.share-btn:hover{border-color:var(--red);color:var(--red);}
@media (max-width:860px){
  .rec-hero{grid-template-columns:1fr;}
  .rec-hero .img{min-height:240px;}
  .rec-hero .body{padding:28px 24px;}
  .r-hero{min-height:360px;}
  .r-hero h1{font-size:30px;}
  .r-hero .inner{padding:28px 22px;}
  .stat-row{grid-template-columns:repeat(2,1fr);}
  .used-card{flex-wrap:wrap;}
  .used-card .uc-cta{margin-left:0;width:100%;}
}

/* ---------- Recipe article ---------- */
.article{max-width:1000px;margin-inline:auto;padding:32px var(--pad) 60px;}
.article-hero{border-radius:22px;overflow:hidden;aspect-ratio:16/8;box-shadow:0 16px 34px -12px rgba(28,26,23,.28);margin-bottom:26px;}
.article-hero img{width:100%;height:100%;object-fit:cover;}
.article .r-meta{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:500;margin-bottom:14px;}
.article .r-meta .pill{background:var(--search-bg);border-radius:999px;padding:6px 12px;color:var(--ink);}
.article h1{font-size:34px;margin:0 0 14px;font-weight:700;}
.article .lede{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:28px;}
.article h2{font-size:22px;margin:30px 0 12px;font-weight:600;}
.recipe-cols{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:start;}
.ing-box{background:var(--heritage-bg);border-radius:16px;padding:22px 24px;}
.ing-box h2{margin-top:0;color:var(--heritage-accent);}
.ing-box ul{margin:0;padding-left:18px;line-height:1.9;font-size:15px;color:var(--heritage-text);}
.steps{counter-reset:step;list-style:none;margin:0;padding:0;}
.steps li{position:relative;padding:0 0 22px 52px;font-size:15px;line-height:1.7;}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:-2px;width:34px;height:34px;background:var(--red);color:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;}
.steps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:34px;bottom:6px;width:2px;background:var(--line);}

/* ---------- Offers ---------- */
.offer-grid{max-width:var(--maxw);margin-inline:auto;padding:40px var(--pad) 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.offer{position:relative;border-radius:20px;overflow:hidden;padding:40px 36px;color:#fff;min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:0 14px 34px -12px rgba(28,26,23,.3);background-size:cover;background-position:center;}
.offer.red{background-color:var(--red);}
.offer.green{background-color:#00a155;}
.offer.dark{background-color:#2b2a26;}
.offer.gold{background-color:#caa02a;}
.offer::before{content:"";position:absolute;inset:0;z-index:0;}
.offer > *{position:relative;z-index:1;}
.offer.red::before{background:linear-gradient(135deg,rgba(193,5,20,.94) 0%,rgba(120,6,16,.9) 100%);}
.offer.green::before{background:linear-gradient(135deg,rgba(0,161,85,.94) 0%,rgba(4,80,45,.9) 100%);}
.offer.dark::before{background:linear-gradient(135deg,rgba(43,42,38,.9) 0%,rgba(24,16,11,.92) 100%);}
.offer.gold::before{background:linear-gradient(135deg,rgba(196,158,42,.92) 0%,rgba(120,92,16,.92) 100%);}
.offer:hover::before{filter:brightness(.94);}
.offer .tag{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:600;opacity:.9;}
.offer h3{margin:0;font-size:28px;font-weight:800;}
.offer p{font-size:15px;max-width:420px;opacity:.95;}
.offer .code{align-self:flex-start;margin-top:6px;background:rgba(255,255,255,.16);border:1px dashed rgba(255,255,255,.6);border-radius:8px;padding:8px 14px;font-weight:700;letter-spacing:1px;}

/* ---------- Forms ---------- */
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:var(--maxw);margin-inline:auto;padding:40px var(--pad) 64px;align-items:start;}
.form-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 30px 34px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px;}
.field label{font-weight:600;font-size:13px;color:var(--ink);}
.field input,.field textarea,.field select{border:1px solid var(--search-line);background:var(--search-bg);border-radius:10px;padding:13px 15px;font-family:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;}
.field textarea{min-height:130px;resize:vertical;}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px rgba(193,5,20,.12);}
.field.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form-note{font-size:12px;color:var(--muted);margin-top:6px;}
.info-list{display:flex;flex-direction:column;gap:22px;}
.info-item{display:flex;gap:16px;align-items:flex-start;}
.info-item .ic{width:46px;height:46px;flex:none;border-radius:12px;background:var(--search-bg);display:flex;align-items:center;justify-content:center;}
.info-item .ic img{width:22px;height:22px;}
.info-item h4{margin:0 0 4px;font-size:15px;font-weight:600;}
.info-item p{font-size:14px;color:var(--muted);line-height:1.7;}
.notice{border-radius:10px;padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:16px;}
.notice.ok{background:#ebf7f1;color:#04703d;border:1px solid #b9e6cf;}

/* ---------- Contact ---------- */
.hours{list-style:none;margin:0;padding:0;}
.hours li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;}
.hours li:last-child{border-bottom:0;}
.hours li .d{color:var(--muted);}
.hours li .t{font-weight:600;}
.hours li .t.closed{color:var(--muted);font-weight:500;}
.social-row{display:flex;gap:10px;flex-wrap:wrap;}
.social-row a{padding:10px 16px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13px;color:var(--ink);background:#fff;transition:transform .15s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease;}
.social-row a svg{width:17px;height:17px;flex:none;fill:currentColor;transition:fill .2s ease;}
.social-row a:hover{transform:translateY(-2px);color:#fff;border-color:transparent;box-shadow:0 8px 18px -6px rgba(28,26,23,.3);}
.social-row a.ig:hover{background:#e1306c;}
.social-row a.fb:hover{background:#1877f2;}
.social-row a.tt:hover{background:#010101;}
.map-card{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:300px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);background:linear-gradient(160deg,#f4f6f1,#e9ece5);display:flex;align-items:flex-end;}
.map-card .grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(28,26,23,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(28,26,23,.06) 1px,transparent 1px);background-size:34px 34px;}
.map-card .road{position:absolute;background:#fff;box-shadow:0 0 0 1px rgba(28,26,23,.05);}
.map-card .road.r1{top:38%;left:-5%;width:110%;height:14px;transform:rotate(-4deg);}
.map-card .road.r2{top:0;left:44%;width:16px;height:120%;transform:rotate(6deg);}
.map-card .road.r3{top:70%;left:-5%;width:110%;height:10px;transform:rotate(2deg);}
.map-card .pin{position:absolute;top:36%;left:42%;width:26px;height:26px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 6px 14px rgba(0,0,0,.28);z-index:1;}
.map-card .pin::after{content:"";position:absolute;top:7px;left:7px;width:12px;height:12px;background:#fff;border-radius:50%;}
.map-card .mc-info{position:relative;z-index:2;background:#fff;margin:16px;border-radius:12px;padding:14px 16px;box-shadow:0 10px 24px -8px rgba(28,26,23,.25);display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 32px);}
.map-card .mc-info .a{font-size:13px;color:var(--muted);line-height:1.5;}
.map-card .mc-info .a strong{color:var(--ink);display:block;font-size:14px;margin-bottom:2px;}

/* ---------- About ---------- */
.about-split{max-width:var(--maxw);margin-inline:auto;padding:48px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.about-split img{border-radius:20px;box-shadow:0 16px 34px -12px rgba(28,26,23,.28);width:100%;object-fit:cover;aspect-ratio:4/3;}
.about-split h2{font-family:"Fraunces",Georgia,serif;font-size:34px;font-weight:600;margin:0 0 16px;color:var(--heritage-accent);}
.about-split p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:14px;}
.stats{background:var(--heritage-bg);}
.stats-inner{max-width:var(--maxw);margin-inline:auto;padding:44px var(--pad);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stat .num{font-size:40px;font-weight:800;color:var(--red);}
.stat .lbl{font-size:14px;color:var(--heritage-text);margin-top:4px;}
.values{max-width:var(--maxw);margin-inline:auto;padding:56px var(--pad);}
.values .section-title{margin-bottom:28px;text-align:center;}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

/* ---------- PDP rich content (desi-brand pattern) ---------- */
.claims{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 6px;}
.claim{display:inline-flex;align-items:center;gap:8px;background:var(--search-bg);border:1px solid var(--search-line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--ink);}
.claim img{width:18px;height:18px;}
.pdp-block{max-width:var(--maxw);margin-inline:auto;padding:52px var(--pad);}
.pdp-block h2{font-size:26px;font-weight:600;margin:0 0 22px;}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.ing-list{columns:2;column-gap:32px;font-size:14.5px;line-height:1.95;color:var(--muted);margin:0;padding-left:18px;}
.allergen{background:#fff7e6;border:1px solid #f3e0b0;border-radius:12px;padding:14px 18px;font-size:14px;line-height:1.6;color:#7a5a12;margin-top:18px;}
.subhead{font-weight:600;font-size:16px;margin:0 0 12px;}
@media (max-width:860px){.two-col{grid-template-columns:1fr;gap:26px;}}
@media (max-width:560px){.ing-list{columns:1;}}

/* ---------- Process steps ---------- */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.process{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 22px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);position:relative;}
.process .step-n{width:40px;height:40px;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.process h3{margin:0 0 8px;font-weight:600;font-size:17px;color:var(--ink);}
.process p{font-size:14px;color:var(--muted);line-height:1.65;}

/* ---------- Pricing tiers ---------- */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
.tier{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);display:flex;flex-direction:column;position:relative;}
.tier.featured{border-color:var(--red);box-shadow:0 18px 40px -12px rgba(193,5,20,.28);}
.tier .flag{position:absolute;top:-12px;right:22px;background:var(--red);color:#fff;font-weight:600;font-size:11px;padding:5px 12px;border-radius:999px;}
.tier .t-name{font-weight:700;font-size:20px;}
.tier .t-vol{color:var(--muted);font-size:13px;margin-top:2px;}
.tier .t-disc{font-size:40px;font-weight:800;color:var(--red);margin:16px 0 4px;line-height:1;}
.tier .t-disc span{font-size:15px;font-weight:600;color:var(--muted);}
.tier ul{list-style:none;margin:16px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;}
.tier li{font-size:14px;color:var(--ink);display:flex;gap:10px;align-items:flex-start;}
.tier li::before{content:"✓";color:var(--green);font-weight:700;flex:none;}

/* ---------- Simple table ---------- */
.trade-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14px;}
.trade-table th,.trade-table td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);}
.trade-table th{background:var(--search-bg);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);}
.trade-table tr:last-child td{border-bottom:0;}
.trade-table td:first-child{font-weight:600;}

/* ---------- FAQ ---------- */
.faq{display:flex;flex-direction:column;gap:12px;}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:2px 20px;transition:box-shadow .2s ease;}
.faq details[open]{box-shadow:0 10px 26px -8px rgba(28,26,23,.12);}
.faq summary{list-style:none;cursor:pointer;font-weight:600;font-size:16px;color:var(--ink);padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-weight:400;font-size:24px;color:var(--red);flex:none;transition:transform .2s ease;}
.faq details[open] summary::after{content:"–";}
.faq details p{font-size:14.5px;line-height:1.75;color:var(--muted);padding:0 0 18px;margin:0;}

/* ---------- Section intro (centered) ---------- */
.sec-intro{text-align:center;max-width:680px;margin:0 auto 34px;}
.sec-intro .kick{font-size:12px;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;color:var(--red);margin-bottom:10px;}
.sec-intro h2{font-weight:600;font-size:32px;margin:0 0 12px;}
.sec-intro p{font-size:15px;line-height:1.7;color:var(--muted);}
.band{background:var(--prod-bg);}
.pad-sec{padding:60px var(--pad);}

/* ---------- My Account ---------- */
.acct{max-width:var(--maxw);margin-inline:auto;padding:32px var(--pad) 64px;display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start;}
.acct-side{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);position:sticky;top:16px;}
.acct-side .who{display:flex;gap:12px;align-items:center;padding:12px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:8px;}
.acct-side .who .av{width:46px;height:46px;flex:none;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;}
.acct-side .who .nm{font-weight:600;font-size:14px;}
.acct-side .who .em{font-size:12px;color:var(--muted);margin-top:1px;word-break:break-all;}
.acct-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-weight:500;font-size:14px;color:var(--ink);cursor:pointer;transition:background-color .15s ease,color .15s ease;}
.acct-nav a img{width:18px;height:18px;filter:brightness(0);opacity:.55;}
.acct-nav a:hover{background:var(--search-bg);}
.acct-nav a.active{background:var(--red);color:#fff;}
.acct-nav a.active img{filter:brightness(0) invert(1);opacity:1;}
.acct-nav .sep{height:1px;background:var(--line);margin:8px 8px;}
.acct-nav a.logout{color:var(--muted);}
.panel{display:none;}
.panel.active{display:block;}
.panel > h2{font-size:24px;font-weight:600;margin:0 0 6px;}
.panel > .lead{color:var(--muted);font-size:14px;margin-bottom:22px;}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);margin-bottom:20px;}
.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;}
.dash-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.dash-stat .n{font-size:30px;font-weight:800;color:var(--red);line-height:1;}
.dash-stat .l{font-size:13px;color:var(--muted);margin-top:8px;}
.status{display:inline-block;padding:4px 11px;border-radius:999px;font-size:11px;font-weight:600;}
.status.done{background:#ebf7f1;color:#04703d;}
.status.transit{background:#fdf0d5;color:#8a6a12;}
.status.proc{background:#eaeaf7;color:#3b3ba0;}
.link-red{color:var(--red);font-weight:600;font-size:14px;}
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.addr{border:1px solid var(--line);border-radius:12px;padding:20px 22px;}
.addr h4{margin:0 0 10px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;}
.addr address{font-style:normal;font-size:14px;line-height:1.8;color:var(--muted);}
.order-lines{display:flex;flex-direction:column;gap:12px;}
.order-line{display:flex;gap:14px;align-items:center;}
.order-line .thumb{width:60px;height:60px;flex:none;background:var(--prod-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;}
.order-line .thumb img{max-width:70%;max-height:70%;object-fit:contain;}
.order-line .on{font-weight:600;font-size:14px;}
.order-line .om{font-size:12px;color:var(--muted);}
.order-line .op{margin-left:auto;font-weight:700;}
@media (max-width:860px){
  .acct{grid-template-columns:1fr;}
  .acct-side{position:static;}
  .acct-nav{display:flex;flex-wrap:wrap;gap:4px;}
  .acct-nav .sep{display:none;}
  .dash-cards{grid-template-columns:1fr;}
  .addr-grid{grid-template-columns:1fr;}
}

/* ---------- Legal / prose ---------- */
.prose{max-width:840px;margin-inline:auto;padding:40px var(--pad) 64px;}
.prose h2{font-size:22px;font-weight:600;margin:30px 0 10px;}
.prose h3{font-size:17px;font-weight:600;margin:22px 0 8px;}
.prose p,.prose li{font-size:15px;line-height:1.8;color:var(--muted);}
.prose ul{padding-left:20px;}
.prose .updated{font-size:13px;color:var(--muted);margin-bottom:24px;}

/* ---------- Cart ---------- */
.cart-wrap{max-width:var(--maxw);margin-inline:auto;padding:36px var(--pad) 64px;display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start;}
.cart-list{display:flex;flex-direction:column;gap:14px;}
.cart-item{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;}
.cart-item .thumb{width:76px;height:76px;flex:none;background:var(--prod-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;}
.cart-item .thumb img{max-width:70%;max-height:70%;object-fit:contain;}
.cart-item .ci-name{font-weight:600;font-size:16px;}
.cart-item .ci-meta{font-size:13px;color:var(--muted);margin-top:2px;}
.cart-item .ci-right{margin-left:auto;display:flex;align-items:center;gap:18px;}
.cart-item .ci-price{font-weight:800;font-size:17px;}
.cart-item .rm{color:var(--muted);font-size:13px;}
.cart-item .rm:hover{color:var(--red);}
.summary{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);position:sticky;top:20px;}
.summary h3{margin:0 0 16px;font-size:18px;font-weight:700;}
.summary .line{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:8px 0;}
.summary .line.total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;font-size:18px;font-weight:800;color:var(--ink);}
.summary .btn-red{width:100%;margin-top:16px;}
.empty-state{text-align:center;padding:60px 20px;color:var(--muted);}
.empty-state h3{font-size:20px;color:var(--ink);margin:0 0 8px;}

/* ---------- Heritage / CTA (reused) ---------- */
.heritage{background:var(--heritage-bg);padding:22px 0;display:flex;flex-direction:column;gap:26px;}
.zigzag{height:18px;width:100%;overflow:hidden;}
.zigzag img{width:100%;height:100%;object-fit:cover;}
.heritage-inner{display:flex;align-items:center;gap:60px;max-width:var(--maxw);margin-inline:auto;padding:20px 72px;}
.story-visual{position:relative;flex:none;width:540px;height:420px;border:3px solid rgba(244,194,44,.7);border-radius:22px;overflow:hidden;box-shadow:0 16px 34px rgba(77,51,26,.28);}
.story-visual img{width:100%;height:100%;object-fit:cover;}
.story-tag{position:absolute;left:17px;bottom:17px;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:12px;color:var(--heritage-accent);}
.heritage-copy{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:18px;align-items:flex-start;}
.eyebrow{background:var(--heritage-pill);border-radius:999px;padding:7px 14px;font-weight:500;font-size:12px;color:var(--heritage-accent);letter-spacing:1.68px;}
.heritage-copy h2{margin:0;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:42px;color:var(--heritage-accent);}
.heritage-copy .lede{font-family:"Fraunces",Georgia,serif;font-weight:400;font-size:17px;line-height:1.76;color:var(--heritage-text);}
.cta{position:relative;overflow:hidden;min-height:393px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:96px var(--pad);text-align:center;color:#fff;}
.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cta .overlay{position:absolute;inset:0;background:linear-gradient(rgba(28,26,23,.55), rgba(120,4,12,.86));}
.cta h2,.cta p,.cta .btn-white{position:relative;}
.cta h2{margin:0;font-weight:800;font-size:40px;max-width:820px;}
.cta p{font-size:18px;max-width:640px;}

/* ---------- Footer ---------- */
.footer{background:#fff;border-top:1px solid var(--line);}
.footer-inner{max-width:var(--maxw);margin-inline:auto;display:flex;gap:48px;padding:52px var(--pad) 40px;}
.footer .col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;}
.footer .kicker{font-weight:500;font-size:11px;color:var(--red);letter-spacing:1.76px;}
.footer .foot-logo{width:150px;height:66px;}
.footer .foot-logo img{width:100%;height:100%;object-fit:contain;object-position:left center;}
.footer p,.footer a{font-size:14px;color:var(--muted);}
.footer .addr p{line-height:1.8;}
.footer .links ul{list-style:none;margin:0;padding:0;}
.footer .links li{list-style:none;margin:0;padding:0;display:block;}
.footer .links li::marker{content:"";}
.footer .links a{display:block;transition:color .2s ease;}
.footer .links a:hover{color:var(--red);}
.foot-divider{height:1px;background:var(--line);max-width:var(--maxw);margin-inline:auto;}
.legal{background:#fff;}
.legal-inner{max-width:var(--maxw);margin-inline:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px var(--pad) 22px;}

/* ---------- Sliders (home) ---------- */
.slider-wrap{position:relative;}
.slider{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 2px 20px;cursor:grab;}
.slider::-webkit-scrollbar{display:none;}
.slider.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;}
.slider img{-webkit-user-drag:none;user-drag:none;}
.slider.dragging a,.slider.dragging *{user-select:none;}
.slider>*{flex:0 0 calc((100% - (var(--per) - 1) * 24px) / var(--per));scroll-snap-align:start;}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.96);border-radius:999px;box-shadow:0 4px 14px rgba(28,26,23,.22);transition:opacity .2s ease, transform .15s ease, background-color .2s ease;}
.slider-arrow img{width:18px;height:18px;}
.slider-arrow.prev{left:-6px;}
.slider-arrow.next{right:-6px;}
.slider-arrow[disabled]{opacity:0;pointer-events:none;}
.head-right{display:flex;align-items:center;gap:16px;}
.head-nav{display:flex;align-items:center;gap:8px;}
.head-arrow{width:38px;height:38px;border-radius:999px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(28,26,23,.08);transition:background-color .2s ease, border-color .2s ease, transform .15s ease, opacity .2s ease;}
.head-arrow img{width:16px;height:16px;}
.head-arrow[disabled]{opacity:.35;pointer-events:none;}

/* ---------- Hero (home) ---------- */
.hero{position:relative;background:var(--ink);width:100%;aspect-ratio:1440/470;max-height:470px;overflow:hidden;}
.hero-track{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.hero-slide{flex:0 0 100%;height:100%;}
.hero-slide picture{display:block;width:100%;height:100%;}
.hero-slide img{width:100%;height:100%;object-fit:cover;}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.18);}
.hero-arrow img{width:20px;height:20px;}
.hero-arrow.prev{left:24px;}
.hero-arrow.next{right:24px;}
.hero-dots{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;}
.hero-dots .dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.55);}
.hero-dots .dot.active{width:26px;background:#fff;}
.shop-cat{padding-top:64px;}
.shop-cat .section-title{margin-bottom:24px;}
.cat-tiles{--per:3.4;}
.cat-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--card-radius);overflow:hidden;box-shadow:0 10px 26px -6px rgba(28,26,23,.12);}
.cat-tile .thumb{height:210px;overflow:hidden;}
.cat-tile .thumb img{width:100%;height:100%;object-fit:cover;}
.cat-tile .body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;}
.cat-tile .name{font-weight:600;font-size:22px;color:var(--ink);}
.cat-tile .meta{display:flex;align-items:center;justify-content:space-between;font-size:14px;}
.cat-tile .meta .count{color:var(--muted);}
.cat-tile .meta .explore{font-weight:600;color:var(--red);}
.cat-tile .shop-now{display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff;padding:12px;border-radius:10px;font-weight:600;font-size:14px;transition:background-color .2s ease, transform .15s ease;}
.cat-tile .shop-now:hover{background:var(--red-dark);}
.how{display:flex;justify-content:center;max-width:var(--maxw);margin-inline:auto;padding:48px var(--pad);}
.how-box{width:100%;aspect-ratio:1360/251;border-radius:28px;overflow:hidden;box-shadow:0 12px 30px -8px rgba(28,26,23,.1);}
.how-box img{width:100%;height:100%;object-fit:cover;}
.reviews{max-width:var(--maxw);margin-inline:auto;padding:64px var(--pad);}
.reviews .section-title{margin-bottom:24px;}
.review-grid{--per:3;}
.review{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.review .stars{width:92px;height:16px;}
.review .quote{font-size:16px;color:var(--ink);}
.review .who{display:flex;align-items:center;gap:12px;}
.review .avatar{width:40px;height:40px;flex:none;border-radius:999px;background:var(--red);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;}
.review .who .name{font-weight:600;font-size:14px;color:var(--ink);}
.review .who .role{font-size:12px;color:var(--muted);margin-top:1px;}

/* ---------- Hover niceties ---------- */
@media (hover:hover){
  .product-card,.campaign,.recipe,.feature,.review,.featured-grid .fig,.cat-tile{transition:transform .25s ease, box-shadow .25s ease;}
  .product-card:hover,.recipe:hover,.feature:hover,.review:hover,.cat-tile:hover{transform:translateY(-6px);box-shadow:0 18px 40px -10px rgba(28,26,23,.22);}
  .campaign:hover,.featured-grid .fig:hover{transform:translateY(-6px);box-shadow:0 20px 44px -10px rgba(28,26,23,.28);}
  .recipe .thumb img,.featured-grid .fig img,.campaign img,.product-media .shot,.cat-tile .thumb img{transition:transform .4s ease;}
  .recipe:hover .thumb img,.featured-grid .fig:hover img,.campaign:hover img,.cat-tile:hover .thumb img{transform:scale(1.05);}
  .product-card:hover .shot{transform:scale(1.06);}
  .icon-btn{transition:background-color .2s ease, border-color .2s ease;}
  .icon-btn:hover{background:#efece6;border-color:#d5d2cc;}
  .basket{transition:opacity .2s ease;}
  .basket:hover{opacity:.85;}
  .hero-arrow{transition:background-color .2s ease, transform .15s ease;}
  .hero-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
  .catnav-inner>a:hover,.shop-trigger:hover{opacity:.72;}
  .view-all:hover,.explore:hover,.read:hover{opacity:.7;}
  .slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08);}
  .head-arrow:hover{background:#faf8f5;border-color:#d9d6d0;}
  .search-btn:hover,.basket-ic:hover{background:var(--red-dark);}
}

/* ---------- Responsive ---------- */
@media (max-width:1200px){.featured-grid{--per:3;}}
@media (max-width:1080px){
  :root{--pad:28px;}
  .product-grid{--per:2.4;}
  .feature-grid{--per:2;}
  .grid-static,.campaign-grid{grid-template-columns:repeat(3,1fr);}
  .heritage-inner{gap:40px;padding:20px 40px;}
  .story-visual{width:44%;height:auto;aspect-ratio:540/420;}
  .pdp{gap:36px;}
}
@media (max-width:960px){
  .catnav-inner{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .catnav-inner::-webkit-scrollbar{display:none;}
  .cat-tiles{--per:3;}
  .featured-grid{--per:2.4;}
  .grid-static{grid-template-columns:repeat(2,1fr);}
  .campaign-grid{grid-template-columns:repeat(2,1fr);}
  .recipe-grid{--per:1.6;}
  .recipe-grid.static,.value-grid{grid-template-columns:1fr 1fr;}
  .review-grid{--per:1.6;}
  .section-title{font-size:28px;}
  .heritage-inner{flex-direction:column;align-items:stretch;gap:28px;}
  .story-visual{width:100%;aspect-ratio:540/380;}
  .heritage-copy h2{font-size:34px;}
  .footer-inner{flex-wrap:wrap;gap:32px 40px;}
  .footer .col{flex:1 1 40%;}
  .cta h2{font-size:32px;}
  .pdp{grid-template-columns:1fr;}
  .form-wrap,.about-split{grid-template-columns:1fr;gap:32px;}
  .offer-grid{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:28px;}
  .recipe-cols{grid-template-columns:1fr;gap:24px;}
  .cart-wrap{grid-template-columns:1fr;}
  .page-banner h1{font-size:32px;}
}
@media (max-width:720px){
  :root{--pad:16px;}
  .hero{aspect-ratio:5/8;max-height:none;}
  .hero-arrow{display:none;}
  .nav-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px var(--pad);color:#fff;font-weight:600;font-size:15px;}
  .catnav-inner{flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;padding:0 var(--pad);transition:max-height .3s ease;}
  .catnav.open .catnav-inner{max-height:82vh;overflow-y:auto;padding-bottom:10px;}
  .catnav-inner>a,.catnav-inner>.navitem{width:100%;padding:14px 0;border-top:1px solid rgba(255,255,255,.10);}
  .catnav .shop{padding-right:0;}
  .shop-trigger{width:100%;justify-content:flex-start;padding:14px 0;}
  .catnav .shop .chev{margin-left:auto;}
  .nav-divider{display:none;}
  .header{flex-wrap:wrap;gap:14px 16px;}
  .section-head{flex-wrap:wrap;row-gap:6px;}
  .section-head .section-title{flex:1 1 100%;}
  .section-head>.view-all,.section-head>.head-right{margin-left:auto;}
  .head-nav{display:none;}
  .how{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:28px var(--pad);}
  .how::-webkit-scrollbar{display:none;}
  .how-box{flex:0 0 auto;width:680px;max-width:none;}
  .search{order:3;flex-basis:100%;height:48px;}
  .header-actions{margin-left:auto;}
  .cat-tiles{--per:1.15;}
  .grid-static{grid-template-columns:1fr 1fr;gap:14px;}
  .campaign-grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:none;margin-inline:0;padding-bottom:6px;}
  .campaign-grid::-webkit-scrollbar{display:none;}
  .campaign{flex:0 0 80%;scroll-snap-align:start;}
  .feature-grid{--per:1.6;}
  .footer .col{flex:1 1 100%;}
  .legal-inner{flex-direction:column;align-items:flex-start;gap:6px;}
  .cta{padding:64px var(--pad);min-height:0;}
  .cta h2{font-size:26px;}
  .cta p{font-size:15px;}
  .announce p{font-size:11px;}
  .page-banner h1{font-size:28px;}
  .pdp-buy{flex-wrap:wrap;}
  .pdp-buy .add-btn{flex:1 1 100%;}
  .recipe-grid.static,.value-grid,.stats-inner{grid-template-columns:1fr;}
  .stats-inner{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:520px){
  .product-grid{--per:1.15;}
  .featured-grid{--per:2.2;}
  .grid-static{grid-template-columns:1fr;}
  .section-title{font-size:24px;}
  .block,.shop-cat,.why{padding-top:44px;}
  .stepper button,.stepper .qty{width:40px;height:46px;}
}

/* ============================================================
   WOOCOMMERCE OVERRIDES (map Woo markup to the ASAL design)
   ============================================================ */
.woocommerce .catalog, .woocommerce-page .catalog{max-width:var(--maxw);margin-inline:auto;padding:32px var(--pad) 64px;}
.woocommerce-breadcrumb{display:none;} /* we render our own banner breadcrumb */

/* Product grid */
.woocommerce ul.products, .woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;margin:0;padding:0;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:auto!important;margin:0!important;float:none!important;padding:0!important;}
.woocommerce ul.products li.product::before{display:none;}
/* Kill WooCommerce's clearfix pseudo-elements: in a CSS grid they become empty cells. */
.woocommerce ul.products::before, .woocommerce ul.products::after,
.woocommerce-page ul.products::before, .woocommerce-page ul.products::after{content:none!important;display:none!important;}
.woocommerce ul.products li.product a img{margin:0;}
/* Keep the packshot contained and centered (WooCommerce forces img width:100%). */
.woocommerce ul.products li.product a.product-media img.shot,
.woocommerce-page ul.products li.product a.product-media img.shot,
.product-media .shot{width:165px!important;height:195px!important;object-fit:contain!important;max-width:100%;}
@media (max-width:1080px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr);}}
@media (max-width:960px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.woocommerce ul.products{grid-template-columns:1fr;}}

/* Empty cart — ASAL branded state */
.cart-empty-state{max-width:560px;margin:20px auto 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 20px;}
.cart-empty-ic{width:88px;height:88px;border-radius:999px;background:var(--prod-bg);color:var(--red);display:flex;align-items:center;justify-content:center;}
.cart-empty-state h2{font-size:26px;font-weight:600;color:var(--ink);margin:0;}
.cart-empty-state p{font-size:15px;color:var(--muted);line-height:1.6;max-width:440px;margin:0;}
.cart-empty-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:6px;}
.woocommerce .cart-empty.woocommerce-info,.woocommerce-page .cart-empty.woocommerce-info,.woocommerce .return-to-shop{display:none;}
/* Cart / Checkout / Account are shortcode pages rendered via page.php inside the
   narrow .prose column; give them the full content width like the rest of the shop. */
body.woocommerce-cart .prose,
body.woocommerce-checkout .prose,
body.woocommerce-account .prose{max-width:var(--maxw);}
/* Suggestions row: drop the extra .section inset so it aligns to the container. */
.cart-suggest{max-width:none;margin-inline:0;padding-left:0;padding-right:0;margin-top:40px;}

/* Result count + ordering bar */
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;background:#fff;}
.filter-bar .chip{text-decoration:none;}
.catalog-top .woocommerce-result-count{margin:6px 0 0;}
.catalog-top .woocommerce-ordering{margin:0;}
.catalog-top .woocommerce-ordering select{margin:0;}

/* Buttons */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce .single_add_to_cart_button{
	background:var(--red);color:#fff;border-radius:10px;font-family:inherit;font-weight:600;font-size:14px;
	padding:13px 24px;line-height:1.1;border:0;transition:background-color .2s ease, box-shadow .2s ease, transform .15s ease;}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce .single_add_to_cart_button:hover{background:var(--red-dark);color:#fff;box-shadow:0 8px 18px -6px rgba(193,5,20,.5);}
.woocommerce a.button.wc-backward, .woocommerce .button.wc-backward{background:#fff;color:var(--ink);border:1px solid var(--line);}
.woocommerce a.button.wc-backward:hover{border-color:var(--red);color:var(--red);background:#fff;box-shadow:none;}

/* Prices */
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--ink);font-weight:800;}
.woocommerce ul.products li.product .price{color:var(--ink);}
.woocommerce div.product p.price del, .woocommerce ul.products li.product .price del{color:var(--muted);font-weight:400;}

/* Single product layout */
.woocommerce div.product{max-width:var(--maxw);margin-inline:auto;}
.woocommerce div.product div.images img{border-radius:16px;}
.woocommerce div.product .product_title{font-weight:700;font-size:32px;margin:6px 0 12px;}
.woocommerce div.product .woocommerce-product-rating{margin-bottom:14px;}
.woocommerce div.product form.cart{margin-top:18px;}
.woocommerce .quantity .qty{height:52px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:16px;width:72px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom-color:var(--red);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--red);}

/* Messages / notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments{
	border-top-color:var(--red);border-radius:0 8px 8px 0;}
.woocommerce-message{border-top-color:var(--green);}

/* Cart + checkout */
.woocommerce table.shop_table{border-radius:14px;border:1px solid var(--line);}
.woocommerce table.shop_table th{font-weight:600;color:var(--muted);text-transform:uppercase;font-size:12.5px;letter-spacing:.4px;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-checkout #order_review{border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.select2-container .select2-selection{border:1px solid var(--search-line);background:var(--search-bg);border-radius:10px;padding:12px 14px;font-family:inherit;}

/* My Account logged-in dashboard layout lives in the consolidated
   "My Account (WooCommerce)" block further down (flex sidebar + content). */

/* Login / register (my account logged out): login card + offer banner */
.woocommerce-account:not(.logged-in) .woocommerce{display:block;max-width:var(--maxw);margin-inline:auto;padding:40px var(--pad) 72px;}
/* 2-column layout: login on the left, offer banner on the right, centered as a group */
.asal-login-layout{display:grid;grid-template-columns:minmax(0,430px) minmax(0,1fr);gap:28px;max-width:920px;margin-inline:auto;align-items:stretch;}
.asal-login-main{min-width:0;}
.woocommerce-account:not(.logged-in) .woocommerce h2{font-size:22px;margin:0 0 14px;}
/* When both Login and Register are enabled, stack them inside the main column */
.woocommerce-account:not(.logged-in) .woocommerce #customer_login.col2-set{display:grid;grid-template-columns:1fr;gap:24px;}
.woocommerce-account:not(.logged-in) .woocommerce #customer_login .col-1,
.woocommerce-account:not(.logged-in) .woocommerce #customer_login .col-2{float:none;width:100%;margin:0;}
/* Card chrome on each form */
.woocommerce-account:not(.logged-in) .woocommerce form.login,
.woocommerce-account:not(.logged-in) .woocommerce form.register{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);margin:0;}
.woocommerce-account:not(.logged-in) .woocommerce form .form-row{margin-bottom:16px;}
.woocommerce-account:not(.logged-in) .woocommerce form .form-row input.input-text{width:100%;}
.woocommerce-account:not(.logged-in) .woocommerce form .button{width:100%;background:var(--red);color:#fff;border:0;border-radius:10px;padding:13px 16px;font-weight:700;}
.woocommerce-account:not(.logged-in) .woocommerce form .button:hover{background:var(--red-dark,#a10411);}
/* Lost your password? hover colour */
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword{margin-top:4px;}
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword a{color:var(--muted);transition:color .15s ease;}
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword a:hover,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-LostPassword a:focus{color:var(--red);text-decoration:underline;}
/* Offer banner (right) */
.asal-login-offer{display:flex;flex-direction:column;justify-content:center;gap:12px;border-radius:16px;padding:34px 32px;color:#fff;background:linear-gradient(135deg,#d20a1b 0%, var(--red) 46%, var(--red-dark) 100%);box-shadow:0 14px 34px -10px rgba(193,5,20,.5);}
.asal-login-offer__kicker{display:inline-block;align-self:flex-start;background:rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:999px;}
.asal-login-offer__title{margin:4px 0 2px;font-size:26px;line-height:1.2;color:#fff;}
.asal-login-offer__text,
.woocommerce-account:not(.logged-in) .asal-login-offer p.asal-login-offer__text{margin:0;font-size:15px;line-height:1.55;color:rgba(255,255,255,.95);}
.asal-login-offer__list{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:9px;}
.asal-login-offer__list li{position:relative;padding-left:26px;font-size:14px;color:#fff;}
.asal-login-offer__list li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:var(--accent,#f4c22c);box-shadow:inset 0 0 0 4px rgba(255,255,255,.25);}
.asal-login-offer__btn{align-self:flex-start;margin-top:10px;background:#fff;color:var(--red);font-weight:700;padding:11px 20px;border-radius:10px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;}
.asal-login-offer__btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px rgba(0,0,0,.35);}
@media (max-width:820px){.asal-login-layout{grid-template-columns:1fr;max-width:460px;}.asal-login-offer{order:2;}}

/* Woo price markup inside the ASAL product card */
.product-card .price .woocommerce-Price-amount{color:inherit;font:inherit;}
.product-card .price-old .woocommerce-Price-amount{color:inherit;font:inherit;}
.product-card .add-btn{ text-transform:none; }

/* PDP: WooCommerce add-to-cart form inside our buy box */
.pdp-buy form.cart{display:flex;align-items:center;gap:14px;margin:0;flex-wrap:wrap;}
.pdp-buy .quantity{display:flex;}
.pdp-buy .quantity .qty{height:52px;width:76px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:16px;font-family:inherit;}
.pdp-buy .single_add_to_cart_button{padding:16px 30px;font-size:15px;border-radius:10px;}
.pdp-wrap .pdp{margin-top:6px;}

/* PDP: variable product (size options) form */
.pdp-buy form.variations_form{display:block;width:100%;}
.pdp-buy table.variations{width:100%;margin:0 0 16px;border:0;border-collapse:collapse;}
.pdp-buy table.variations tbody,
.pdp-buy table.variations tr{display:block;}
.pdp-buy table.variations th.label{display:block;padding:0 0 6px;font-weight:600;font-size:13px;color:var(--ink);text-align:left;}
.pdp-buy table.variations td.value{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.pdp-buy table.variations select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%231c1b18' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;border:1px solid var(--line);border-radius:10px;height:52px;min-width:200px;padding:0 40px 0 16px;font-family:inherit;font-size:15px;color:var(--ink);cursor:pointer;}
.pdp-buy table.variations select:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(193,5,20,.12);}
.pdp-buy .reset_variations{font-size:13px;color:var(--red);font-weight:600;}
.pdp-buy .single_variation_wrap{display:block;}
.pdp-buy .woocommerce-variation-price{margin:0 0 12px;}
.pdp-buy .woocommerce-variation-price .price{font-weight:700;font-size:22px;color:var(--ink);}
.pdp-buy .woocommerce-variation-add-to-cart{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.pdp-buy .woocommerce-variation-add-to-cart .quantity .qty{height:52px;width:76px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:16px;font-family:inherit;}
.pdp-buy .single_add_to_cart_button{background:var(--red);color:#fff;border:0;font-weight:600;border-radius:10px;}
.pdp-buy .single_add_to_cart_button:hover{background:var(--red-dark);color:#fff;}
.pdp-buy .single_add_to_cart_button.disabled,
.pdp-buy .single_add_to_cart_button.wc-variation-selection-needed{background:var(--red);color:#fff;opacity:.5;cursor:not-allowed;}
/* Variation options as pill/tab buttons */
.pdp-buy .asal-swatches{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 4px;}
.pdp-buy .asal-swatch{padding:11px 20px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;}
.pdp-buy .asal-swatch:hover{border-color:var(--red);color:var(--red);}
.pdp-buy .asal-swatch.active{background:var(--red);border-color:var(--red);color:#fff;}
.pdp-buy select.asal-select-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;opacity:0;pointer-events:none;}

/* ============================================================
   AJAX cart: card in-cart state, slide-in drawer, toast
   ============================================================ */
/* Product card: swap Add to Cart for a View cart button once in the basket. */
.cart-row .view-cart-link{display:none;}
.cart-row.in-cart .asal-add{display:none;}
.cart-row.in-cart .view-cart-link{display:inline-flex;background:var(--green);color:#fff;border:1px solid var(--green);}
.cart-row.in-cart .view-cart-link:hover{background:#fff;color:var(--green);}
.asal-add.loading{opacity:.6;pointer-events:none;}

/* Overlay */
.asal-overlay{position:fixed;inset:0;background:rgba(28,26,23,.5);opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s ease;z-index:300;}
.asal-overlay.show{opacity:1;visibility:visible;}
body.asal-drawer-lock{overflow:hidden;}

/* Drawer */
.asal-drawer{position:fixed;top:0;right:0;height:100%;width:410px;max-width:92vw;background:#fff;z-index:310;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);box-shadow:-16px 0 46px -12px rgba(28,26,23,.32);}
.asal-drawer.open{transform:none;}
.asal-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line);}
.asal-drawer-head h3{margin:0;font-size:18px;font-weight:600;color:var(--ink);}
.asal-drawer-close{font-size:26px;line-height:1;color:var(--muted);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease;}
.asal-drawer-close:hover{background:var(--search-bg);color:var(--ink);}
.asal-drawer-body{flex:1;overflow-y:auto;padding:8px 22px;}
.asal-drawer-empty{text-align:center;padding:60px 10px;display:flex;flex-direction:column;align-items:center;gap:16px;}
.asal-drawer-empty p{color:var(--muted);font-size:15px;}

/* Drawer line item */
.asal-line{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line);}
.asal-line .al-thumb{width:66px;height:66px;flex:none;background:var(--prod-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.asal-line .al-thumb img{max-width:80%;max-height:80%;object-fit:contain;}
.asal-line .al-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.asal-line .al-name{font-weight:600;font-size:14px;color:var(--ink);line-height:1.3;}
.asal-line .al-name:hover{color:var(--red);}
.asal-line .al-price{font-size:13px;color:var(--muted);}
.asal-line .al-controls{display:flex;align-items:center;gap:12px;margin-top:2px;}
.asal-line .al-line-total{font-weight:700;font-size:14px;color:var(--ink);white-space:nowrap;}
.stepper.mini{border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.stepper.mini button{width:28px;height:32px;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.stepper.mini button:hover{background:var(--red);color:#fff;}
.stepper.mini .qty{width:30px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;}
.al-remove{font-size:12px;color:var(--muted);text-decoration:underline;}
.al-remove:hover{color:var(--red);}

/* Drawer footer */
.asal-drawer-foot{border-top:1px solid var(--line);padding:18px 22px 22px;display:flex;flex-direction:column;gap:10px;}
.asal-sub{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:16px;color:var(--ink);}
.asal-sub-note{font-size:12px;color:var(--muted);margin:0 0 4px;}
.asal-drawer-foot .btn-red,.asal-drawer-foot .btn-outline{width:100%;}

/* Toast */
.asal-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,16px);background:var(--ink);color:#fff;padding:12px 22px;border-radius:10px;font-weight:600;font-size:14px;z-index:400;opacity:0;pointer-events:none;transition:opacity .28s ease, transform .28s ease;box-shadow:0 12px 30px -8px rgba(0,0,0,.4);}
.asal-toast.show{opacity:1;transform:translate(-50%,0);}

@media (max-width:520px){
  .asal-drawer{width:100%;max-width:100%;}
}

/* Cart page inside the (widened) .prose page wrapper: avoid double inset, span empty state. */
.prose .cart-wrap{max-width:none;margin:0;padding:8px 0 40px;}
.cart-wrap .empty-state{grid-column:1 / -1;}

/* ============================================================
   Checkout — ASAL layout & styling
   ============================================================ */
.woocommerce-checkout .woocommerce{max-width:none;}
/* Coupon / login info bars */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-info{background:var(--search-bg);border-top:3px solid var(--red);border-radius:0 0 10px 10px;color:var(--ink);font-size:14px;padding:14px 18px 14px 44px;}
.woocommerce-checkout .woocommerce-info::before,.woocommerce .woocommerce-info::before{color:var(--red);}
.woocommerce form.checkout_coupon{border:1px solid var(--line);border-radius:12px;padding:20px;}

/* Two-column: form left, sticky order summary right */
.woocommerce-checkout form.checkout.woocommerce-checkout{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:min-content 1fr;gap:0 40px;align-items:start;}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2;}
.woocommerce-checkout #customer_details .col2-set{display:block;width:auto;}
.woocommerce-checkout #customer_details .col2-set .col-1,
.woocommerce-checkout #customer_details .col2-set .col-2{width:auto;float:none;max-width:none;}
.woocommerce-checkout #customer_details .col2-set .col-2{margin-top:28px;}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 14px;font-size:20px;font-weight:700;color:var(--ink);}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;align-self:start;position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}

/* Section headings */
.woocommerce-checkout h3{font-size:20px;font-weight:700;color:var(--ink);margin:0 0 16px;}
.woocommerce-checkout #customer_details h3{padding-bottom:10px;border-bottom:1px solid var(--line);}

/* Fields */
.woocommerce form .form-row{padding:0;margin:0 0 16px;}
.woocommerce form .form-row label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.woocommerce form .form-row .required{color:var(--red);border:0;}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout select{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--search-bg);min-height:48px;line-height:1.4;box-shadow:none;}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:24px;padding:0;color:var(--ink);}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{top:12px;right:10px;}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-checkout select:focus{border-color:var(--red);background:#fff;outline:none;}
.woocommerce form .form-row textarea{min-height:100px;resize:vertical;}

/* Order review table */
.woocommerce-checkout #order_review .shop_table{width:100%;border:0;border-collapse:collapse;background:transparent;font-size:14px;}
.woocommerce-checkout #order_review .shop_table th,
.woocommerce-checkout #order_review .shop_table td{padding:12px 0;border:0;border-bottom:1px solid var(--line);text-align:left;}
.woocommerce-checkout #order_review .shop_table td:last-child,
.woocommerce-checkout #order_review .shop_table th:last-child{text-align:right;}
.woocommerce-checkout #order_review .shop_table thead th{text-transform:uppercase;font-size:11px;letter-spacing:.6px;color:var(--muted);}
.woocommerce-checkout #order_review .cart_item .product-name{font-weight:600;color:var(--ink);}
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td{font-size:18px;font-weight:800;color:var(--ink);border-bottom:0;padding-top:14px;}

/* Payment box */
.woocommerce-checkout #payment{background:transparent;border-radius:0;margin-top:6px;}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;margin:0 0 8px;}
.woocommerce-checkout #payment ul.payment_methods li{margin:0 0 8px;}
.woocommerce-checkout #payment div.payment_box{background:var(--search-bg);border-radius:10px;}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--search-bg);}
.woocommerce-checkout #payment .place-order{padding:0;}
.woocommerce-checkout #payment #place_order{width:100%;padding:15px 24px;font-size:16px;border-radius:10px;margin-top:10px;}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text{font-size:12px;color:var(--muted);margin-bottom:12px;}

@media (max-width:900px){
  .woocommerce-checkout form.checkout.woocommerce-checkout{grid-template-columns:1fr;gap:28px;}
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{grid-column:1;grid-row:auto;position:static;}
}

/* Featured / campaign tiles are now links */
.featured-grid a.fig,a.campaign{display:block;text-decoration:none;}

/* ============================================================
   My Account (WooCommerce) — ASAL styling
   ============================================================ */
.woocommerce-account .prose,
.woocommerce-account .woocommerce{max-width:100%!important;}
/* Two-column via flex */
.woocommerce-account .woocommerce{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;}

/* Sidebar */
.woocommerce-account.logged-in .woocommerce{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start;max-width:var(--maxw);margin-inline:auto;padding:32px var(--pad) 64px;}
.woocommerce-account .woocommerce-MyAccount-navigation{flex:0 0 250px;width:250px;float:none;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);padding:12px;align-self:flex-start;}
.woocommerce-account .acct-who{display:flex;gap:12px;align-items:center;padding:6px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:8px;}
.woocommerce-account .acct-who .av{width:46px;height:46px;flex:none;border-radius:999px;background:var(--red);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;text-transform:uppercase;}
.woocommerce-account .acct-who .nm{font-weight:600;font-size:14px;}
.woocommerce-account .acct-who .em{font-size:12px;color:var(--muted);margin-top:1px;word-break:break-all;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;border:0;}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:11px 12px;border-radius:9px;font-weight:500;font-size:14px;color:var(--ink);text-decoration:none;transition:background-color .15s ease,color .15s ease;}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--search-bg);}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--red);color:#fff;}

/* Content column */
.woocommerce-account .woocommerce-MyAccount-content{flex:1;min-width:0;float:none;width:auto;color:var(--ink);}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3{font-weight:700;color:var(--ink);margin-top:0;}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.btn-red):not(.btn-outline){color:var(--red);}

/* Dashboard cards */
.asal-dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 24px;}
.asal-dash-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center;box-shadow:0 10px 26px -8px rgba(28,26,23,.1);}
.asal-dash-stat .n{font-size:26px;font-weight:800;color:var(--red);}
.asal-dash-stat .l{font-size:13px;color:var(--muted);margin-top:4px;}
.asal-panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
@media (max-width:600px){.asal-dash-cards{grid-template-columns:1fr 1fr;}}

@media (max-width:820px){
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content{flex:1 1 100%;width:100%;position:static;}
	.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:20px;}
}

/* Tables (orders, downloads) */
.woocommerce-account table.shop_table{width:100%;border:1px solid var(--line);border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:14px;background:#fff;margin:0 0 20px;}
.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td{padding:12px 14px;border-top:0;border-bottom:1px solid var(--line);text-align:left;}
.woocommerce-account table.shop_table thead th{background:var(--search-bg);text-transform:uppercase;font-size:11px;letter-spacing:.5px;color:var(--muted);}
.woocommerce-account table.shop_table tr:last-child td{border-bottom:0;}

/* Addresses (WooCommerce uses a floated col2-set; force a clean 2-col grid) */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content .u-columns,
.woocommerce-account .woocommerce-MyAccount-content .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;float:none;width:100%;}
.woocommerce-account .woocommerce-MyAccount-content .col2-set::before,
.woocommerce-account .woocommerce-MyAccount-content .col2-set::after,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::before,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::after{display:none;}
.woocommerce-account .woocommerce-MyAccount-content .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col-2,
.woocommerce-account .woocommerce-MyAccount-content .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .u-column2,
.woocommerce-account .woocommerce-Address{float:none;width:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:0;}
.woocommerce-account .woocommerce-Address{padding:0;border:0;background:transparent;}
.woocommerce-account .woocommerce-Address address{font-style:normal;line-height:1.7;color:var(--muted);}
.woocommerce-account .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.woocommerce-account .woocommerce-Address-title h3{margin:0;}
@media (max-width:600px){
	.woocommerce-account .woocommerce-Addresses,
	.woocommerce-account .woocommerce-MyAccount-content .u-columns,
	.woocommerce-account .woocommerce-MyAccount-content .col2-set{grid-template-columns:1fr;}
}

/* Login / register (logged out) */
.woocommerce-account:not(.logged-in) .woocommerce{max-width:480px;margin-inline:auto;}
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 10px 28px -6px rgba(28,26,23,.1);}
.woocommerce-account .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-Button{width:100%;}

.cart-item a.ci-name{color:var(--ink);text-decoration:none;display:block;}
.cart-item a.ci-name:hover{color:var(--red);}

/* PDP buy row: stepper + Add to cart + Buy now */
.pdp-buy{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px;}
.pdp-stepper button,.pdp-stepper .qty{width:44px;height:52px;font-size:16px;}
.pdp-buy .btn-red,.pdp-buy .btn-outline{padding:15px 30px;font-size:15px;}
.pdp-buy .asal-buynow{background:var(--ink);color:#fff;border-color:var(--ink);}
.pdp-buy .asal-buynow:hover{background:#000;color:#fff;}