/** Shopify CDN: Minification failed

Line 381:0 Expected "}" to go with "{"

**/

:root{
  --bg:#FFFBF1; --bg2:#FFF3D6; --card:#FFFFFF; --ink:#14261A; --muted:#5C6B5F; --line:#E9E0C8;
  --green:#16A34A; --green-d:#0B3D20; --green-l:#DCFCE7; --lime:#84CC16; --orange:#FF6B1A; --yellow:#FFC531; --red:#EF4444;
  --shadow:0 20px 40px rgba(20,50,25,.12); --radius:22px;
}
@media (prefers-color-scheme: dark){
  :root{ --bg:#0E1A12; --bg2:#13251A; --card:#182A1E; --ink:#EDF7EE; --muted:#A9BCAE; --line:#2A4232; --green-l:#1E3A28; --shadow:0 20px 40px rgba(0,0,0,.4); }
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}
h1,h2,h3,.vd-display{font-family:"Bricolage Grotesque",sans-serif;letter-spacing:-.02em}
a{color:inherit;text-decoration:none} button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}
.vd-wrap{max-width:1240px;margin:0 auto;padding:0 20px}

/* Marquee */
.vd-marquee{background:var(--green-d);color:#D1FAE5;overflow:hidden;padding:9px 0;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.vd-marquee-track{display:inline-flex;gap:0;animation:scrollX 22s linear infinite}
.vd-marquee span{padding:0 28px}
@keyframes scrollX{to{transform:translateX(-50%)}}

/* Header */
.vd-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.vd-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.vd-logo{display:flex;align-items:center;gap:10px;font-family:"Bricolage Grotesque";font-weight:800;font-size:26px}
.vd-logo-badge{width:42px;height:42px;background:var(--green);border-radius:12px;display:grid;place-items:center;font-size:22px;animation:wiggle 3s ease-in-out infinite}
@keyframes wiggle{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(6deg) scale(1.06)}}
.vd-navlinks{display:flex;gap:26px;font-weight:600;font-size:15px}
.vd-navlinks a{position:relative;padding:4px 0}
.vd-navlinks a:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--orange);border-radius:99px;transition:.3s}
.vd-navlinks a:hover:after{width:100%}
.vd-actions{display:flex;gap:10px;align-items:center}
.vd-icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;font-size:18px;position:relative;transition:.25s}
.vd-icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.vd-cart-count{position:absolute;top:-4px;right:-4px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:99px;display:grid;place-items:center;padding:0 5px}
.vd-cart-count.vd-pop{animation:pop .45s cubic-bezier(.2,2.2,.4,1)}
@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.5)}100%{transform:scale(1)}}
.vd-btn{border:none;border-radius:99px;padding:13px 22px;font-weight:800;font-size:15px;display:inline-flex;align-items:center;gap:8px;transition:.25s}
.vd-btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 20px rgba(22,163,74,.35)}
.vd-btn-primary:hover{background:var(--green-d);transform:translateY(-2px)}
.vd-btn-orange{background:var(--orange);color:#fff;box-shadow:0 10px 20px rgba(255,107,26,.35)}
.vd-btn-orange:hover{transform:translateY(-2px) scale(1.02)}
.vd-btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--ink)}

