/* Praveka home page v3 - load AFTER style.css. Full replacement file. */
:root{--hh:64px}
.hi{font-family:"Noto Sans Devanagari","Kohinoor Devanagari","Nirmala UI",sans-serif;font-weight:600}
.eyebrow{display:inline-block;font-size:clamp(12px,min(1.1vw,2.1vh),15px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e3a817;margin:0 0 clamp(8px,1.6vh,16px)}
.eyebrow::before{content:"";display:inline-block;width:28px;height:2px;background:#e3a817;vertical-align:middle;margin-right:10px}
.nav .logo-image{width:220px;height:86px;overflow:visible;flex-shrink:0}
.nav .logo-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}
.links a{position:relative;padding:8px 0!important;border:0!important;color:#58705e;font-family:"Bricolage Grotesque","Source Sans 3",system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;transition:color .2s ease,transform .2s ease}
.links a::after{position:absolute;right:50%;bottom:2px;left:50%;height:2px;border-radius:2px;background:linear-gradient(90deg,#e3a817,#7fcf98);content:"";transition:left .22s ease,right .22s ease}
header.top .links a:hover,header.top .links a:focus-visible,header.top .links a[aria-current]:hover{color:#1f4d2e;transform:translateY(-2px)}
header.top .links a:hover::after,header.top .links a:focus-visible::after,header.top .links a[aria-current]::after{right:0;left:0}
header.top .links a[aria-current]{color:#24352a}
.nav .ic,.nav .nb{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.nav .ic:hover,.nav .ic:focus-visible{transform:translateY(-2px);border-color:#d79b21;box-shadow:0 5px 14px rgba(31,77,46,.12)}
.nav .nb:hover,.nav .nb:focus-visible{transform:translateY(-2px);box-shadow:0 7px 16px rgba(31,77,46,.18)}
@media (prefers-reduced-motion:reduce){.links a,.links a::after,.nav .ic,.nav .nb{transition:none}}

/* shared fixes (photos 4:3, equal cards) */
.card{display:flex!important;flex-direction:column;justify-content:flex-start!important}
.pic{aspect-ratio:4/3!important;position:relative;display:block!important;background:#fff}
.pic img{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff;display:block}
.th{overflow:hidden}.th img{width:100%;height:100%;object-fit:contain!important;display:block}
.tile i{display:block;width:72px!important;height:72px!important;border-radius:50%;margin:0 auto 8px!important;background:#fff;overflow:hidden}
.tile i img{width:100%;height:100%;object-fit:cover;display:block}
.tile{transition:transform .2s,border-color .2s}.tile:hover{transform:translateY(-4px)}

/* ===== HERO (header + hero + gold band = one screen) ===== */
.hero{padding:0!important;min-height:500px!important;height:calc(100vh - var(--hh) - 46px)!important;overflow:hidden;background:radial-gradient(800px 480px at 82% 45%,rgba(227,168,23,.25),transparent 62%),radial-gradient(640px 420px at 0 0,rgba(127,207,152,.2),transparent 60%),linear-gradient(135deg,#0d2617,#1b4a2c 55%,#2d6a3f)!important;color:#f6f7f2}
.hero>.wrap{height:100%;display:flex;flex-direction:column}
.hero .trust{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;flex-wrap:wrap;grid-template-columns:none!important;background:none!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;box-shadow:none!important;padding:10px 0!important;margin:0!important;max-width:none!important;font-size:14px;font-weight:600}
.hero .trust .hi{color:#f3c34a;font-size:17px;margin-left:auto}
.hero .trust{min-height:1px}
.hero-quote{margin:clamp(12px,2vh,20px) 0 0;padding-left:14px;border-left:3px solid #f3c34a;color:#f3c34a;font-size:clamp(15px,1.4vw,19px);line-height:1.4;letter-spacing:.02em}
.hero2{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding:8px 0 14px}
.hero h1{font-size:clamp(30px,min(3.9vw,7vh),56px)!important;line-height:1.12!important;font-weight:800;margin:0 0 clamp(12px,2.4vh,22px)!important}
.hero h1 span{display:block;white-space:nowrap}
.hero h1 .g{color:#f3c34a}
.hero .lead{font-size:clamp(15px,min(1.35vw,2.6vh),20px)!important;line-height:1.55!important;max-width:520px!important;margin:0 0 clamp(14px,3vh,28px)!important;color:#e6efe6}
.hero .acts .btn{font-size:clamp(15px,min(1.3vw,2.4vh),19px)!important;padding:clamp(10px,1.8vh,16px) clamp(20px,2.2vw,32px)!important}
.hshow{position:relative;height:100%;min-height:0}
.hshow::before{content:"";position:absolute;inset:4% 9%;border:2px dashed rgba(243,195,74,.5);border-radius:50%;animation:spin 50s linear infinite}
.hshow .glow{position:absolute;inset:12% 14%;border-radius:50%;background:radial-gradient(circle,rgba(243,195,74,.5),rgba(127,207,152,.15) 60%,transparent 72%)}
.hshow img{position:absolute;bottom:2%;width:auto;filter:drop-shadow(0 22px 24px rgba(0,0,0,.45))}
.hshow .b1{left:0;height:62%;transform:rotate(-7deg)}
.hshow .b2{left:30%;height:88%;z-index:2}
.hshow .b3{right:0;height:66%;transform:rotate(7deg)}
.hshow .b4{left:14%;height:42%;z-index:3;transform:rotate(-4deg)}
.hshow .b5{right:19%;height:38%;z-index:3;transform:rotate(4deg)}
@keyframes spin{to{transform:rotate(360deg)}}
.ticker{height:46px;display:flex;align-items:center;background:#e3a817;color:#123420;overflow:hidden;white-space:nowrap;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px}
.tk{display:inline-block;animation:tk 55s linear infinite}
.tk span{margin:0 22px}.tk span::after{content:"\2726";margin-left:44px;opacity:.6}
@keyframes tk{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk,.hshow::before{animation:none}}

/* ===== SLIDES ===== */
.sl{width:100%;display:flex;align-items:center;padding:28px 0;box-sizing:border-box}
.sl.alt{background:var(--card);border-block:1px solid var(--line)}
.range-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f4eedc 0%,#f7f5e9 48%,#e8f0e0 100%)}
.range-section::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.5;background:radial-gradient(ellipse at 12% 90%,rgba(47,107,69,.18) 0 14%,transparent 15%),radial-gradient(ellipse at 88% 18%,rgba(215,155,33,.16) 0 12%,transparent 13%),repeating-linear-gradient(165deg,transparent 0 42px,rgba(47,107,69,.06) 43px 45px,transparent 46px 84px)}
.range-section::after{content:"";position:absolute;z-index:-1;width:320px;height:320px;right:-120px;bottom:-170px;border:1px solid rgba(47,107,69,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(47,107,69,.05),0 0 0 56px rgba(215,155,33,.05)}
.slw{width:min(80vw,1280px);max-width:none;margin:0 auto;padding:0}
.sl h2{position:relative;font-size:clamp(26px,min(3vw,5.2vh),38px);margin:0 0 clamp(8px,1.4vh,12px);padding-bottom:12px}
.sl h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,#e3a817,#7fcf98)}
.sl .intro{margin:0 0 clamp(14px,2.6vh,26px);font-size:clamp(15px,2.2vh,18px)}
.home-products .products-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:clamp(10px,1.5vh,16px)}
.home-products .products-heading h2{margin-bottom:clamp(6px,1vh,10px)}
.home-products .products-heading .intro{margin:0}
.home-products .products-more{flex:none;margin-bottom:2px;white-space:nowrap}
.home-offers{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f5eedc 0%,#fbf8ee 48%,#e8f0e2 100%)}
.home-offers::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.45;background:radial-gradient(ellipse at 8% 88%,rgba(47,107,69,.16) 0 14%,transparent 15%),radial-gradient(ellipse at 94% 12%,rgba(215,155,33,.18) 0 12%,transparent 13%),repeating-linear-gradient(165deg,transparent 0 44px,rgba(47,107,69,.045) 45px 47px,transparent 48px 88px);transition:opacity .35s}
.home-offers:hover::before{opacity:.7}
.home-offers .slw{position:relative}
.home-offers-heading{grid-column:1/-1;position:relative;margin:0 0 -8px;padding:0 0 12px;border-bottom:1px solid rgba(47,107,69,.16);animation:offers-arrive .55s both}
.home-offers-heading::after{content:"";position:absolute;bottom:-1px;left:0;width:clamp(64px,9vw,112px);height:3px;border-radius:3px;background:linear-gradient(90deg,#e3a817,#7fcf98)}
.home-offers-heading .eyebrow{margin:0 0 5px;color:#a87408}
.home-offers-heading h2{max-width:none;margin:0 0 4px;padding:0;border:0;color:#1f3e2a;font-size:clamp(12px,3.8vw,36px);line-height:1.12;white-space:nowrap}
.home-offers-heading h2::after{display:none}
.home-offers-heading .intro{margin:0;color:var(--mute);font-size:clamp(14px,1.3vw,16px)}
.home-offers .home-offer-group{animation:offers-arrive .6s both}
.home-offers .home-combo-group{animation-delay:.12s}
@keyframes offers-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.home-offer-subhead .eyebrow{margin-bottom:7px}
.home-offer-group{min-width:0}
.home-offer-subhead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.home-offer-subhead .eyebrow{color:#a87408}
.home-offer-subhead h3{font-size:clamp(21px,2.5vh,28px);margin:0;color:var(--ink)}
.home-offer-subhead .intro{margin:6px 0 0;color:var(--mute);font-size:14px}
.home-offers-count{color:var(--mute);font-weight:700;font-size:14px}
.home-offers-link{flex:none;margin-bottom:2px;white-space:nowrap}
.home-sale-grid{grid-template-columns:1fr;gap:14px}
.home-sale-grid .offer-card{position:relative;display:grid!important;grid-template-columns:minmax(112px,.58fr) minmax(0,1.42fr);align-items:stretch;text-align:left;border-radius:16px;box-shadow:0 12px 26px rgba(26,61,39,.09);transition:transform .2s,box-shadow .2s}
.home-sale-grid .offer-card:hover,.home-sale-grid .offer-card:focus-visible{transform:translateY(-4px);box-shadow:0 20px 36px rgba(26,61,39,.17)}
.home-sale-grid .offer-card:focus-visible,.home-combo-grid .combo-card:focus-within{outline:3px solid rgba(227,168,23,.55);outline-offset:3px}
.home-sale-grid .offer-card .pic{aspect-ratio:auto!important;height:100%!important;min-height:154px;border-radius:15px 0 0 15px}
.home-sale-grid .offer-card .cb{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 14px}
.home-sale-grid .home-offer-category{margin-bottom:3px;color:#708070;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.home-sale-grid .offer-card h3{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 4px;font-size:16px;line-height:1.2}
.home-sale-grid .offer-card .price{font-size:13px;line-height:1.3}
.home-sale-grid .offer-card .price s{margin-left:3px;font-size:11px}
.home-sale-grid .offer-card .pack-price-list{gap:2px;font-size:12px}
.home-sale-grid .home-offer-view{display:inline-flex;align-items:center;gap:5px;margin-top:6px;color:#2f6b45;font-size:12px;font-weight:800}
.home-sale-grid .offer-card .tag{top:8px;left:8px;font-size:10px}
.home-combo-group{min-width:0}
.home-combo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-combo-grid .combo-card{grid-template-columns:1fr;gap:0;padding:14px;border:1px solid rgba(41,92,57,.14);border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(26,61,39,.08);transition:transform .2s,box-shadow .2s}
.home-combo-grid .combo-card:hover{transform:translateY(-4px);box-shadow:0 20px 36px rgba(26,61,39,.16);border-color:rgba(41,92,57,.3)}
.home-combo-grid .combo-products{min-height:0;gap:14px;padding:14px;background:linear-gradient(135deg,#f5f1df,#edf2e7);border-radius:12px}
.home-combo-grid .combo-product{font-size:13px}
.home-combo-grid .combo-product .pic{height:clamp(112px,14vh,155px);margin-bottom:8px}
.home-combo-grid .combo-product span,.home-combo-grid .combo-product small{font-size:12px}
.home-combo-grid .plus{font-size:28px}
.home-combo-grid .combo-copy{padding:16px 5px 5px}
.home-combo-grid .combo-copy .eyebrow{font-size:11px;letter-spacing:.16em}
.home-combo-grid .combo-copy h3{font-size:18px;line-height:1.25;margin:3px 0 8px}
.home-combo-grid .combo-copy p{margin:0 0 14px;font-size:14px;line-height:1.45}
.home-combo-grid .combo-price-breakdown{display:grid;gap:3px;margin:0 0 12px;padding:10px 12px;border:1px solid rgba(41,92,57,.14);border-radius:10px;background:#f5f8ef;font-size:13px}
.home-combo-grid .combo-price-breakdown strong{color:#235b38;font-size:16px}
.home-combo-grid .combo-price-breakdown small{color:#a87408;font-weight:800}
.home-combo-grid .combo-copy .btn{padding:10px 15px;font-size:14px}
.home-combo-grid .combo-products-many{display:grid;grid-template-columns:1fr;gap:6px}
.home-combo-grid .combo-products-many .combo-product{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 10px;width:100%;text-align:left}
.home-combo-grid .combo-products-many .combo-product .pic{grid-row:span 2;width:48px;height:48px;margin:0}
.home-combo-grid .combo-products-many .combo-product span,.home-combo-grid .combo-products-many .combo-product b,.home-combo-grid .combo-products-many .combo-product small{grid-column:2}
.home-combo-grid .combo-products-many .plus{font-size:16px;line-height:1}
.home-offers-empty{grid-column:1/-1;display:grid;place-items:center;min-height:125px;margin:0;padding:22px;border:1px dashed rgba(31,77,46,.25);border-radius:12px;background:rgba(255,255,255,.58);color:var(--mute);font-weight:700;text-align:center}
@media (min-width:1050px){
 .home-offers{padding:20px 0}
 .home-offers .slw{width:min(88vw,1400px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-content:center;align-items:start;gap:26px}
 .home-offers-heading{margin-bottom:-12px;padding-bottom:10px}
 .home-offers-heading h2{font-size:clamp(12px,3.8vw,34px)}
 .home-offer-subhead{margin-bottom:14px}
 .home-sale-grid .offer-card{grid-template-columns:minmax(112px,.58fr) minmax(0,1.42fr)}
 .home-sale-grid .offer-card .pic{min-height:154px}
 .home-sale-grid .offer-card .cb{padding:12px}
 .home-sale-grid .offer-card h3{font-size:16px}
 .home-combo-grid{gap:16px}
 .home-combo-grid .combo-card{padding:13px}
 .home-combo-grid .combo-products{gap:10px;padding:12px}
 .home-combo-grid .combo-product .pic{height:clamp(125px,16vh,170px)}
 .home-combo-grid .combo-copy{padding:15px 5px 4px}
}
.sl .tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}
.sl #fgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0}
.sl #fgrid>*:nth-child(n+6){display:none}
.sl .more{margin:18px 0 0}
.sl .split{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.5fr);gap:clamp(28px,3vw,54px);align-items:center}
.why-section .split{min-height:min(720px,calc(100vh - 180px))}
.vcard{border-radius:20px;padding:clamp(26px,3vw,42px);background:radial-gradient(circle at 100% 0,rgba(227,168,23,.3),transparent 50%),linear-gradient(160deg,#1f4d2e,#123420);border:1px solid rgba(127,207,152,.35);color:#f6f7f2}
.vcard .hi{font-size:clamp(22px,3.2vh,32px);line-height:1.25;margin:2px 0 10px;color:#f3c34a}
.vq{font-size:clamp(15px,2.2vh,19px);line-height:1.45;font-style:italic;margin:0 0 12px}
.vq::before{content:"\201C";display:block;font-size:44px;line-height:.6;color:#e3a817}
.vl{list-style:none;margin:0 0 12px;padding:0}.vl li{padding:6px 0 6px 24px;font-size:14px;border-top:1px solid rgba(255,255,255,.12);position:relative}
.vl li::before{content:"\2713";position:absolute;left:0;color:#7fcf98;font-weight:800}
.seal{display:flex;gap:12px;align-items:center;font-size:13px}
.seal b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid #e3a817;color:#e3a817;font-size:13px;flex:none}
.feat{counter-reset:f;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.feat>div{counter-increment:f;position:relative;overflow:hidden;padding:20px;min-height:152px;transition:transform .25s,border-color .25s}
.feat>div:hover{transform:translateY(-4px);border-color:#7fcf98}
.feat>div::after{content:counter(f,decimal-leading-zero);position:absolute;right:10px;top:4px;font:800 36px/1 "Bricolage Grotesque",sans-serif;color:rgba(227,168,23,.18)}
.feat .dot{display:block;width:40px;height:5px;border-radius:5px;background:linear-gradient(90deg,#e3a817,#7fcf98);margin-bottom:10px}
.feat h3{font-size:18px}.feat p{font-size:15px;line-height:1.5}
.sl .steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px}
.sl .steps li{padding:22px 20px 24px;font-size:17px}.sl .steps b{font-size:19px;margin-bottom:6px}
.farming-guide{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}
.farming-guide::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(243,239,227,.96) 0%,rgba(243,239,227,.78) 38%,rgba(243,239,227,.1) 72%),url("images/farmer.jpg") right center/cover no-repeat}
.farming-guide::after{content:"";position:absolute;z-index:-1;right:5%;top:14%;width:220px;height:220px;border:1px solid rgba(47,107,69,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(215,155,33,.08),0 0 0 44px rgba(47,107,69,.06)}
.guide-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}
.guide-heading h2{margin-bottom:10px}
.guide-heading .intro{max-width:650px;margin:0}
.guide-note{max-width:230px;margin:0 0 4px;padding:13px 16px;color:#fffdf7;background:rgba(47,107,69,.94);border-left:4px solid var(--sun);border-radius:10px;font-weight:700;font-size:16px;line-height:1.4;box-shadow:0 8px 20px rgba(36,53,42,.16)}
.farming-guide .steps{position:relative;z-index:1}
.farming-guide .steps li{min-height:178px;background:rgba(255,253,247,.97);border:1px solid rgba(216,223,208,.9);border-top:4px solid var(--green);box-shadow:0 10px 24px rgba(36,53,42,.08)}
.farming-guide .steps li::before{font-size:34px}
.farming-guide .steps li b{margin:8px 0 8px}
.sl .seasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sl .seasons>div{padding:22px}.sl .seasons h3{font-size:21px}.sl .seasons p{font-size:16px}
.season-guide .eyebrow{margin-bottom:4px}
.season-guide .intro{max-width:650px}
.season-guide .seasons{margin-top:24px}
.season-card{display:flex;flex-direction:column;min-height:250px;padding:24px;text-decoration:none;color:inherit;background:rgba(255,253,247,.92);border:1px solid var(--line);border-top:4px solid var(--green);border-radius:0 0 14px 14px;box-shadow:0 8px 20px rgba(36,53,42,.06);transition:transform .2s,border-color .2s,box-shadow .2s}
.season-card:hover{transform:translateY(-5px);border-color:var(--sun);box-shadow:0 15px 28px rgba(36,53,42,.12)}
.season-card h3{font-size:24px;margin-bottom:5px}
.season-card .when{font-size:14px}
.season-card p{margin:12px 0;color:var(--mute);font-size:16px;line-height:1.55}
.season-link{margin-top:auto;color:var(--green);font-weight:700;font-size:15px}
.season-link b{font-size:20px;margin-left:5px}
.rg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.rg>a{text-align:left;padding:20px 16px;border:1px solid var(--line);border-radius:16px;background:var(--card);font-weight:600;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-height:180px;transition:transform .2s,border-color .2s,box-shadow .2s}
.rg>a:hover{transform:translateY(-4px);border-color:#e3a817;box-shadow:0 10px 22px rgba(31,77,46,.1)}
.rg b{display:block;font:800 clamp(34px,5vh,52px)/1 "Bricolage Grotesque",sans-serif;color:#e3a817;margin-bottom:8px}
.rg strong{font-size:16px}
.rg span{display:block;color:var(--mute);font-size:13px;line-height:1.4;margin-top:8px;font-weight:400}
.rg em{font-style:normal;color:var(--green);font-size:13px;margin-top:auto;padding-top:12px}
.range-note{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px 16px;border-left:4px solid #e3a817;background:rgba(227,168,23,.1);font-size:14px}
.range-note strong{white-space:nowrap}.range-note span{color:var(--mute)}.range-note a{margin-left:auto;color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap}
.sl .creds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ctabox{margin-top:clamp(18px,4vh,34px);background:var(--green);color:var(--on-green);border-radius:16px;padding:clamp(20px,3.4vh,30px) 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.ctabox h3{font-size:clamp(20px,3vh,26px);margin:0 0 6px}.ctabox p{margin:0;opacity:.9}
.fx{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.fx.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fx{opacity:1;transform:none;transition:none}}

/* snap scrolling (desktop, home page only; JS adds html.slides-on) */
@media (min-width:861px){
 html.slides-on{scroll-snap-type:y mandatory;scroll-padding-top:var(--hh)}
 html.slides-on .hero,html.slides-on .sl{scroll-snap-align:start}
 html.slides-on .sl{min-height:calc(100vh - var(--hh))}
 html.slides-on footer{scroll-snap-align:start}
}
@media (max-width:860px){
 .slw{width:100%;padding:0 20px}
 .hero{height:auto!important}.hero>.wrap{height:auto}.hero2{grid-template-columns:1fr}.hshow{height:340px}
 .hero h1 span{white-space:normal}.hero .trust{font-size:12.5px}
 .sl .tiles,.rg{grid-template-columns:repeat(2,minmax(0,1fr))}.sl #fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-products .products-heading{align-items:flex-start}
 .home-sale-grid{grid-template-columns:1fr}
 .home-combo-grid{grid-template-columns:1fr}
 .range-note{align-items:flex-start;flex-wrap:wrap}
 .range-note a{margin-left:0}
 .sl .split,.feat,.sl .steps,.sl .seasons,.sl .creds{grid-template-columns:1fr!important}
 .guide-heading{display:block}.guide-note{margin-top:12px}.farming-guide::after{right:-80px;top:34%}
}
@media (min-width:620px) and (max-width:860px){.home-combo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.nav .logo-image{width:180px;height:76px}}
@media (max-width:640px){.nav .logo-image{width:155px;height:68px}}
@media (max-width:520px){.home-products .products-heading{display:block}.home-products .products-more{display:inline-flex;margin:0 0 12px}}
@media (max-width:520px){.home-offer-subhead{align-items:flex-start}.home-offers-link{display:inline-flex;margin:10px 0 0}.home-sale-grid{grid-template-columns:1fr}.home-sale-grid .offer-card{grid-template-columns:96px minmax(0,1fr)}.home-combo-grid .combo-card{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.home-offers-heading,.home-offer-group{animation:none}.home-offers::before,.home-sale-grid .offer-card,.home-combo-grid .combo-card{transition:none}}

/* short laptop screens: tighter slides so each still fits one screen */
@media (min-width:861px) and (max-height:760px){
 .sl{padding:12px 0}.sl:not(.home-offers) .intro{display:none}.sl:not(.home-offers) h2{margin-bottom:6px}
 .sl .tiles{margin-bottom:10px}.tile{padding:8px 6px!important}.tile i{width:46px!important;height:46px!important;margin-bottom:4px!important}
 .sl .more{margin-top:12px}.feat>div{padding:10px}.feat p{font-size:13px}.vl li{padding:4px 0 4px 24px}
 .vcard{padding:16px 20px}.sl .seasons>div{padding:16px}.rg>div{padding:18px 8px}
 footer.pf{min-height:0}
 footer.pf .pf-shelf{padding:12px 20px 18px}
 footer.pf .pf-h{margin-bottom:8px}
 footer.pf .pf-bottles{--s:.88}
 footer.pf .pf-board{height:12px}
 footer.pf .pf-grid{gap:20px;padding:18px 0 12px}
 footer.pf .pf-brand .footer-logo-image{width:210px;height:90px}
 footer.pf .pf-newsrow{padding:10px 0}
 footer.pf .pf-bottom{padding:10px 0 12px}
}

/* sections of other pages must stay hidden (beats display:flex above) */
.pg.hide,.hide{display:none!important}

/* products slide must always fit: scale with the window height */
@media (min-width:861px){
 .sl #fgrid .pic{aspect-ratio:auto!important;height:clamp(96px,min(15vw,21vh),170px)}
 .sl #fgrid .cb{padding:10px 12px}
 .sl #fgrid h3{font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .sl .more{margin-top:14px}
}
@media (min-width:861px) and (max-height:700px){
 .sl .tile i{width:38px!important;height:38px!important}.sl .tile{font-size:14px;padding:6px 4px!important}
 .sl #fgrid .tech{display:none}.sl:not(.home-offers) h2{font-size:26px;padding-bottom:8px}.sl:not(.home-offers){padding:8px 0}
}

/* never snap on pages other than Home (hero hidden = not Home) */
html:has(.hero.hide){scroll-snap-type:none!important}

/* ===== footer shelf with real products ===== */
.pf-item{position:relative;display:block;flex:none;height:calc(var(--h) * var(--s));filter:drop-shadow(0 10px 8px rgba(0,0,0,.45));transition:transform .25s}
.pf-item img{height:100%;width:auto;display:block}
.pf-item:hover,.pf-item:focus-visible{transform:translateY(-10px) scale(1.05);outline:none}
.pf-item::after{content:attr(data-n);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:210px;padding:6px 10px;border-radius:8px;background:#e3a817;color:#123420;font:600 13px/1.3 "Source Sans 3",system-ui,sans-serif;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}
.pf-item:hover::after,.pf-item:focus-visible::after{opacity:1}
body.footer-visible header.top{display:none!important}
header.top{transition:transform .25s ease}
.pf-bottles{gap:clamp(8px,2.2vw,30px)}
@media (min-width:1000px){.pf-bottles{--s:1.22}}
@media (max-width:520px){.pf-item:nth-child(n+7){display:none}}

/* ===== working hours card (contact page) ===== */
.ct-hours{display:grid;gap:0;width:100%;margin-top:6px}
.ct-hr{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);font-size:17px}
.ct-hr:first-child{border-top:0}
.ct-hr span:last-child{font-weight:600;text-align:right}
.ct-hours-card .ct-tx{flex:1}

/* ===== legal pages ===== */
.legal{max-width:820px!important;padding-top:34px!important;padding-bottom:56px!important}
.legal h1{font-size:clamp(28px,4vw,40px);margin:8px 0 6px}
.legal .upd{opacity:.7;font-size:14px;margin:0 0 22px}
.legal h2{font-size:clamp(19px,2.2vw,23px);margin:30px 0 8px}
.legal p,.legal li{font-size:17px;line-height:1.7}
.legal ul{padding-left:22px;margin:8px 0}
.legal li{margin:5px 0}
.legal .note{border-left:4px solid #e3a817;background:var(--card);padding:14px 18px;border-radius:8px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.legal-nav a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600}
.legal-nav a[aria-current="page"]{background:#e3a817;border-color:#e3a817;color:#123420}