/* ===== Design tokens (extracted from existing site) ===== */
:root{
  --zk-green:#123D2A;
  --zk-green-dark:#123D2A;
  --zk-green-tint:#F3EEE3;
  --zk-nav-hl:#dcebdc;        /* ~50% light green — nav hover/active fill */
  --zk-yellow:#E8A92E;
  --zk-ink:#1a1a1a;
  --zk-ink-soft:#1a1a1a;
  --zk-gray:#F3EEE3;
  --zk-safe-top:env(safe-area-inset-top,0px);  /* notch / dynamic island */
  --zk-header-offset:calc(var(--zk-header-h) + var(--zk-safe-top));
  --zk-line:#F3EEE3;
  --zk-header-h:72px;
  --zk-radius:8px;
  --zk-radius-lg:12px;
  --zk-shadow-sm:0 1px 12px rgba(0,0,0,.06);
  --zk-shadow-icon:0 3px 10px rgba(0,0,0,.08);
  --zk-shadow-pop:0 12px 30px rgba(0,0,0,.12);
  /* Zukro incentive color tokens — source of truth from PDP offer chip */
  --zk-terracotta:#9a5b12;       /* PDP offer chip amber/terracotta text */
  --zk-offer-bg:#fbf3df;         /* PDP offer chip warm gold background */
  --zk-offer-border:#e3c98c;     /* PDP offer chip gold border */
  --zk-seeds-green:#1f7a3d;      /* PDP Seeds earning icon/text */
  --zk-success-bg:#f0fdf4;       /* savings / success light green background */
  /* Subscribe & Save shared tokens — align PDP + cart + drawer */
  --zk-subscribe-bg:#F3EEE3;     /* warm cream background (cart card reference) */
  --zk-subscribe-border:#e8e1d4; /* warm beige border */
}

*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--font-body);overflow-x:hidden;}

/* Safe-area body offset — overrides the per-page padding-top:72px on notched devices */
body{padding-top:var(--zk-header-offset)!important;}

/* Global touch polish — no blue flash, no 300ms delay on tappable elements */
a,button,label,[role=button],[tabindex]{-webkit-tap-highlight-color:transparent;}
button,a,label,[role=button]{touch-action:manipulation;}

/* ===== Header shell ===== */
.header{
  position:fixed;top:0;left:0;width:100%;
  height:calc(var(--zk-header-h) + var(--zk-safe-top));
  padding-top:var(--zk-safe-top);
  background:#fff;z-index:99999;box-shadow:var(--zk-shadow-sm);
  transition:height .25s ease, box-shadow .25s ease;
}
.zk-header-inner{
  height:var(--zk-header-h);
  display:flex;align-items:center;gap:14px;
  transition:height .25s ease;
}
/* slimmer header once the page is scrolled (set by headerShrink) */
.header.zk-shrink{height:calc(60px + var(--zk-safe-top));box-shadow:0 2px 14px rgba(0,0,0,.09);}
.header.zk-shrink .zk-header-inner{height:60px;}
.header.zk-shrink .logo{height:38px;}

/* Brand (left) — equal-width side column so nav sits at TRUE center */
.navbar-brand{display:flex;align-items:center;justify-content:flex-start;flex:1 1 0;margin:0;padding:0;}
/* nav wrapper stays content-width in the middle */
.zk-header-inner > nav{flex:0 0 auto;}
.logo{height:46px;width:auto;display:block;transition:.3s;}
.logo:hover{transform:scale(1.03);}

/* ===== Center navigation (desktop) ===== */
.zk-nav{
  display:flex;align-items:center;justify-content:center;gap:4px;
  list-style:none;
}
.zk-nav .nav-link{
  font-size:15px;font-weight:500;color:var(--zk-ink);
  padding:9px 16px;text-decoration:none;border-radius:8px;
  transition:color .2s,background .2s;
}
/* No underline — light-green fill across the whole item bar (hover + active) */
.zk-nav .nav-link:hover{color:var(--zk-green);background:var(--zk-nav-hl);}
.zk-nav .nav-link.active{color:var(--zk-green);font-weight:600;background:var(--zk-nav-hl);}

/* Shop = highlighted light, lightly-rounded button */
.zk-nav .shop-btn{
  background:var(--zk-green-tint);
  color:var(--zk-green);
  font-weight:600;
  border-radius:var(--zk-radius);
  padding:9px 18px;
  transition:background .25s,color .25s,box-shadow .25s,transform .25s;
}
.zk-nav .shop-btn:hover{
  background:var(--zk-green);color:#fff;
  box-shadow:0 6px 16px rgba(45,91,50,.28);transform:translateY(-1px);
}
.zk-nav .shop-btn.active{background:var(--zk-green);color:#fff;}

/* ===== Right-side actions ===== — equal-width side column, pinned right */
.icon-menu{display:flex;align-items:center;justify-content:flex-end;flex:1 1 0;gap:14px;}
.icon-box{
  height:48px;width:48px;background:var(--zk-gray);
  border-radius:10px;display:flex;justify-content:center;align-items:center;
  position:relative;text-decoration:none;color:var(--zk-ink-soft);
  box-shadow:var(--zk-shadow-icon);transition:.35s;cursor:pointer;border:none;
}
.icon-box i{font-size:22px;animation:pulse 2s infinite;}
.icon-box:hover{background:var(--zk-green);transform:translateY(-5px);}
.icon-box:hover i{color:var(--zk-yellow);}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}

.cart-badge{
  position:absolute;top:-5px;right:-5px;height:22px;width:22px;
  background:#9a3412;color:#fff;font-size:11px;border-radius:50%;
  display:flex;justify-content:center;align-items:center;font-weight:600;
}
.cart-badge[hidden]{
  display:none !important;
}

