/* 20260814 visual refresh: fruit-brand energy with B2B purchasing clarity. */
:root{
  --fruit-cream:#fff8e8;
  --fruit-cream-2:#f8f2df;
  --fruit-green:#195b37;
  --fruit-green-2:#7faa3d;
  --fruit-red:#b82d34;
  --fruit-red-2:#e1473f;
  --fruit-yellow:#f2c94c;
  --fruit-ink:#102016;
  --fruit-muted:#5b665d;
  --fruit-line:#e7dfca;
  --fruit-shadow:0 18px 42px rgba(25,44,31,.12);
  --fruit-soft-shadow:0 10px 28px rgba(25,44,31,.08);
}

html{background:var(--fruit-cream)}
body{
  background:
    radial-gradient(circle at 8% 12%,rgba(242,201,76,.16),transparent 24rem),
    radial-gradient(circle at 94% 8%,rgba(127,170,61,.14),transparent 22rem),
    linear-gradient(180deg,#fffaf0 0%,#fbf7ea 46%,#fffaf0 100%)!important;
  color:var(--fruit-ink)!important;
}

.site-header{
  border-bottom:1px solid rgba(231,223,202,.9)!important;
  background:rgba(255,250,240,.94)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 8px 28px rgba(16,32,22,.05)!important;
}
.nav a{color:#26372d!important;font-weight:800!important}
.nav a:hover{color:var(--fruit-red)!important}
.header-cta,.button.primary{
  background:linear-gradient(135deg,var(--fruit-green),#247448)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(25,91,55,.18)!important;
}
.button.secondary{
  border-color:rgba(25,91,55,.24)!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--fruit-green)!important;
}
.eyebrow,.section-label{
  color:var(--fruit-red)!important;
  letter-spacing:.1em!important;
}

body.home-page .hero#home,
body:not(.home-page) .page-hero,
.evidence-hero{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(231,223,202,.9)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 14%,rgba(242,201,76,.38),transparent 9rem),
    radial-gradient(circle at 8% 88%,rgba(184,45,52,.13),transparent 12rem),
    linear-gradient(135deg,#fffaf0 0%,#f4f8df 58%,#e8f1dc 100%)!important;
  box-shadow:var(--fruit-shadow)!important;
}
body.home-page .hero#home::after,
body:not(.home-page) .page-hero::after,
.evidence-hero::after{
  content:""!important;
  position:absolute!important;
  right:-70px!important;
  bottom:-92px!important;
  width:220px!important;
  height:220px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(184,45,52,.22),rgba(184,45,52,.08) 48%,transparent 68%)!important;
  pointer-events:none!important;
}
body.home-page .hero#home{
  max-width:1180px!important;
  margin:24px auto 0!important;
  padding:46px 42px!important;
  grid-template-columns:minmax(0,1fr) 470px!important;
}
body.home-page .hero#home h1,
body:not(.home-page) .page-hero h1,
.evidence-hero h1{
  color:var(--fruit-green)!important;
  letter-spacing:-.035em!important;
}
body.home-page .hero#home h1{font-size:clamp(44px,4.4vw,64px)!important}
body.home-page .hero#home .hero-content>p,
body:not(.home-page) .page-hero>div>p:not(.eyebrow),
.evidence-hero p{
  color:#405247!important;
}
body.home-page .hero#home .hero-media,
body:not(.home-page) .page-hero>img,
.evidence-hero-card{
  z-index:1!important;
}
body.home-page .hero#home .hero-media>img,
body:not(.home-page) .page-hero>img,
.evidence-hero-card img{
  border:8px solid #fff!important;
  border-radius:30px!important;
  box-shadow:0 22px 48px rgba(16,32,22,.18)!important;
}
body.home-page .hero#home .hero-media>img{
  height:330px!important;
}
body.home-page .hero#home .hero-note{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,250,240,.92)!important;
}