/* Hero */
.vd-hero{position:relative;padding:42px 0 10px;overflow:hidden}
.vd-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center}
.vd-pill{display:inline-flex;gap:8px;align-items:center;background:var(--green-l);color:var(--green-d);border:1px solid #BBF7D0;padding:7px 12px;border-radius:99px;font-weight:800;font-size:13px}
@media(prefers-color-scheme:dark){.vd-pill{color:#86EFAC}}
.vd-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.vd-hero h1{font-size:clamp(42px,6vw,72px);line-height:.95;margin:16px 0 14px;font-weight:800}
.vd-hero h1 em{font-style:normal;color:var(--green);position:relative}
.vd-hero h1 .vd-hl{background:linear-gradient(transparent 62%, var(--yellow) 62%);padding:0 4px;border-radius:4px}
.vd-hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:520px}
.vd-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.vd-stats{display:flex;gap:22px;margin-top:28px;flex-wrap:wrap}
.vd-stat b{font-size:22px;display:block}
.vd-stat span{font-size:13px;color:var(--muted);font-weight:600}
.vd-hero-visual{position:relative}
.vd-hero-img{border-radius:28px;overflow:hidden;border:6px solid var(--card);box-shadow:var(--shadow);transform:rotate(1.5deg)}
.vd-hero-img img{width:100%;height:480px;object-fit:cover}
.vd-float-card{position:absolute;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;animation:floaty 4s ease-in-out infinite}
.vd-float-card small{display:block;color:var(--muted);font-weight:600}
.vd-fc1{left:-14px;top:28px}.vd-fc2{right:-8px;bottom:90px;animation-delay:.8s}.vd-fc3{left:18px;bottom:-12px;animation-delay:1.4s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.vd-spin-badge{position:absolute;right:14px;top:10px;width:104px;height:104px;animation:spin 14s linear infinite;z-index:3}
@keyframes spin{to{transform:rotate(360deg)}}
.vd-spin-badge text{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;fill:var(--green-d)}
@media(prefers-color-scheme:dark){.vd-spin-badge text{fill:#BBF7D0}}

/* Ticker */
.vd-ticker{margin:36px 0 6px;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(-1deg) scale(1.02);overflow:hidden;padding:12px 0;font-family:"Bricolage Grotesque";font-weight:800;font-size:18px;color:#1A2E12;white-space:nowrap}
.vd-ticker-track{display:inline-flex;animation:scrollX 18s linear infinite}
.vd-ticker span{padding:0 22px}

/* Sections */
.vd-section{padding:52px 0}
.vd-sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.vd-sec-head h2{font-size:clamp(28px,4vw,40px);margin:6px 0 4px;line-height:1}
.vd-sec-head p{color:var(--muted);margin:0;max-width:560px;line-height:1.6}
.vd-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}

/* Categories */
.vd-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.vd-cat{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px 12px;text-align:center;transition:.3s;cursor:pointer}
.vd-cat:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow);border-color:var(--green)}
.vd-cat.vd-active{background:var(--green);color:#fff;border-color:var(--green)}
.vd-cat .vd-emoji{font-size:34px;display:block;margin-bottom:8px;transition:.3s}
.vd-cat:hover .vd-emoji{transform:scale(1.25) rotate(-8deg)}
.vd-cat b{font-size:14px}.vd-cat small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.vd-cat.vd-active small{color:#D1FAE5}

/* Controls */
.vd-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.vd-search{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:6px 6px 6px 16px}
.vd-search input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:var(--ink);font-family:inherit}
select{padding:12px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-weight:700;font-family:inherit}
.vd-chip{padding:10px 16px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-weight:700;font-size:14px;transition:.2s}
.vd-chip.vd-active,.vd-chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Products */
.vd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.vd-card{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.35s;position:relative;animation:cardIn .5s both}
.vd-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
@keyframes cardIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
.vd-card-img{height:190px;overflow:hidden;position:relative;background:var(--bg2)}
.vd-card-img img{width:100%;height:100%;object-fit:cover;transition:.6s}
.vd-card:hover .vd-card-img img{transform:scale(1.1) rotate(1deg)}
.vd-badge{position:absolute;top:10px;left:10px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;padding:6px 9px;border-radius:99px;letter-spacing:.04em}
.vd-badge.vd-green{background:var(--green)} .vd-badge.vd-yellow{background:var(--yellow);color:#422006}
.vd-heart{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(255,255,255,.92);display:grid;place-items:center;font-size:16px;transition:.2s}
.vd-heart.vd-liked{background:#FEE2E2;transform:scale(1.1)}
.vd-card-body{padding:16px}
.vd-card-body h3{margin:4px 0 4px;font-size:17px}
.vd-meta{font-size:13px;color:var(--muted);font-weight:600}
.vd-stars{color:#F59E0B;font-size:13px;letter-spacing:1px}
.vd-price-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}
.vd-price{font-family:"Bricolage Grotesque";font-weight:800;font-size:20px}
.vd-price s{font-size:14px;color:var(--muted);font-weight:600;margin-left:4px}
.vd-add-btn{background:var(--green);color:#fff;border:none;padding:11px 16px;border-radius:99px;font-weight:800;font-size:14px;transition:.2s;white-space:nowrap}
.vd-add-btn:hover{background:var(--green-d);transform:scale(1.05)}
.vd-add-btn:active{transform:scale(.95)}
.vd-empty{grid-column:1/-1;text-align:center;padding:40px;background:var(--card);border:1px dashed var(--line);border-radius:20px;color:var(--muted)}

/* Deal */
.vd-deal{background:var(--green-d);color:#fff;border-radius:28px;padding:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;overflow:hidden;position:relative}
.vd-deal h2{font-size:36px;margin:8px 0;line-height:1}
.vd-deal p{color:#BBF7D0;line-height:1.6}
.vd-countdown{display:flex;gap:10px;margin:18px 0}
.vd-time-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px);border-radius:14px;min-width:64px;text-align:center;padding:10px 6px}
.vd-time-box b{font-size:24px;display:block;font-family:"Bricolage Grotesque"}
.vd-time-box span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.vd-deal-img{border-radius:20px;overflow:hidden;transform:rotate(2deg)}
.vd-deal-img img{width:100%;height:100%;object-fit:cover;min-height:260px}
.vd-progress{height:10px;background:rgba(255,255,255,.18);border-radius:99px;overflow:hidden;margin-top:8px}
.vd-progress i{display:block;height:100%;width:72%;background:var(--yellow);border-radius:99px;animation:shimmer 2s infinite}

/* Features */
.vd-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vd-feature{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;transition:.3s}
.vd-feature:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.vd-feature .vd-ic{width:52px;height:52px;border-radius:14px;background:var(--green-l);display:grid;place-items:center;font-size:24px;margin-bottom:12px}
.vd-feature h3{margin:6px 0}.vd-feature p{color:var(--muted);line-height:1.6;font-size:14px;margin:0}

/* Testimonials */
.vd-testi{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px;text-align:center;min-height:210px}
.vd-testi blockquote{font-family:"Bricolage Grotesque";font-size:clamp(20px,3vw,28px);line-height:1.35;margin:10px auto;max-width:720px}
.vd-testi-nav{display:flex;justify-content:center;gap:8px;margin-top:16px}
.vd-testi-nav button{width:10px;height:10px;border-radius:99px;border:none;background:var(--line);transition:.3s;padding:0}
.vd-testi-nav button.vd-on{width:28px;background:var(--green)}
.vd-fade{animation:fadeIn .6s both}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Reveal */
.vd-reveal{opacity:1;transform:none}
.vd-reveal.vd-visible{animation:riseIn .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes riseIn{from{transform:translateY(14px)}to{transform:none}}

/* Newsletter */
.vd-news{background:var(--yellow);border:2px solid var(--ink);border-radius:28px;padding:30px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;color:#1F2A12}
.vd-news h2{font-size:34px;margin:6px 0}.vd-news p{line-height:1.6;opacity:.85}
.vd-news-form{display:flex;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:5px;overflow:hidden}
.vd-news-form input{flex:1;border:none;outline:none;padding:10px 14px;font-size:15px;font-family:inherit;min-width:0}
.vd-news-form button{background:var(--ink);color:#fff;border:none;border-radius:99px;padding:12px 18px;font-weight:800;white-space:nowrap}

.vd-footer{padding:36px 0 90px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.7}
.vd-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}
footer h4{color:var(--ink);margin:0 0 10px} footer a{display:block}

/* Cart drawer */
.vd-overlay{position:fixed;inset:0;background:rgba(10,20,12,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s;z-index:80}
.vd-overlay.vd-open{opacity:1;pointer-events:auto}
.vd-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(430px,94vw);background:var(--bg);z-index:90;display:none;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.25)}
.vd-drawer.vd-open{display:flex;animation:slideIn .45s cubic-bezier(.2,.9,.25,1) both}
@keyframes slideIn{from{transform:translateX(60px);opacity:.4}to{transform:none;opacity:1}}
.vd-drawer-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.vd-ship{padding:14px 20px;border-bottom:1px solid var(--line);background:var(--card)}
.vd-ship-bar{height:8px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:8px}
.vd-ship-bar i{display:block;height:100%;background:var(--green);border-radius:99px;transition:width .5s}
.vd-cart-items{flex:1;overflow:auto;padding:14px 20px;display:flex;flex-direction:column;gap:12px}
.vd-cart-item{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;animation:fadeIn .35s both}
.vd-cart-item img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.vd-qty{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:99px;padding:2px}
.vd-qty button{width:26px;height:26px;border-radius:50%;border:none;background:var(--bg2);font-weight:800}
.vd-drawer-foot{padding:18px 20px;border-top:1px solid var(--line);background:var(--card)}
.vd-row{display:flex;justify-content:space-between;margin:6px 0;font-weight:600}.vd-row.vd-total{font-size:19px;font-weight:800;border-top:1px dashed var(--line);padding-top:10px}
.vd-fly{position:fixed;z-index:120;width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow);pointer-events:none;transition:all .8s cubic-bezier(.2,.8,.3,1)}
.vd-toast-wrap{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:130;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(420px,92vw)}
.vd-toast{background:var(--ink);color:var(--bg);padding:13px 18px;border-radius:99px;font-weight:700;font-size:14px;box-shadow:var(--shadow);animation:toastIn .4s cubic-bezier(.2,1.4,.4,1);text-align:center}
@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:none}}
.vd-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(10,20,12,.6);backdrop-filter:blur(4px)}
.vd-modal.vd-open{display:grid}
.vd-modal-box{background:var(--bg);border-radius:24px;max-width:680px;width:100%;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;animation:popIn .35s cubic-bezier(.2,1.3,.4,1)}
@keyframes popIn{from{opacity:0;transform:scale(.92) translateY(14px)}to{opacity:1;transform:none}}
.vd-modal-box img{width:100%;height:100%;object-fit:cover;min-height:280px}
.vd-modal-body{padding:24px}

@media(max-width:980px){.vd-grid{grid-template-columns:repeat(2,1fr)}.vd-cats{grid-template-columns:repeat(3,1fr)}.vd-features{grid-template-columns:repeat(2,1fr)}.vd-hero-grid,.vd-deal,.vd-news{grid-template-columns:1fr}.vd-hero-img img{height:340px}.vd-navlinks{display:none}.vd-foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.vd-grid{grid-template-columns:1fr 1fr;gap:12px}.vd-card-img{height:140px}.vd-card-body{padding:12px}.vd-price{font-size:17px}.vd-add-btn{padding:9px 12px;font-size:13px}.vd-cats{grid-template-columns:repeat(2,1fr)}.vd-features{grid-template-columns:1fr}.vd-modal-box{grid-template-columns:1fr}.vd-modal-box img{min-height:200px;height:200px}.vd-float-card{font-size:12px}.vd-fc2{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Nawader header additions */
.x-logoimg{height:46px;width:auto;border-radius:10px}
.x-logoname small{display:block;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em}
.x-search{flex:1;max-width:460px}
.x-navstrip{border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.x-navstrip::-webkit-scrollbar{display:none}
.x-navstrip .vd-navlinks{padding:10px 0;gap:22px}
@media(max-width:980px){.x-search{order:3;flex-basis:100%;max-width:none}.vd-nav{flex-wrap:wrap}}

/* Fix: deal heading must stay white on the dark card (Trade base styles set h2 colour directly, beating inheritance) */
.vd-deal h2{color:#fff}

/* ============ Uniform photo boxes: every product photo, same square size & shape ============ */
.vd-card-img{aspect-ratio:1/1;height:auto}
.vd-card-img img{object-fit:contain;background:#fff}
.vd-scope .card__media .media img{object-fit:contain;background:#fff}
.vd-scope .card__media{background:#fff}
@media(max-width:520px){.vd-card-img{height:auto;aspect-ratio:1/1}}

/* ============ Animations & graphics ============ */
/* Hero entrance, staggered */
@keyframes vd-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.vd-hero .vd-pill{animation:vd-rise .6s both}
.vd-hero h1{animation:vd-rise .6s .1s both}
.vd-hero p{animation:vd-rise .6s .2s both}
.vd-hero-cta{animation:vd-rise .6s .3s both}
.vd-stats{animation:vd-rise .6s .4s both}
.vd-hero-visual{animation:vd-rise .8s .2s both}
/* Soft colour blobs behind hero and deal */
.vd-hero-grid{position:relative;z-index:1}
.vd-hero::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#DCFCE7,transparent 70%);top:-140px;right:-90px;z-index:0;animation:vd-blob 9s ease-in-out infinite alternate;pointer-events:none}
.vd-hero::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#FFF3D6,transparent 70%);bottom:-120px;left:-90px;z-index:0;animation:vd-blob 11s ease-in-out infinite alternate-reverse;pointer-events:none}
@keyframes vd-blob{from{transform:translate(0,0) scale(1)}to{transform:translate(24px,20px) scale(1.08)}}
.vd-deal{position:relative}
.vd-deal>div{position:relative;z-index:1}
.vd-deal::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,49,.28),transparent 70%);bottom:-110px;right:-60px;pointer-events:none}
/* Floating fruit & veg graphics in the hero */
.vd-float-emoji{position:absolute;font-size:42px;animation:vd-floaty 5s ease-in-out infinite;pointer-events:none;z-index:0}
@keyframes vd-floaty{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(5deg)}}
/* Button shine sweep on hover */
.vd-btn{position:relative;overflow:hidden}
.vd-btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .5s;pointer-events:none}
.vd-btn:hover::after{left:130%}
/* Product card hover polish */
.vd-card:hover{border-color:var(--green)}
/* Back to top button */
#vdToTop{position:fixed;right:18px;bottom:18px;z-index:60;box-shadow:var(--shadow)}
@media(max-width:980px){.vd-float-emoji{display:none}}

/* Floating WhatsApp button (bottom-left; back-to-top stays bottom-right) */
#vdWhatsBtn{position:fixed;left:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;font-size:26px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
#vdWhatsBtn:hover{background:#1EBE5D}

/* Mobile + dark-mode fixes 2026-11-05 */
[class*="vd-"] h1, [class*="vd-"] h2, [class*="vd-"] h3 { color: var(--ink); }
.vd-deal h2, .vd-deal h3 { color: #fff; }
.vd-search input { min-width: 0; }
@media (max-width: 520px) { .vd-search { flex: 1 1 100%; min-width: 0; } }
/* Smaller WhatsApp float on phones so it covers less content */
@media(max-width:520px){#vdWhatsBtn{width:44px;height:44px;left:12px;bottom:12px;font-size:21px}}
/* Calm restyle (5 Nov): no category emojis, no shine or tilt effects, quieter motion */
.vd-emoji{display:none}
.vd-cat{padding:22px 12px}
.vd-hero:before,.vd-hero:after,.vd-deal:after{display:none}
.vd-marquee-track{animation:none}
.vd-card{animation:none}
.vd-card:hover,.vd-cat:hover{transform:none;box-shadow:none}
.vd-btn:after{display:none}
.vd-hero h1 .vd-hl{background:none;padding:0}
@media(max-width:520px){.vd-card-body{padding:18px 14px}.vd-cats{gap:12px}}
/* Phone rendering fixes (5 Nov): info pages readable in dark mode, chip contrast, footer stacking */
:root{color-scheme:light dark}
@media (prefers-color-scheme:dark){.main-page-title,.rte,.rte h1,.rte h2,.rte h3,.rte h4,.rte p,.rte li,.rte strong{color:#14261A}}
.vd-chip{background:#FFFFFF;color:#14261A;border-color:#E9E0C8}
.vd-chip.vd-active,.vd-chip:hover{background:#0B3D20;color:#FFFFFF;border-color:#0B3D20}
footer{color:#46584B}
footer a{color:#2E4634}
@media (prefers-color-scheme:dark){footer{color:#A9BCAE}footer a{color:#D9EADD}}
@media(max-width:750px){.vd-foot-grid{grid-template-columns:1fr 1fr}.vd-foot-grid>div:first-child{grid-column:1/-1}}
/* Category tiles: real product photos instead of emojis */
.vd-cat-img{width:72px;height:72px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px;border:1px solid var(--line)}
@media(max-width:520px){.vd-cat-img{width:60px;height:60px}}

/* % OFF badge (A) + basket savings line (B) + add stepper (C) */
.vd-off-badge{position:absolute;top:8px;left:8px;background:#B91C1C;color:#fff;font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;z-index:2}
.vd-savings{margin:0 20px 10px;padding:8px 10px;border:1px solid #bbf7d0;background:#dcfce7;color:#166534;border-radius:10px;font-size:13px;font-weight:600}
.vd-savings b{font-weight:800}
.vd-stepper{display:inline-flex;align-items:center;gap:2px;background:var(--green);border-radius:99px;padding:3px}
.vd-stepper .vd-step-qty{min-width:26px;text-align:center;color:#fff;font-weight:800;font-size:14px}
.vd-step-btn{width:30px;height:30px;border:none;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:18px;font-weight:800;line-height:1;cursor:pointer}
.vd-step-btn:hover{background:rgba(255,255,255,.38)}

/* ============================================================
   RTL (Arabic) overrides - appended 5 Nov 2026
   Applies only when <html> carries dir="rtl" (layout/theme.liquid
   sets it for the 'ar' locale). The English (LTR) site is untouched.
   Only physical left/right positioning and text alignment are flipped
   here; flexbox and grid rows already reverse automatically in RTL.
   ============================================================ */

/* Hero, section headings and body copy: right-aligned in RTL */
[dir="rtl"] .vd-hero,
[dir="rtl"] .vd-hero p,
[dir="rtl"] .vd-sec-head,
[dir="rtl"] .vd-sec-head p,
[dir="rtl"] .vd-deal,
[dir="rtl"] .vd-news,
[dir="rtl"] .vd-drawer,
[dir="rtl"] .vd-cat,
[dir="rtl"] .vd-card-body { text-align: right; }

/* Category tiles and the product grid flow right-to-left */
[dir="rtl"] .vd-cats,
[dir="rtl"] .vd-grid { direction: rtl; }

/* Basket drawer: anchored to the left edge in RTL, sliding in from the left */
[dir="rtl"] .vd-drawer { left: 0; right: auto; box-shadow: 20px 0 50px rgba(0, 0, 0, .25); }
[dir="rtl"] .vd-drawer.vd-open { animation-name: vd-slide-in-rtl; }
@keyframes vd-slide-in-rtl { from { transform: translateX(-60px); opacity: .4; } to { transform: none; opacity: 1; } }

/* Drawer close button stays on the far (left) end of the drawer header */
[dir="rtl"] .vd-drawer-head #closeDrawer { margin-inline-start: auto; }

/* Search bar: input and button swap sides; typed text is right-aligned */
[dir="rtl"] .vd-search { direction: rtl; }
[dir="rtl"] .vd-search input { text-align: right; }

/* Quantity steppers (basket drawer and product cards): mirror the - / + order */
[dir="rtl"] .vd-qty,
[dir="rtl"] .vd-stepper { direction: rtl; }

/* "% OFF" badge on product cards: top-right in RTL instead of top-left */
[dir="rtl"] .vd-off-badge { left: auto; right: 8px; }

/* Floating buttons: WhatsApp moves to the bottom-right in RTL, and the
   back-to-top button swaps to the now-free bottom-left corner so the two
   never sit on top of each other */
[dir="rtl"] #vdWhatsBtn { left: auto; right: 18px; }
[dir="rtl"] #vdToTop { right: auto; left: 18px; }

/* Decorative shapes and the button shine sweep: mirror their side offsets */
[dir="rtl"] .vd-deal::after { right: auto; left: -60px; }
[dir="rtl"] .vd-btn::after { left: auto; right: -80%; transform: skewX(20deg); }
[dir="rtl"] .vd-btn:hover::after { left: auto; right: 130%; }

@media (max-width: 520px) {
  [dir="rtl"] #vdWhatsBtn { left: auto; right: 12px; }

/* Language switcher (header actions row + footer brand column) */
.vd-lang{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
.vd-lang a{color:var(--muted);text-decoration:none}
.vd-lang a:hover{text-decoration:underline}
.vd-lang a.vd-lang-on{color:var(--ink);font-weight:700;text-decoration:underline}
.vd-lang .vd-lang-sep{color:var(--line)}
footer .vd-lang a{color:inherit}
footer .vd-lang a.vd-lang-on{color:inherit}

/* Stage 9 — desktop card steppers stay visible: the Add to stepper swap is driven by /cart.js, and no breakpoint, width rule or container may collapse the stepper or shrink its minus / plus targets on desktop. */
.vd-card .vd-stepper{ display:inline-flex; align-items:center; visibility:visible; }
.vd-card .vd-step-btn{ min-width:30px; min-height:30px; }

/* Stage 10 - Blinkit-style basket bar: fixed at the bottom centre, shown only while the cart has items; its own deep-green background in both colour schemes. Re-saved to refresh the served asset version. */
.vd-cart-bar{position:fixed;left:50%;bottom:18px;z-index:80;width:min(520px,calc(100vw - 32px));display:flex;align-items:center;gap:10px;padding:10px 10px 10px 16px;border:0;border-radius:16px;background:var(--green-d);color:#F7F3E6;box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;opacity:0;visibility:hidden;transform:translate(-50%,24px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;}
.vd-cart-bar.vd-bar-on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .28s ease,transform .28s ease,visibility 0s;}
#drawer.vd-open ~ .vd-cart-bar{opacity:0;visibility:hidden;transform:translate(-50%,24px);pointer-events:none;transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;}
.vd-cart-bar:focus-visible{outline:2px solid #F7F3E6;outline-offset:2px;}
.vd-cart-bar-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.14);color:#F7F3E6;}
.vd-cart-bar-icon svg{display:block;}
.vd-cart-bar-text{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1;}
.vd-cart-bar-count{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vd-cart-bar-sep{opacity:.6;}
.vd-cart-bar-total{white-space:nowrap;font-variant-numeric:tabular-nums;}
.vd-cart-bar-cta{flex:none;background:#F7F3E6;color:var(--green-d);border-radius:12px;padding:9px 14px;font-weight:700;white-space:nowrap;}
@media(max-width:520px){.vd-cart-bar{bottom:86px;width:calc(100vw - 32px);padding:9px 9px 9px 13px;font-size:13px;}}