/* Storefront static CSS — extracted from resources/views/layouts/app.blade.php
   and resources/views/storefront/partials/design-system.blade.php so it's a
   cacheable external file instead of being re-sent inline with every single
   page's HTML. Theme-driven colors and a couple of settings-conditional
   rules stay inline in the layout (they need server-rendered values);
   everything here has no Blade/PHP in it. */

/* ============================================================
   Base design system (tokens, resets, buttons, header, product
   cards, footer, mobile nav, contact FABs, drawer, responsive)
   ============================================================ */
:root{
    --leaf:#1f7a3d; --leaf-deep:#155e2e; --leaf-soft:#eaf5ee;
    --honey:#f2a20c; --honey-deep:#d97706; --honey-soft:#fdf3df;
    --cream:#fbf7ef; --surface:#ffffff; --panel:#f6f1e7;
    --ink:#18251c; --muted:#67736a; --line:#e8e1d3; --line-soft:#f0ebdf;
    --sale:#e0483a; --sale-soft:#fdeceb;
    --radius:14px; --radius-sm:10px; --radius-lg:22px;
    --shadow-sm:0 1px 2px rgba(24,37,28,.05), 0 6px 16px -12px rgba(24,37,28,.18);
    --shadow:0 2px 6px rgba(24,37,28,.06), 0 20px 40px -28px rgba(24,37,28,.28);
    --shadow-lg:0 30px 60px -34px rgba(24,37,28,.4);
    --maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:clip;}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip;width:100%;max-width:100%;}
body.zc-no-scroll{overflow:hidden;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
::selection{background:var(--leaf);color:#fff;}
.bn{font-family:'Hind Siliguri',sans-serif;}
.zc-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}
h1,h2,h3,h4{font-weight:800;line-height:1.15;letter-spacing:-.02em;}
.zc-muted{color:var(--muted);}

/* ---------- Buttons ---------- */
.zc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:700;font-size:14px;padding:11px 20px;border-radius:999px;border:1.5px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease,border-color .16s ease;white-space:nowrap;}
.zc-btn svg{width:17px;height:17px;}
.zc-btn--primary{background:var(--leaf);color:#fff;box-shadow:0 10px 22px -12px rgba(31,122,61,.6);}
.zc-btn--primary:hover{background:var(--leaf-deep);transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(31,122,61,.7);}
.zc-btn--honey{background:var(--honey);color:#3a2600;box-shadow:0 10px 22px -12px rgba(217,119,6,.6);}
.zc-btn--honey:hover{background:var(--honey-deep);color:#fff;transform:translateY(-2px);}
.zc-btn--outline{background:transparent;color:var(--leaf-deep);border-color:var(--line);}
.zc-btn--outline:hover{border-color:var(--leaf);background:var(--leaf-soft);}
.zc-btn--ghost{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.35);}
.zc-btn--ghost:hover{background:rgba(255,255,255,.24);}
.zc-btn--sm{padding:8px 14px;font-size:13px;}
.zc-btn--block{width:100%;}

/* ---------- Announcement + header ---------- */
.zc-announce{background:var(--leaf-deep);color:#eafaf0;font-size:12.5px;font-weight:500;}
.zc-announce .zc-wrap{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;text-align:center;}
.zc-announce b{color:var(--honey);font-weight:700;}
.zc-announce a{color:#eafaf0;opacity:.9;}
.zc-announce a:hover{opacity:1;color:var(--honey);}

.zc-header{position:sticky;top:0;z-index:60;background:rgba(251,247,239,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.zc-header__row{display:flex;align-items:center;gap:18px;height:70px;}
.zc-brand{display:flex;align-items:center;gap:11px;flex:1 1 0;min-width:0;}
.zc-brand__mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,var(--leaf),var(--leaf-deep));display:grid;place-items:center;color:#fff;flex:none;box-shadow:var(--shadow-sm);}
.zc-brand__mark svg{width:23px;height:23px;}
.zc-brand__name{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.zc-brand__sub{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:3px;}
.zc-search{position:relative;flex:0 1 560px;max-width:560px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);border-radius:999px;padding:0 6px 0 16px;height:46px;transition:border-color .16s ease,box-shadow .16s ease;}
.zc-search:focus-within{border-color:var(--leaf);box-shadow:0 0 0 4px var(--leaf-soft);}
.zc-search svg{width:19px;height:19px;color:var(--muted);flex:none;}
.zc-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:14.5px;color:var(--ink);min-width:0;}
.zc-search button{flex:none;height:36px;padding:0 18px;border:none;border-radius:999px;background:var(--leaf);color:#fff;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;}
.zc-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:1 1 0;}
.zc-act{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border-radius:12px;color:var(--ink);font-size:11px;font-weight:600;position:relative;transition:background .15s ease,color .15s ease;}
.zc-act:hover{background:var(--leaf-soft);color:var(--leaf-deep);}
.zc-act svg{width:22px;height:22px;stroke-width:1.7;}
.zc-act__badge{position:absolute;top:0;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--sale);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 2px var(--cream);line-height:1;}
.zc-menu-btn{display:none;}
.zc-brand img{display:block;}
/* Header mobile search icon (shown on mobile only) */
.zc-hsearch-btn{display:none;background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;border-radius:10px;-webkit-tap-highlight-color:transparent;}
.zc-hsearch-btn svg{width:24px;height:24px;}
/* Clean drawer/sidebar search box */
.zc-dsearch{position:relative;display:flex;align-items:center;gap:9px;background:var(--surface);border:1.6px solid var(--line);border-radius:12px;padding:0 14px;height:46px;margin-bottom:12px;}
.zc-dsearch svg{width:19px;height:19px;color:var(--muted);flex:none;}
.zc-dsearch input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:15px;color:var(--ink);}
.zc-dsearch:focus-within{border-color:var(--leaf);box-shadow:0 0 0 4px var(--leaf-soft);}
.zc-msearch form{position:relative;}
/* Search autocomplete dropdown */
.zc-suggest{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1200;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 48px -22px rgba(24,37,28,.4);max-height:min(62vh,400px);overflow-y:auto;display:none;}
.zc-suggest.is-open{display:block;}
.zc-suggest__item{display:flex;align-items:center;gap:11px;padding:9px 13px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line-soft);}
.zc-suggest__item:last-child{border-bottom:none;}
.zc-suggest__item:hover,.zc-suggest__item.is-active{background:var(--leaf-soft);}
.zc-suggest__img{width:44px;height:44px;border-radius:9px;object-fit:cover;border:1px solid var(--line);background:var(--panel);flex:none;}
.zc-suggest__b{flex:1;min-width:0;}
.zc-suggest__nm{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zc-suggest__pr{font-size:13px;font-weight:800;color:var(--leaf-deep);margin-top:1px;}
.zc-suggest__foot{display:block;text-align:center;padding:11px;font-size:13px;font-weight:700;color:var(--leaf-deep);text-decoration:none;border-top:1px solid var(--line);}
.zc-suggest__empty{padding:18px;text-align:center;color:var(--muted);font-size:13.5px;}

/* ---------- Category nav ---------- */
.zc-catnav{background:var(--leaf);color:#fff;}
.zc-catnav__row{display:flex;align-items:center;gap:4px;height:46px;overflow-x:auto;scrollbar-width:none;}
.zc-catnav__row::-webkit-scrollbar{display:none;}
.zc-catnav a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:#eafaf0;white-space:nowrap;transition:background .15s ease;}
.zc-catnav a:hover,.zc-catnav a.is-active{background:rgba(255,255,255,.16);color:#fff;}
.zc-catnav a.zc-catnav__all{background:var(--honey);color:#3a2600;font-weight:700;}
.zc-catnav a.zc-catnav__all:hover{background:var(--honey-deep);color:#fff;}

/* ---------- Section header ---------- */
.zc-sec{padding-block:34px;}
.zc-sec__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;}
.zc-sec__title{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;}
.zc-sec__title::before{content:"";width:6px;height:26px;border-radius:6px;background:linear-gradient(var(--honey),var(--leaf));flex:none;}
.zc-sec__title.zc-center{justify-content:center;}
.zc-viewall{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--leaf-deep);}
.zc-viewall:hover{color:var(--honey-deep);gap:9px;}
.zc-viewall svg{width:15px;height:15px;}
.zc-sec--band{background:var(--surface);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}

/* ---------- Featured categories (circles) ---------- */
.zc-featcats{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;}
.zc-featcat{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:8px 4px;border-radius:var(--radius);min-width:0;transition:transform .18s ease;}
.zc-featcat span{max-width:100%;overflow:hidden;text-overflow:ellipsis;}
.zc-featcat:hover{transform:translateY(-4px);}
.zc-featcat__img{width:82px;height:82px;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;place-items:center;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease;}
.zc-featcat:hover .zc-featcat__img{border-color:var(--honey);box-shadow:0 14px 26px -14px rgba(217,119,6,.5);}
.zc-featcat__img img{width:100%;height:100%;object-fit:cover;}
.zc-featcat__img svg{width:40px;height:40px;color:var(--leaf);}
.zc-featcat span{font-size:12.5px;font-weight:700;color:var(--ink);}

/* ---------- Product card ---------- */
.zc-grid{display:grid;gap:18px;}
.zc-grid--5{grid-template-columns:repeat(5,minmax(0,1fr));}
.zc-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.zc-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.pcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;position:relative;min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.zc-grid > *{min-width:0;}
.pcard:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line);}
.pcard__media{position:relative;aspect-ratio:1;background:var(--panel);overflow:hidden;display:grid;place-items:center;}
.pcard__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.pcard:hover .pcard__media img{transform:scale(1.06);}
.pcard__ph{width:56%;height:56%;color:#cfc6b2;}
.pcard__badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;z-index:2;}
.zc-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.02em;padding:4px 9px;border-radius:999px;}
.zc-badge--best{background:linear-gradient(135deg,#f2830c,#e0483a);color:#fff;box-shadow:0 4px 10px -4px rgba(224,72,58,.6);}
.zc-badge--save{background:var(--leaf);color:#fff;}
.zc-badge--new{background:var(--honey);color:#3a2600;}
/* Best-seller highlight: warm golden ring + glow so top sellers stand out */
.pcard--best{border-color:var(--honey);box-shadow:0 0 0 1.6px var(--honey),0 16px 34px -18px rgba(217,119,6,.55);}
.pcard--best .pcard__media{background:linear-gradient(160deg,var(--honey-soft),var(--panel));}
@media(hover:hover){.pcard--best:hover{box-shadow:0 0 0 1.6px var(--honey),0 24px 42px -18px rgba(217,119,6,.62);}}
.zc-badge--soft{background:var(--leaf-soft);color:var(--leaf-deep);}
.pcard__wish{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);border:none;display:grid;place-items:center;cursor:pointer;color:var(--muted);box-shadow:var(--shadow-sm);transition:color .15s ease;}
.pcard__wish:hover{color:var(--sale);}
.pcard__wish svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;}
.pcard__body{padding:13px 14px 15px;display:flex;flex-direction:column;gap:7px;flex:1;}
.pcard__cat{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--honey-deep);font-weight:700;}
.pcard__title{font-size:14.5px;font-weight:700;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;}
.pcard__rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);}
.pcard__rating .stars{color:var(--honey);letter-spacing:1px;}
.pcard__price{display:flex;align-items:baseline;gap:8px;margin-top:2px;}
.pcard__now{font-size:18px;font-weight:800;color:var(--leaf-deep);}
.pcard__old{font-size:13px;color:var(--muted);text-decoration:line-through;}
.pcard__actions{margin-top:auto;padding-top:10px;display:grid;gap:7px;}
.pcard__actions.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.pcard .zc-btn{padding:9px 12px;font-size:12.5px;min-width:0;}
.pcard__add{background:transparent;color:var(--leaf-deep);border:1.5px solid var(--line);}
.pcard__add:hover{border-color:var(--leaf);background:var(--leaf-soft);}
.pcard form{margin:0;}

