/*
Theme Name: Sagamar Group Produce
Theme URI: https://sagamargroup.com/
Author: Sagamar Group
Description: Custom WordPress theme for a Miami-based tropical produce distributor serving supermarkets, local stores, mini markets and food businesses throughout Florida.
Version: 4.2.0
Text Domain: sagamar
*/
:root{
  --green:#0f6b3f; --green2:#1c8d55; --lime:#8bc34a; --cream:#f7f6ef;
  --ink:#15231b; --muted:#68766d; --white:#fff; --gold:#f0b84b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#0b4f31;color:#fff;font-size:.9rem}
.topbar .container{display:flex;justify-content:space-between;gap:18px;padding:9px 0;flex-wrap:wrap}
.site-header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(0,0,0,.07)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--green);letter-spacing:.03em}
.brand-logo{width:48px;height:48px}
.brand-text small{display:block;font-size:.62rem;letter-spacing:.28em;color:#688477}
.main-nav{display:flex;gap:24px;align-items:center;font-size:.94rem;font-weight:700}
.main-nav a:hover{color:var(--green2)}
.nav-cta,.btn{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:8px;font-weight:800}
.btn.secondary{background:#fff;color:var(--green);border:1px solid #dbe8df}
.hero{min-height:620px;display:grid;align-items:center;background:
linear-gradient(90deg,rgba(8,55,34,.90) 0%,rgba(8,55,34,.72) 45%,rgba(8,55,34,.18) 100%),
url('assets/images/hero-produce.jpg') center/cover no-repeat;color:#fff}
.hero-inner{max-width:670px;padding:82px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.78rem;color:#c9f0bf}
.hero h1{font-size:clamp(2.7rem,6vw,5.2rem);line-height:.98;margin:14px 0 20px}
.hero p{font-size:1.18rem;max-width:620px;color:#edf8f1}
.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hero .btn{background:#fff;color:var(--green)}
.hero .btn.secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.trust-strip{background:#f6faf7;border-bottom:1px solid #e5eee8}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4ece7}
.trust-item{background:#fff;padding:25px;text-align:center}
.trust-item strong{display:block;color:var(--green);font-size:1.1rem}
section{padding:82px 0}
.section-head{max-width:760px;margin-bottom:36px}
.kicker{color:var(--green2);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;margin:10px 0 16px}
.muted{color:var(--muted)}
.products{background:var(--cream)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(30,70,48,.08)}
.card-img{height:220px;background-size:cover;background-position:center}
.card-body{padding:22px}
.card h3{margin:0 0 8px}
.market-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.market{padding:24px;border:1px solid #e0e9e3;border-radius:14px;background:#fff}
.market .icon{font-size:2rem}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.photo-panel{min-height:460px;border-radius:20px;background:url('assets/images/distribution.jpg') center/cover no-repeat;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.checks{display:grid;gap:13px;margin:25px 0}
.checks div:before{content:"✓";color:#fff;background:var(--green);border-radius:50%;display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;font-size:.8rem}
.service-area{background:#0d5c39;color:#fff}
.service-area .muted{color:#d2e7da}
.cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.city{padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:999px}
.cta{background:linear-gradient(135deg,#f5b848,#ffd36d);color:#1b2d23}
.cta-box{display:flex;justify-content:space-between;gap:30px;align-items:center}
.site-footer{background:#0c1f16;color:#dfeae3;padding:55px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.footer-title{color:#fff;font-weight:800;margin-bottom:12px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;font-size:.9rem;color:#a8b7ad}
.mobile-toggle{display:none;background:none;border:0;font-size:1.7rem}
@media(max-width:900px){
  .main-nav{display:none}.mobile-toggle{display:block}
  .cards,.market-grid{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px){
  .cards,.market-grid,.footer-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
  .hero{min-height:540px}.hero-inner{padding:60px 0}
  .cta-box{align-items:flex-start;flex-direction:column}
}

.brand-logo-official{width:190px;height:auto;max-height:78px;object-fit:contain}.brand:has(.brand-logo-official) .brand-text{display:none}@media(max-width:580px){.brand-logo-official{width:145px}}
/* Real Sagamar inventory photography */
.real-hero{background-position:center 58%;background-size:cover}
.produce-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.produce-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(30,70,48,.09)}.produce-card img{width:100%;height:270px;object-fit:cover}.produce-card>div{padding:20px}.produce-card span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green2);font-weight:800}.produce-card h3{font-size:1.35rem;margin:4px 0 5px}.produce-card p{margin:0;color:var(--muted);font-size:.94rem}.produce-card.wide{grid-column:span 2}.produce-card.wide img{height:310px}
.fresh-arrivals{background:#f4f8f5}.photo-gallery{columns:4 240px;column-gap:16px}.photo-gallery figure{break-inside:avoid;margin:0 0 16px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(20,60,40,.08)}.photo-gallery img{width:100%;height:auto}.photo-gallery figcaption{padding:10px 13px;font-size:.85rem;font-weight:700;color:#496054}.real-distribution{background-position:center}.about-collage{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:220px 220px;gap:12px}.about-collage img{width:100%;height:100%;object-fit:cover;border-radius:16px}.about-collage img:first-child{grid-row:span 2}
@media(max-width:900px){.produce-grid{grid-template-columns:repeat(2,1fr)}.produce-card.wide{grid-column:span 2}.about-collage{min-height:420px}}
@media(max-width:580px){.produce-grid{grid-template-columns:1fr}.produce-card.wide{grid-column:auto}.produce-card img,.produce-card.wide img{height:260px}.photo-gallery{columns:2 140px}.about-collage{grid-template-columns:1fr 1fr;grid-template-rows:210px 170px}}

/* 2026 Homepage redesign - inspired by Sagamar premium hero mockup */
.premium-topbar{background:linear-gradient(90deg,#07572f,#0b6a3b);font-size:.88rem}
.topbar-grid{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 0!important;gap:20px}
.topbar-location{justify-self:start}.topbar-location:first-letter{color:#22ce69}.topbar-categories{justify-self:center}.topbar-categories b{opacity:.55;margin:0 6px}.topbar-action{justify-self:end;font-weight:700}
.premium-header{box-shadow:0 4px 20px rgba(7,53,34,.08)}
.premium-nav-wrap{min-height:160px;padding:10px 0!important}
.premium-brand{flex:0 0 auto;overflow:visible}
.brand-logo-official{width:360px!important;max-width:39vw;height:138px!important;max-height:none!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 5px rgba(0,0,0,.12))}
.premium-main-nav{gap:29px;font-size:.92rem;color:#173452}
.premium-main-nav>a:not(.premium-nav-cta){position:relative;padding:16px 0}
.premium-main-nav>a:not(.premium-nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:3px;background:#14a651;transition:.25s}
.premium-main-nav>a:hover:after,.premium-main-nav>a.active:after{right:0}
.premium-main-nav>a.active{color:#098943}
.premium-nav-cta{background:#079447!important;border-radius:9px!important;padding:17px 22px!important;box-shadow:0 7px 18px rgba(0,148,71,.18)}

.hero-premium{position:relative;min-height:745px;padding:0!important;overflow:hidden;color:#fff;background-image:var(--hero-photo);background-size:cover;background-position:center 40%}
.hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,51,34,.98) 0%,rgba(4,51,34,.93) 38%,rgba(4,51,34,.54) 62%,rgba(4,51,34,.12) 100%);z-index:0}
.hero-premium:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 77% 62%,rgba(63,233,74,.16),transparent 31%);z-index:0}
.hero-premium-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:745px;gap:20px}
.hero-copy{padding:65px 0 56px;max-width:750px}
.hero-eyebrow{font-size:1rem;letter-spacing:.16em;color:#fff;margin-bottom:18px}.hero-eyebrow span{color:#38dc64;font-weight:900}
.hero-premium h1{font-size:clamp(3.25rem,5.3vw,5.65rem);line-height:.96;letter-spacing:-.035em;margin:0 0 22px;font-weight:900;max-width:790px}
.hero-premium h1 em{font-style:normal;color:#39e342}
.hero-accent{height:5px;width:173px;background:#36e05a;margin:30px 0 24px;border-radius:999px}
.hero-premium p{font-size:1.27rem;line-height:1.7;color:rgba(255,255,255,.92);max-width:720px;margin:0}
.premium-actions{display:flex;gap:16px;margin-top:30px}.premium-actions .btn{padding:17px 26px;border-radius:9px;font-size:1rem}.btn-primary{background:#08a24a!important;color:#fff!important;border:1px solid #32d46e}.btn-outline{background:rgba(4,50,33,.55)!important;border:1px solid rgba(255,255,255,.6)!important;color:#fff!important}
.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px;max-width:720px}.hero-benefits div{text-align:center}.hero-benefits span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#079d48;border:1px solid #23c864;margin:0 auto 10px;font-size:1.4rem}.hero-benefits strong{font-size:.92rem;line-height:1.35;color:#fff}
.hero-visual{position:relative;height:700px;align-self:end}
.phone-mockup{position:absolute;right:5%;bottom:28px;width:320px;z-index:4;transform:rotate(3deg);filter:drop-shadow(0 30px 36px rgba(0,0,0,.43))}
.phone-frame{background:#111;border:5px solid #141414;border-radius:46px;padding:8px;box-shadow:inset 0 0 0 2px #777;position:relative}
.phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:95px;height:27px;border-radius:20px;background:#050505;z-index:7}
.phone-screen{overflow:hidden;border-radius:34px;background:#fff}.phone-header{height:112px;padding:18px 18px 10px;display:flex;align-items:center;justify-content:space-between;background:#fff}.phone-header img{width:128px;height:78px;object-fit:contain}.phone-header span{font-size:1.35rem;color:#1578d7}.phone-hero{min-height:480px;background-size:cover;background-position:center;padding:75px 20px 25px;color:#fff}.phone-hero small{font-size:.52rem;letter-spacing:.06em;font-weight:800}.phone-hero h3{font-size:1.55rem;line-height:1.03;margin:14px 0}.phone-hero h3 b{color:#45df4a}.phone-hero p{font-size:.68rem;line-height:1.5;margin-bottom:20px}.phone-btn{font-size:.68rem;background:#08a24a;border-radius:7px;padding:12px 10px;text-align:center;font-weight:800;margin-top:10px}.phone-btn-outline{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.65)}
.produce-crate{position:absolute;border:10px solid #9a662f;background:#a97539;overflow:hidden;box-shadow:0 20px 34px rgba(0,0,0,.27)}.produce-crate img{width:100%;height:100%;object-fit:cover}.crate-back{width:350px;height:265px;right:-42px;bottom:95px;transform:rotate(2deg)}.crate-front{width:300px;height:245px;left:28px;bottom:0;transform:rotate(-4deg)}

@media(max-width:1100px){.premium-nav-wrap{min-height:130px}.brand-logo-official{width:285px!important;height:112px!important}.premium-main-nav{gap:18px;font-size:.84rem}.premium-nav-cta{padding:14px 16px!important}.hero-premium-grid{grid-template-columns:1fr .72fr}.phone-mockup{width:285px;right:0}.crate-back{width:290px}.crate-front{width:250px}}
@media(max-width:900px){.topbar-grid{grid-template-columns:1fr 1fr}.topbar-categories{display:none}.premium-nav-wrap{min-height:112px}.brand-logo-official{width:240px!important;max-width:70vw;height:96px!important}.mobile-toggle{font-size:2rem;color:#167bd3}.hero-premium{min-height:auto}.hero-premium-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:68px 0 40px}.hero-visual{height:510px}.phone-mockup{left:50%;right:auto;transform:translateX(-50%) rotate(2deg);bottom:18px;width:275px}.crate-front{left:5%;bottom:20px}.crate-back{right:5%;bottom:95px}.hero-benefits{grid-template-columns:repeat(4,1fr)}}
@media(max-width:580px){.premium-topbar{display:none}.premium-nav-wrap{min-height:104px}.brand-logo-official{width:205px!important;height:86px!important}.hero-premium:before{background:linear-gradient(180deg,rgba(4,51,34,.82),rgba(4,51,34,.94) 68%,rgba(4,51,34,.98))}.hero-copy{padding:55px 0 30px}.hero-premium h1{font-size:3.1rem}.hero-premium p{font-size:1.04rem}.premium-actions{flex-direction:column}.premium-actions .btn{width:100%;text-align:center}.hero-benefits{grid-template-columns:repeat(2,1fr);gap:24px 12px}.hero-visual{height:470px}.phone-mockup{width:245px}.crate-front{width:190px;height:170px;left:0}.crate-back{width:210px;height:180px;right:-10px}.phone-header{height:88px}.phone-header img{width:105px;height:62px}.phone-hero{min-height:390px;padding-top:58px}}

/* 2026-08 Home organization + motion refinement */
:root{--navy:#0b2f56;--deep:#063d2a;--green:#078f47;--green2:#15b95d;--soft:#f5f8f4;--line:#dce7df}
.site-header{transition:box-shadow .3s ease,transform .3s ease}.site-header.is-scrolled{box-shadow:0 10px 34px rgba(4,45,29,.13)}
.premium-nav-wrap{min-height:150px}.brand-logo-official{width:390px!important;height:135px!important;max-width:42vw!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;filter:drop-shadow(0 5px 7px rgba(0,0,0,.14))}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal-right{transform:translateX(38px)}.reveal.is-visible{opacity:1;transform:none}

.hero-premium{background-position:center}.hero-visual{animation:heroFloat 7s ease-in-out infinite}.phone-mockup{animation:phoneFloat 5.5s ease-in-out infinite}.produce-crate{transition:transform .5s ease,box-shadow .5s ease}.hero-visual:hover .crate-back{transform:rotate(0deg) translateY(-7px)}.hero-visual:hover .crate-front{transform:rotate(-1deg) translateY(-4px)}
@keyframes heroFloat{50%{transform:translateY(-7px)}}@keyframes phoneFloat{50%{transform:rotate(2deg) translateY(-10px)}}

.home-products{background:linear-gradient(180deg,#f7faf7,#fff);overflow:hidden}.category-showcase{display:grid;grid-template-columns:1.25fr repeat(3,.75fr);grid-template-rows:285px 285px;gap:18px}.category-feature{position:relative;border-radius:22px;overflow:hidden;background-image:linear-gradient(180deg,rgba(3,34,23,.03),rgba(3,34,23,.88)),var(--cat);background-size:cover;background-position:center;box-shadow:0 18px 48px rgba(20,60,40,.12);transition:transform .35s ease,box-shadow .35s ease}.category-feature:hover{transform:translateY(-6px);box-shadow:0 24px 54px rgba(20,60,40,.18)}.category-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(14,170,84,.08),transparent 45%);pointer-events:none}.category-tropical{grid-row:1/span 2}.category-copy{position:absolute;left:0;right:0;bottom:0;padding:28px;color:#fff;z-index:2}.category-copy span{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:900;color:#bff1cf;margin-bottom:7px}.category-copy h3{font-size:1.65rem;line-height:1.1;margin:0 0 7px}.category-tropical .category-copy h3{font-size:2.3rem;max-width:430px}.category-copy p{margin:0;color:rgba(255,255,255,.86);font-size:.95rem}.category-tropical .category-copy{padding:34px}
.product-strip{display:grid;grid-template-columns:repeat(8,minmax(170px,1fr));gap:14px;overflow-x:auto;margin-top:26px;padding:3px 2px 14px;scroll-snap-type:x proximity}.mini-product{min-width:170px;border:1px solid #e1e9e3;background:#fff;border-radius:14px;overflow:hidden;scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease}.mini-product:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(15,70,42,.12)}.mini-product img{width:100%;height:150px;object-fit:cover}.mini-product div{padding:13px 14px}.mini-product small{display:block;color:var(--green);font-size:.69rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.mini-product strong{display:block;font-size:1rem;margin-top:2px}

.story-block{background:#fff}.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:62px;align-items:center}.story-copy{max-width:510px}.text-link{display:inline-block;margin-top:14px;font-weight:900;color:var(--green)}.story-mosaic{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:200px 200px;gap:14px}.story-mosaic figure{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(15,60,40,.10)}.story-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.story-mosaic figure:hover img{transform:scale(1.05)}.mosaic-tall{grid-row:span 2}.mosaic-wide{grid-column:2}

.distribution-section{background:#072f23;color:#fff;overflow:hidden}.distribution-section .kicker{color:#69e797}.distribution-section h2{color:#fff}.distribution-section .muted{color:#bed2c8}.operations-layout{display:grid;grid-template-columns:1.45fr .78fr .78fr;gap:16px;align-items:stretch}.operations-main,.operations-stack figure{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#123f31}.operations-main{min-height:525px}.operations-main img,.operations-stack img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.operations-main:hover img,.operations-stack figure:hover img{transform:scale(1.045)}.operations-main:after,.operations-stack figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(1,24,16,.78))}.operations-stack{display:grid;gap:16px;grid-template-rows:1fr 1fr}.operations-stack figure{min-height:250px}.operations-stack figcaption{position:absolute;z-index:2;left:18px;bottom:16px;color:#fff;font-weight:800}.image-label{position:absolute;z-index:2;left:24px;bottom:22px}.image-label span{display:block;color:#9ef0b8;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.image-label strong{font-size:1.45rem}.distribution-points{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:22px;border-radius:14px;overflow:hidden}.distribution-points div{background:#0b3b2d;padding:18px 22px;display:flex;align-items:center;gap:12px}.distribution-points b{font-size:.76rem;color:#6fe69a}.distribution-points span{font-weight:800}

.customers-section{background:#fff}.market{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.market:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(15,70,42,.10);border-color:#bcd9c6}.market .icon{filter:saturate(.8)}
.about-home{background:#f7faf7}.about-collage{grid-template-rows:230px 230px}.about-collage img{transition:transform .5s ease,filter .5s ease}.about-collage img:hover{transform:scale(1.025);filter:saturate(1.08)}
.home-cta{background:linear-gradient(120deg,#efbd4e,#ffd982)}.home-cta .kicker{color:#70500b}.home-cta .btn{background:#073f2c;color:#fff}

@media(max-width:1100px){.brand-logo-official{width:315px!important;height:115px!important}.category-showcase{grid-template-columns:1.1fr .9fr;grid-auto-rows:260px}.category-tropical{grid-row:1/span 2}.category-showcase .category-feature:last-child{grid-column:auto}.operations-layout{grid-template-columns:1.25fr .75fr}.operations-stack:last-child{grid-column:1/span 2;grid-template-columns:1fr 1fr;grid-template-rows:250px}.story-grid{gap:36px}}
@media(max-width:900px){.premium-nav-wrap{min-height:112px}.brand-logo-official{width:260px!important;max-width:72vw!important;height:100px!important}.main-nav.is-open{display:flex;position:absolute;top:100%;left:4%;right:4%;background:#fff;flex-direction:column;align-items:stretch;padding:18px;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.14)}.main-nav.is-open a{padding:12px 8px}.category-showcase{grid-template-columns:1fr 1fr;grid-template-rows:360px 250px 250px}.category-tropical{grid-column:1/span 2;grid-row:auto}.category-showcase .category-feature:last-child{grid-column:auto}.story-grid{grid-template-columns:1fr}.story-copy{max-width:700px}.operations-layout{grid-template-columns:1fr}.operations-main{min-height:450px}.operations-stack,.operations-stack:last-child{grid-column:auto;grid-template-columns:1fr 1fr;grid-template-rows:230px}.distribution-points{grid-template-columns:1fr 1fr}.hero-visual{animation:none}}
@media(max-width:580px){.premium-nav-wrap{min-height:105px;padding:5px 0!important}.brand-logo-official{width:225px!important;height:92px!important;max-width:75vw!important}.category-showcase{display:grid;grid-template-columns:1fr;grid-template-rows:none}.category-tropical,.category-showcase .category-feature:last-child{grid-column:auto}.category-feature{min-height:290px}.category-tropical{min-height:410px}.category-copy,.category-tropical .category-copy{padding:22px}.category-tropical .category-copy h3{font-size:1.8rem}.product-strip{grid-template-columns:repeat(8,165px);margin-left:-1px}.story-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:180px 160px}.operations-main{min-height:390px}.operations-stack,.operations-stack:last-child{grid-template-columns:1fr;grid-template-rows:220px 220px}.distribution-points{grid-template-columns:1fr}.about-collage{grid-template-rows:190px 165px}.reveal,.reveal-right{transform:translateY(18px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-right{opacity:1;transform:none;transition:none}.hero-visual,.phone-mockup{animation:none}.category-feature,.mini-product,.story-mosaic img,.operations-main img,.operations-stack img{transition:none}}
/* Photo framing review: keep subjects upright and centered across homepage blocks */
.category-feature{background-position:center center}
.category-showcase .category-feature:nth-child(1){background-position:center 48%}
.category-showcase .category-feature:nth-child(2),
.category-showcase .category-feature:nth-child(3),
.category-showcase .category-feature:nth-child(4){background-position:center 52%}
.category-showcase .category-feature:nth-child(5){background-position:center 45%}
.category-showcase .category-feature:nth-child(6){background-position:center 50%}
.category-showcase .category-feature:nth-child(7){background-position:center 50%}
.mini-product img{object-position:center center}
.story-mosaic img{object-position:center center}
.operations-main img,.operations-stack img{object-position:center center}
.operations-stack figure:nth-child(1) img{object-position:center 48%}
.about-collage img{object-position:center center}
.produce-crate img{object-position:center center}
@media(max-width:580px){
  .category-feature{background-position:center center}
  .story-mosaic img,.operations-main img,.operations-stack img,.about-collage img{object-position:center center}
}


/* 2026-08-13 Full-site photo orientation + framing correction */
img{image-orientation:from-image}
/* Keep actual photography level; only UI mockup may float. */
.produce-crate,.crate-back,.crate-front{transform:none!important}
.hero-visual:hover .crate-back,.hero-visual:hover .crate-front{transform:translateY(-5px)!important}
.produce-crate img{object-fit:cover;object-position:center center;transform:none!important}
.crate-plantains img{object-fit:cover;object-position:50% 48%}

/* Hero background: stable framing at all breakpoints. */
.hero-premium{background-position:center 44%!important}
.phone-hero{background-position:center 46%!important}
.phone-hero-calabaza{background-position:center 50%!important}

/* Product categories: portrait inventory photography needs taller, calmer frames. */
.category-showcase{grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:320px 320px 320px;gap:18px}
.category-tropical{grid-row:1 / span 2}
.category-feature{background-repeat:no-repeat;transform:none}
.category-feature:hover{transform:translateY(-4px)}
.category-showcase .category-feature:nth-child(1){background-position:center 48%}
.category-showcase .category-feature:nth-child(2){background-position:center 54%}
.category-showcase .category-feature:nth-child(3){background-position:center 50%}
.category-showcase .category-feature:nth-child(4){background-position:center 52%}
.category-showcase .category-feature:nth-child(5){background-position:center 46%}
.category-showcase .category-feature:nth-child(6){background-position:center 48%}
.category-showcase .category-feature:nth-child(7){background-position:center 50%}

/* Horizontal strip: consistent crop and no optical tilt. */
.mini-product img{height:170px;object-fit:cover;object-position:center center;transform:none!important}
.mini-product:nth-child(6) img{object-position:center 45%}
.mini-product:nth-child(7) img{object-position:center 46%}

/* Fresh arrivals: preserve subjects and avoid excessive cropping. */
.story-mosaic{grid-template-rows:230px 230px}
.story-mosaic img{object-fit:cover;object-position:center center;transform:none}
.story-mosaic figure:hover img{transform:scale(1.025)}
.story-mosaic .mosaic-tall img{object-position:center 48%}
.story-mosaic figure:nth-child(2) img{object-position:center 42%}
.story-mosaic figure:nth-child(3) img{object-position:center 50%}
.story-mosaic .mosaic-wide img{object-position:center 50%}

/* Distribution: operational photos should read level and documentary, not diagonal. */
.operations-main,.operations-stack figure{isolation:isolate}
.operations-main img,.operations-stack img{object-fit:cover;object-position:center center;transform:none}
.operations-main:hover img,.operations-stack figure:hover img{transform:scale(1.02)}
.operations-main img{object-position:center 47%}
.operations-stack:first-of-type figure:nth-child(1) img{object-position:center 50%}
.operations-stack:first-of-type figure:nth-child(2) img{object-position:center 48%}
.operations-stack:last-of-type figure:nth-child(1) img{object-position:center 50%}
.operations-stack:last-of-type figure:nth-child(2) img{object-position:center 45%}

/* About collage: straight-on product photography with consistent crop. */
.about-collage img{object-fit:cover;object-position:center center;transform:none}
.about-collage img:hover{transform:scale(1.02)}
.about-collage img:nth-child(1){object-position:center 52%}
.about-collage img:nth-child(2){object-position:center 48%}
.about-collage img:nth-child(3){object-position:center 50%}

@media(max-width:1100px){
  .category-showcase{grid-template-columns:1fr 1fr;grid-template-rows:390px 300px 300px 300px}
  .category-tropical{grid-column:1 / span 2;grid-row:auto}
}
@media(max-width:900px){
  .hero-premium{background-position:center 45%!important}
  .category-showcase{grid-template-columns:1fr 1fr;grid-template-rows:380px 290px 290px 290px}
  .category-tropical{grid-column:1 / span 2}
  .operations-main{min-height:430px}
  .operations-stack,.operations-stack:last-child{grid-template-rows:250px}
}
@media(max-width:580px){
  .crate-plantains img{object-position:50% 44%}
  .hero-premium{background-position:center 42%!important}
  .phone-hero-calabaza{background-position:center 48%!important}
  .produce-crate{transform:none!important}
  .category-showcase{grid-template-columns:1fr;grid-template-rows:none}
  .category-tropical{grid-column:auto}
  .category-feature,.category-tropical{min-height:340px}
  .category-showcase .category-feature:nth-child(1){background-position:center 50%}
  .category-showcase .category-feature:nth-child(2){background-position:center 54%}
  .category-showcase .category-feature:nth-child(3){background-position:center 50%}
  .category-showcase .category-feature:nth-child(4){background-position:center 52%}
  .category-showcase .category-feature:nth-child(5){background-position:center 48%}
  .category-showcase .category-feature:nth-child(6){background-position:center 50%}
  .category-showcase .category-feature:nth-child(7){background-position:center 50%}
  .mini-product img{height:155px}
  .story-mosaic{grid-template-rows:210px 180px}
  .operations-main{min-height:360px}
  .operations-stack,.operations-stack:last-child{grid-template-rows:240px 240px}
}

/* ===== Interior pages ===== */
.inner-page{background:#fff;color:#17362a}.page-hero{position:relative;min-height:470px;display:flex;align-items:flex-end;background-image:linear-gradient(90deg,rgba(8,49,35,.88),rgba(8,49,35,.48),rgba(8,49,35,.15)),var(--page-photo);background-size:cover;background-position:center;padding:90px 0 70px;color:#fff}.page-hero-contact{background:linear-gradient(135deg,#073f2b,#0b6846);min-height:390px}.page-hero-content{max-width:850px}.page-hero h1{font-size:clamp(2.6rem,6vw,5.4rem);line-height:.98;margin:.15em 0 .25em;color:#fff}.page-hero p{font-size:1.25rem;line-height:1.65;max-width:760px;margin:0}.page-section{padding:85px 0}.page-section.soft{background:#f3f7f4}.page-split{align-items:center;gap:55px}.page-feature-image{width:100%;height:520px;object-fit:cover;object-position:center;border-radius:24px;box-shadow:0 20px 55px rgba(8,49,35,.15)}.page-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.page-product-card{background:#fff;border:1px solid #dce8e0;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(8,49,35,.08)}.page-product-card img{width:100%;height:260px;object-fit:cover;object-position:center;display:block}.page-product-card div{padding:22px}.page-product-card h3{margin:0 0 8px;font-size:1.35rem}.page-product-card p{margin:0;color:#617169;line-height:1.55}.feature-list{display:grid;gap:18px;margin-top:28px}.feature-list>div{padding:18px 20px;border-left:4px solid #148352;background:#f4f8f5;border-radius:0 12px 12px 0}.feature-list b,.feature-list span{display:block}.feature-list span{margin-top:4px;color:#66746d}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-grid article{background:#fff;border:1px solid #dce8e0;border-radius:18px;padding:28px;box-shadow:0 8px 28px rgba(8,49,35,.06)}.service-grid h3{margin-top:0;color:#0d6542}.service-grid p{margin-bottom:0;line-height:1.65;color:#607168}.page-cta{padding:30px 0 85px;background:#fff}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-panel,.quote-panel{padding:45px;border-radius:24px;border:1px solid #dce8e0}.quote-panel{background:#f3f7f4}.contact-detail{display:grid;gap:5px;padding:20px 0;border-bottom:1px solid #e1e8e3}.contact-detail:last-child{border-bottom:0}.contact-detail a{color:#0c7149;font-weight:700}.content-page{padding-top:30px;padding-bottom:30px;max-width:900px}.content-page h1{font-size:3rem}.main-nav a.current-menu-item,.main-nav a[aria-current="page"]{color:#0c7149}
@media(max-width:900px){.page-product-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.page-feature-image{height:430px}}
@media(max-width:620px){.page-hero{min-height:390px;padding:70px 0 50px}.page-section{padding:60px 0}.page-product-grid,.service-grid{grid-template-columns:1fr}.page-product-card img{height:240px}.page-feature-image{height:330px}.contact-panel,.quote-panel{padding:28px}}

/* ===== English / Spanish language switcher ===== */
.language-toggle{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  height:42px;min-width:78px;padding:0 12px;border:1px solid #cfe0d6;border-radius:999px;
  background:#fff;color:#0a5e3b;font:800 .78rem/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;
  cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.language-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(8,73,45,.13);border-color:#78b393}
.language-toggle .lang-divider{opacity:.38;font-weight:500}.language-toggle .lang-alt{opacity:.58}
@media(max-width:1000px){.language-toggle{margin-left:auto;margin-right:8px;height:40px;min-width:70px;padding:0 10px}.premium-main-nav+.language-toggle{display:inline-flex}}
@media(max-width:580px){.language-toggle{height:38px;min-width:66px;font-size:.72rem}.premium-brand{max-width:190px}}


/* ===== Navigation layout refinement ===== */
.premium-header{overflow:visible}
.premium-nav-wrap{
  position:relative;
  min-height:118px!important;
  display:grid!important;
  grid-template-columns:minmax(245px,320px) minmax(0,1fr) auto;
  align-items:center;
  gap:28px!important;
  padding:8px 0!important;
}
.premium-brand{
  display:flex;
  align-items:center;
  min-width:0;
}
.brand-logo-official{
  width:100%!important;
  max-width:320px!important;
  height:96px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
}
.premium-main-nav{
  min-width:0;
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:20px!important;
  white-space:nowrap;
  font-size:.86rem!important;
}
.premium-main-nav>a:not(.premium-nav-cta){
  padding:17px 0!important;
}
.premium-nav-cta{
  padding:13px 16px!important;
  border-radius:8px!important;
  font-size:.79rem;
  line-height:1.15;
  text-align:center;
}
.header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
.language-toggle{
  margin:0!important;
  height:40px!important;
  min-width:70px!important;
}
.mobile-toggle{
  width:44px;
  height:44px;
  padding:0;
  border:1px solid #dce7df;
  border-radius:10px;
  background:#fff;
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 4px 14px rgba(8,49,35,.06);
}
.menu-icon,.menu-icon:before,.menu-icon:after{
  display:block;
  width:21px;
  height:2px;
  border-radius:3px;
  background:#0b6a3b;
  position:relative;
  transition:transform .22s ease,top .22s ease,opacity .18s ease;
}
.menu-icon:before,.menu-icon:after{
  content:"";
  position:absolute;
  left:0;
}
.menu-icon:before{top:-7px}
.menu-icon:after{top:7px}
.mobile-toggle[aria-expanded="true"] .menu-icon{background:transparent}
.mobile-toggle[aria-expanded="true"] .menu-icon:before{top:0;transform:rotate(45deg)}
.mobile-toggle[aria-expanded="true"] .menu-icon:after{top:0;transform:rotate(-45deg)}

@media(max-width:1250px){
  .premium-nav-wrap{
    grid-template-columns:minmax(220px,275px) minmax(0,1fr) auto;
    gap:18px!important;
  }
  .brand-logo-official{max-width:275px!important;height:88px!important}
  .premium-main-nav{gap:14px!important;font-size:.80rem!important}
  .premium-nav-cta{padding:12px 13px!important;font-size:.72rem}
  .language-toggle{min-width:64px!important;padding:0 9px!important}
}
@media(max-width:1050px){
  .premium-nav-wrap{
    display:flex!important;
    min-height:94px!important;
    gap:12px!important;
  }
  .premium-brand{margin-right:auto;max-width:255px}
  .brand-logo-official{
    width:255px!important;
    max-width:52vw!important;
    height:80px!important;
  }
  .premium-main-nav{display:none!important}
  .mobile-toggle{display:inline-flex!important}
  .header-actions{margin-left:auto}
  .main-nav.is-open{
    display:flex!important;
    position:absolute;
    z-index:100;
    top:calc(100% + 1px);
    left:0;
    right:0;
    width:100%;
    margin:0;
    background:#fff;
    flex-direction:column;
    align-items:stretch;
    gap:0!important;
    padding:10px 4% 18px;
    border-radius:0 0 16px 16px;
    border-top:1px solid #edf2ee;
    box-shadow:0 18px 38px rgba(6,61,42,.16);
  }
  .main-nav.is-open a{
    width:100%;
    padding:13px 6px!important;
    border-bottom:1px solid #edf2ee;
    font-size:.94rem;
    text-align:left;
  }
  .main-nav.is-open a:after{display:none!important}
  .main-nav.is-open .premium-nav-cta{
    margin-top:10px;
    padding:14px 16px!important;
    border-bottom:0;
    text-align:center;
    color:#fff!important;
  }
}
@media(max-width:700px){
  .topbar-grid{
    grid-template-columns:1fr auto!important;
  }
  .topbar-categories{display:none!important}
  .premium-nav-wrap{min-height:84px!important;padding:4px 0!important}
  .premium-brand{max-width:210px}
  .brand-logo-official{
    width:210px!important;
    max-width:55vw!important;
    height:72px!important;
  }
  .language-toggle{
    height:36px!important;
    min-width:60px!important;
    padding:0 8px!important;
    font-size:.69rem!important;
  }
  .mobile-toggle{width:40px;height:40px}
}
@media(max-width:430px){
  .premium-brand{max-width:178px}
  .brand-logo-official{
    width:178px!important;
    max-width:50vw!important;
    height:66px!important;
  }
  .header-actions{gap:6px}
  .language-toggle{min-width:56px!important}
  .mobile-toggle{width:38px;height:38px}
}


/* ===== Wholesale Produce Request Form ===== */
.wholesale-hero{min-height:430px}
.wholesale-hero:before{background:linear-gradient(90deg,rgba(7,55,34,.94),rgba(7,55,34,.72) 53%,rgba(7,55,34,.30))!important}
.wholesale-form-section{background:#f7faf7}
.wholesale-layout{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr);
  gap:42px;
  align-items:start;
}
.wholesale-intro{
  position:sticky;
  top:145px;
  background:#0d5c39;
  color:#fff;
  border-radius:22px;
  padding:34px;
  box-shadow:0 18px 50px rgba(12,70,43,.15);
}
.wholesale-intro .kicker{color:#bce6c9}
.wholesale-intro h2{font-size:clamp(2rem,3.4vw,3rem);margin-top:8px}
.wholesale-intro>p{color:#dcece2;margin-bottom:28px}
.wholesale-benefits{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.16)}
.wholesale-benefits>div{padding:17px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.wholesale-benefits strong,.wholesale-benefits span{display:block}
.wholesale-benefits strong{font-size:.98rem}
.wholesale-benefits span{font-size:.86rem;color:#cfe2d6;margin-top:3px}
.wholesale-contact-card{margin-top:28px;padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px}
.wholesale-contact-card span,.wholesale-contact-card a{display:block}
.wholesale-contact-card span{font-size:.77rem;text-transform:uppercase;letter-spacing:.12em;color:#bce6c9;font-weight:800}
.wholesale-contact-card a{margin-top:5px;font-weight:800;color:#fff}
.wholesale-form-card{
  background:#fff;
  padding:36px;
  border-radius:22px;
  box-shadow:0 18px 55px rgba(22,73,44,.10);
  border:1px solid #e2ece5;
}
.form-heading{margin-bottom:25px}
.form-heading h2{margin-bottom:7px}
.form-heading p{color:#6a786f;margin:0}
.required,.field b,.form-consent b{color:#b13226}
.sagamar-wholesale-form fieldset{margin:0 0 30px;padding:0;border:0}
.sagamar-wholesale-form legend{
  width:100%;
  margin:0 0 17px;
  padding:0 0 10px;
  border-bottom:1px solid #e3ebe5;
  color:#0d5c39;
  font-size:1.12rem;
  font-weight:850;
}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.field{display:flex;flex-direction:column;gap:7px}
.field-full{grid-column:1/-1}
.field>span{font-size:.86rem;font-weight:800;color:#344b3d}
.field input,.field select,.field textarea{
  width:100%;
  border:1px solid #cfdcd3;
  background:#fff;
  color:#1a2b21;
  border-radius:9px;
  padding:13px 14px;
  font:inherit;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.field textarea{resize:vertical;min-height:130px}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#17804c;
  box-shadow:0 0 0 4px rgba(23,128,76,.10);
}
.field input::placeholder,.field textarea::placeholder{color:#8c9990}
.field-help{margin:-7px 0 13px;color:#758279;font-size:.87rem}
.produce-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:17px}
.check-card{position:relative;cursor:pointer}
.check-card input{position:absolute;opacity:0;pointer-events:none}
.check-card span{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:9px 10px;
  border:1px solid #d7e3da;
  border-radius:9px;
  background:#f9fbf9;
  color:#355041;
  font-size:.82rem;
  font-weight:750;
  transition:.17s ease;
}
.check-card input:checked+span{
  background:#e7f5ec;
  border-color:#198a50;
  color:#0c6339;
  box-shadow:inset 0 0 0 1px #198a50;
}
.check-card input:focus-visible+span{outline:3px solid rgba(25,138,80,.18);outline-offset:2px}
.other-products{margin-top:6px}
.form-consent{
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:2px 0 22px;
  padding:16px;
  border-radius:10px;
  background:#f4f8f5;
  color:#4e6155;
  font-size:.86rem;
}
.form-consent input{margin-top:3px;accent-color:#0f6b3f}
.wholesale-submit{border:0;cursor:pointer;font-size:1rem;padding:15px 22px}
.form-privacy-note{font-size:.77rem;color:#809086;margin:12px 0 0}
.form-honeypot{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-notice{display:flex;flex-direction:column;gap:4px;margin-bottom:22px;padding:16px 18px;border-radius:10px;font-size:.9rem}
.form-notice strong{font-size:1rem}
.form-success{background:#e7f6ec;border:1px solid #b7ddc4;color:#145b34}
.form-error{background:#fff0ed;border:1px solid #efc3ba;color:#8c3025}
.wholesale-bottom-strip{padding:0 0 75px;background:#f7faf7}
.wholesale-bottom-strip .container{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  overflow:hidden;
  border:1px solid #e1eae4;
  border-radius:15px;
  background:#e1eae4;
}
.wholesale-bottom-strip .container>div{background:#fff;padding:24px;text-align:center}
.wholesale-bottom-strip strong,.wholesale-bottom-strip span{display:block}
.wholesale-bottom-strip strong{color:#0d633b}
.wholesale-bottom-strip span{margin-top:4px;font-size:.82rem;color:#718077}
@media(max-width:950px){
  .wholesale-layout{grid-template-columns:1fr}
  .wholesale-intro{position:relative;top:auto}
  .produce-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wholesale-bottom-strip .container{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .wholesale-page .container{width:min(94%,1180px)}
  .wholesale-form-section{padding-top:42px;padding-bottom:48px}
  .wholesale-form-card,.wholesale-intro{padding:23px 16px;border-radius:16px}
  .wholesale-intro h2{font-size:1.85rem;line-height:1.08}
  .form-heading h2{font-size:1.65rem;line-height:1.12}
  .form-grid{grid-template-columns:1fr}
  .field-full{grid-column:auto}
  .field input,.field select,.field textarea{min-height:48px;font-size:16px;padding:12px}
  .field textarea{min-height:125px}
  .produce-check-grid{grid-template-columns:1fr 1fr}
  .check-card span{font-size:.76rem;padding:8px 7px}
  .form-consent{padding:14px 12px;font-size:.82rem;line-height:1.5}
  .form-consent input{flex:0 0 auto;width:20px;height:20px;margin-top:1px}
  .wholesale-submit{display:block;width:100%;min-height:50px;text-align:center}
  .form-privacy-note{text-align:center;line-height:1.5}
  .wholesale-bottom-strip .container{grid-template-columns:1fr}
}

/* Correct product photography for Sagamar's two boniato varieties */
.boniato-card::before{background-size:cover!important;background-repeat:no-repeat!important}
.boniato-cubano::before{background-position:center 48%!important}
.boniato-oriental::before{background-position:center 50%!important}
@media(max-width:700px){.boniato-cubano::before,.boniato-oriental::before{background-position:center center!important}}


/* Premium horizontal produce carousel */
.produce-carousel-wrap{
  position:relative;
  width:100%;
  max-width:1480px;
  margin-inline:auto;
  padding:0 54px;
}
.produce-carousel{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:20px;
  overflow-x:auto!important;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:8px 2px 20px;
  cursor:grab;
  overscroll-behavior-inline:contain;
}
.produce-carousel::-webkit-scrollbar{display:none}
.produce-carousel.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
  scroll-behavior:auto;
}
.produce-carousel > .category-feature{
  flex:0 0 clamp(245px, 21vw, 315px)!important;
  min-width:0!important;
  scroll-snap-align:start;
}
.produce-carousel-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:46px;
  height:46px;
  border:1px solid rgba(13,83,48,.18);
  border-radius:50%;
  background:#fff;
  color:#0d5330;
  font-size:25px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.produce-carousel-arrow:hover{
  transform:translateY(-50%) scale(1.06);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.produce-prev{left:2px}
.produce-next{right:2px}
@media(max-width:760px){
  .produce-carousel-wrap{padding:0 12px}
  .produce-carousel > .category-feature{flex-basis:82vw!important}
  .produce-carousel-arrow{display:none}
  .produce-carousel{padding-inline:2px}
}


/* Automatic featured produce carousel */
.auto-produce-carousel{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  overscroll-behavior-inline:contain;
  cursor:grab;
}
.auto-produce-carousel::-webkit-scrollbar{display:none}
.auto-produce-carousel .mini-product{
  flex:0 0 clamp(205px, 16.5vw, 270px)!important;
  min-width:205px!important;
  scroll-snap-align:start;
}
.auto-produce-carousel:active{cursor:grabbing}
@media(max-width:900px){
  .auto-produce-carousel .mini-product{flex-basis:230px!important}
}
@media(max-width:600px){
  .auto-produce-carousel{
    margin-inline:-4vw;
    padding-left:4vw!important;
    padding-right:4vw!important;
  }
  .auto-produce-carousel .mini-product{
    flex-basis:76vw!important;
    min-width:76vw!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .auto-produce-carousel{scroll-behavior:auto}
}


/* Improved Fresh Produce Distribution story section */
.story-fresh{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#f5faf6 100%);
}
.story-fresh:before{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  border-radius:50%;
  right:-180px;
  top:-180px;
  background:rgba(25,125,72,.055);
  pointer-events:none;
}
.story-fresh .story-grid{
  position:relative;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:54px;
}
.story-fresh .story-copy{
  padding:34px 0;
}
.story-fresh .story-copy h2{
  max-width:590px;
  margin-bottom:18px;
  line-height:1.04;
}
.story-fresh .story-copy .muted{
  max-width:570px;
  font-size:1.03rem;
  line-height:1.75;
}
.story-highlights{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:24px 0 4px;
}
.story-highlights span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border:1px solid #d8e8dc;
  border-radius:999px;
  background:#fff;
  color:var(--green);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.025em;
}
.story-fresh .text-link{
  margin-top:24px;
}
.story-fresh .story-mosaic{
  grid-template-columns:1.08fr .92fr;
  grid-template-rows:210px 210px;
  gap:12px;
  padding:10px;
  background:#fff;
  border:1px solid #e3ece6;
  border-radius:24px;
  box-shadow:0 22px 55px rgba(15,60,40,.10);
}
.story-fresh .story-mosaic figure{
  border-radius:15px;
  box-shadow:none;
}
@media(max-width:900px){
  .story-fresh .story-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .story-fresh .story-copy{
    padding:0;
    max-width:680px;
  }
}
@media(max-width:600px){
  .story-fresh .story-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:180px 150px;
    padding:7px;
    border-radius:18px;
  }
  .story-highlights{
    gap:7px;
  }
  .story-highlights span{
    font-size:.7rem;
    padding:6px 10px;
  }
}


/* ===== Per-product pallet / box wholesale quantities ===== */
.wholesale-quantity-fieldset .field-help{margin-bottom:16px}
.quantity-table{border:1px solid #d6e4da;border-radius:18px;overflow:hidden;background:#f4f8f5;box-shadow:0 14px 34px rgba(12,75,43,.08)}
.quantity-table-head,.quantity-product-row{display:grid;grid-template-columns:minmax(170px,1fr) 112px 112px;align-items:center;gap:10px}
.quantity-table-head{padding:13px 18px;background:linear-gradient(135deg,#0a4d30,#0f6d42);color:#fff;font-size:.73rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 5px 16px rgba(6,55,32,.15)}
.quantity-table-head span:not(:first-child){text-align:center}
.quantity-category-heading{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:12px;padding:14px 18px;background:linear-gradient(105deg,#dcefe3 0%,#edf7f0 64%,#f8fbf9 100%);border-top:1px solid #c9dfd1;border-bottom:1px solid #c9dfd1;color:#0a5937;overflow:hidden}
.quantity-table-head + .quantity-category-heading{margin-top:0}
.quantity-category-heading:after{content:"";position:absolute;right:80px;top:-32px;width:95px;height:95px;border:20px solid rgba(18,118,70,.045);border-radius:50%;pointer-events:none}
.quantity-category-title{position:relative;z-index:1;font-size:.82rem;font-weight:950;letter-spacing:.085em;text-transform:uppercase}
.quantity-category-count{position:relative;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border:1px solid rgba(12,103,62,.14);border-radius:999px;background:rgba(255,255,255,.72);color:#527060;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}
.quantity-category-count b{color:#0b6840;font-size:.78rem}
.quantity-product-row{position:relative;padding:11px 18px;border-top:1px solid #e3ece6;background:#fff;transition:background .16s ease,box-shadow .16s ease}
.quantity-product-row:nth-of-type(even){background:#fbfdfb}
.quantity-product-row:first-of-type{border-top:0}
.quantity-product-row:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#159357;opacity:0;transition:opacity .16s ease}
.quantity-product-row:hover{background:#f7fbf8}
.quantity-product-row:focus-within{z-index:1;background:#f1faf4;box-shadow:inset 0 0 0 1px rgba(21,147,87,.08)}
.quantity-product-row:focus-within:before{opacity:1}
.quantity-product-name strong{font-size:.91rem;font-weight:780;color:#203d2d}
.quantity-input-wrap input{width:100%;height:42px;border:1px solid #cbd9cf;border-radius:8px;background:#fff;text-align:center;font:700 .95rem/1 Arial,Helvetica,sans-serif;color:#183426;outline:none}
.quantity-mobile-label{display:none}
.quantity-input-wrap input:focus{border-color:#17804c;box-shadow:0 0 0 3px rgba(23,128,76,.10)}
.quantity-other-row{background:#fbfcfb}
.quantity-other-row .quantity-product-name{display:grid;gap:7px}
.other-product-name{width:100%;min-width:0;border:1px solid #cbd9cf;border-radius:7px;padding:9px 10px;font:inherit}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wholesale-order-summary{margin-top:20px;padding:20px;border:1px solid #cfe1d5;border-radius:14px;background:linear-gradient(135deg,#f3faf5,#fff)}
.summary-title-row h3{margin:3px 0 0;font-size:1.2rem;color:#173a27}
.summary-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.summary-totals>div{padding:14px;border:1px solid #dce9df;border-radius:10px;background:#fff;text-align:center}
.summary-totals span,.summary-totals strong{display:block}
.summary-totals span{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#65766b}
.summary-totals strong{margin-top:4px;font-size:1.55rem;color:#0d6b3e}
.summary-items-wrap{margin-top:17px;padding-top:15px;border-top:1px solid #dce9df}
.summary-items-label{display:block;font-size:.77rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#53685b}
.summary-items{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:7px}
.summary-items li{display:flex;justify-content:space-between;gap:14px;padding:9px 11px;border-radius:8px;background:#fff;border:1px solid #e0eae3;font-size:.83rem;color:#65766b}
.summary-items li strong{color:#284332}
.summary-items li span{text-align:right;font-weight:750;color:#0d6b3e}
@media(max-width:640px){
  .quantity-table{border-radius:14px}
  .quantity-table-head{display:none}
  .quantity-product-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px 10px;padding:13px 12px}
  .quantity-product-name{grid-column:1/-1;padding-bottom:1px}
  .quantity-input-wrap{display:grid;grid-template-columns:1fr;gap:5px;min-width:0}
  .quantity-mobile-label{display:block;color:#667a6d;font-size:.64rem;font-weight:850;letter-spacing:.07em;text-align:center;text-transform:uppercase}
  .quantity-category-heading{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px;padding:12px 10px}
  .quantity-category-title{font-size:.68rem;line-height:1.2;letter-spacing:.06em}
  .quantity-category-count{padding:4px 7px;font-size:.57rem}
  .quantity-category-count b{font-size:.68rem}
  .quantity-product-name strong{font-size:.9rem;line-height:1.25}
  .quantity-input-wrap input{height:46px;font-size:1rem;border-radius:9px}
  .quantity-other-row .quantity-product-name{gap:8px}
  .other-product-name{font-size:.9rem;padding:11px}
  .wholesale-order-summary{padding:16px 13px}
  .summary-totals{grid-template-columns:1fr 1fr;gap:7px}
  .summary-totals>div{padding:11px 7px}
  .summary-totals>div:first-child{grid-column:1/-1}
  .summary-totals span{font-size:.61rem;line-height:1.25}
  .summary-totals strong{font-size:1.3rem}
  .summary-items li{align-items:flex-start;flex-direction:column;gap:3px}
  .summary-items li span{text-align:left}
}
@media(max-width:380px){
  .quantity-category-count span{display:none}
  .quantity-category-count{min-width:27px;justify-content:center}
}

/* v2.8 — premium fruit selection for Florida businesses section */
.fruit-showcase img{object-fit:cover!important}
.fruit-showcase .mosaic-tall img{object-position:center 46%!important}
.fruit-showcase .mosaic-calabaza img{object-position:center 50%!important}
.fruit-showcase figure:nth-child(2) img{object-position:center 48%!important}
.fruit-showcase figure:nth-child(3) img{object-position:center 46%!important}
.fruit-showcase .mosaic-wide img{object-position:center 48%!important}


/* =========================================================
   v2.9 MOBILE POLISH
   Prevent product-card collisions and improve phone layout.
   ========================================================= */
@media(max-width:700px){

  /* Header */
  .site-header,
  .premium-header{overflow:visible!important}
  .premium-nav-wrap{
    min-height:92px!important;
    padding:7px 0!important;
    gap:8px!important;
  }
  .premium-brand{
    flex:0 1 auto!important;
    max-width:185px!important;
    min-width:0!important;
  }
  .brand-logo-official{
    width:185px!important;
    height:74px!important;
    max-width:48vw!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .header-actions{
    gap:7px!important;
    flex:0 0 auto!important;
  }
  .language-toggle{
    height:38px!important;
    min-width:66px!important;
    padding:0 9px!important;
    font-size:.72rem!important;
  }
  .mobile-toggle{
    width:42px!important;
    height:42px!important;
    border-radius:11px!important;
  }

  /* Home produce section spacing */
  .home-products{
    overflow:hidden!important;
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
  .home-products .section-head{
    margin-bottom:24px!important;
  }
  .home-products .section-head h2{
    font-size:clamp(2rem,9vw,2.65rem)!important;
    line-height:1.05!important;
  }

  /* Priority products: horizontal swipe cards instead of tall stacked cards. */
  .category-showcase{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    gap:14px!important;
    width:auto!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:0 -4vw!important;
    padding:2px 4vw 18px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:4vw!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    overscroll-behavior-inline:contain!important;
  }
  .category-showcase::-webkit-scrollbar{display:none!important}

  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    position:relative!important;
    display:block!important;
    flex:0 0 84vw!important;
    width:84vw!important;
    min-width:84vw!important;
    max-width:84vw!important;
    height:410px!important;
    min-height:410px!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    transform:none!important;
    box-shadow:0 12px 30px rgba(8,49,35,.13)!important;
    background-size:cover!important;
  }
  .category-showcase .category-feature + .category-feature{
    margin-left:0!important;
  }
  .category-showcase .category-copy,
  .category-showcase .category-tropical .category-copy{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:24px 22px 26px!important;
    background:linear-gradient(180deg,rgba(3,34,23,0),rgba(3,34,23,.90) 45%,rgba(3,34,23,.96))!important;
    border-radius:0 0 20px 20px!important;
  }
  .category-showcase .category-copy span{
    font-size:.72rem!important;
    margin-bottom:7px!important;
  }
  .category-showcase .category-copy h3,
  .category-showcase .category-tropical .category-copy h3{
    font-size:2rem!important;
    line-height:1.05!important;
    margin:0 0 9px!important;
  }
  .category-showcase .category-copy p{
    font-size:.96rem!important;
    line-height:1.55!important;
    margin:0!important;
    max-width:100%!important;
  }

  /* Keep important subjects centered in the image crop. */
  .category-showcase .category-feature:nth-child(1){background-position:center 50%!important}
  .category-showcase .category-feature:nth-child(2){background-position:center 50%!important}
  .category-showcase .category-feature:nth-child(3){background-position:center 50%!important}
  .category-showcase .category-feature:nth-child(4){background-position:center 50%!important}
  .category-showcase .category-feature:nth-child(5){background-position:center 47%!important}
  .category-showcase .category-feature:nth-child(6){background-position:center 50%!important}

  /* Featured mini-products: always sit below the main cards with breathing room. */
  .product-strip,
  .auto-produce-carousel{
    position:relative!important;
    z-index:1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    width:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    margin:18px -4vw 0!important;
    padding:4px 4vw 18px!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:4vw!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .product-strip::-webkit-scrollbar,
  .auto-produce-carousel::-webkit-scrollbar{display:none!important}
  .product-strip .mini-product,
  .auto-produce-carousel .mini-product{
    flex:0 0 72vw!important;
    width:72vw!important;
    min-width:72vw!important;
    max-width:72vw!important;
    margin:0!important;
    border-radius:17px!important;
    overflow:hidden!important;
    scroll-snap-align:start!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(8,49,35,.08)!important;
    transform:none!important;
  }
  .product-strip .mini-product img,
  .auto-produce-carousel .mini-product img{
    width:100%!important;
    height:205px!important;
    object-fit:cover!important;
    display:block!important;
  }
  .product-strip .mini-product div,
  .auto-produce-carousel .mini-product div{
    min-height:91px!important;
    padding:15px 16px 17px!important;
  }
  .product-strip .mini-product small,
  .auto-produce-carousel .mini-product small{
    font-size:.72rem!important;
  }
  .product-strip .mini-product strong,
  .auto-produce-carousel .mini-product strong{
    font-size:1.12rem!important;
    line-height:1.2!important;
  }

  /* The next section should never slide underneath the product carousel. */
  .story-fresh{
    position:relative!important;
    z-index:0!important;
    clear:both!important;
    margin-top:0!important;
    padding-top:60px!important;
  }
}

@media(max-width:430px){
  .premium-brand{max-width:166px!important}
  .brand-logo-official{
    width:166px!important;
    height:68px!important;
    max-width:47vw!important;
  }
  .language-toggle{
    min-width:61px!important;
    height:37px!important;
  }
  .mobile-toggle{
    width:40px!important;
    height:40px!important;
  }

  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    flex-basis:86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
    height:385px!important;
    min-height:385px!important;
  }
  .category-showcase .category-copy,
  .category-showcase .category-tropical .category-copy{
    padding:22px 20px 23px!important;
  }
  .category-showcase .category-copy h3,
  .category-showcase .category-tropical .category-copy h3{
    font-size:1.85rem!important;
  }
  .category-showcase .category-copy p{
    font-size:.91rem!important;
  }

  .product-strip .mini-product,
  .auto-produce-carousel .mini-product{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
  }
  .product-strip .mini-product img,
  .auto-produce-carousel .mini-product img{
    height:190px!important;
  }
}


/* =========================================================
   v3.0 FULL-SITE RESPONSIVE QA
   Final desktop / tablet / mobile normalization.
   ========================================================= */

/* Global stability */
html{overflow-x:hidden}
body{overflow-x:hidden}
main,section,header,footer{max-width:100%}
img{height:auto}
.container{max-width:1180px}

/* Desktop navigation / spacing */
@media(min-width:1051px){
  .premium-nav-wrap{
    min-height:112px!important;
    grid-template-columns:minmax(245px,305px) minmax(0,1fr) auto!important;
    gap:24px!important;
  }
  .brand-logo-official{
    width:300px!important;
    max-width:300px!important;
    height:94px!important;
  }
  .premium-main-nav{
    gap:18px!important;
    font-size:.84rem!important;
  }
  .premium-main-nav>a:not(.premium-nav-cta){
    padding:16px 0!important;
  }
  .premium-nav-cta{
    max-width:205px;
    white-space:normal!important;
    line-height:1.2;
  }

  /* Inner-page visual consistency */
  .inner-page .page-section .container{
    max-width:1160px;
  }
  .page-split{
    gap:60px!important;
  }
  .page-feature-image{
    min-height:480px;
    object-fit:cover!important;
  }
  .contact-layout{
    align-items:stretch;
  }
  .contact-panel,.quote-panel{
    min-height:100%;
  }
}

/* Home section rhythm */
.home-products,
.story-block,
.customers-section,
.about-home{
  position:relative;
}
.home-products .section-head,
.customers-section .section-head{
  max-width:780px;
}
.story-fresh .text-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.about-home .split{
  align-items:center;
}

/* Improve customer-facing cards */
.market,
.service-grid article,
.page-product-card,
.contact-panel,
.quote-panel{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
@media(hover:hover){
  .market:hover,
  .service-grid article:hover,
  .page-product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 36px rgba(8,49,35,.10);
    border-color:#cadcd0;
  }
}

/* Tablet normalization */
@media(max-width:1050px){
  .container{width:min(92%,1180px)!important}
  .premium-nav-wrap{
    min-height:96px!important;
  }
  .page-hero{
    min-height:420px!important;
  }
  .page-split{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .page-feature-image{
    height:420px!important;
  }
  .page-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .service-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .contact-layout{
    grid-template-columns:1fr!important;
  }
  .wholesale-layout{
    grid-template-columns:1fr!important;
  }
  .wholesale-intro{
    position:relative!important;
    top:auto!important;
  }
}

/* Phone / small tablet */
@media(max-width:700px){
  body{
    font-size:16px;
  }
  .container{
    width:92%!important;
  }

  /* Header */
  .premium-topbar{display:none!important}
  .premium-nav-wrap{
    min-height:88px!important;
    padding:6px 0!important;
    display:flex!important;
    align-items:center!important;
  }
  .premium-brand{
    margin-right:auto!important;
    max-width:180px!important;
  }
  .brand-logo-official{
    width:180px!important;
    max-width:48vw!important;
    height:70px!important;
  }
  .header-actions{
    margin-left:auto!important;
    gap:7px!important;
  }
  .language-toggle{
    height:38px!important;
    min-width:64px!important;
  }
  .mobile-toggle{
    width:41px!important;
    height:41px!important;
  }
  .main-nav.is-open{
    left:0!important;
    right:0!important;
    width:100%!important;
    padding:12px 4% 18px!important;
    border-radius:0 0 16px 16px!important;
  }
  .main-nav.is-open a{
    white-space:normal!important;
  }
  .main-nav.is-open .premium-nav-cta{
    width:100%!important;
    max-width:none!important;
  }

  /* Homepage hero */
  .hero-premium{
    overflow:hidden!important;
  }
  .hero-copy{
    padding:48px 0 28px!important;
  }
  .hero-premium h1{
    font-size:clamp(2.55rem,12vw,3.25rem)!important;
    line-height:.98!important;
    overflow-wrap:break-word;
  }
  .hero-premium p{
    max-width:100%!important;
    font-size:1rem!important;
    line-height:1.65!important;
  }
  .premium-actions{
    width:100%!important;
  }
  .premium-actions .btn{
    width:100%!important;
    text-align:center!important;
  }
  .hero-benefits{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px 10px!important;
  }
  .hero-visual{
    height:420px!important;
  }

  /* Headings / section spacing */
  section{padding-top:58px;padding-bottom:58px}
  .section-head{
    margin-bottom:24px!important;
  }
  h2{
    font-size:clamp(2rem,9.5vw,2.65rem)!important;
    line-height:1.06!important;
  }

  /* Product rails */
  .category-showcase{
    scroll-padding-left:4vw!important;
  }
  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    flex:0 0 86vw!important;
    width:86vw!important;
    min-width:86vw!important;
    max-width:86vw!important;
    height:390px!important;
    min-height:390px!important;
  }
  .product-strip .mini-product,
  .auto-produce-carousel .mini-product{
    flex:0 0 76vw!important;
    width:76vw!important;
    min-width:76vw!important;
    max-width:76vw!important;
  }

  /* Fresh produce story */
  .story-fresh .story-grid{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .story-fresh .story-copy{
    padding:0!important;
  }
  .story-highlights{
    gap:7px!important;
  }
  .story-fresh .story-mosaic{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:190px 155px!important;
    gap:8px!important;
    padding:7px!important;
  }

  /* Distribution */
  .operations-layout{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .operations-main{
    min-height:330px!important;
  }
  .operations-stack,
  .operations-stack:last-child{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:180px!important;
    gap:10px!important;
  }
  .operations-stack figure{
    min-height:180px!important;
  }
  .image-label{
    left:18px!important;
    right:18px!important;
    bottom:16px!important;
  }
  .image-label strong{
    font-size:1.15rem!important;
  }
  .operations-stack figcaption{
    left:13px!important;
    right:10px!important;
    bottom:12px!important;
    font-size:.8rem!important;
    line-height:1.25!important;
  }
  .distribution-points{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1px!important;
  }

  /* Who we serve */
  .market-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .market{
    padding:22px!important;
  }

  /* About block on home */
  .about-home .split{
    grid-template-columns:1fr!important;
    gap:30px!important;
  }
  .about-collage{
    min-height:350px!important;
  }

  /* All inner pages */
  .page-hero{
    min-height:330px!important;
    padding:58px 0 42px!important;
    align-items:flex-end!important;
    background-position:center!important;
  }
  .page-hero h1{
    font-size:clamp(2.45rem,12vw,3.5rem)!important;
    line-height:1!important;
  }
  .page-hero p{
    font-size:1rem!important;
    line-height:1.6!important;
  }
  .page-section{
    padding:55px 0!important;
  }
  .page-split{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .page-feature-image{
    height:285px!important;
    min-height:0!important;
    border-radius:16px!important;
  }
  .page-product-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  .page-product-card{
    border-radius:16px!important;
  }
  .page-product-card img{
    height:235px!important;
  }
  .service-grid{
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  .service-grid article{
    padding:22px!important;
  }
  .feature-list>div{
    padding:16px!important;
  }
  .page-cta{
    padding:22px 0 58px!important;
  }
  .page-cta .cta-box,
  .home-cta .cta-box{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:20px!important;
  }
  .page-cta .btn,
  .home-cta .btn{
    width:100%!important;
    text-align:center!important;
  }

  /* Contact */
  .contact-panel,.quote-panel{
    padding:24px 20px!important;
    border-radius:16px!important;
  }
  .contact-detail{
    overflow-wrap:anywhere;
  }

  /* Wholesale form */
  .wholesale-form-section{
    padding-top:45px!important;
  }
  .wholesale-layout{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .wholesale-intro{
    position:relative!important;
    top:auto!important;
    padding:24px 20px!important;
    border-radius:16px!important;
  }
  .wholesale-form-card{
    padding:24px 16px!important;
    border-radius:16px!important;
  }
  .form-grid{
    grid-template-columns:1fr!important;
  }
  .field-full{
    grid-column:auto!important;
  }
  .quantity-table{
    border-radius:13px!important;
  }
  .quantity-product-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px 9px!important;
    padding:12px 10px!important;
  }
  .quantity-product-name{
    grid-column:1/-1!important;
  }
  .quantity-input-wrap input{
    width:100%!important;
    min-width:0!important;
  }
  .wholesale-order-summary{
    padding:15px 12px!important;
  }

  /* Footer */
  .site-footer{
    padding:44px 0 22px!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:25px!important;
  }
  .site-footer .brand{
    align-items:flex-start!important;
  }
  .site-footer .brand-logo-official{
    width:190px!important;
    max-width:190px!important;
    height:auto!important;
  }
  .site-footer .brand-text{
    display:none!important;
  }
}

/* Very small phones */
@media(max-width:380px){
  .premium-brand{max-width:155px!important}
  .brand-logo-official{
    width:155px!important;
    max-width:46vw!important;
    height:64px!important;
  }
  .language-toggle{
    min-width:58px!important;
    padding:0 7px!important;
  }
  .mobile-toggle{
    width:38px!important;
    height:38px!important;
  }
  .hero-premium h1{
    font-size:2.45rem!important;
  }
  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    flex-basis:88vw!important;
    width:88vw!important;
    min-width:88vw!important;
    max-width:88vw!important;
  }
}

/* Respect accessibility preferences */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* v3.1 phone contact details */
.footer-phones a,.contact-phone a{color:inherit;text-decoration:none}
.footer-phones a:hover,.contact-phone a:hover{text-decoration:underline}
.contact-phone strong{display:block;margin-top:4px}


/* =========================================================
   v3.4 MOBILE FULL-SITE REVIEW
   Wholesale form + global phone UX refinements.
   ========================================================= */

/* Wholesale section navigator */
.wholesale-step-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.wholesale-step-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #d7e5db;
  border-radius:999px;
  background:#f8fbf9;
  color:#0c6740;
  font-size:.76rem;
  font-weight:850;
  text-decoration:none;
}
.wholesale-step-nav a:hover{
  background:#eaf6ee;
  border-color:#bcd8c5;
}

/* Collapsible wholesale product categories */
.quantity-category{
  margin:0;
  border:0;
  background:#fff;
}
.quantity-category + .quantity-category{
  border-top:1px solid #dce8df;
}
.quantity-category .quantity-category-heading{
  margin:0!important;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.quantity-category .quantity-category-heading::-webkit-details-marker{display:none}
.quantity-category .quantity-category-heading:before{
  content:"+";
  order:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(12,103,62,.15);
  color:#0b6840;
  font-size:1rem;
  font-weight:900;
  line-height:1;
}
.quantity-category[open] .quantity-category-heading:before{
  content:"−";
}
.quantity-category .quantity-category-heading{
  grid-template-columns:minmax(0,1fr) auto auto!important;
}
.quantity-category-products{
  border-top:1px solid #e2ebe5;
}
.wholesale-contact-card a + a{
  margin-top:7px;
}

/* Mobile full site + wholesale refinements */
@media(max-width:700px){
  /* Prevent Safari/iPhone side overflow anywhere */
  html,body,.site,.site-content,main{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  /* Cleaner mobile headers across all pages */
  .premium-nav-wrap{
    min-height:84px!important;
  }
  .premium-brand{
    max-width:168px!important;
  }
  .brand-logo-official{
    width:168px!important;
    height:66px!important;
    max-width:47vw!important;
  }

  /* Wholesale page: compact hero so the form starts sooner */
  .wholesale-hero{
    min-height:300px!important;
    padding:42px 0 34px!important;
  }
  .wholesale-hero .page-hero-content{
    max-width:100%!important;
  }
  .wholesale-hero h1{
    font-size:clamp(2.25rem,10.5vw,3rem)!important;
    line-height:1.02!important;
    max-width:100%!important;
  }
  .wholesale-hero p{
    max-width:100%!important;
    font-size:.96rem!important;
    line-height:1.55!important;
  }

  /* Shorten green intro card visually */
  .wholesale-intro{
    padding:22px 18px!important;
  }
  .wholesale-intro h2{
    font-size:1.7rem!important;
    margin-bottom:10px!important;
  }
  .wholesale-intro>p{
    margin-bottom:16px!important;
  }
  .wholesale-benefits{
    grid-template-columns:1fr 1fr!important;
    gap:1px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:11px!important;
    overflow:hidden!important;
  }
  .wholesale-benefits>div{
    padding:12px 10px!important;
    border:0!important;
    background:rgba(255,255,255,.04)!important;
  }
  .wholesale-benefits strong{
    font-size:.78rem!important;
    line-height:1.25!important;
  }
  .wholesale-benefits span{
    font-size:.69rem!important;
    line-height:1.35!important;
  }
  .wholesale-contact-card{
    margin-top:14px!important;
    padding:14px!important;
  }
  .wholesale-contact-card a{
    font-size:.9rem!important;
    overflow-wrap:anywhere;
  }

  .wholesale-form-card{
    padding:22px 14px!important;
  }
  .form-heading{
    margin-bottom:20px!important;
  }
  .form-heading h2{
    font-size:1.55rem!important;
  }
  .wholesale-step-nav{
    position:sticky;
    top:86px;
    z-index:15;
    flex-wrap:nowrap;
    overflow-x:auto;
    margin:15px -14px 0;
    padding:9px 14px;
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(10px);
    border-top:1px solid #edf2ee;
    border-bottom:1px solid #edf2ee;
    scrollbar-width:none;
  }
  .wholesale-step-nav::-webkit-scrollbar{display:none}
  .wholesale-step-nav a{
    flex:0 0 auto;
    min-height:36px;
    font-size:.7rem;
  }

  /* Category accordion reduces a very long mobile form */
  .quantity-table{
    overflow:visible!important;
    border-radius:14px!important;
  }
  .quantity-table-head{
    display:none!important;
  }
  .quantity-category + .quantity-category{
    margin-top:7px;
    border-top:0;
  }
  .quantity-category{
    overflow:hidden;
    border:1px solid #d7e5db!important;
    border-radius:12px!important;
  }
  .quantity-category .quantity-category-heading{
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:7px!important;
    padding:13px 10px!important;
    background:linear-gradient(105deg,#e5f3e9,#f8fbf9)!important;
  }
  .quantity-category-title{
    font-size:.71rem!important;
    letter-spacing:.045em!important;
    line-height:1.2!important;
  }
  .quantity-category-count{
    padding:4px 7px!important;
  }
  .quantity-category .quantity-category-heading:before{
    width:24px;
    height:24px;
    font-size:.92rem;
  }
  .quantity-product-row{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    padding:12px 10px!important;
  }
  .quantity-product-name{
    grid-column:1/-1!important;
  }
  .quantity-input-wrap input{
    min-height:48px!important;
    font-size:16px!important;
  }
  .quantity-mobile-label{
    font-size:.62rem!important;
  }

  /* Live summary stays easy to scan */
  .wholesale-order-summary{
    padding:14px 11px!important;
    margin-top:16px!important;
  }
  .summary-totals{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .summary-totals>div,
  .summary-totals>div:first-child{
    grid-column:auto!important;
    padding:10px 5px!important;
  }
  .summary-totals span{
    font-size:.55rem!important;
    letter-spacing:.035em!important;
  }
  .summary-totals strong{
    font-size:1.25rem!important;
  }
  .summary-items li{
    font-size:.78rem!important;
  }

  /* Bottom wholesale trust strip compact */
  .wholesale-bottom-strip{
    padding-bottom:44px!important;
  }
  .wholesale-bottom-strip .container{
    grid-template-columns:1fr 1fr!important;
  }
  .wholesale-bottom-strip .container>div{
    padding:16px 10px!important;
  }
  .wholesale-bottom-strip strong{
    font-size:.84rem!important;
  }
  .wholesale-bottom-strip span{
    font-size:.69rem!important;
  }

  /* Inner page buttons: full-width and easy tap */
  .page-cta .btn,
  .quote-panel .btn,
  .wholesale-submit{
    width:100%!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Footer contact links are easy to tap */
  .footer-phones a{
    display:inline-block;
    min-height:38px;
    padding:7px 0;
  }
}

@media(max-width:390px){
  .wholesale-benefits{
    grid-template-columns:1fr!important;
  }
  .summary-totals{
    grid-template-columns:1fr 1fr!important;
  }
  .summary-totals>div:first-child{
    grid-column:1/-1!important;
  }
  .wholesale-bottom-strip .container{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v3.5 — FULL MOBILE LAYOUT / SPACING AUDIT
   Applies to the entire Sagamar theme at phone widths.
   ========================================================= */

@media(max-width:700px){

  /* ---------- Global width / overflow ---------- */
  html,body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  *{
    box-sizing:border-box;
  }
  img,video,iframe,svg{
    max-width:100%!important;
  }
  main,section,.site,.site-content,.page-wrap,.container{
    max-width:100%!important;
  }
  .container{
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* ---------- Global spacing rhythm ---------- */
  section,
  .page-section{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .section-head{
    margin-bottom:22px!important;
  }
  .section-head p,
  .page-hero p,
  .story-copy p,
  .page-section p{
    line-height:1.62!important;
  }
  .kicker{
    font-size:.72rem!important;
    letter-spacing:.11em!important;
  }

  /* ---------- Header / mobile nav ---------- */
  .premium-nav-wrap{
    width:calc(100% - 28px)!important;
    min-height:82px!important;
    padding:5px 0!important;
  }
  .premium-brand{
    max-width:160px!important;
  }
  .brand-logo-official{
    width:160px!important;
    height:62px!important;
    max-width:45vw!important;
  }
  .header-actions{
    gap:6px!important;
  }
  .language-toggle{
    min-width:60px!important;
    height:37px!important;
    padding:0 8px!important;
    font-size:.7rem!important;
  }
  .mobile-toggle{
    width:39px!important;
    height:39px!important;
    border-radius:10px!important;
  }
  .main-nav.is-open{
    top:100%!important;
    padding:10px 16px 16px!important;
    max-height:calc(100vh - 84px)!important;
    overflow-y:auto!important;
  }
  .main-nav.is-open a{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
  }

  /* ---------- Homepage hero ---------- */
  .hero-premium{
    min-height:auto!important;
  }
  .hero-copy{
    padding:42px 0 24px!important;
  }
  .hero-premium h1{
    margin-bottom:16px!important;
  }
  .hero-premium p{
    margin-bottom:22px!important;
  }
  .premium-actions{
    gap:10px!important;
  }
  .premium-actions .btn{
    min-height:50px!important;
    padding:14px 16px!important;
  }
  .hero-benefits{
    margin-top:26px!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .hero-benefits>div{
    padding:12px 10px!important;
    min-height:74px!important;
  }
  .hero-visual{
    height:350px!important;
    margin-top:18px!important;
  }

  /* ---------- Main product category cards ---------- */
  .home-products{
    padding-top:48px!important;
    padding-bottom:44px!important;
  }
  .category-showcase{
    margin:0 -16px!important;
    padding:0 16px 16px!important;
    gap:12px!important;
  }
  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    flex:0 0 calc(100vw - 54px)!important;
    width:calc(100vw - 54px)!important;
    min-width:calc(100vw - 54px)!important;
    max-width:calc(100vw - 54px)!important;
    height:365px!important;
    min-height:365px!important;
    border-radius:18px!important;
  }
  .category-showcase .category-copy,
  .category-showcase .category-tropical .category-copy{
    padding:20px 18px 21px!important;
  }
  .category-showcase .category-copy h3{
    font-size:1.75rem!important;
  }
  .category-showcase .category-copy p{
    font-size:.9rem!important;
    line-height:1.48!important;
  }

  /* ---------- Featured mini-product carousel ---------- */
  .product-strip,
  .auto-produce-carousel{
    margin:12px -16px 0!important;
    padding:0 16px 15px!important;
    gap:12px!important;
  }
  .product-strip .mini-product,
  .auto-produce-carousel .mini-product{
    flex:0 0 74vw!important;
    width:74vw!important;
    min-width:74vw!important;
    max-width:74vw!important;
    border-radius:15px!important;
  }
  .product-strip .mini-product img,
  .auto-produce-carousel .mini-product img{
    height:188px!important;
  }
  .product-strip .mini-product div,
  .auto-produce-carousel .mini-product div{
    min-height:82px!important;
    padding:13px 14px 15px!important;
  }

  /* ---------- Fresh produce / story mosaic ---------- */
  .story-fresh{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .story-fresh .story-grid{
    gap:24px!important;
  }
  .story-fresh .story-copy h2{
    margin-bottom:14px!important;
  }
  .story-highlights{
    margin:18px 0 0!important;
  }
  .story-fresh .text-link{
    margin-top:18px!important;
  }
  .story-fresh .story-mosaic{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:170px 140px!important;
    gap:7px!important;
    padding:6px!important;
    border-radius:16px!important;
  }
  .story-fresh .story-mosaic figure{
    border-radius:11px!important;
  }

  /* ---------- Distribution section ---------- */
  .distribution-section{
    padding-top:50px!important;
    padding-bottom:50px!important;
  }
  .operations-layout{
    gap:10px!important;
  }
  .operations-main{
    min-height:290px!important;
    border-radius:15px!important;
  }
  .operations-stack{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:150px!important;
    gap:8px!important;
  }
  .operations-stack figure{
    min-height:150px!important;
    border-radius:13px!important;
  }
  .distribution-points{
    margin-top:16px!important;
    grid-template-columns:1fr 1fr!important;
  }
  .distribution-points>div{
    padding:14px 10px!important;
  }

  /* ---------- Who We Serve ---------- */
  .market-grid{
    gap:10px!important;
  }
  .market{
    padding:19px!important;
    border-radius:14px!important;
  }

  /* ---------- About home ---------- */
  .about-home .split{
    gap:24px!important;
  }
  .about-collage{
    min-height:300px!important;
  }

  /* ---------- Generic inner page hero ---------- */
  .page-hero{
    min-height:285px!important;
    padding:44px 0 32px!important;
  }
  .page-hero h1{
    font-size:clamp(2.25rem,11vw,3.1rem)!important;
    margin-bottom:12px!important;
  }
  .page-hero p{
    margin-bottom:0!important;
  }

  /* ---------- Inner page content ---------- */
  .page-section{
    padding:44px 0!important;
  }
  .page-split{
    gap:22px!important;
  }
  .page-feature-image{
    height:250px!important;
    border-radius:14px!important;
  }
  .page-section h2{
    margin-bottom:14px!important;
  }
  .page-section p + p{
    margin-top:12px!important;
  }

  /* ---------- Produce page ---------- */
  .page-product-grid{
    gap:12px!important;
  }
  .page-product-card{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .page-product-card img{
    height:210px!important;
  }
  .page-product-card>div{
    padding:16px!important;
  }

  /* ---------- Distribution service cards ---------- */
  .service-grid{
    gap:10px!important;
  }
  .service-grid article{
    padding:18px!important;
    border-radius:14px!important;
  }

  /* ---------- Contact page ---------- */
  .contact-layout{
    gap:16px!important;
  }
  .contact-panel,
  .quote-panel{
    padding:20px 17px!important;
    border-radius:14px!important;
  }
  .contact-detail{
    padding:13px 0!important;
  }
  .contact-detail strong,
  .contact-detail a{
    overflow-wrap:anywhere!important;
  }

  /* ---------- Wholesale request overall ---------- */
  .wholesale-form-section{
    padding-top:36px!important;
    padding-bottom:40px!important;
  }
  .wholesale-layout{
    gap:16px!important;
  }
  .wholesale-intro{
    padding:20px 16px!important;
    border-radius:14px!important;
  }
  .wholesale-benefits{
    margin-top:14px!important;
  }
  .wholesale-form-card{
    padding:20px 12px!important;
    border-radius:14px!important;
    box-shadow:0 10px 28px rgba(22,73,44,.08)!important;
  }
  .sagamar-wholesale-form fieldset{
    margin-bottom:24px!important;
  }
  .sagamar-wholesale-form legend{
    margin-bottom:14px!important;
    padding-bottom:8px!important;
    font-size:1rem!important;
  }

  /* ---------- Wholesale standard fields ---------- */
  .form-grid{
    gap:12px!important;
  }
  .field{
    gap:5px!important;
  }
  .field>span{
    font-size:.82rem!important;
  }
  .field input,
  .field select,
  .field textarea{
    min-height:48px!important;
    padding:11px!important;
    border-radius:8px!important;
    font-size:16px!important; /* avoids iOS zoom */
  }
  .field textarea{
    min-height:116px!important;
  }

  /* ---------- Wholesale quantity table ---------- */
  .quantity-table{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    border-radius:12px!important;
  }
  .quantity-category{
    width:100%!important;
    max-width:100%!important;
    border-radius:10px!important;
    margin-bottom:7px!important;
  }
  .quantity-category .quantity-category-heading{
    width:100%!important;
    padding:11px 9px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:6px!important;
  }
  .quantity-category-title{
    overflow-wrap:anywhere!important;
  }
  .quantity-category-count{
    white-space:nowrap!important;
  }
  .quantity-product-row{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    padding:10px 9px!important;
  }
  .quantity-product-name{
    min-width:0!important;
  }
  .quantity-product-name strong{
    display:block!important;
    overflow-wrap:anywhere!important;
  }
  .quantity-input-wrap{
    min-width:0!important;
  }
  .quantity-input-wrap input{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:6px!important;
    border-radius:8px!important;
  }
  .other-product-name{
    width:100%!important;
    min-width:0!important;
  }

  /* ---------- Wholesale live totals / summary ---------- */
  .wholesale-order-summary{
    width:100%!important;
    max-width:100%!important;
    margin-top:14px!important;
    padding:12px 9px!important;
    border-radius:11px!important;
  }
  .summary-title-row h3{
    font-size:1.05rem!important;
  }
  .summary-totals{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-top:12px!important;
  }
  .summary-totals>div{
    min-width:0!important;
    padding:9px 5px!important;
    border-radius:8px!important;
  }
  .summary-totals>div:first-child{
    grid-column:1/-1!important;
  }
  .summary-totals span{
    font-size:.58rem!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }
  .summary-totals strong{
    font-size:1.22rem!important;
  }
  .summary-items-wrap{
    margin-top:12px!important;
    padding-top:11px!important;
  }
  .summary-items{
    gap:5px!important;
  }
  .summary-items li{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:2px!important;
    padding:8px 9px!important;
    font-size:.76rem!important;
  }
  .summary-items li span{
    text-align:left!important;
  }

  /* ---------- Wholesale consent + submit ---------- */
  .form-consent{
    gap:9px!important;
    padding:12px 10px!important;
    margin-bottom:16px!important;
    border-radius:9px!important;
    font-size:.79rem!important;
  }
  .wholesale-submit{
    min-height:50px!important;
    padding:14px!important;
    font-size:.94rem!important;
  }
  .form-privacy-note{
    margin-top:9px!important;
    line-height:1.45!important;
  }

  /* ---------- Bottom trust strip ---------- */
  .wholesale-bottom-strip{
    padding-bottom:38px!important;
  }
  .wholesale-bottom-strip .container{
    grid-template-columns:1fr 1fr!important;
    border-radius:12px!important;
  }
  .wholesale-bottom-strip .container>div{
    padding:13px 8px!important;
  }

  /* ---------- CTA blocks ---------- */
  .page-cta,
  .home-cta{
    padding-top:24px!important;
    padding-bottom:44px!important;
  }
  .cta-box{
    padding:22px 17px!important;
    border-radius:15px!important;
  }

  /* ---------- Footer ---------- */
  .site-footer{
    padding:38px 0 20px!important;
  }
  .footer-grid{
    gap:20px!important;
  }
  .site-footer h3,
  .site-footer h4{
    margin-bottom:10px!important;
  }
  .site-footer p,
  .site-footer a{
    line-height:1.5!important;
  }
  .footer-phones{
    margin:4px 0 10px!important;
  }
}

/* Ultra-small iPhones */
@media(max-width:390px){
  .container{
    width:calc(100% - 24px)!important;
  }
  .premium-nav-wrap{
    width:calc(100% - 22px)!important;
  }
  .premium-brand{
    max-width:145px!important;
  }
  .brand-logo-official{
    width:145px!important;
    height:58px!important;
  }
  .category-showcase{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .category-showcase .category-feature,
  .category-showcase .category-tropical,
  .category-showcase .boniato-card{
    flex-basis:calc(100vw - 42px)!important;
    width:calc(100vw - 42px)!important;
    min-width:calc(100vw - 42px)!important;
    max-width:calc(100vw - 42px)!important;
  }
  .product-strip,
  .auto-produce-carousel{
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .product-strip .mini-product,
  .auto-produce-carousel .mini-product{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
  }
  .wholesale-form-card{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .quantity-category-count span{
    display:none!important;
  }
  .summary-totals{
    grid-template-columns:1fr 1fr!important;
  }
}

/* v3.6 Wholesale Request hero — avocado inventory photo */
.wholesale-hero{background-position:center 52%!important}
@media(max-width:700px){
  .wholesale-hero{background-position:center 48%!important}
}