/* ===== Profile dropdown ===== */
.zk-profile{position:relative;}
.zk-profile-menu{
  position:absolute;top:calc(100% + 12px);right:0;min-width:210px;
  background:rgba(255,255,255,.92);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(0,0,0,.05);
  border-radius:var(--zk-radius-lg);box-shadow:var(--zk-shadow-pop);
  padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .25s,transform .25s,visibility .25s;z-index:100000;
}
.zk-profile-menu.open{opacity:1;visibility:visible;transform:translateY(0);}
.zk-profile-head{padding:8px 12px 10px;border-bottom:1px solid var(--zk-line);margin-bottom:6px;}
.zk-profile-head .zk-pf-name{font-size:14px;font-weight:600;color:var(--zk-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zk-profile-head .zk-pf-sub{font-size:12px;color:#888;}
.zk-profile-menu a,.zk-profile-menu button{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:11px 12px;border:none;background:none;text-align:left;
  font:inherit;font-size:14px;color:var(--zk-ink-soft);text-decoration:none;
  border-radius:8px;cursor:pointer;transition:background .2s,color .2s;
}
.zk-profile-menu a i,.zk-profile-menu button i{width:18px;text-align:center;color:var(--zk-green);}
.zk-profile-menu a:hover,.zk-profile-menu button:hover{background:var(--zk-green-tint);color:var(--zk-green);}
.zk-profile-menu .zk-logout{color:#9a3412;}
.zk-profile-menu .zk-logout i{color:#9a3412;}
.zk-profile-menu .zk-logout:hover{background:#F3EEE3;color:#9a3412;}
/* auth-state toggles (default: logged out) */
.zk-profile-menu .zk-auth-in,
.zk-drawer .zk-auth-in,
.zk-drawer .zk-auth-out{display:none !important;}
body.zk-signed-in .zk-profile-menu .zk-auth-in,
body.zk-signed-in .zk-drawer .zk-auth-in{display:flex !important;}
body.zk-signed-in .zk-profile-menu .zk-auth-out,
body.zk-signed-in .zk-drawer .zk-auth-out{display:none !important;}
body:not(.zk-signed-in) .zk-drawer .zk-auth-out{display:block !important;}

/* ===== Search modal ===== */
.zk-search-overlay{
  position:fixed;inset:0;z-index:100001;
  background:rgba(20,30,20,.45);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:.3s;
  display:flex;align-items:flex-start;justify-content:center;
  padding:18px;
}
.zk-search-overlay.active{opacity:1;visibility:visible;}
.zk-search-panel{
  width:100%;max-width:680px;margin-top:14vh;background:#fff;
  border-radius:var(--zk-radius-lg);box-shadow:var(--zk-shadow-pop);
  padding:16px;transform:translateY(-16px);transition:transform .3s;
}
.zk-search-overlay.active .zk-search-panel{transform:translateY(0);}
.zk-search-row{display:flex;align-items:center;gap:10px;}
.zk-search-row i.fa-magnifying-glass{font-size:18px;color:var(--zk-green);}
.zk-search-input{
  flex:1;border:none;outline:none;font:inherit;font-size:18px;
  padding:12px 4px;color:var(--zk-ink);background:transparent;
}
.zk-search-close{background:var(--zk-gray);border:none;border-radius:8px;
  height:40px;width:40px;font-size:18px;cursor:pointer;color:var(--zk-ink-soft);
  transition:.25s;}
.zk-search-close:hover{background:var(--zk-green);color:#fff;}
.zk-search-results{margin-top:8px;max-height:46vh;overflow:auto;}
.zk-search-hint{padding:14px 4px;color:#999;font-size:14px;}

/* ===== Mobile drawer ===== */
.zk-burger{display:none;}
.zk-drawer-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99998;
  opacity:0;visibility:hidden;transition:.35s;
}
.zk-drawer-overlay.active{opacity:1;visibility:visible;}
.zk-drawer{
  position:fixed;top:0;left:-100vw;width:min(360px,92vw);max-width:none;height:100vh;
  background:#fff;z-index:99999;box-shadow:8px 0 25px rgba(0,0,0,.15);
  transition:left .35s ease;display:none;flex-direction:column;
  padding:calc(18px + var(--zk-safe-top)) 18px max(18px, env(safe-area-inset-bottom));
  overflow-y:auto;overscroll-behavior:contain;
}
.zk-drawer.active{left:0;display:flex;}
.zk-drawer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.zk-drawer-top img{display:block;width:min(220px,calc(100% - 52px));height:auto;max-width:100%;}
.zk-drawer-close{flex:0 0 40px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;cursor:pointer;color:var(--zk-ink);min-height:40px;}
.zk-drawer-nav{display:flex;flex-direction:column;}
.zk-drawer-nav a{
  font-size:16px;font-weight:500;color:var(--zk-ink);text-decoration:none;
  padding:14px 6px;border-bottom:1px solid #F3EEE3;display:flex;align-items:center;gap:10px;
}
.zk-drawer-nav a:hover,.zk-drawer-nav a.active{color:var(--zk-green);}
.zk-drawer-nav a.shop-btn{
  background:var(--zk-green-tint);color:var(--zk-green);font-weight:600;
  border-radius:var(--zk-radius);border-bottom:none;justify-content:center;margin:6px 0;
}
.zk-drawer-divider{height:1px;background:var(--zk-line);margin:12px 0;}
.zk-drawer-cta{
  display:block;text-align:center;background:var(--zk-green);color:#fff;
  padding:13px;border-radius:var(--zk-radius);text-decoration:none;font-weight:600;margin-top:4px;
}
.zk-drawer-nav a.zk-drawer-cta{justify-content:center;color:#fff;border-bottom:none;padding:13px;}
.zk-drawer-cta:hover{background:var(--zk-green-dark);color:#fff;}

body.zk-no-scroll{overflow:hidden;}

/* ===== Responsive ===== */
@media(max-width:991px){
  .zk-nav{display:none;}                 /* desktop nav -> drawer */
  .zk-profile{display:none;}             /* profile lives in drawer on mobile */
  .zk-burger{
    display:flex;justify-content:center;align-items:center;
    height:46px;width:46px;border:none;background:none;cursor:pointer;
    font-size:22px;color:var(--zk-ink);border-radius:10px;
  }
  .zk-header-inner{gap:8px;min-width:0;}
  .navbar-brand{position:absolute;left:50%;transform:translateX(-50%);} /* centered logo */
  .logo{height:40px;}
  .icon-menu{margin-left:auto;flex:0 0 auto;gap:8px;max-width:calc(50vw - 34px);}
  .icon-box{height:40px;width:40px;min-width:40px;}
  .icon-box i{font-size:20px;}
}
@media(max-width:420px){
  .header .container{padding-left:12px;padding-right:12px;}
  .zk-burger{width:40px;height:40px;font-size:20px;}
  .logo{height:36px;}
  .icon-menu{gap:6px;max-width:calc(50vw - 28px);}
  .icon-box{width:38px;height:38px;min-width:38px;}
}
@media(min-width:992px){
  .zk-drawer,.zk-drawer-overlay{display:none;}
}

/* ===== Cart drawer (unchanged — cart.js depends on these) ===== */
#cartOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transition:.4s;z-index:99998;}
#cartOverlay.active{opacity:1;visibility:visible;}
#cartDrawer{position:fixed;top:0;right:0;width:min(400px,100vw);max-width:100vw;height:100vh;background:#fff;
  z-index:99999;transition:transform .4s;transform:translateX(100%);display:none;flex-direction:column;box-shadow:-8px 0 25px rgba(0,0,0,.15);overscroll-behavior:contain;}
#cartDrawer.active{transform:translateX(0);display:flex;}
.cart-head{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--zk-line);}
.cart-head button{background:none;border:none;font-size:25px;cursor:pointer;}
.cart-head-copy{display:flex;flex-direction:column;gap:3px;}
.cart-head-copy p{margin:0;font-size:12px;color:#7d887c;}
#cartItems{padding:18px 20px;overflow:auto;flex:1;background:#F3EEE3;}
.cart-footer{padding:18px 20px;border-top:1px solid var(--zk-line);background:#fff;}
.cart-foot-note{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#647067;line-height:1.45;margin:0 0 12px;}
.cart-foot-note i{color:var(--zk-green);margin-top:2px;}
.cart-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;}
.cart-summary h5{margin:0;font-size:20px;color:var(--zk-ink);}
.cart-summary p{margin:4px 0 0;font-size:12px;color:#7d887c;}
.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.checkout-btn,.cart-secondary-btn{display:block;padding:13px 14px;text-align:center;border-radius:var(--zk-radius);text-decoration:none;font-weight:600;transition:.2s;}
.checkout-btn{background:var(--zk-green);color:#fff;}
.checkout-btn:hover{background:var(--zk-green-dark);color:#fff;}
.cart-secondary-btn{background:#F3EEE3;color:var(--zk-green);border:1px solid rgba(45,91,50,.14);}
.cart-secondary-btn:hover{background:var(--zk-green-tint);color:var(--zk-green);}
.cart-links{display:flex;justify-content:space-between;gap:12px;margin-top:12px;}
.cart-links a{font-size:12px;color:var(--zk-green);text-decoration:none;font-weight:600;}
.cart-links a:hover{text-decoration:underline;}

/* ===== Shopflo-style drawer enhancements (zk- prefixed, scoped) ===== */
/* FOMO timer */
.zk-fomo{display:flex;align-items:center;gap:8px;background:#F3EEE3;border:1px solid #CED6C9;color:#9a3412;border-radius:10px;padding:9px 12px;font-size:12.5px;font-weight:600;margin-bottom:14px;}
.zk-fomo b{font-variant-numeric:tabular-nums;}
/* Milestone bar */
.zk-ms{margin-bottom:16px;}
.zk-ms-head{font-size:12.5px;font-weight:600;color:var(--zk-green);margin-bottom:14px;text-align:center;}
.zk-ms-track{position:relative;height:8px;background:#e9efe8;border-radius:20px;margin:0 6px 30px;}
.zk-ms-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#123D2A,#123D2A);border-radius:20px;transition:width .5s ease;}
.zk-ms-marker{position:absolute;top:50%;transform:translate(-50%,-50%);text-align:center;}
.zk-ms-dot{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #cdd8cc;font-size:10px;line-height:1;margin:0 auto;}
.zk-ms-marker.reached .zk-ms-dot{background:var(--zk-green);border-color:var(--zk-green);color:#fff;}
.zk-ms-lbl{position:absolute;top:24px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9.5px;color:#6a756a;font-weight:600;}
.zk-ms-marker.reached .zk-ms-lbl{color:var(--zk-green);}
/* Item card */
.zk-citem{display:flex;gap:12px;background:#fff;border:1px solid #F3EEE3;border-radius:12px;padding:12px;margin-bottom:10px;}
.zk-citem-img{flex:0 0 56px;width:56px;height:56px;border-radius:9px;background:#F3EEE3;display:flex;align-items:center;justify-content:center;color:#CED6C9;font-size:20px;overflow:hidden;}
.zk-citem-img img{width:100%;height:100%;object-fit:cover;}
.zk-citem-body{flex:1;min-width:0;}
.zk-citem-title{font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.35;margin:0 0 2px;}
.zk-citem-variant{font-size:11px;color:#7d887c;margin-bottom:8px;}
.zk-citem-row{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.zk-qty{display:inline-flex;align-items:center;border:1px solid #dbe4d7;border-radius:999px;background:#F3EEE3;}
.zk-qty button{width:28px;height:28px;border:none;background:transparent;color:var(--zk-green);font-size:15px;font-weight:700;cursor:pointer;}
.zk-qty span{min-width:26px;text-align:center;font-size:12.5px;font-weight:700;color:#1a1a1a;}
.zk-citem-price{text-align:right;}
.zk-citem-price b{font-size:14px;color:var(--zk-ink);}
.zk-citem-mrp{font-size:11.5px;color:#9aa3a0;text-decoration:line-through;margin-right:5px;}
.zk-citem-off{font-size:10px;font-weight:700;color:#9a3412;}
.zk-citem-del{background:none;border:none;color:#9a3412;font-size:11px;font-weight:600;cursor:pointer;padding:4px 0 0;}
.zk-cold-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#1565c0;background:#e3f2fd;border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:middle;}
/* Cross-sell */
.zk-xsell{margin:6px 0 16px;}
.zk-xsell-h{font-size:12.5px;font-weight:700;color:#1a1a1a;margin-bottom:9px;}
.zk-xsell-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;}
.zk-xcard{flex:0 0 120px;border:1px solid #F3EEE3;border-radius:10px;padding:8px;background:#fff;}
.zk-xcard-img{width:100%;aspect-ratio:1/1;border-radius:7px;background:#F3EEE3;display:flex;align-items:center;justify-content:center;color:#CED6C9;font-size:18px;overflow:hidden;margin-bottom:6px;}
.zk-xcard-img img{width:100%;height:100%;object-fit:cover;}
.zk-xcard-t{font-size:11px;color:#3a463c;line-height:1.3;height:28px;overflow:hidden;margin-bottom:4px;}
.zk-xcard-p{font-size:12px;font-weight:700;color:var(--zk-ink);margin-bottom:6px;}
.zk-xadd{display:block;width:100%;border:1px solid var(--zk-green);background:#fff;color:var(--zk-green);border-radius:7px;padding:6px;font-size:11px;font-weight:700;cursor:pointer;}
.zk-xadd:hover{background:var(--zk-green);color:#fff;}
/* Sign-in hook */
.zk-signhook{background:#F3EEE3;border:1px solid #CED6C9;border-radius:12px;padding:13px 14px;margin-bottom:14px;}
.zk-signhook p{margin:0 0 4px;font-size:12.5px;color:#123D2A;line-height:1.45;}
.zk-signhook .zk-trustline{font-size:11px;color:#123D2A;margin:6px 0 10px;display:flex;align-items:center;gap:6px;}
.zk-signhook a.zk-signbtn{display:block;text-align:center;background:var(--zk-green);color:#fff;text-decoration:none;border-radius:9px;padding:10px;font-size:13px;font-weight:700;}
/* Price breakdown */
.zk-brk{background:#fff;border:1px solid #F3EEE3;border-radius:12px;padding:14px;margin-bottom:14px;}
.zk-brk-row{display:flex;justify-content:space-between;font-size:12.5px;color:#5f6b60;margin-bottom:8px;}
.zk-brk-row.green span:last-child{color:var(--zk-green);font-weight:600;}
.zk-brk-row .zk-hooklink{color:var(--zk-green);font-weight:600;cursor:pointer;font-size:11.5px;}
.zk-brk-total{display:flex;justify-content:space-between;align-items:baseline;font-size:18px;font-weight:800;color:var(--zk-ink);border-top:1px solid #F3EEE3;padding-top:11px;margin-top:4px;}
.zk-brk-saved{background:#e7f1e9;color:#123D2A;text-align:center;border-radius:8px;padding:7px;font-size:12px;font-weight:700;margin-top:10px;}
.zk-paynudge{display:flex;align-items:center;gap:7px;background:#F3EEE3;border:1px dashed #CED6C9;border-radius:9px;padding:9px 11px;font-size:12px;color:#123D2A;font-weight:600;margin-bottom:14px;}
/* Trust badges */
.zk-trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:4px 0 2px;}
.zk-trust span{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:#6a756a;font-weight:600;}
.zk-trust i{color:var(--zk-green);}
/* Zepto-style sections */
.zk-sec{border-radius:12px;padding:14px;margin-bottom:12px;}
.zk-sec-h{font-size:13px;font-weight:700;color:#1a1a1a;margin:0 0 10px;display:flex;align-items:center;gap:7px;}
.zk-sec-h i{color:var(--zk-green);}
.zk-sec-offers{background:#F3EEE3;border:1px solid #e6ece4;}
.zk-sec-bill{background:#fff;border:1px solid #F3EEE3;box-shadow:0 2px 10px rgba(20,40,25,.05);}
.zk-offer-line{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#4a5a4c;}
.zk-offer-line i{color:var(--zk-green);}
/* Savings banner (sticky footer, above checkout) */
.zk-savings-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#e7f1e9;color:#123D2A;border:1px solid #CED6C9;border-radius:10px;padding:10px;font-size:13px;font-weight:700;margin-bottom:10px;}
.zk-savings-banner i{color:var(--zk-green);}
/* Two-line trust */
.zk-trust2{font-size:10.5px;color:#6a756a;font-weight:600;text-align:center;line-height:1.9;margin-bottom:10px;}
.zk-trust2 i{color:var(--zk-green);}
/* Sticky checkout CTA */
.checkout-btn{background:var(--zk-green);color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;}
.checkout-btn .zk-co-total{font-weight:800;}
.cart-viewfull{display:block;text-align:center;margin-top:9px;font-size:12px;color:#7d887c;text-decoration:none;font-weight:600;}
.cart-viewfull:hover{color:var(--zk-green);text-decoration:underline;}
@media(max-width:500px){#cartDrawer{width:100%;}}

/* ============================================================
   DRAWER CART — full premium upgrade to match the product page.
   BRAND COLOURS ONLY (green #123D2A, gold #E8A92E, cream #F3EEE3,
   sage #CED6C9, warm-white cards, amber-ink #9a5b12 for readable
   gold text). Visual only — every class cart.js renders is kept.
   ============================================================ */
#cartDrawer{
  --zg:#123D2A; --zg-d:#0d2c1f; --zg-soft:#1f7a3d;
  --gold:#E8A92E; --gold-ink:#9a5b12; --red:#9a3412;
  --cream:#F3EEE3; --panel:#F4EFE4; --card:#FFFDF8;
  --txt:#123D2A; --muted:#5f6b60; --soft:#7d897f;
  --bd:#e7e1d3; --bd-med:#CED6C9; --bd-gold:rgba(232,169,46,.45);
  --sh:0 12px 30px rgba(16,40,28,.08);
  width:min(420px,100vw); max-width:100vw; background:var(--panel); color:var(--txt);
  box-shadow:-16px 0 40px rgba(16,40,28,.16); z-index:100001;
}
#cartOverlay{z-index:100000;}
#cartDrawer :focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* ---- header: sticky cream/blur, larger title, round close ---- */
.cart-head{position:sticky;top:0;z-index:6;padding:22px 24px 18px;
  background:rgba(244,239,228,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--bd);}
.cart-head-copy h4{font-size:clamp(22px,3vw,28px);line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--zg);}
.cart-head-copy p{font-size:14px;color:var(--muted);margin-top:5px;}
.cart-head button{width:42px;height:42px;border-radius:999px;color:var(--muted);font-size:21px;line-height:1;
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:.15s;}
.cart-head button:hover,.cart-head button:focus-visible{background:var(--cream);color:var(--zg);}

/* ---- body + subtle 6px scrollbar ---- */
#cartItems{background:var(--panel);padding:22px 24px 26px;scrollbar-width:thin;scrollbar-color:rgba(18,61,42,.5) transparent;}
#cartItems::-webkit-scrollbar{width:6px;}
#cartItems::-webkit-scrollbar-track{background:transparent;}
#cartItems::-webkit-scrollbar-thumb{background:rgba(18,61,42,.5);border-radius:999px;}
#cartItems::-webkit-scrollbar-thumb:hover{background:rgba(18,61,42,.78);}

/* ---- reserved-cart / high-demand banner ---- */
.zk-fomo{align-items:center;gap:12px;padding:14px 16px;border-radius:16px;margin-bottom:18px;
  background:var(--card);border:1px solid var(--bd-gold);box-shadow:var(--sh);
  color:var(--zg);font-weight:700;font-size:13px;}
.zk-fomo i{flex:0 0 auto;width:32px;height:32px;border-radius:999px;background:rgba(232,169,46,.16);
  color:var(--gold-ink);display:inline-flex;align-items:center;justify-content:center;font-size:14px;}
.zk-fomo b{margin-left:auto;font-size:16px;font-weight:800;color:var(--gold-ink);white-space:nowrap;}

/* ---- free-ship progress: slim track, green→gold fill, cream chips ---- */
.zk-ms{margin-bottom:18px;}
.zk-ms-head{font-size:14px;font-weight:800;color:var(--zg);margin-bottom:16px;text-align:center;}
.zk-ms-track{height:10px;background:rgba(18,61,42,.12);border-radius:999px;margin:0 8px 30px;}
.zk-ms-fill{background:linear-gradient(90deg,var(--zg),var(--gold));}
.zk-ms-dot{width:22px;height:22px;border:2px solid #cdd8cc;background:#fff;}
.zk-ms-marker.reached .zk-ms-dot{background:var(--gold);border-color:var(--gold);color:var(--zg);}
.zk-ms-marker.reached .zk-ms-lbl{color:var(--zg);font-weight:700;}
.zk-ms-lbl{max-width:80px;}
.zk-ms-marker[style*="left:100%"] .zk-ms-lbl{left:auto;right:0;transform:none;text-align:right;}
.zk-ms-marker[style*="left:0%"] .zk-ms-lbl{left:0;transform:none;text-align:left;}

/* ---- item card: bigger image, bold title, premium qty + price ---- */
.zk-citem{gap:14px;padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--bd);
  box-shadow:0 4px 14px rgba(16,40,28,.05);transition:box-shadow .2s,border-color .2s;margin-bottom:14px;align-items:stretch;}
.zk-citem:hover{box-shadow:var(--sh);border-color:var(--bd-med);}
.zk-citem-img{flex:0 0 78px;width:78px;height:78px;border-radius:14px;background:var(--cream);align-self:flex-start;}
/* body is a column so the qty/price row bottom-aligns with the thumbnail */
.zk-citem-body{flex:1;min-width:0;display:flex;flex-direction:column;}
.zk-citem-title{font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--zg);line-height:1.25;}
.zk-citem-variant{font-size:12px;color:var(--muted);margin-bottom:8px;}
.zk-citem-row{margin-top:auto;}
/* quantity selector — same as PDP (sage buttons), just SMALLER for the drawer */
.zk-qty{display:inline-flex;align-items:center;border:1.5px solid #CED6C9;background:#fff;border-radius:10px;overflow:hidden;}
.zk-qty button{width:28px;height:30px;background:#CED6C9;border:none;color:var(--zg);font-size:15px;font-weight:800;cursor:pointer;transition:.15s;}
.zk-qty button:hover{background:#bcc8b6;}
.zk-qty span{min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--txt);font-size:13px;background:#fff;}
/* price block — MRP / sale / −% on ONE line, Remove below, right-aligned */
.zk-citem-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.zk-citem-prow{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.zk-citem-mrp{font-size:12px;color:var(--soft);text-decoration:line-through;font-weight:600;}
.zk-citem-price b{font-size:18px;font-weight:900;color:var(--zg);letter-spacing:-.02em;}
.zk-citem-off{font-size:11px;font-weight:800;color:var(--red);white-space:nowrap;}
.zk-citem-del{color:var(--red);font-weight:700;font-size:12px;background:none;border:none;cursor:pointer;padding:0;}

/* ---- recommendations carousel: even cards, snap, no cut, 2-line clamp ---- */
.zk-xsell-h{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--zg);margin-bottom:12px;}
.zk-xsell-row{gap:14px;padding:2px 24px 10px 2px;scroll-snap-type:x mandatory;}
.zk-xcard{flex:0 0 160px;scroll-snap-align:start;background:var(--card);border:1px solid var(--bd);
  border-radius:16px;padding:10px;box-shadow:0 4px 14px rgba(16,40,28,.05);transition:box-shadow .2s,transform .2s;}
.zk-xcard:hover{box-shadow:var(--sh);transform:translateY(-2px);}
.zk-xcard-img{aspect-ratio:1/1;height:auto;border-radius:11px;background:var(--cream);margin-bottom:9px;}
.zk-xcard-t{font-size:12px;font-weight:600;color:var(--txt);line-height:1.25;height:30px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.zk-xcard-p{font-size:14px;font-weight:800;color:var(--zg);}
.zk-xadd{min-height:38px;border:1.5px solid var(--zg);background:#fff;color:var(--zg);border-radius:10px;font-weight:800;transition:.18s;}
.zk-xadd:hover,.zk-xadd:focus-visible{background:var(--zg);color:#fff;}

/* ---- coupons & offers + sign-in hook ---- */
.zk-sec{border-radius:18px;padding:18px;}
.zk-sec-offers{background:rgba(244,239,228,.6);border:1px solid var(--bd);}
.zk-sec-h{font-size:17px;font-weight:800;color:var(--zg);}
.zk-sec-h i{color:var(--zg);}
.zk-signhook{background:var(--card);border:1px solid var(--bd-med);border-radius:14px;padding:16px;}
.zk-signhook p{font-size:13.5px;color:var(--txt);}
.zk-signhook .zk-trustline{color:var(--muted);}
.zk-signbtn{background:var(--zg);color:#fff;border-radius:12px;padding:12px;font-size:13.5px;font-weight:800;
  min-height:46px;display:flex;align-items:center;justify-content:center;transition:.18s;}
.zk-signbtn:hover,.zk-signbtn:focus-visible{background:var(--gold);color:var(--zg);}
.zk-offer-line{font-size:12.5px;color:var(--muted);}
.zk-offer-line i{color:var(--zg);}
.zk-paynudge{background:var(--cream);border:1px dashed var(--bd-med);color:var(--txt);}
.zk-paynudge i{color:var(--gold-ink);}

/* ---- Bill summary: Blinkit/Zepto flat-row style ---- */
.zk-bill{background:#fff;border-radius:14px;padding:14px 16px;margin-bottom:12px;border:1px solid #f0ede6;}
.zk-bill-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;}
.zk-bill-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f5f0e8;font-size:13.5px;}
.zk-bill-row span:first-child{color:#6b7280;font-weight:500;}
.zk-bill-row span:last-child{color:#111827;font-weight:600;}
.zk-bill-row span.zk-bill-green{color:#1a7a3f;font-weight:700;}
.zk-bill-total{display:flex;justify-content:space-between;align-items:center;border-top:4px solid var(--gold);margin-top:4px;padding:14px 0 4px;font-size:15px;font-weight:700;color:#111827;}
.zk-bill-savings{background:#f0fdf4;color:#15803d;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:700;text-align:center;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:7px;}
.zk-bill-savings i{font-size:12px;}
/* keep subnote for coupon/other areas */
.zk-hooklink{color:var(--zg);font-weight:700;}
.zk-subnote{display:block;margin-top:4px;font-size:11.5px;font-weight:500;line-height:1.4;color:var(--muted);}
a.zk-subnote.zk-hooklink{color:#3f6450;font-weight:600;text-decoration:underline;}
/* Seeds earn note — single compact line below bill box */
.zk-earn-note{display:flex;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;
  background:#F3EEE3;border-radius:8px;font-size:12.5px;font-weight:600;color:#4d6b58;line-height:1.4;}
.zk-earn-note i{color:#5a9a6a;font-size:12px;flex-shrink:0;}
/* Subscribe & Save — "Set it up." + a CALCULATED price line (subscribed vs struck) */
.zk-subhint{display:flex;align-items:flex-start;gap:9px;margin-top:11px;background:#FFFDF8;
  border:1px dashed var(--bd-gold);border-radius:12px;padding:12px 13px;font-size:13px;color:var(--txt);line-height:1.5;}
.zk-subhint i{color:var(--gold-ink);margin-top:2px;font-size:14px;} .zk-subhint b{color:var(--txt);}
.zk-sub-calc{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:14px;}
.zk-sub-calc b{color:var(--zg);font-weight:900;}
.zk-sub-calc s{color:#9aa3a0;font-weight:500;}
.zk-sub-save{color:#1f7a3d;font-weight:800;font-size:12px;}
.zk-subnote2{display:block;margin-top:4px;font-size:12px;font-weight:500;color:var(--muted);}

/* ---- footer + sticky checkout CTA (explicit white text, never inherits) ---- */
.cart-footer{background:rgba(244,239,228,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid var(--bd);padding:16px 24px max(18px,env(safe-area-inset-bottom));}
.zk-trust2{font-size:11.5px;color:var(--muted);font-weight:600;}
.zk-trust2 i{color:var(--zg-soft);}
.zk-savings-banner{background:rgba(18,61,42,.08);border:1px solid rgba(18,61,42,.18);color:var(--zg);font-weight:800;border-radius:14px;padding:12px;}
.zk-savings-banner i{color:var(--zg-soft);}
/* premium GOLDEN checkout CTA (dark-green label) */
.checkout-btn{background:linear-gradient(135deg,#E8A92E,#d6961c) !important;color:#123D2A !important;min-height:54px;border-radius:16px;
  font-size:16px;font-weight:900;letter-spacing:-.01em;border:1px solid #d6961c;
  display:flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:0 10px 24px rgba(207,148,33,.32);transition:transform .18s,box-shadow .2s,filter .2s;}
.checkout-btn:hover,.checkout-btn:focus-visible{filter:brightness(1.05) !important;color:#123D2A !important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(207,148,33,.4);}
.checkout-btn .zk-co-total{font-weight:900;color:inherit;}
.cart-viewfull{color:var(--muted);}
.cart-viewfull:hover{color:var(--zg);}

/* ---- mobile: full-width, safe-area, comfortable targets ---- */
@media(max-width:500px){
  #cartDrawer{width:100vw;max-width:100vw;}
  .cart-head{padding:20px 18px 15px;}
  #cartItems{padding:18px;}
  .cart-footer{padding:14px 18px max(16px,env(safe-area-inset-bottom));}
  .zk-citem-img{flex:0 0 70px;width:70px;height:70px;}
  .zk-xcard{flex:0 0 152px;}
}

/* ===== Cream/green PDP theme (gold = accent only). Reverts the golden drawer;
   adds the WELCOME10 coupon pill + Zukro Seeds Redeem cards. Brand colours only. ===== */
/* bill summary = cream theme override */
.zk-bill{background:var(--card);border-color:var(--bd);}
.zk-bill-row{border-bottom-color:var(--bd);}
.zk-bill-row span:first-child{color:var(--muted);}
.zk-bill-row span:last-child,.zk-bill-total{color:var(--zg);}
.zk-earn-note{background:#EDE8DC;}
.zk-subhint{background:var(--cream);border-color:var(--bd-med);}

/* ---- Coupons & offers: whole card SAGE #CED6C9; white WELCOME10; no button ---- */
.zk-sec-offers{background:#CED6C9;border:1px solid #c0cabb;}
.zk-sec-offers .zk-sec-h{color:var(--zg);}
.zk-sec-offers .zk-sec-h i{color:var(--zg);}
.zk-coupon-card{display:block;margin-top:10px;padding:0;background:none;border:none;}
.zk-coupon-mid{min-width:0;}
.zk-coupon-pill{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 18px;border-radius:11px;background:#fff;
  border:1px solid rgba(18,61,42,.18);color:var(--zg);font-size:19px;font-weight:900;letter-spacing:.05em;}
.zk-coupon-tick{color:#E8A92E;font-size:16px;letter-spacing:0;}
.zk-coupon-note{margin:8px 0 0;font-size:12.5px;color:var(--zg);opacity:.78;}
.zk-offer-line{font-size:13px;color:var(--zg);margin-top:6px;} .zk-offer-line i{color:var(--zg);}

/* ---- Zukro Seeds Redeem card ---- */
.zk-redeem{display:grid;grid-template-columns:40px 1fr;gap:13px;padding:16px;border-radius:18px;
  background:var(--card);border:1px solid var(--bd);box-shadow:0 4px 14px rgba(16,40,28,.05);align-items:start;}
.zk-redeem-ic{width:40px;height:40px;border-radius:999px;background:rgba(18,61,42,.09);color:var(--zg);
  display:flex;align-items:center;justify-content:center;font-size:17px;flex:0 0 auto;}
.zk-redeem h4{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--zg);}
.zk-redeem p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.45;}
.zk-redeem-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;min-height:42px;
  padding:0 16px;border-radius:12px;background:#fff;color:var(--zg);border:1.5px solid var(--zg);
  font-size:13.5px;font-weight:800;text-decoration:none;transition:.18s;}
.zk-redeem-btn:hover,.zk-redeem-btn:focus-visible{background:var(--zg);color:#fff;}

/* ============================================================
   9.5/10 DRAWER POLISH — Bill Summary hierarchy, premium coupon
   TICKET, readable muted-green helpers, calculated Subscribe&Save,
   refined gold CTA. Last block ⇒ wins the cascade. Brand colours
   only (green #123D2A · gold #E8A92E · cream/sage). Visual only —
   every value is still computed in cart.js from cart state.
   ============================================================ */
/* -- Bill Summary: farm theme row overrides -- */
.zk-bill{padding:16px 18px;}
.zk-bill-label{color:var(--muted);}
.zk-bill-row{font-size:14.5px;padding:10px 0;}
.zk-bill-row span:first-child{color:var(--muted);}
.zk-bill-row span:last-child{font-size:15px;font-weight:700;color:var(--zg);}
.zk-bill-row span.zk-bill-green{color:#1a7a3f;}
.zk-bill-total{font-size:16px;padding:13px 0 5px;}
.zk-bill-total span{color:var(--zg);}
/* -- Helper lines: muted base note; green "hook" variant; ⓘ info icon -- */
.zk-subnote{display:block;font-size:13px;font-weight:500;line-height:1.45;color:#8a9690;margin-top:5px;text-decoration:none;}
.zk-subnote-g{color:#2f7a47;font-weight:600;}
a.zk-subnote-g:hover,a.zk-subnote-g:focus-visible{color:var(--zg);text-decoration:underline;text-underline-offset:2px;}
a.zk-subnote.zk-hooklink{font-size:13px;color:#2f6a47;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
a.zk-subnote.zk-hooklink:hover{color:var(--zg);}
.zk-subnote2{display:block;font-size:13px;font-weight:500;color:#4d6b58;margin-top:5px;}
/* info (ⓘ) chip beside a row label */
.zk-binfo{font-size:11px;color:#9aab9f;margin-left:4px;}
.zk-binfo svg,.zk-binfo i{width:12px;height:12px;color:#9aab9f;vertical-align:-1px;}
/* green discount amount (e.g. coupon −₹0) */
.zk-amt-g{color:var(--zg-soft) !important;font-weight:700;}
/* -- Grand total: farm theme override — thick gold separator -- */
.zk-bill-total{font-size:17px;font-weight:800;border-top:4px solid var(--gold);padding-top:14px;margin-top:4px;}

/* -- Coupons & offers: compact pale-green card + inline white WELCOME10 ticket -- */
.zk-couponbox{background:#E9F0E7;border:1px solid #d6e2d2;border-radius:16px;padding:15px 16px;margin-bottom:14px;}
.zk-couponbox-h{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600;color:var(--zg);margin-bottom:12px;}
.zk-couponbox-h b{font-weight:800;}
.zk-couponbox-ic{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:var(--zg);
  color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;}
.zk-couponbox-ic i,.zk-couponbox-ic svg{width:13px;height:13px;color:#fff;}
.zk-ticket2{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e6ece2;
  border-radius:12px;padding:12px 16px;box-shadow:0 2px 8px rgba(16,40,28,.06);}
.zk-ticket2-ic{flex:0 0 auto;display:inline-flex;align-items:center;color:var(--gold);font-size:16px;}
.zk-ticket2-ic i,.zk-ticket2-ic svg{width:18px;height:18px;color:var(--gold);}
.zk-ticket2-code{flex:1;min-width:0;font-size:18px;font-weight:900;letter-spacing:.06em;color:var(--zg);}
.zk-ticket2-apply{flex:0 0 auto;font-size:13px;font-weight:800;letter-spacing:.04em;
  color:var(--zg-soft);text-decoration:none;padding:6px 4px;transition:.15s;}
.zk-ticket2-apply:hover,.zk-ticket2-apply:focus-visible{color:var(--zg);text-decoration:underline;text-underline-offset:2px;}
.zk-couponbox-foot{margin:12px 0 0;font-size:12.5px;font-weight:500;color:#4d6b58;}
.zk-couponbox-foot a{color:var(--zg);font-weight:700;text-decoration:underline;text-underline-offset:2px;}

/* -- Subscribe & Save: compact centred add-on card (mockup) -- */
.zk-subcard{margin-top:14px;padding:14px 16px;text-align:center;background:#E9F0E7;
  border:1px solid #d6e2d2;border-radius:14px;}
.zk-subcard-t{font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--zg);}
.zk-subcard-setup{margin-top:2px;font-size:12.5px;font-weight:500;color:#7c8a7e;}
.zk-subcard-save{margin-top:6px;font-size:13.5px;font-weight:800;color:var(--zg-soft);}

/* -- Total savings pill: calm, must NOT compete with the gold CTA -- */
.zk-savings-banner{background:rgba(18,61,42,.07);border:1px solid rgba(18,61,42,.16);
  color:var(--zg);font-weight:800;font-size:13px;border-radius:13px;padding:11px 14px;}
.zk-savings-banner i{color:var(--zg-soft);}
/* Per request: flat (no boxed pill) for the savings line + trust badges in the
   drawer footer — id selectors override every .zk-savings-banner/.zk-trust2 rule. */
#cartSavings{background:none;border:none;border-radius:0;padding:6px 0 4px;}
#cartTrust{background:none;border:none;border-radius:0;padding:0;}

/* -- Checkout CTA: premium warm gold, deep-green text, the strongest action -- */
.checkout-btn{font-size:17px !important;font-weight:900;min-height:56px;border-radius:16px;
  background:linear-gradient(135deg,#EFB23A,#D6961C) !important;color:#123D2A !important;
  border:1px solid #cf8f17;box-shadow:0 10px 26px rgba(207,148,33,.34);}
.checkout-btn .zk-co-total{font-size:18px;font-weight:900;color:#123D2A !important;}

/* ===== Accessibility helpers (carried over) ===== */
.skip-link{position:absolute;left:-999px;top:0;background:var(--zk-green);color:#fff;
  padding:10px 16px;z-index:100002;border-radius:0 0 8px 0;text-decoration:none;}
.skip-link:focus{left:0;}
:focus-visible{outline:3px solid var(--zk-green);outline-offset:2px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* ===== Drawer cart additions — FEFO, cold chain, honest FOMO, PDP parity ===== */

/* FOMO: honest dispatch-cutoff banner (wheat-awn icon + sub-text, matches cart-page.js) */
.zk-fomo i.fa-wheat-awn{color:#9a5b12;}
.zk-fomo > i{flex:0 0 auto;}
.zk-fomo > span{flex:1;min-width:0;}
.zk-fomo-sub{display:block;font-size:11.5px;font-weight:500;color:var(--muted);margin-top:3px;line-height:1.4;}

/* Item: clickable product title link */
.zk-citem-titlelink{color:inherit;text-decoration:none;}
.zk-citem-titlelink:hover{color:var(--zg);text-decoration:underline;text-underline-offset:2px;}

/* Item: variant line gets a box-open icon like the full cart page */
.zk-citem-variant{display:flex;align-items:center;gap:5px;}
.zk-citem-variant i{font-size:10px;color:#9aab9f;}

/* FEFO: best-before date line (compact, muted) */
.zk-fefo{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;
  color:#4d6b58;margin:4px 0 2px;}
.zk-fefo i{color:#1f7a3d;font-size:11px;}

/* Cold chain: prepaid-only warning block (terracotta-on-blue palette) */
.zk-citem-cold{display:flex;align-items:center;gap:6px;background:rgba(14,110,122,.08);
  border:1px solid rgba(14,110,122,.25);border-radius:8px;padding:7px 10px;
  font-size:11.5px;font-weight:700;color:#0e5a6a;margin:6px 0 2px;}
.zk-citem-cold i{color:#0e9bb0;font-size:12px;}

/* Remove button: add trash icon spacing */
.zk-citem-del i{margin-right:3px;}

/* Responsive: on very narrow phones (<390px) reduce item image and gap */
@media(max-width:390px){
  .zk-citem{gap:10px;padding:12px;}
  .zk-citem-img{flex:0 0 64px;width:64px;height:64px;}
  .zk-citem-title{font-size:13.5px;}
  .zk-qty button{width:26px;height:28px;}
  .zk-qty span{min-width:26px;height:28px;}
  .zk-fefo,.zk-citem-cold{font-size:11px;}
}

/* ============================================================
   ZUKRO MINIMAL WHITE DRAWER — pure white, no coloured boxes.
   Final block wins the cascade.
   ============================================================ */
#cartDrawer{
  --panel:#fff;--card:#fff;--cream:#f5f5f5;
  --bd:#f0f0f0;--bd-med:#e5e7eb;--bd-gold:#f0f0f0;
  background:#fff !important;
}

/* Header: white */
.cart-head{background:#fff !important;-webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;border-bottom:1px solid #f0f0f0;padding:18px 20px 14px;}
.cart-head-copy h4{font-size:19px;font-weight:700;letter-spacing:-.02em;}
.cart-head button{color:#9ca3af;}
.cart-head button:hover,.cart-head button:focus-visible{background:#f5f5f5 !important;color:#111;}

/* Body: white */
#cartItems{background:#fff !important;padding:0 20px 20px;}

/* FOMO: plain text, no box */
.zk-fomo{background:none !important;border:none !important;box-shadow:none !important;
  padding:12px 0 4px !important;margin-bottom:4px !important;
  font-size:12px;font-weight:600;color:#6b7280;gap:7px;}
.zk-fomo > i{background:none !important;width:auto !important;height:auto !important;
  border-radius:0 !important;font-size:13px;color:#9a5b12 !important;}
.zk-fomo b{font-size:13px;font-weight:700;color:#9a3412;margin-left:0;}

/* Milestone bar: transparent container, Zukro gold fill, dark-green tick */
.zk-ms{background:none !important;border:none !important;box-shadow:none !important;
  padding:6px 0 0;margin-bottom:12px;}
.zk-ms-head{font-size:12px;color:#374151;font-weight:600;}
.zk-ms-track{background:#ebebeb !important;height:6px !important;}
.zk-ms-fill{background:var(--zk-yellow) !important;}
.zk-ms-dot{border-color:#e0e0e0 !important;background:#fff !important;}
.zk-ms-marker.reached .zk-ms-dot{background:var(--zk-yellow) !important;border-color:var(--zk-yellow) !important;color:var(--zk-green) !important;}
.zk-ms-lbl{color:#9ca3af !important;}
.zk-ms-marker.reached .zk-ms-lbl{color:var(--zk-green) !important;}

/* Item card: divider only, no box */
.zk-citem{background:#fff !important;border:none !important;box-shadow:none !important;
  border-bottom:1px solid #f0f0f0 !important;border-radius:0 !important;
  padding:16px 0 !important;margin-bottom:0 !important;}
.zk-citem:hover{box-shadow:none !important;border-color:#f0f0f0 !important;}
.zk-citem-img{background:#f5f5f5 !important;border-radius:10px;}
.zk-citem-title{font-size:14px;font-weight:700;}
.zk-citem-price b{font-size:15px;font-weight:800;}
.zk-qty{background:#fff !important;border-color:#e5e7eb !important;border-radius:8px;}
.zk-qty button{background:#f5f5f5 !important;color:#111 !important;}
.zk-qty button:hover{background:#e5e7eb !important;}

/* Coupon box: white */
.zk-couponbox{background:#fff !important;border:1px solid #f0f0f0 !important;
  border-radius:10px !important;}
.zk-ticket2{background:#fafafa !important;border-color:#f0f0f0 !important;
  box-shadow:none !important;}
.zk-ticket2-code{font-size:15px;}
.zk-couponbox-foot{color:#9ca3af !important;}
.zk-couponbox-foot a{color:#123D2A !important;}

/* Bill section: borderless box, flat rows, thick GOLD line above Grand Total */
.zk-bill{background:#fff !important;border:none !important;
  border-radius:0 !important;padding:12px 0 0 !important;}
.zk-bill-row{border-bottom:1px solid #f0f0f0 !important;padding:9px 0 !important;}
.zk-bill-total{border-top:4px solid #E8A92E !important;border-bottom:none !important;
  padding:14px 0 4px !important;margin-top:0 !important;}
/* Remove last bill-row bottom border — stacks with zk-bill-total gold top border → double line */
.zk-bill-row:has(+ .zk-bill-total){border-bottom:none !important;}
.zk-bill-savings{background:var(--zk-success-bg) !important;border:none !important;color:var(--zk-green) !important;}

/* Seeds earn note: no background */
.zk-earn-note{background:none !important;border:none !important;
  padding:8px 0 !important;border-radius:0 !important;}

/* Subscribe & Save: cream #F3EEE3 */
.zk-subcard{background:#F3EEE3 !important;border-color:#e8e1d4 !important;border-radius:10px;}
.zk-subcard-t{color:#123D2A !important;}
.zk-subcard-setup{color:#6b7280 !important;}
.zk-subcard-save{color:#1a7a3f !important;}

/* Seeds earn note: centered */
.zk-earn-note{display:flex;justify-content:center !important;text-align:center !important;
  background:none !important;border:none !important;padding:8px 0 !important;border-radius:0 !important;}

/* Coupon box heading: consistent font */
.zk-couponbox-h{font-size:13.5px !important;font-weight:700 !important;}
.zk-couponbox-h b{font-weight:700 !important;}
/* Centered helper line below WELCOME10 ticket */
.zk-couponbox-foot-c{text-align:center !important;font-size:12px !important;
  color:#6b7280 !important;margin-top:10px !important;font-weight:500 !important;}

/* Cross-sell: white, no shadow */
.zk-xsell-h{font-size:13px;font-weight:700;color:#111 !important;}
.zk-xcard{background:#fff !important;border-color:#f0f0f0 !important;
  box-shadow:none !important;border-radius:10px !important;}
.zk-xcard:hover{box-shadow:0 2px 8px rgba(0,0,0,.05) !important;transform:none !important;}
.zk-xcard-img{background:#f5f5f5 !important;}

/* Footer: white */
.cart-footer{background:#fff !important;-webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;border-top:1px solid #f0f0f0 !important;}
.zk-trust2{color:#9ca3af !important;font-size:11px;}
.zk-trust2 i{color:#9ca3af !important;}

/* Proceed to Checkout: no underline ever */
.checkout-btn,.checkout-btn:hover,.checkout-btn:focus,.checkout-btn:active,
.checkout-btn:visited,.checkout-btn:focus-visible{
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* Cold chain */
.zk-citem-cold{background:rgba(14,110,122,.05) !important;border-color:rgba(14,110,122,.15) !important;}

/* ============================================================
   SHARED CART INCENTIVE CLASSES — scoped to the drawer so they
   don't conflict with global rules on non-cart pages. These
   mirror cart-page.css so the drawer and cart page share one
   visual system. cart-page.css is NOT loaded on product/shop
   pages; these scoped rules fill the gap for the drawer only.
   ============================================================ */

/* Shipping promise — same gold-border card as desktop cp-fomo */
#cartDrawer .cp-fomo{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid rgba(232,169,46,.45);border-radius:10px;padding:9px 13px;margin-bottom:12px;font-size:12.5px;font-weight:600;color:#123D2A;line-height:1.4;}
#cartDrawer .cp-fomo > i{flex:0 0 auto;color:#9a5b12;font-size:13px;}
#cartDrawer .cp-fomo b{color:#9a5b12;font-variant-numeric:tabular-nums;}

/* Coupons & offers heading + coupon card */
#cartDrawer .bs-couponbox{margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid #f0f0f0;}
#cartDrawer .bs-coupon-t{font-size:13px;font-weight:800;color:#123D2A;margin-bottom:8px;}
#cartDrawer .cpn{display:flex;align-items:center;gap:11px;background:var(--zk-offer-bg);border:1px solid var(--zk-offer-border);border-radius:11px;padding:10px 13px;flex-wrap:wrap;}
#cartDrawer .cpn-applied{background:rgba(31,122,61,.09);border-color:rgba(31,122,61,.3);}
#cartDrawer .cpn-ic{flex:0 0 auto;color:#E8A92E;display:inline-flex;font-size:15px;}
#cartDrawer .cpn-ic.ok{color:#1f7a3d;}
#cartDrawer .cpn-line{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:#123D2A;line-height:1.3;overflow-wrap:anywhere;}
#cartDrawer .cpn-line b{font-weight:900;letter-spacing:.03em;color:var(--zk-terracotta);}
#cartDrawer .cpn-applied .cpn-line{color:#1f7a3d;}
#cartDrawer .cpn-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;background:#123D2A;color:#fff !important;border:none;border-radius:10px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;text-decoration:none;transition:.15s;}
#cartDrawer .cpn-btn:hover,#cartDrawer .cpn-btn:visited{background:#0d2c1f;color:#fff !important;}
#cartDrawer .cpn-btn.ghost{background:none;color:#9a3412 !important;border:1px solid rgba(154,52,18,.4);}
#cartDrawer .cpn-btn.ghost:hover{background:rgba(154,52,18,.07);}
#cartDrawer .cpn-footer-c{text-align:center;font-size:12px;font-weight:500;color:#9ca3af;margin:8px 0 0;}
#cartDrawer .cpn-row{display:flex;gap:7px;margin-top:8px;width:100%;}
#cartDrawer .cpn-row-input{flex:1;min-width:0;border:1px solid #d6e2d2;border-radius:10px;padding:9px 11px;font:inherit;font-size:12.5px;background:#fff;text-transform:uppercase;}
#cartDrawer .cpn-apply{flex:0 0 auto;min-height:36px;padding:0 13px;background:#fff;color:#123D2A;border:1.5px solid #123D2A;border-radius:10px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:.15s;}
#cartDrawer .cpn-apply:hover{background:#123D2A;color:#fff;}

/* Seeds earn note — plain like PDP token-badge-note: no filled card, transparent bg */
#cartDrawer .bs-earn-note{display:flex;align-items:center;gap:7px;margin-top:0;padding:9px 0;background:transparent !important;border-radius:0 !important;border-top:1px solid #f0f0f0;font-size:12.5px;font-weight:600;color:#123D2A;line-height:1.4;}
#cartDrawer .bs-earn-note i{color:var(--zk-seeds-green);font-size:12px;flex-shrink:0;}
#cartDrawer .bs-earn-link{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;}

/* Subscribe & Save card — shared --zk-subscribe-* tokens */
#cartDrawer .subcard{margin-top:12px;padding:12px 14px;text-align:center;background:var(--zk-subscribe-bg);border:1px solid var(--zk-subscribe-border);border-radius:10px;}
#cartDrawer .subcard-t{font-size:13.5px;font-weight:800;letter-spacing:-.01em;color:#123D2A;}
#cartDrawer .subcard-save{margin-top:4px;font-size:12.5px;font-weight:800;color:#1f7a3d;}
#cartDrawer .subcard-setup{display:block;margin-top:2px;font-size:11px;font-weight:500;color:#6b7280;}

/* Trust badges — readable muted-green in drawer context; slightly warmer than before */
#cartDrawer .cart-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;margin-bottom:10px;border-top:1px dashed rgba(18,61,42,.1);padding-top:10px;}
#cartDrawer .cart-trust span{font-size:11px;color:#6b7280;font-weight:600;white-space:nowrap;}
#cartDrawer .cart-trust i{color:#4d6b58;margin-right:3px;}

/* You might also like — smaller, lower visual weight than bill/CTA */
#cartDrawer .zk-xsell-h{font-size:12px;font-weight:700;color:#9ca3af !important;text-transform:uppercase;letter-spacing:.05em;}

/* ============================================================
   DRAWER CART — FLAT + OFFER PARITY (appended; wins by order)
   Brings the slide-out drawer in line with cart/checkout/PDP:
   • NO shadows on the drawer or its cards/CTA (borders only).
   • Offer .cpn uses the PDP dashed-gold border.
   Drawer reds are already the canonical #9a3412. Global header
   chrome (bar, nav, profile menu, search, hamburger) is NOT
   touched — every selector here is scoped to #cartDrawer.
   ============================================================ */
#cartDrawer,
#cartDrawer .zk-citem, #cartDrawer .zk-citem:hover,
#cartDrawer .zk-xcard, #cartDrawer .zk-xcard:hover,
#cartDrawer .zk-sec, #cartDrawer .zk-sec-bill, #cartDrawer .zk-sec-offers,
#cartDrawer .zk-fomo, #cartDrawer .cp-fomo, #cartDrawer .cpn,
#cartDrawer .checkout-btn, #cartDrawer .checkout-btn:hover,
#cartDrawer .checkout-btn:focus-visible,
#cartDrawer .cart-trustbar {
    box-shadow:none !important;
}
/* Panel: overlay separates it; keep just a hairline edge (no shadow) */
#cartDrawer { border-left:1px solid rgba(16,40,28,.08); }
/* CTA hover lifts via transform only, no shadow */
#cartDrawer .checkout-btn:hover,
#cartDrawer .checkout-btn:focus-visible { transform:translateY(-1px); }
/* Offer chip → PDP dashed-gold border (matches .offer-chip + cart .cpn) */
#cartDrawer .cpn { border-style:dashed !important; }