/* ---------- Rail (horizontal scroll on small) ---------- */
.zc-rail{position:relative;}

/* ---------- Brands ---------- */
.zc-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.zc-brandcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:88px;display:grid;place-items:center;padding:14px;color:var(--muted);font-weight:800;font-size:16px;letter-spacing:.04em;transition:transform .18s ease,box-shadow .18s ease;}
.zc-brandcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);color:var(--leaf-deep);}
.zc-brandcard img{max-height:52px;width:auto;object-fit:contain;filter:grayscale(.2);}

/* ---------- Combo card ---------- */
.zc-combocard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;}
.zc-combocard:hover{transform:translateY(-5px);box-shadow:var(--shadow);}
.zc-combocard__tag{position:absolute;top:10px;right:10px;z-index:2;background:var(--honey);color:#3a2600;font-size:10px;font-weight:800;padding:4px 9px;border-radius:999px;}
.zc-combocard__media{aspect-ratio:1.15;background:var(--honey-soft);overflow:hidden;display:grid;place-items:center;}
.zc-combocard__media img{width:100%;height:100%;object-fit:cover;}
.zc-combocard__body{padding:12px 13px;display:flex;flex-direction:column;gap:6px;}

/* ---------- Hero ---------- */
.zc-hero{padding-top:22px;}
.zc-hero__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;}
.zc-hero__main,.zc-hero__side{border-radius:var(--radius-lg);overflow:hidden;position:relative;min-height:300px;display:flex;box-shadow:var(--shadow-sm);}
.zc-hero__slide{position:relative;width:100%;display:flex;align-items:center;color:#fff;padding:44px;background-size:cover;background-position:center;}
.zc-hero__main{background:linear-gradient(120deg,#123a20,#1f7a3d);}
.zc-hero__side-card{width:100%;background:linear-gradient(140deg,var(--honey-deep),var(--honey));color:#3a2600;padding:34px;display:flex;flex-direction:column;justify-content:center;gap:12px;}
.zc-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;opacity:.92;}
.zc-hero h1{font-size:clamp(28px,3.6vw,42px);margin-top:14px;}
.zc-hero__main .zc-hero__slide{background:linear-gradient(110deg,rgba(9,30,17,.86),rgba(9,30,17,.35)), radial-gradient(circle at 82% 30%,rgba(242,162,12,.28),transparent 45%);}
.zc-hero p.lede{margin-top:12px;max-width:34ch;opacity:.9;font-size:15px;}
.zc-hero__dots{position:absolute;bottom:16px;left:44px;display:flex;gap:7px;z-index:3;}
.zc-hero__dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.45);border:none;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease;}
.zc-hero__dot.is-active{width:26px;background:var(--honey);}

/* ---------- Promo strip ---------- */
.zc-promo{border-radius:var(--radius-lg);overflow:hidden;min-height:150px;background:linear-gradient(120deg,#1a2b1f,#2c1c0c);color:#fff;display:flex;align-items:center;padding:34px;position:relative;box-shadow:var(--shadow-sm);}

/* ---------- Reviews ---------- */
.zc-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.zc-review{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:11px;}
.zc-review .stars{color:var(--honey);letter-spacing:2px;}
.zc-review p{font-size:14px;color:var(--ink);flex:1;}
.zc-review__who{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line-soft);padding-top:12px;}
.zc-review__av{width:40px;height:40px;border-radius:50%;background:var(--leaf-soft);color:var(--leaf-deep);display:grid;place-items:center;font-weight:800;flex:none;}
.zc-review__nm{font-weight:700;font-size:13.5px;}
.zc-review__meta{font-size:11.5px;color:var(--muted);}

/* ---------- Footer ---------- */
.zc-footer{background:#12271a;color:#cfe0d4;margin-top:44px;}
.zc-footer__top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding:52px 0 34px;}
.zc-footer__brand .zc-brand__name{color:#fff;font-size:22px;}
.zc-footer p{font-size:13.5px;opacity:.82;line-height:1.7;margin-top:14px;max-width:34ch;}
.zc-footer h4{color:#fff;font-size:14px;margin-bottom:15px;letter-spacing:.01em;}
.zc-footer__links a{display:block;font-size:13.5px;padding:5px 0;opacity:.82;transition:color .15s ease,opacity .15s ease;}
.zc-footer__links a:hover{color:var(--honey);opacity:1;}
.zc-footer__contact{display:grid;gap:9px;font-size:13.5px;opacity:.85;margin-top:14px;}
.zc-footer__contact svg{width:16px;height:16px;flex:none;color:var(--honey);}
.zc-footer__soc{display:flex;gap:10px;margin-top:16px;}
.zc-footer__soc a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;transition:background .15s ease;}
.zc-footer__soc a:hover{background:var(--honey);color:#3a2600;}
.zc-footer__soc svg{width:18px;height:18px;}
.zc-footer__bottom{border-top:1px solid rgba(255,255,255,.1);}
.zc-footer__bottom .zc-wrap{display:flex;align-items:center;justify-content:center;text-align:center;gap:14px;flex-wrap:wrap;padding:18px 20px;font-size:12.5px;opacity:.75;}
.zc-pay{display:flex;gap:7px;flex-wrap:wrap;}
.zc-pay span{background:#fff;color:#12271a;font-size:10px;font-weight:800;padding:3px 8px;border-radius:5px;}

/* ---------- Mobile bottom nav ---------- */
.zc-botnav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:70;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px -12px rgba(24,37,28,.25);padding:6px 4px calc(6px + env(safe-area-inset-bottom));}
.zc-botnav__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.zc-botnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:600;color:var(--muted);position:relative;}
.zc-botnav a.is-active{color:var(--leaf-deep);}
.zc-botnav svg{width:22px;height:22px;stroke-width:1.7;}
.zc-botnav__badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--honey);color:#3a2600;font-size:9px;font-weight:800;display:grid;place-items:center;}
.zc-botnav__wa{color:#25d366;}
.zc-botnav__wa svg{fill:#25d366;}
.zc-botnav__imo{color:#19b1e6;}
.zc-botnav__imo svg{fill:#19b1e6;}

/* ---------- Floating WhatsApp contact button (desktop, bottom-right) ---------- */
.zc-wafab{position:fixed;right:22px;bottom:24px;z-index:65;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 14px 30px -10px rgba(37,211,102,.7),0 5px 12px -5px rgba(0,0,0,.35);transition:transform .16s ease;}
.zc-wafab svg{width:30px;height:30px;flex:none;}
.zc-wafab__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.zc-wafab:hover{transform:translateY(-2px) scale(1.05);}
.zc-wafab::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:zc-wa-pulse 2.4s infinite;pointer-events:none;}
.zc-wafab:hover::after{animation:none;}
@keyframes zc-wa-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}70%{box-shadow:0 0 0 16px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}

/* ---------- Floating IMO contact button — same treatment as WhatsApp's,
   stacked above it (instead of overlapping) when both are configured. ---------- */
.zc-imofab{position:fixed;right:22px;bottom:24px;z-index:65;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#19b1e6;color:#fff;box-shadow:0 14px 30px -10px rgba(25,177,230,.7),0 5px 12px -5px rgba(0,0,0,.35);transition:transform .16s ease;}
.zc-imofab--stacked{bottom:90px;}
.zc-imofab svg{width:30px;height:30px;flex:none;}
.zc-imofab:hover{transform:translateY(-2px) scale(1.05);}
.zc-imofab::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(25,177,230,.5);animation:zc-imo-pulse 2.4s infinite;pointer-events:none;}
.zc-imofab:hover::after{animation:none;}
.zc-imo-fab-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(12px);max-width:min(90vw,360px);text-align:center;background:#1d2147;color:#fff;font-size:12.5px;font-weight:600;line-height:1.5;padding:10px 18px;border-radius:14px;box-shadow:0 14px 30px -12px rgba(0,0,0,.4);z-index:200;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;}
.zc-imo-fab-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0);}
@keyframes zc-imo-pulse{0%{box-shadow:0 0 0 0 rgba(25,177,230,.5);}70%{box-shadow:0 0 0 16px rgba(25,177,230,0);}100%{box-shadow:0 0 0 0 rgba(25,177,230,0);}}

/* ---------- Mobile drawer menu ---------- */
.zc-drawer{position:fixed;inset:0;z-index:80;visibility:hidden;}
.zc-drawer.is-open{visibility:visible;}
.zc-drawer__scrim{position:absolute;inset:0;background:rgba(9,20,13,.5);opacity:0;transition:opacity .25s ease;}
.zc-drawer.is-open .zc-drawer__scrim{opacity:1;}
.zc-drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(320px,84vw);background:var(--cream);transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column;overflow-y:auto;padding:18px;}
.zc-drawer.is-open .zc-drawer__panel{transform:translateX(0);}
.zc-drawer__panel a{padding:12px 12px;border-radius:10px;font-weight:600;font-size:15px;color:var(--ink);}
.zc-drawer__panel a:hover{background:var(--leaf-soft);color:var(--leaf-deep);}

/* ---------- Page hero (inner pages) ---------- */
.zc-pagehero{background:linear-gradient(120deg,#123a20,#1f7a3d);color:#fff;padding:44px 0;}
.zc-pagehero h1{font-size:clamp(26px,3.4vw,38px);}
.zc-pagehero .zc-crumbs{font-size:12.5px;opacity:.85;margin-bottom:12px;display:flex;gap:8px;flex-wrap:wrap;}
.zc-pagehero .zc-crumbs a:hover{color:var(--honey);}

/* ---------- Card / panel (inner pages) ---------- */
.zc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.zc-field{display:grid;gap:6px;margin-bottom:14px;}
.zc-field label{font-size:12.5px;font-weight:700;color:var(--ink);}
.zc-input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-family:inherit;font-size:14.5px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease;}
.zc-input:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 4px var(--leaf-soft);}
.zc-note{background:var(--leaf-soft);border:1px solid #cfe6d7;color:var(--leaf-deep);border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;}
.zc-note--warn{background:var(--sale-soft);border-color:#f6cfcb;color:#a3271b;}

/* ---------- Responsive ---------- */
@media(max-width:1080px){
    .zc-featcats{grid-template-columns:repeat(4,minmax(0,1fr));}
    .zc-grid--5{grid-template-columns:repeat(3,minmax(0,1fr));}
    .zc-brands{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zc-footer__top{grid-template-columns:1fr 1fr;gap:28px;}
}
@media(max-width:820px){
    .zc-search{display:none;}
    .zc-catnav{display:none;}
    /* Mobile header: centered logo + a search icon — Menu/Cart live in the bottom nav */
    .zc-header__actions{display:none;}
    .zc-menu-btn{display:none;}
    .zc-header__row{position:relative;justify-content:center;gap:10px;height:60px;}
    .zc-brand{flex:none;min-width:0;max-width:72%;}
    .zc-brand__sub{display:none;}
    .zc-brand__name{font-size:18px;white-space:nowrap;}
    .zc-hsearch-btn{display:inline-flex;position:absolute;right:0;top:50%;transform:translateY(-50%);}
    .zc-act{padding:6px 7px;}
    .zc-hero__grid{grid-template-columns:1fr;}
    .zc-hero__side{display:none;}
    .zc-reviews{grid-template-columns:1fr;}
    .zc-botnav{display:block;}
    body{padding-bottom:70px;}
    .zc-act--hidem{display:none;}
    .zc-wafab{display:none;}
    .zc-imofab{display:none;}
}
@media(max-width:560px){
    .zc-wrap{padding:0 16px;}
    .zc-grid--5,.zc-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .zc-featcats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
    .zc-featcat__img{width:68px;height:68px;}
    .zc-featcat span{font-size:11.5px;}
    .zc-sec{padding-block:26px;}
    .zc-sec__title{font-size:19px;}
    /* Centered, tidy footer on mobile */
    .zc-footer__top{grid-template-columns:1fr;gap:26px;text-align:center;}
    .zc-footer__brand{display:flex;flex-direction:column;align-items:center;}
    .zc-footer__brand .zc-brand{justify-content:center;}
    .zc-footer p{margin-left:auto;margin-right:auto;max-width:40ch;}
    .zc-footer__contact{justify-items:center;}
    .zc-footer__contact > *{justify-content:center;}
    .zc-footer__soc{justify-content:center;}
    .zc-hero__slide{padding:30px 22px;}
    .pcard__body{padding:11px 12px 13px;gap:6px;}
    .pcard__title{font-size:13.5px;min-height:34px;}
    .pcard__now{font-size:16.5px;}
    .pcard__actions.two{grid-template-columns:1fr;}
    .pcard .zc-btn{padding:9px 10px;font-size:12.5px;}
}
@media(max-width:380px){
    .zc-featcats{grid-template-columns:repeat(2,minmax(0,1fr));}
    .zc-featcat__img{width:76px;height:76px;}
}
.zc-only-mobile{display:none;}
@media(max-width:820px){.zc-only-mobile{display:block;}.zc-hide-mobile{display:none;}}

/* ---------- Premium touch polish ---------- */
html{scroll-behavior:smooth;}
body{overflow-x:clip;}
a,button,.zc-btn,.zc-act,.pcard__wish{-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
img{max-width:100%;}
@media(max-width:820px){
    .zc-btn{min-height:44px;}
    .pcard__wish{width:36px;height:36px;}
    .zc-header{position:sticky;top:0;z-index:60;}
}
@media(hover:hover){ .pcard{transition:transform .18s ease,box-shadow .18s ease;} .pcard:hover{transform:translateY(-3px);} }

/* ============================================================
   Page-level additions (announcement marquee, CTA shimmer, mobile
   nuances, countdown bar, welcome popup, cart drawer, scroll reveal)
   ============================================================ */
/* ===== Announcement bar ===== */
/* Static & centered by default (fits → no repeat). JS adds .is-scrolling
   only when the messages overflow, so the text is never visibly doubled. */
.zc-announce{overflow:hidden;padding:0;position:relative;}
/* A soft light sheen sweeps across the bar for a premium feel. */
.zc-announce::after{content:"";position:absolute;top:0;bottom:0;left:-25%;width:18%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:zcAnnSheen 6.5s ease-in-out infinite;pointer-events:none;z-index:0;}
.zc-marquee{overflow:hidden;position:relative;z-index:1;}
.zc-marquee__track{display:flex;justify-content:center;align-items:center;padding:8px 0;}
.zc-marquee__group{display:inline-flex;align-items:center;white-space:nowrap;flex:none;}
.zc-marquee.is-scrolling .zc-marquee__track{justify-content:flex-start;width:max-content;animation:zcMarquee var(--marq-dur,30s) linear infinite;will-change:transform;}
.zc-marquee.is-scrolling:hover .zc-marquee__track{animation-play-state:paused;}
.zc-marquee__item{padding:0 10px;display:inline-block;animation:zcAnnGlow 3.4s ease-in-out infinite;}
.zc-marquee__sep{color:var(--honey);opacity:.85;font-size:10px;padding:0 4px;display:inline-block;animation:zcAnnTwinkle 2.4s ease-in-out infinite;}
@keyframes zcMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes zcAnnSheen{0%,8%{left:-25%;}55%,100%{left:120%;}}
@keyframes zcAnnGlow{0%,100%{text-shadow:0 0 0 rgba(255,245,204,0);}50%{text-shadow:0 0 9px rgba(255,245,204,.5);}}
@keyframes zcAnnTwinkle{0%,100%{opacity:.35;transform:scale(.8);}50%{opacity:1;transform:scale(1.25);}}
@media(prefers-reduced-motion:reduce){.zc-marquee.is-scrolling .zc-marquee__track{animation:none;}.zc-announce::after,.zc-marquee__item,.zc-marquee__sep{animation:none;}}

/* ===== Contained shimmer on the Buy-now / Order-now CTA buttons =====
   A light sweep INSIDE the button only — no page-wide glow. Landing-page
   CTAs keep their own template effects (untouched). */
.zc-fire { position: relative; overflow: hidden; }
.zc-fire::after {
    content:""; position:absolute; top:0; left:-60%; width:45%; height:100%; pointer-events:none;
    background:linear-gradient(115deg,transparent,rgba(255,255,255,.5),transparent);
    transform:skewX(-18deg); animation:zcFireShine 2.8s ease-in-out infinite;
}
@keyframes zcFireShine { 0%{left:-60%;} 55%,100%{left:130%;} }
@media(prefers-reduced-motion:reduce){ .zc-fire::after { display:none; } }

/* ===== Mobile: menu icon on the top-left (mirrors search on the right) ===== */
@media(max-width:820px){
    .zc-menu-btn{ display:inline-flex !important; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:8px; }
    .zc-menu-btn svg{ width:23px; height:23px; }
}
/* ===== Mobile: footer links in 3 columns (brand full-width above) ===== */
@media(max-width:560px){
    .zc-footer__top{ grid-template-columns:repeat(3,1fr); gap:22px 8px; text-align:left; }
    .zc-footer__brand{ grid-column:1 / -1; text-align:center; margin-bottom:6px; }
    .zc-footer__top h4{ font-size:13px; margin-bottom:9px; }
    .zc-footer__links a, .zc-footer__links span{ font-size:11.5px; line-height:1.5; }
    .zc-footer__links span{ padding:3px 0 !important; }
}

/* ===== Countdown / flash-sale bar ===== */
.zc-countbar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-decoration:none;
    background:linear-gradient(90deg,var(--sale),#c0392b);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;text-align:center;
    transition:filter .15s ease;}
.zc-countbar:hover{filter:brightness(1.05);}
.zc-countbar__title{letter-spacing:.01em;}
.zc-countbar__timer{display:inline-flex;align-items:center;gap:3px;}
.zc-countbar__timer b{background:rgba(255,255,255,.2);padding:2px 7px;border-radius:6px;font-variant-numeric:tabular-nums;font-weight:800;min-width:26px;display:inline-block;text-align:center;}
.zc-countbar__timer i{font-style:normal;opacity:.85;margin:0 3px 0 1px;font-size:11.5px;}
.zc-countbar__cta{background:#fff;color:var(--sale);padding:4px 13px;border-radius:999px;font-weight:800;font-size:12.5px;white-space:nowrap;}
@media(max-width:560px){.zc-countbar{font-size:12px;gap:9px;padding:8px 12px;}.zc-countbar__title{width:100%;}}

/* ===== Welcome popup ===== */
.zc-pop{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
.zc-pop.is-open{display:flex;}
.zc-pop__backdrop{position:absolute;inset:0;background:rgba(10,20,14,.62);backdrop-filter:blur(3px);animation:zcPopFade .25s ease;}
.zc-pop__box{position:relative;z-index:1;background:#fff;border-radius:18px;overflow:hidden;max-width:400px;width:100%;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:zcPopIn .3s cubic-bezier(.2,.8,.3,1);}
.zc-pop__x{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:var(--ink);font-size:15px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.18);line-height:1;}
.zc-pop__x:hover{background:#fff;}
.zc-pop__link{display:block;text-decoration:none;color:var(--ink);}
.zc-pop__img{width:100%;height:auto;display:block;}
.zc-pop__body{padding:22px 22px 24px;text-align:center;}
.zc-pop__title{font-size:22px;font-weight:800;margin-bottom:6px;}
.zc-pop__text{color:var(--muted);font-size:14.5px;line-height:1.55;margin-bottom:16px;}
.zc-pop__cta{display:inline-block;background:var(--leaf);color:#fff;font-weight:800;padding:11px 26px;border-radius:999px;box-shadow:0 12px 24px -12px rgba(31,122,61,.6);}
@keyframes zcPopIn{from{opacity:0;transform:translateY(22px) scale(.96);}to{opacity:1;transform:none;}}
@keyframes zcPopFade{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.zc-marquee__track{animation:none;}.zc-pop__box,.zc-pop__backdrop{animation:none;}}

/* Fly-to-cart animation */
.zc-fly{position:fixed;z-index:2000;border-radius:12px;object-fit:cover;pointer-events:none;box-shadow:0 16px 36px -10px rgba(0,0,0,.55);transition:transform .85s cubic-bezier(.5,-0.15,.25,1),opacity .85s ease;will-change:transform,opacity;}
.zc-cartbump{animation:zc-cartbump .5s ease;}
@keyframes zc-cartbump{0%,100%{transform:scale(1);}35%{transform:scale(1.6);}}
.pcard__add.is-added,.zc-btn.is-added{background:var(--leaf-deep)!important;color:#fff!important;border-color:var(--leaf-deep)!important;}
@media (prefers-reduced-motion:reduce){.zc-fly{display:none;}}
/* Mobile search overlay */
.zc-msearch{position:fixed;top:0;left:0;right:0;z-index:1100;background:#fff;box-shadow:0 8px 24px -12px rgba(0,0,0,.35);transform:translateY(-115%);transition:transform .28s cubic-bezier(.4,0,.2,1);padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top));visibility:hidden;}
.zc-msearch.is-open{transform:translateY(0);visibility:visible;}
.zc-msearch form{display:flex;align-items:center;gap:8px;max-width:760px;margin:0 auto;}
.zc-msearch input{flex:1;min-width:0;height:46px;border:1.6px solid var(--line);border-radius:999px;padding:0 18px;font-size:15px;font-family:inherit;color:var(--ink);outline:none;background:var(--surface);}
.zc-msearch input:focus{border-color:var(--leaf);box-shadow:0 0 0 4px var(--leaf-soft);}
.zc-msearch button{flex:none;width:46px;height:46px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;background:var(--leaf);color:#fff;}
.zc-msearch button[data-msearch-close]{background:transparent;color:var(--ink);}
.zc-msearch svg{width:20px;height:20px;}
.zc-cartdrawer{position:fixed;inset:0;z-index:1000;visibility:hidden;}
.zc-cartdrawer.is-open{visibility:visible;}
.zc-cartdrawer__scrim{position:absolute;inset:0;background:rgba(15,23,20,.5);opacity:0;transition:opacity .25s;}
.zc-cartdrawer.is-open .zc-cartdrawer__scrim{opacity:1;}
/* Mobile: cart is a bottom sheet that slides up from the bottom */
.zc-cartdrawer__panel{position:absolute;left:0;right:0;bottom:0;top:auto;height:auto;max-height:88vh;width:100%;background:#fff;display:flex;flex-direction:column;border-radius:22px 22px 0 0;box-shadow:0 -18px 44px -22px rgba(0,0,0,.45);transform:translateY(100%);transition:transform .34s cubic-bezier(.32,.72,0,1);}
.zc-cartdrawer.is-open .zc-cartdrawer__panel{transform:translateY(0);}
.zc-cartdrawer__panel::before{content:"";display:block;flex:none;width:42px;height:4px;border-radius:999px;background:#d8d2c4;margin:9px auto 0;}
/* Desktop: cart opens as a dropdown under the cart icon (top-to-bottom reveal) */
@media(min-width:821px){
    .zc-cartdrawer__scrim{background:rgba(15,23,20,.16);}
    .zc-cartdrawer__panel{top:74px;right:20px;left:auto;bottom:auto;height:auto;max-height:min(74vh,580px);width:min(400px,94vw);border-radius:18px;box-shadow:0 30px 64px -22px rgba(0,0,0,.42);transform:translateY(-14px) scaleY(.92);transform-origin:top right;opacity:0;transition:transform .28s cubic-bezier(.34,1.15,.4,1),opacity .2s ease;overflow:hidden;}
    .zc-cartdrawer.is-open .zc-cartdrawer__panel{transform:translateY(0) scaleY(1);opacity:1;}
    .zc-cartdrawer__panel::before{display:none;}
}
.zc-cartdrawer__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee;font-weight:800;letter-spacing:.04em;color:#1a1a1a;}
.zc-cartdrawer__head button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#e67e22;font-weight:700;cursor:pointer;font-size:14px;}
.zc-cartdrawer__body{flex:1;overflow-y:auto;display:flex;flex-direction:column;}
.zc-cd-loading{padding:40px;text-align:center;color:#999;}
/* offer bar */
.zc-cd-offer{margin:14px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fff3dc,#ffe6bf);border:1px solid #ffd699;}
.zc-cd-offer.is-unlocked{background:linear-gradient(135deg,#e7f6ec,#cdeed7);border-color:#a6dcb8;}
.zc-cd-offer__row{display:flex;align-items:center;gap:9px;font-size:13.5px;color:#7a4c00;line-height:1.35;}
.zc-cd-offer.is-unlocked .zc-cd-offer__row{color:#1c6b3c;}
.zc-cd-offer__row .gift{font-size:18px;}
.zc-cd-offer__bar{margin-top:9px;height:7px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;}
.zc-cd-offer__bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f2a20c,#f4b840);transition:width .4s;}
.zc-cd-offer.is-unlocked .zc-cd-offer__bar span{background:linear-gradient(90deg,#1c8a4e,#22a35c);}
/* items */
.zc-cd-items{padding:4px 14px;}
.zc-cd-item{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #f0efe9;}
.zc-cd-item__img{width:58px;height:58px;border-radius:10px;overflow:hidden;background:#f6f4ee;flex:none;display:grid;place-items:center;}
.zc-cd-item__img img{width:100%;height:100%;object-fit:cover;}
.zc-cd-item__mid{flex:1;min-width:0;}
.zc-cd-item__mid .nm{font-weight:700;font-size:13.5px;color:#222;line-height:1.25;}
.zc-cd-item__mid .row{display:flex;align-items:center;gap:10px;margin-top:7px;flex-wrap:wrap;}
.zc-cd-item .qty{display:inline-flex;align-items:center;border:1px solid #e2ded2;border-radius:8px;overflow:hidden;}
.zc-cd-item .qty button{width:26px;height:26px;border:none;background:#f7f5ef;color:#333;font-size:15px;cursor:pointer;}
.zc-cd-item .qty .q{min-width:26px;text-align:center;font-weight:700;font-size:13px;}
.zc-cd-item .pr{font-size:12.5px;color:#666;} .zc-cd-item .pr b{color:#1a1a1a;}
.zc-cd-item__rm{border:none;background:none;color:#c0392b;font-size:22px;line-height:1;cursor:pointer;flex:none;}
.zc-cd-empty{padding:48px 20px;text-align:center;color:#999;}
.zc-cd-empty svg{color:#d8d2c2;margin-bottom:10px;} .zc-cd-empty p{margin-bottom:16px;font-weight:600;}
/* suggest carousel */
.zc-cd-suggest{margin-top:8px;padding:14px 0 6px 14px;border-top:8px solid #f6f4ee;}
.zc-cd-suggest__head{display:flex;align-items:center;justify-content:space-between;padding-right:14px;margin-bottom:10px;}
.zc-cd-suggest__head h4{font-size:14px;font-weight:800;color:#1a1a1a;position:relative;padding-left:10px;}
.zc-cd-suggest__head h4::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;background:#e67e22;}
.zc-cd-suggest__head .nav button{width:26px;height:26px;border-radius:50%;border:1px solid #e2ded2;background:#fff;cursor:pointer;color:#666;margin-left:4px;}
.zc-cd-track{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:8px;scrollbar-width:thin;}
.zc-cd-track::-webkit-scrollbar{height:5px;} .zc-cd-track::-webkit-scrollbar-thumb{background:#e0dccf;border-radius:999px;}
.zc-cd-scard{flex:0 0 150px;border:1px solid #f0efe9;border-radius:12px;padding:8px;background:#fff;}
.zc-cd-scard .img{display:block;height:92px;border-radius:8px;overflow:hidden;background:#f6f4ee;display:grid;place-items:center;}
.zc-cd-scard .img img{width:100%;height:100%;object-fit:cover;}
.zc-cd-scard .nm{font-size:12px;font-weight:600;color:#333;margin-top:7px;line-height:1.3;min-height:31px;}
.zc-cd-scard .pr{font-weight:800;color:#e67e22;font-size:13px;margin-top:3px;}
.zc-cd-scard .add{margin-top:7px;width:100%;border:none;border-radius:7px;background:#1f7a3d;color:#fff;font-weight:700;font-size:12px;padding:7px;cursor:pointer;}
.zc-cd-scard .add:hover{background:#186a34;}
/* footer */
.zc-cd-foot{position:sticky;bottom:0;background:#fff;border-top:1px solid #eee;padding:14px;margin-top:auto;}
.zc-cd-foot .tot{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;}
.zc-cd-foot .tot b{font-size:19px;color:#1a1a1a;}
.zc-cd-checkout{display:block;text-align:center;background:linear-gradient(90deg,#f2830c,#f59e0b);color:#fff;font-weight:800;letter-spacing:.04em;padding:15px;border-radius:11px;text-decoration:none;box-shadow:0 14px 26px -12px rgba(242,131,12,.7);}
.zc-cd-checkout.is-off{background:#cfcabb;box-shadow:none;pointer-events:none;}

/* ===== Storefront premium polish — form-level, token-derived, desktop + mobile ===== */
.zc-sec__title, .zc-pagehero h1 { letter-spacing:-.012em; }
/* Accessible keyboard focus rings (don't affect mouse users) */
.zc-btn:focus-visible, .pcard__add:focus-visible, .zc-input:focus-visible, .zc-act:focus-visible, .zc-search input:focus-visible, .zc-dsearch input:focus-visible {
    outline:2px solid var(--leaf); outline-offset:2px; border-radius:10px;
}
/* Scroll reveal: ONLY off-screen sections get .zc-pre (added by JS), so if JS
   ever fails nothing is hidden — content stays fully visible. */
.zc-sec.zc-pre { opacity:0; transform:translateY(22px); }
.zc-sec.zc-pre.zc-in { opacity:1; transform:none; transition:opacity .6s cubic-bezier(.2,.7,.3,1), transform .55s cubic-bezier(.2,.7,.3,1); }
/* Slight stagger for product cards inside a revealed grid */
.zc-sec.zc-pre.zc-in .pcard { animation:zcCardRise .5s cubic-bezier(.2,.7,.3,1) both; }
@keyframes zcCardRise { from{opacity:0;transform:translateY(14px);} to{opacity:1;transform:none;} }
/* Premium, unobtrusive scrollbar */
html { scrollbar-width:thin; scrollbar-color:rgba(31,122,61,.3) transparent; }
::-webkit-scrollbar { width:11px; height:11px; }
::-webkit-scrollbar-thumb { background:rgba(31,122,61,.26); border-radius:999px; border:3px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover { background:rgba(31,122,61,.44); background-clip:content-box; }
@media (prefers-reduced-motion: reduce) {
    .zc-sec.zc-pre { opacity:1 !important; transform:none !important; }
    .zc-sec.zc-pre.zc-in .pcard { animation:none !important; }
}

/* ============================================================
   Homepage — hero carousel (resources/views/storefront/home.blade.php)
   ============================================================ */
.zc-hero__main{overflow:hidden;}
.zc-hero__track{display:flex;width:100%;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);}
.zc-hero__slide{min-width:100%;flex:0 0 100%;}
.zc-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.32);background:rgba(9,20,13,.42);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(4px);transition:background .18s,color .18s,border-color .18s;}
.zc-hero__arrow:hover{background:var(--honey);color:#3a2600;border-color:transparent;}
.zc-hero__arrow--prev{left:16px;}
.zc-hero__arrow--next{right:16px;}
.zc-hero__dots{position:absolute;bottom:16px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:7px;}
.zc-hero__dot{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:width .22s,background .22s;}
.zc-hero__dot.is-active{width:24px;background:var(--honey);}
@media(max-width:820px){.zc-hero__arrow{display:none;}}

/* ============================================================
   Homepage — offer banner (resources/views/storefront/partials/offer-banner.blade.php)
   ============================================================ */
.zc-obwrap{display:grid;gap:16px;}
.zc-obwrap--2{grid-template-columns:1fr 1fr;}
@media (max-width:720px){.zc-obwrap--2{grid-template-columns:1fr;}}
.zc-ob{position:relative;display:flex;align-items:flex-end;min-height:150px;border-radius:18px;overflow:hidden;background:var(--leaf-soft);background-size:cover;background-position:center;text-decoration:none;box-shadow:0 18px 40px -28px rgba(9,30,17,.5);}
.zc-ob::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,30,17,.62),rgba(9,30,17,.05));}
.zc-ob__c{position:relative;z-index:2;padding:22px 24px;color:#fff;max-width:70%;}
.zc-ob__c h3{margin:0;font-size:22px;font-weight:800;line-height:1.15;}
.zc-ob__c p{margin:6px 0 0;font-size:14px;opacity:.9;}
.zc-ob__btn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:9px 18px;border-radius:999px;background:var(--honey);color:#3a2a00;font-weight:800;font-size:13px;}

/* ============================================================
   Cart (resources/views/storefront/cart/index.blade.php)
   ============================================================ */
@media(max-width:820px){.zc-cart-layout{grid-template-columns:1fr !important;}}

/* ============================================================
   Checkout (resources/views/storefront/checkout/index.blade.php)
   ============================================================ */
@media(max-width:820px){.zc-checkout-layout{grid-template-columns:1fr !important;}}
.zc-qstep{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface);}
.zc-qstep button{width:30px;height:30px;border:none;background:transparent;font-size:17px;font-weight:800;line-height:1;color:var(--leaf-deep);cursor:pointer;}
.zc-qstep button:hover{background:var(--leaf-soft);}
.zc-qstep button:disabled{opacity:.4;cursor:default;}
.zc-qstep span{min-width:30px;text-align:center;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;}
#zc-place-btn{position:relative;overflow:hidden;}
#zc-place-btn::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.38),transparent);transform:skewX(-18deg);animation:zc-place-shimmer 2.6s ease-in-out infinite;pointer-events:none;}
@keyframes zc-place-shimmer{0%{left:-60%}55%,100%{left:130%}}
#zc-place-btn.is-loading{pointer-events:none;opacity:.95;}
#zc-place-btn.is-loading::after{display:none;}
.zc-place-spin{display:none;width:16px;height:16px;border:2.5px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;margin-left:9px;vertical-align:-3px;animation:zc-place-spin .7s linear infinite;}
#zc-place-btn.is-loading .zc-place-spin{display:inline-block;}
@keyframes zc-place-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#zc-place-btn::after{display:none;}}

/* ============================================================
   Product details page (resources/views/storefront/products/show.blade.php)
   ============================================================ */
.pdp2{padding-block:22px 8px;}
.pdp2__crumbs{font-size:12.5px;color:var(--muted);margin-bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.pdp2__crumbs a:hover{color:var(--leaf-deep);}
.pdp2__grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.pdp2__gallery{position:sticky;top:92px;}
.pdp2__main{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);display:grid;place-items:center;}
.pdp2__main img{width:100%;height:100%;object-fit:cover;}
.pdp2__ph{width:52%;height:52%;color:#cfc6b2;}
.pdp2__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pdp2__thumb{width:70px;height:70px;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:var(--panel);flex:none;transition:border-color .15s ease;}
.pdp2__thumb.is-on{border-color:var(--leaf);border-width:2px;}
.pdp2__thumb img{width:100%;height:100%;object-fit:cover;}

.pdp2__name{font-size:clamp(22px,2.6vw,30px);line-height:1.2;margin-bottom:8px;}
.pdp2__share{display:flex;align-items:center;gap:8px;margin:10px 0 16px;}
.pdp2__share-label{font-size:12px;font-weight:700;color:var(--muted);margin-right:2px;}
.pdp2__share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;transition:transform .14s ease,border-color .14s ease,color .14s ease;}
.pdp2__share-btn svg{width:16px;height:16px;}
.pdp2__share-btn:hover{transform:translateY(-2px);}
.pdp2__share-btn--fb:hover{color:#1877f2;border-color:#1877f2;}
.pdp2__share-btn--wa:hover{color:#25d366;border-color:#25d366;}
.pdp2__share-btn--copy:hover{color:var(--leaf-deep);border-color:var(--leaf-deep);}
.pdp2__short{color:var(--muted);font-size:14.5px;margin-bottom:14px;line-height:1.6;}
.pdp2__price{display:flex;align-items:baseline;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:16px;}
.pdp2__price .now{font-size:28px;font-weight:800;color:var(--leaf-deep);}
.pdp2__price .old{font-size:16px;color:var(--sale);text-decoration:line-through;}
.pdp2__price .off{background:var(--honey);color:#3a2600;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;}

.pdp2__group{margin-bottom:16px;}
.pdp2__glabel{font-size:13px;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:10px;}
.pdp2__glabel .hint{font-size:11.5px;font-weight:600;color:var(--muted);}
.pdp2__chips{display:flex;flex-wrap:wrap;gap:9px;}
.pdp2-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700;font-size:13.5px;color:var(--ink);cursor:pointer;transition:all .15s ease;position:relative;}
.pdp2-chip:hover{border-color:var(--leaf);}
.pdp2-chip.is-on{border-color:var(--leaf);background:var(--leaf-soft);color:var(--leaf-deep);animation:pdpChipPop .4s cubic-bezier(.34,1.56,.5,1);}
.pdp2-chip.is-on::after{content:"✓";position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;background:var(--leaf);color:#fff;font-size:11px;display:grid;place-items:center;animation:pdpTick .45s cubic-bezier(.34,1.7,.5,1);}
@keyframes pdpChipPop{0%{transform:scale(1);}42%{transform:scale(1.08);}72%{transform:scale(.98);}100%{transform:scale(1);}}
@keyframes pdpTick{0%{transform:scale(0) rotate(-35deg);opacity:0;}55%{transform:scale(1.3) rotate(0);opacity:1;}100%{transform:scale(1);opacity:1;}}
@media(prefers-reduced-motion:reduce){.pdp2-chip.is-on,.pdp2-chip.is-on::after{animation:none;}}
.pdp2-chip.is-out{opacity:.45;cursor:not-allowed;text-decoration:line-through;}
.pdp2-chip__sw{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex:none;background-size:cover;background-position:center;}

.pdp2__sel{border:1px dashed var(--line);border-radius:var(--radius);padding:12px;margin:16px 0;background:var(--panel);}
.pdp2__sel-empty{color:var(--muted);font-size:13px;text-align:center;padding:8px;}
.pdp2__sel-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft);}
.pdp2__sel-row:last-child{border-bottom:none;}
.pdp2__sel-row .nm{flex:1;min-width:0;font-weight:700;font-size:13.5px;}
.pdp2__sel-row .sku{font-size:11px;color:var(--muted);font-weight:600;}
.pdp2__qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface);flex:none;}
.pdp2__qty button{width:34px;height:36px;border:none;background:transparent;font-size:17px;cursor:pointer;color:var(--leaf-deep);}
.pdp2__qty input{width:38px;height:36px;border:none;text-align:center;font-weight:700;background:transparent;outline:none;}
.pdp2__sel-row .rm{border:none;background:var(--sale-soft);color:var(--sale);width:28px;height:28px;border-radius:8px;cursor:pointer;flex:none;}
.pdp2__total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-weight:800;}
.pdp2__total b{font-size:18px;color:var(--leaf-deep);}

.pdp2__buys{display:flex;gap:12px;margin-top:6px;}
.pdp2__buys .zc-btn{flex:1;padding:14px;font-size:15px;}
.pdp2__wish{flex:none !important;width:52px;padding:0 !important;}

.pdp2__contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;}
.pdp2__cc{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;background:var(--surface);min-width:0;}
.pdp2__cc svg{width:22px;height:22px;flex:none;}
.pdp2__cc > span{min-width:0;overflow:hidden;}
.pdp2__cc .l{display:block;font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pdp2__cc .v{display:block;font-weight:800;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pdp2__cc--call svg{color:var(--leaf);} .pdp2__cc--wa svg{color:#25d366;} .pdp2__cc--imo svg{color:#1e90ff;}
.pdp2-imo-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(12px);background:#1d2147;color:#fff;font-size:13px;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 14px 30px -12px rgba(0,0,0,.4);z-index:200;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none;}
.pdp2-imo-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0);}

.pdp2__tabs{display:flex;gap:6px;border-bottom:2px solid var(--line);margin:34px 0 0;flex-wrap:wrap;}
.pdp2__tab{padding:12px 20px;font-weight:800;font-size:14px;color:var(--muted);border:none;background:transparent;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;}
.pdp2__tab.is-on{color:var(--leaf-deep);border-bottom-color:var(--leaf);}
.pdp2__panel{display:none;padding:22px 2px;line-height:1.8;color:var(--ink);}
.pdp2__panel.is-on{display:block;}
.pdp2__panel :is(ul,ol){padding-left:20px;} .pdp2__panel li{margin:4px 0;}
.pdp2__panel h2,.pdp2__panel h3{margin:10px 0 6px;}

.pdp2__metarow{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:-8px 0 16px;font-size:13px;}
.pdp2__stock{display:inline-flex;align-items:center;gap:6px;font-weight:700;}
.pdp2__stock.in{color:var(--leaf-deep);} .pdp2__stock.low{color:var(--honey-deep);} .pdp2__stock.out{color:var(--sale);}
.pdp2__stock::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;}
.pdp2__origin{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600;}
.pdp2__origin svg{width:15px;height:15px;color:var(--honey-deep);}
.pdp2__util{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);font-weight:700;font-size:13px;color:var(--leaf-deep);cursor:pointer;margin-bottom:14px;margin-right:8px;}
.pdp2__util:hover{border-color:var(--leaf);background:var(--leaf-soft);}
.pdp2__util svg{width:16px;height:16px;}
.pdp2__videothumb{position:relative;}
.pdp2__videothumb::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;background:rgba(9,20,13,.45);color:#fff;font-size:20px;}

.pdp2-lb{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;}
.pdp2-lb[hidden]{display:none;}
.pdp2-lb__scrim{position:absolute;inset:0;background:rgba(9,20,13,.72);}
.pdp2-lb__box{position:relative;z-index:2;max-width:760px;width:100%;max-height:88vh;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);}
.pdp2-lb__x{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.55);color:#fff;font-size:22px;line-height:1;cursor:pointer;}
#pdp2-lb-body img{width:100%;height:auto;display:block;max-height:88vh;object-fit:contain;}
#pdp2-lb-body .vid{position:relative;padding-bottom:56.25%;height:0;}
#pdp2-lb-body .vid iframe,#pdp2-lb-body video{position:absolute;inset:0;width:100%;height:100%;border:0;}

@media(max-width:820px){
    .pdp2__grid{grid-template-columns:1fr;gap:22px;}
    .pdp2__gallery{position:static;}
    .pdp2__contact{grid-template-columns:1fr;}
}

/* ============================================================
   Order tracking (resources/views/storefront/tracking/_view.blade.php)
   ============================================================ */
.zc-trk{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;align-items:start;}
@media(max-width:900px){.zc-trk{grid-template-columns:1fr;}}
.zc-trk__main,.zc-trk__side{display:grid;gap:20px;}
.zc-trk-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -30px rgba(9,20,13,.35);overflow:hidden;}
.zc-trk-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line-soft);font-weight:800;color:var(--ink);font-size:15.5px;}
.zc-trk-card__head .ic{color:var(--honey-deep);}
.zc-trk-muted{color:var(--muted);font-weight:600;font-size:13px;}
.zc-trk-badge{font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase;}
.zc-trk-badge--pending{background:#fef3d6;color:#a5700a;} .zc-trk-badge--ok{background:#e3f6ea;color:#1c8a4e;} .zc-trk-badge--bad{background:#fdecea;color:#c0392b;}
.zc-trk-steps{display:flex;justify-content:space-between;padding:26px 20px 22px;gap:6px;overflow-x:auto;}
.zc-trk-step{position:relative;flex:1 0 auto;min-width:88px;text-align:center;}
.zc-trk-step::before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0;}
.zc-trk-step:first-child::before{display:none;}
.zc-trk-step.is-done::before{background:var(--honey);}
.zc-trk-step__dot{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;font-weight:800;background:#fff;border:3px solid var(--line);color:var(--muted);transition:all .2s;}
.zc-trk-step.is-done .zc-trk-step__dot{border-color:var(--honey);color:var(--honey-deep);}
.zc-trk-step.is-current .zc-trk-step__dot{background:var(--honey);border-color:var(--honey);color:#3a2600;box-shadow:0 0 0 5px rgba(242,162,12,.18);}
.zc-trk-step__label{display:block;font-size:12px;font-weight:700;color:var(--ink);line-height:1.3;}
.zc-trk-step:not(.is-done) .zc-trk-step__label{color:var(--muted);}
.zc-trk-step__date{display:block;font-size:11px;color:var(--muted);margin-top:2px;}
.zc-trk-cancel{padding:26px 20px;text-align:center;color:#c0392b;font-weight:700;}
.zc-trk-items{padding:6px 8px;}
.zc-trk-item{display:flex;align-items:center;gap:14px;padding:12px;border-bottom:1px solid var(--line-soft);}
.zc-trk-item:last-child{border-bottom:none;}
.zc-trk-item img,.zc-trk-item__ph{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:var(--panel);flex:none;}
.zc-trk-item__b{flex:1;min-width:0;}
.zc-trk-item__b b{display:block;font-size:14.5px;color:var(--ink);}
.zc-trk-item__b span{font-size:12.5px;color:var(--honey-deep);font-weight:700;}
.zc-trk-item__pr{text-align:right;font-weight:800;color:var(--ink);white-space:nowrap;}
.zc-trk-item__pr span{display:block;font-size:11.5px;color:var(--muted);font-weight:600;}
.zc-trk-sum{padding:16px 20px;display:grid;gap:11px;font-size:14px;}
.zc-trk-sum > div{display:flex;justify-content:space-between;align-items:center;}
.zc-trk-sum > div span:first-child{color:var(--muted);}
.zc-trk-sum > div span:last-child{font-weight:700;color:var(--ink);}
.zc-trk-sum__grand{border-top:1px dashed var(--line);padding-top:12px;font-size:17px;}
.zc-trk-sum__grand span{font-weight:800 !important;}
.zc-trk-sum__paid span:last-child{color:#1c8a4e !important;}
.zc-trk-sum__due span:last-child{color:#c0392b !important;}
.zc-trk-sum__status{justify-content:center !important;gap:8px;border-top:1px dashed var(--line);padding-top:12px;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;}
.zc-trk-pill{padding:3px 12px;border-radius:999px;font-size:12px;}
.zc-trk-pill.ok{background:#e3f6ea;color:#1c8a4e;} .zc-trk-pill.bad{background:#fdecea;color:#c0392b;}
.zc-trk-cod{margin:0 20px 18px;background:var(--honey-soft);border:1px solid #f2dca6;color:#8a5a00;border-radius:11px;padding:12px 14px;font-size:13px;font-weight:600;text-align:center;}
.zc-trk-ship{padding:16px 20px;display:grid;gap:14px;}
.zc-trk-ship > div span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;}
.zc-trk-ship > div b{font-size:14px;color:var(--ink);font-weight:700;line-height:1.5;}

/* ============================================================
   Customer dashboard (resources/views/storefront/customer/dashboard.blade.php)
   ============================================================ */
.zc-acct{--r:18px;}
.zc-hero2{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--leaf-deep),var(--leaf));color:#fff;}
.zc-hero2::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.06);}
.zc-hero2 .zc-wrap{position:relative;z-index:1;padding-block:30px 34px;}
.zc-hero2 .zc-crumbs a{color:rgba(255,255,255,.85);}
.zc-hero2 .zc-crumbs span{color:rgba(255,255,255,.6);}
.zc-hero2__row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:10px;}
.zc-avatar{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:26px;font-weight:800;flex:none;border:1px solid rgba(255,255,255,.25);}
.zc-hero2 h1{font-size:clamp(26px,4vw,38px);margin:0;line-height:1.05;}
.zc-hero2 .sub{opacity:.9;margin-top:4px;font-size:14px;}
.zc-tier{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.03em;padding:5px 12px;border-radius:999px;text-transform:uppercase;}
.zc-tier svg{width:14px;height:14px;}
.zc-tier--vip{background:linear-gradient(135deg,#f6c964,#e0a63b);color:#4a3410;}
.zc-tier--loyal{background:rgba(255,255,255,.9);color:var(--leaf-deep);}
.zc-tier--repeat{background:rgba(255,255,255,.75);color:var(--leaf-deep);}
.zc-tier--new{background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.35);}

.zc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-38px;position:relative;z-index:2;}
.zc-stat{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);padding:16px 18px;box-shadow:0 18px 40px -30px rgba(20,40,25,.5);transition:transform .15s ease,box-shadow .15s ease;}
a.zc-stat:hover{transform:translateY(-3px);box-shadow:0 26px 46px -28px rgba(20,40,25,.55);}
.zc-stat__ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px;}
.zc-stat__ico svg{width:19px;height:19px;}
.zc-stat__n{font-size:26px;font-weight:800;line-height:1;color:var(--ink);letter-spacing:-.02em;}
.zc-stat__l{font-size:12.5px;color:var(--muted,#6b7280);margin-top:5px;font-weight:600;}
.i-leaf{background:var(--leaf-soft);color:var(--leaf-deep);}
.i-honey{background:var(--honey-soft);color:var(--honey-deep);}
.i-sale{background:var(--sale-soft);color:var(--sale);}
.i-blue{background:#e6effc;color:#2563a8;}

.zc-acct-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-top:26px;align-items:start;}
.zc-panel{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;}
.zc-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid var(--line-soft);}
.zc-panel__head h2{font-size:15px;margin:0;font-weight:800;}
.zc-panel__head a{font-size:12.5px;font-weight:700;color:var(--leaf-deep);}

.zc-ord{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;}
.zc-ord:last-child{border-bottom:none;}
.zc-ord__main{flex:1 1 190px;min-width:0;}
.zc-ord__no{font-weight:800;font-size:14px;color:var(--ink);}
.zc-ord__meta{font-size:12.5px;color:#6b7280;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zc-ord__total{font-weight:800;font-size:15px;white-space:nowrap;}
.zc-pill{font-size:11px;font-weight:800;padding:4px 11px;border-radius:999px;letter-spacing:.02em;white-space:nowrap;}
.is-delivered{background:var(--leaf-soft);color:var(--leaf-deep);}
.is-active{background:#e6effc;color:#2563a8;}
.is-pending{background:var(--honey-soft);color:var(--honey-deep);}
.is-cancel{background:var(--sale-soft);color:var(--sale);}
.zc-ord__acts{display:flex;gap:8px;flex-wrap:wrap;}
.zc-ord__acts a{font-size:12px;font-weight:700;padding:6px 12px;border-radius:9px;border:1px solid var(--line);color:var(--ink);}
.zc-ord__acts a.pri{background:var(--leaf-deep);border-color:var(--leaf-deep);color:#fff;}

.zc-empty{padding:44px 18px;text-align:center;}
.zc-empty svg{width:46px;height:46px;color:var(--line);margin-bottom:10px;}

.zc-side{display:flex;flex-direction:column;gap:20px;}
.zc-prof__id{display:flex;align-items:center;gap:12px;padding:16px 18px;}
.zc-prof__av{width:46px;height:46px;border-radius:13px;background:var(--leaf-soft);color:var(--leaf-deep);display:grid;place-items:center;font-weight:800;font-size:20px;flex:none;}
.zc-prof__row{display:flex;justify-content:space-between;gap:10px;padding:10px 18px;font-size:13.5px;border-top:1px solid var(--line-soft);}
.zc-prof__row span{color:#6b7280;}
.zc-prof__row b{font-weight:700;text-align:right;word-break:break-word;}
.zc-prof-form{padding:16px 18px;border-top:1px solid var(--line-soft);display:none;}
.zc-prof-form.is-open{display:block;}
.zc-prof-form label{display:block;font-size:12px;font-weight:700;margin:10px 0 4px;}
.zc-prof-form .zc-input{width:100%;}
.zc-prof-form .msg{font-size:12.5px;margin-top:8px;font-weight:700;}
.zc-prof-form .msg.ok{color:var(--leaf-deep);}
.zc-prof-form .msg.err{color:var(--sale);}

.zc-loyal{padding:16px 18px;}
.zc-loyal__bar{height:8px;border-radius:999px;background:var(--line-soft);overflow:hidden;margin:12px 0 8px;}
.zc-loyal__fill{height:100%;background:linear-gradient(90deg,var(--leaf),var(--honey));border-radius:999px;}
.zc-loyal__note{font-size:12.5px;color:#6b7280;line-height:1.55;}

.zc-quick{display:grid;gap:8px;padding:16px 18px;}
.zc-quick a,.zc-quick button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 13px;border-radius:11px;border:1px solid var(--line-soft);background:#fff;font-weight:700;font-size:13.5px;color:var(--ink);cursor:pointer;font-family:inherit;}
.zc-quick a:hover,.zc-quick button:hover{border-color:var(--leaf);background:var(--leaf-soft);}
.zc-quick svg{width:18px;height:18px;color:var(--leaf-deep);flex:none;}
.zc-quick .danger svg{color:var(--sale);}

@media(max-width:860px){
    .zc-stats{grid-template-columns:repeat(2,1fr);margin-top:-30px;}
    .zc-acct-grid{grid-template-columns:1fr;}
}
@media(max-width:460px){
    .zc-ord__acts{width:100%;}
}