/* Produce — fresh and direct: white, natural green, produce colours; Secular One headings, Heebo text; quick picking. */
h1,h2,h3{font-weight:400}
.btn{font-weight:700}
.price{font-weight:700;font-size:18px}

.vh{background:#fff;position:sticky;top:0;z-index:30;box-shadow:0 1px 0 var(--line)}
.vh__area{background:var(--surface);font-size:14px}
.vh__area-row{display:flex;align-items:center;gap:10px;min-height:38px;color:var(--accent)}
.vh__area-row span{color:var(--ink)}
.vh__row{display:flex;align-items:center;gap:22px;min-height:72px}
.vh__menu{display:none}
.logo{text-decoration:none}
.logo__t{font-family:var(--head);font-size:30px;color:var(--accent)}
.vh__tabs{flex:1}
.vh__tabs ul{display:flex;gap:6px}
.vh__tabs a{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:500;background:var(--surface)}
.vh__tabs a:hover,.vh__tabs a[aria-current]{background:var(--accent);color:#fff}
.vh__act{display:flex;align-items:center;gap:4px}
.vcart{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;border-radius:12px;border:0;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}
.vcart .cart-count{background:var(--lemon);color:var(--ink);top:-6px;inset-inline-start:-6px}
.drawer{position:fixed;inset:0 0 0 auto;width:min(340px,88vw);background:#fff;z-index:50;padding:90px 24px;box-shadow:0 0 40px rgba(0,0,0,.2)}
.drawer li a{display:block;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:20px}

.vhero{background:linear-gradient(180deg,var(--surface),#fff)}
.vhero__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;padding-block:40px}
.vhero__txt h1{font-size:clamp(36px,4.4vw,60px);line-height:1.05}
.vhero__txt>p{font-size:19px;color:var(--muted)}
.vhero__img img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px}
.varea{background:#fff;border:2px solid var(--accent);border-radius:18px;padding:18px 20px;margin-top:22px;max-width:520px}
.varea label{display:block;margin-bottom:8px;font-size:18px}
.varea__row{display:flex;gap:10px}
.varea__row input{flex:1;min-height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font-size:17px}
.varea__res{margin:10px 0 0;font-weight:500}
.varea__res.is-ok{color:var(--accent)}
.varea__res.is-no{color:var(--tomato)}

.vbaskets{padding-block:50px 20px}
.vbaskets__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}
.vbasket{display:grid;grid-template-columns:200px 1fr;gap:20px;background:var(--surface);border-radius:20px;padding:16px;align-items:center}
.vbasket__img img{border-radius:14px;aspect-ratio:1;object-fit:cover;background:#fff}
.vbasket h3{font-size:24px;margin-bottom:6px}
.vbasket h3 a{text-decoration:none}
.vbasket .price{display:block;margin-bottom:12px}

.vrow{padding-block:36px 10px}
.vrow__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}
.vcard .card__img{background:#fff}
.vcard .card__img img{object-fit:contain}
.vcard .card__t{font-size:17px;font-weight:700}
.vcard__price{margin:0}
.vqty{margin-top:auto}
.vqty__add{width:100%}
.vqty__ctl{display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff;border-radius:var(--radius-btn);min-height:46px}
.vqty__ctl button{width:46px;height:46px;border:0;background:none;color:#fff;cursor:pointer;display:grid;place-items:center}
.vqty__ctl span{font-weight:700;font-size:18px}
.vqty.is-busy{opacity:.6;pointer-events:none}
.vunit{font-size:17px}
.vnote{background:var(--surface);border-radius:14px;padding:14px 16px}
.vnote p{display:flex;gap:10px;margin:0 0 6px}
.mbar{display:none}
.mps-basket{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin-bottom:14px;width:100%}
.mps-basket legend{font-weight:700;padding:0 6px}
.mps-basket label{display:flex;gap:10px;align-items:center;padding:5px 0}
.mps-basket input{width:20px;height:20px;accent-color:var(--accent)}

@media (max-width:900px){
	.vh__tabs{display:none}
	.vh__menu{display:inline-flex}
	.vh__row{gap:8px;justify-content:space-between;min-height:60px}
	.vcart [data-cart-sum]{display:none}
	.vhero__grid{grid-template-columns:1fr;padding-block:20px}
	.vhero__img{order:-1}
	.vbasket{grid-template-columns:110px 1fr}
	.vbaskets__row{grid-template-columns:1fr}
	.mbar:not([hidden]){display:flex;position:fixed;bottom:0;inset-inline:0;z-index:40;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.1)}
	.mbar__cart{flex:1;display:flex;align-items:center;gap:10px;border:0;background:var(--surface);border-radius:12px;padding:0 14px;min-height:50px;cursor:pointer;font-weight:600}
	.mbar__cart strong{margin-inline-start:auto}
	body.pack-produce{padding-bottom:80px}
}

/* ===== v2 — a clean, generous market (14.11): white product cards, green brand, real photos ===== */
body.pack-produce{background:#F6F4EC}
.vh{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.vh__area{background:var(--accent);color:#fff;font-size:14px}.vh__area-row,.vh__area-row span,.vh__area .link{color:#fff}
.logo__t{font-family:var(--head);font-size:34px;color:var(--accent);letter-spacing:0}
.vh__tabs a,.vh__tabs .mm-btn{min-height:40px;padding:0 16px;border-radius:999px;font-weight:700;font-size:15px;background:transparent;border:0;color:var(--ink)}
.vh__tabs a:hover,.vh__tabs a[aria-current]{background:#EAF3E7;color:var(--accent)}
.vh__tabs .mm-btn{background:var(--accent);color:#fff}
.vh__tabs .mm-btn[aria-expanded=true]{background:#174F22;color:#fff}
.vh{--pill:#EAF3E7}
.vcart{background:var(--accent);border-radius:999px}
/* hero: one wide rounded banner, photo + promise + the real delivery-area check */
.vhero{padding:24px 0 8px;background:none}
.vhero__grid{background:linear-gradient(105deg,#1F6B2E 0%,#2E8540 48%,rgba(46,133,64,.0) 70%),var(--hero-img,#2E8540);border-radius:28px;overflow:hidden;position:relative;min-height:440px;align-items:center;padding:clamp(28px,5vw,64px);gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.vhero__img{position:absolute;inset:0;inset-inline-start:auto;width:62%;z-index:0}
.vhero__img img{width:100%;height:100%;object-fit:cover;border:0;border-radius:0;box-shadow:none;transform:none;-webkit-mask:linear-gradient(to left,transparent 0,#000 38%);mask:linear-gradient(to left,transparent 0,#000 38%)}
.vhero__txt{position:relative;z-index:1;color:#fff;max-width:560px}
.vhero__txt h1{color:#fff;font-size:clamp(38px,5vw,68px);line-height:1.02;margin-bottom:14px}
.vhero__txt>p{color:#E9F4E5;font-size:18px;margin-bottom:24px}
.varea{background:#fff;color:var(--ink);border:0;border-radius:18px;box-shadow:0 18px 40px -20px rgba(0,0,0,.45);padding:18px 18px 12px}
.varea .btn{border-radius:12px;background:#FFC93C;border-color:#FFC93C;color:#1D1A10;font-weight:800}
.varea__row input{border-radius:12px}
/* categories as round photo chips */
.vcats{padding:30px 0 6px}
.vcats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:18px}
.vcats a{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;font-weight:700;color:var(--ink);text-align:center}
.vcats .vcats__pic{width:min(120px,100%);aspect-ratio:1;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 24px -14px rgba(0,0,0,.35);transition:transform .3s}
.vcats .vcats__pic img{width:100%;height:100%;object-fit:cover}
.vcats a:hover .vcats__pic{transform:translateY(-4px)}
/* sections */
.sec-t{font-family:var(--head);color:#173F1F}
.vrow{margin-top:44px}
.vrow__head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.vrow__head .sec-t{font-size:clamp(28px,3vw,40px);margin:0}
.vrow__head .link{font-weight:700;color:var(--accent);text-decoration:none;background:#EAF3E7;padding:8px 16px;border-radius:999px;font-size:14px}
.vsign{all:unset;font-family:var(--head);font-size:clamp(28px,3vw,40px);color:#173F1F;display:block}
/* ready baskets: a clean feature row */
.vbaskets{background:#fff;border-radius:24px;padding:clamp(20px,3vw,32px);margin-top:36px;box-shadow:0 20px 50px -36px rgba(0,0,0,.35)}
.vbaskets .vsign{margin-bottom:16px}
.vbasket{background:#F6F4EC;border-radius:18px;box-shadow:none;padding:14px;gap:18px}
.vbasket h3{font-size:22px}
.vbasket .btn{border-radius:12px}
/* product cards: white, airy, image on white */
.vcard{background:#fff;border:0;border-radius:20px;overflow:hidden;box-shadow:0 1px 0 rgba(0,0,0,.04),0 14px 30px -24px rgba(0,0,0,.4);transition:transform .25s,box-shadow .25s}
.vcard:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(0,0,0,.04),0 22px 40px -24px rgba(0,0,0,.45)}
.vcard .card__img{background:#fff;padding:14px 14px 0}
.vcard .card__img img{object-fit:contain;aspect-ratio:1;border-radius:14px}
.vcard .card__body{padding:10px 16px 16px}
.vcard .card__t{font-size:17px;font-weight:700}
.vcard__price{position:static;background:none;border:0;transform:none;padding:0;margin:2px 0 10px;font-family:var(--body)}
.vcard__price .price{font-family:var(--body);font-size:20px;font-weight:800;color:#173F1F}
.vcard__price .muted{color:var(--muted);font-size:14px}
.vqty__add{border-radius:12px!important;min-height:44px}
.vqty__ctl{background:var(--accent);border-radius:12px}
.site-foot{background:#173F1F;color:#fff;border:0}.site-foot .muted{color:#CFE3CB}.site-foot a{color:#fff}
@media (max-width:900px){
	.vhero__grid{grid-template-columns:1fr!important;min-height:0;padding:24px;background:#1F6B2E}
	.vhero__img{position:relative;width:auto;height:200px;margin:-24px -24px 0;order:-1}
	.vhero__img img{-webkit-mask:linear-gradient(to top,transparent 0,#000 45%);mask:linear-gradient(to top,transparent 0,#000 45%)}
	.vcats ul{grid-auto-flow:column;grid-auto-columns:92px;grid-template-columns:none;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
	.vcard .card__t{font-size:15px}.vcard__price .price{font-size:18px}
}

/* mega menu — market */
.vh .mm{--mm-bg:#fff;border-top:1px solid var(--line)}
.vh .mm__pic{border-radius:18px;background:#fff}
.vh .mm__name b{font-family:var(--head);font-size:20px}
.vh .mm__links a{font-family:var(--head);font-size:19px}
.vh .mm__promo{background:var(--accent)}
.vh .mm__promo-txt b{font-family:var(--head);font-size:30px}
@media (min-width:901px){.vcats ul{display:flex;justify-content:center;gap:40px}.vcats li{width:132px}.vcats .vcats__pic{width:132px}}
@media (max-width:900px){
	.vcats ul{display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-columns:auto;overflow:visible;gap:10px}
	.vcats a{font-size:14px;gap:8px}
	.vbaskets__row{grid-template-columns:minmax(0,1fr)}
	.vbasket{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:12px}
	.vbasket h3{font-size:19px}
	.vbasket .btn{white-space:normal;width:100%;min-height:48px}
}
@media (max-width:900px){.vbasket .btn{font-size:15px;padding-inline:12px;text-align:center;justify-content:center}.vcats a{text-wrap:balance}}