body.home-page .metric-strip{
  margin:18px auto 58px!important;
  gap:14px!important;
}
body.home-page .metric-strip article,
.proof-strip article{
  border:1px solid rgba(231,223,202,.95)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf1 100%)!important;
  box-shadow:var(--fruit-soft-shadow)!important;
}
body.home-page .metric-strip article:first-child,
.proof-strip article:first-child{
  background:linear-gradient(135deg,var(--fruit-green),#2f7d46)!important;
}
body.home-page .metric-strip article:first-child strong,
body.home-page .metric-strip article:first-child span,
.proof-strip article:first-child strong,
.proof-strip article:first-child span{
  color:#fff!important;
}
body.home-page .metric-strip strong,
.proof-strip strong{color:var(--fruit-green)!important}

.section,.product-detail,.form-section{
  position:relative!important;
}
.section-heading h2,.row-heading h2{
  color:var(--fruit-ink)!important;
  letter-spacing:-.035em!important;
}
.product-grid article,
.application-grid article,
.buyer-grid article,
.resource-grid article,
.document-grid a,
.cert-card,
.evidence-document-card,
.packaging-proof-card,
.blog-card,
.checklist-grid article{
  border:1px solid rgba(231,223,202,.95)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fffaf1 100%)!important;
  box-shadow:var(--fruit-soft-shadow)!important;
  overflow:hidden!important;
}
.product-grid article h2,
.product-grid article h3,
.cert-card h3,
.evidence-document-card h3,
.packaging-proof-card h3{color:var(--fruit-green)!important}
.product-grid article a,
.text-link,
.evidence-document-card a,
.packaging-proof-card a{
  color:var(--fruit-green)!important;
  font-weight:900!important;
}
.product-grid article::before,
.cert-card::before,
.evidence-document-card::before,
.checklist-grid article::before{
  content:""!important;
  display:block!important;
  height:5px!important;
  margin:-1px -1px 18px!important;
  background:linear-gradient(90deg,var(--fruit-red),var(--fruit-yellow),var(--fruit-green-2))!important;
}
.product-card img,
.blog-card img,
.proof-image img,
.cert-preview img,
.evidence-frame img,
.packaging-frame img{
  filter:saturate(1.08) contrast(1.02)!important;
}
.status.certified,.status.pending{
  border-radius:999px!important;
  padding:7px 10px!important;
  font-weight:900!important;
}
.status.certified{background:#e7f4dd!important;color:var(--fruit-green)!important}
.status.pending{background:#fff1c8!important;color:#8f5710!important}

.cta-section,.partnership-band,.lead-capture{
  border-radius:30px!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(242,201,76,.22),transparent 10rem),
    linear-gradient(135deg,var(--fruit-green),#123822)!important;
  color:#fff!important;
  box-shadow:var(--fruit-shadow)!important;
}
.cta-section h2,.partnership-band h2,.lead-capture h2{color:#fff!important}
.cta-section p,.partnership-band p,.lead-capture p{color:rgba(255,255,255,.82)!important}

.whatsapp-float{
  background:#24d366!important;
  color:#082713!important;
  box-shadow:0 14px 30px rgba(36,211,102,.28)!important;
}
.inquiry-float{
  background:var(--fruit-red)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(184,45,52,.24)!important;
}

@media(max-width:980px){
  body.home-page .hero#home{
    grid-template-columns:1fr!important;
    padding:38px 22px 28px!important;
    border-radius:26px!important;
    margin:14px 14px 0!important;
  }
  body.home-page .hero#home .hero-media>img{height:260px!important}
  body:not(.home-page) .page-hero,.evidence-hero{
    margin-left:14px!important;
    margin-right:14px!important;
    border-radius:26px!important;
  }
}
@media(max-width:560px){
  body.home-page .hero#home h1{font-size:34px!important}
  body.home-page .hero#home .hero-media>img,
  body:not(.home-page) .page-hero>img{height:210px!important;border-width:6px!important;border-radius:22px!important}
  body.home-page .metric-strip{margin-top:14px!important}
  .section{padding-top:42px!important}
}

/* 20260814 visual refresh correction: keep B2B subpage heroes strong but not oversized. */
@media(min-width:701px){
  body:not(.home-page) .page-hero{
    max-width:1180px!important;
    margin:24px auto 50px!important;
    padding:48px 42px!important;
    grid-template-columns:minmax(0,1fr) 420px!important;
    gap:42px!important;
    align-items:center!important;
  }
  body:not(.home-page) .page-hero>img{
    width:100%!important;
    height:340px!important;
    min-height:0!important;
    max-height:340px!important;
    object-fit:cover!important;
  }
  .evidence-hero{
    max-width:1180px!important;
    margin:24px auto 50px!important;
    padding:48px 42px!important;
    grid-template-columns:minmax(0,1fr) 420px!important;
    gap:42px!important;
    align-items:center!important;
  }
  .evidence-hero-card img{
    width:100%!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:contain!important;
    background:#fff!important;
  }
}
@media(max-width:700px){
  .evidence-hero{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding:32px 16px 26px!important;
  }
  .evidence-hero h1{
    font-size:30px!important;
    line-height:1.08!important;
  }
  .evidence-hero-card img{
    width:100%!important;
    height:280px!important;
    max-height:280px!important;
    object-fit:contain!important;
    background:#fff!important;
    border-width:6px!important;
    border-radius:22px!important;
  }
}
/* 20260814 subpage hero typography correction: stop inherited oversized h1 from stretching B2B pages. */
@media(min-width:701px){
  body:not(.home-page) .page-hero .eyebrow,
  .evidence-hero .eyebrow{font-size:12px!important;line-height:1.35!important;margin:0 0 12px!important;}
  body:not(.home-page) .page-hero h1,
  .evidence-hero h1{max-width:660px!important;margin:0 0 18px!important;font-size:clamp(40px,3.4vw,52px)!important;line-height:1.04!important;letter-spacing:-.035em!important;}
  body:not(.home-page) .page-hero>div>p:not(.eyebrow),
  .evidence-hero-copy>p:not(.eyebrow){max-width:620px!important;margin:0!important;font-size:16px!important;line-height:1.62!important;}
  body:not(.home-page) .page-hero .hero-actions,
  .evidence-hero .hero-actions{margin-top:22px!important;}
}
@media(max-width:700px){
  body:not(.home-page) .page-hero h1,
  .evidence-hero h1{margin:0 0 14px!important;font-size:30px!important;line-height:1.08!important;}
  body:not(.home-page) .page-hero>div>p:not(.eyebrow),
  .evidence-hero-copy>p:not(.eyebrow){margin:0!important;font-size:15px!important;line-height:1.55!important;}
}
/* 20260814 evidence mobile correction: keep proof visible without consuming the full first screen. */
@media(max-width:700px){
  .evidence-hero .hero-actions{gap:10px!important;margin-top:16px!important;}
  .evidence-hero-card{padding:10px!important;border-radius:22px!important;}
  .evidence-hero-card img{height:190px!important;max-height:190px!important;border-width:5px!important;}
  .evidence-hero-card figcaption{margin-top:8px!important;font-size:12px!important;line-height:1.35!important;}
}
/* 20260814 certificate card gap fix: pseudo stripes must not become grid rows inside certificate cards. */
.certification-section .cert-card::before,
.certification-supply-page .cert-card::before,
.cert-card.certification-record-card::before{
  content:none!important;
  display:none!important;
}
.certification-section .cert-card,
.certification-supply-page .cert-card,
.cert-card.certification-record-card{
  border-top:5px solid transparent!important;
  border-image:linear-gradient(90deg,var(--fruit-red),var(--fruit-yellow),var(--fruit-green-2)) 1!important;
}
/* 20260814 card image gap fix: decorative color bars must never take layout space above real images. */
.product-grid article::before,
.evidence-document-card::before,
.cert-card::before,
.checklist-grid article::before{
  content:none!important;
  display:none!important;
}
.product-grid article,
.evidence-document-card,
.cert-card,
.checklist-grid article{
  position:relative!important;
  border-top:5px solid var(--fruit-green-2)!important;
}
.product-grid article:nth-child(3n+1),
.evidence-document-card:nth-child(3n+1),
.cert-card:nth-child(3n+1){border-top-color:var(--fruit-red)!important;}
.product-grid article:nth-child(3n+2),
.evidence-document-card:nth-child(3n+2),
.cert-card:nth-child(3n+2){border-top-color:var(--fruit-yellow)!important;}
.product-grid article>img,
.evidence-frame,
.cert-preview{
  margin-top:0!important;
}
.product-grid article>img{
  display:block!important;
  border-radius:0!important;
}
/* 20260814 process page polish: keep buyer workflow pages commercial and compact, not document-like. */
.buyer-process-page .page-hero{
  align-items:center!important;
}
.buyer-process-page .page-hero>img{
  object-fit:cover!important;
  background:#fff!important;
}
.buyer-process-page .buyer-path-grid,
.buyer-process-page .process-grid,
.buyer-process-page .checklist-grid{
  align-items:stretch!important;
}
.buyer-process-page .buyer-path-grid article,
.buyer-process-page .process-grid article,
.buyer-process-page .checklist-grid article{
  min-height:0!important;
  padding:22px!important;
}
.buyer-process-page .process-grid h2{
  font-size:1.05rem!important;
  line-height:1.25!important;
  margin:0 0 10px!important;
}
.buyer-process-page .checklist-grid h3,
.buyer-process-page .buyer-path-grid h3{
  margin-top:0!important;
}
@media (max-width: 760px){
  .buyer-process-page .page-hero>img{height:190px!important;}
  .buyer-process-page .process-grid,
  .buyer-process-page .checklist-grid,
  .buyer-process-page .buyer-path-grid{gap:14px!important;}
}