/* Auto-split from css/style.css. Keep page-specific styles here. */
@import url('base.css?v=1.1.1');

/* ---------- Product category cards (style Wonderful Citrus) ---------- */
.avortraf-categories{padding-top:20px;}
.category-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:50px;}
@media (max-width:960px){.category-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.category-grid{grid-template-columns:1fr;}}
.category-card{
  border-radius:22px; padding:40px 26px; text-align:center; text-decoration:none; color:var(--av-ink,#0b2819); display:block;
  background:rgba(255,252,246,.72);
  border:1px solid rgba(169,143,105,.25);
  box-shadow:0 14px 30px rgba(80,55,22,.08), inset 0 1px 0 rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease;
}
.category-card:hover{transform:translateY(-10px) scale(1.03); box-shadow:0 24px 50px rgba(80,55,22,.16);}
.category-card img{width:100%; height:130px; object-fit:contain; margin-bottom:20px; transition:transform .5s cubic-bezier(.34,1.56,.64,1);}
.category-card:hover img{transform:scale(1.1) rotate(-2deg);}
.category-card h4{font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:1.35rem; margin-bottom:8px; letter-spacing:0; text-transform:none;}
.category-card p{font-size:.86rem; color:var(--av-muted,#5f5b53);}
.category-card .btn{margin-top:18px;}
.cat-citrus,.cat-berries,.cat-grapes,.cat-corn,.cat-brand{background:rgba(255,252,246,.72);}
.cat-grapes img{object-fit:cover; height:130px; border-radius:14px;}

/* ---------- Category nav (compact pill strip) ---------- */
.cat-nav{display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:46px;}
.cat-nav-item{
  display:flex; align-items:center; gap:12px; padding:8px 24px 8px 8px;
  border-radius:999px; border:1px solid rgba(169,143,105,.32); background:rgba(255,252,246,.6);
  color:var(--av-ink,#0b2819); font-weight:700; font-size:.9rem; text-decoration:none;
  transition:background .3s ease, color .3s ease, border-color .3s ease, transform .25s ease;
  box-shadow:0 8px 20px rgba(80,55,22,.05);
}
.cat-nav-item:hover{background:var(--av-ink,#0b2819); color:#fff; border-color:var(--av-ink,#0b2819); transform:translateY(-3px);}
.cat-nav-thumb{width:42px; height:42px; border-radius:50%; overflow:hidden; flex:0 0 auto; background:#fff; border:1px solid rgba(169,143,105,.25);}
.cat-nav-thumb img{width:100%; height:100%; object-fit:cover;}

/* ---------- Citrus picker (big category cards, reveal-on-click) ---------- */
.citrus-picker{display:grid; grid-template-columns:1fr 1fr; gap:28px;}
.citrus-big-card{
  display:block; text-align:left; cursor:pointer; padding:0; border:none; background:none; font-family:var(--font);
  border-radius:28px; overflow:hidden;
  background:rgba(255,252,246,.72); border:1px solid rgba(169,143,105,.25);
  box-shadow:0 16px 36px rgba(80,55,22,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.citrus-big-card:hover{transform:translateY(-6px); box-shadow:0 26px 50px rgba(80,55,22,.14);}
.citrus-big-card.active{border-color:var(--av-gold,#d07900); box-shadow:0 26px 50px rgba(80,55,22,.16);}
.citrus-big-card img{width:100%; height:280px; object-fit:cover; display:block;}
.citrus-big-body{padding:32px 34px 36px;}
.citrus-big-body h3{margin-top:14px; font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:2.1rem; color:var(--av-ink,#0b2819); letter-spacing:0;}
.citrus-big-body p{margin-top:12px; color:var(--av-muted,#5f5b53); line-height:1.65; max-width:420px;}
.citrus-big-cta{
  display:inline-flex; align-items:center; gap:8px; margin-top:22px;
  font-size:.82rem; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:var(--av-ink,#0b2819);
}
.citrus-big-cta svg{width:16px; height:16px; transition:transform .3s ease;}
.citrus-big-card:hover .citrus-big-cta svg{transform:translateX(4px);}
.citrus-big-card.active .citrus-big-cta{color:var(--av-gold,#d07900);}
.citrus-reveal{margin-top:56px; animation:vsFade .5s ease;}
@media (max-width:860px){
  .citrus-picker{grid-template-columns:1fr;}
}

/* ---------- Citrus explorer (group toggle + spotlight) ---------- */
.ce-groups{display:flex; justify-content:center; gap:14px; margin-bottom:36px; flex-wrap:wrap;}
.ce-group{
  padding:16px 32px; border-radius:18px; border:1px solid rgba(169,143,105,.3);
  background:rgba(255,252,246,.5); cursor:pointer; text-align:center; min-width:190px;
  font-family:var(--hm-serif,Georgia,serif); font-size:1.15rem; font-weight:500; color:var(--av-ink,#0b2819);
  transition:background .3s ease, border-color .3s ease, color .3s ease;
}
.ce-group small{display:block; margin-top:5px; font-family:var(--font); font-size:.66rem; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:var(--av-muted,#5f5b53); opacity:.75;}
.ce-group.active{background:var(--av-ink,#0b2819); border-color:var(--av-ink,#0b2819); color:#fff;}
.ce-group.active small{color:rgba(255,255,255,.6);}
.ce-group:hover:not(.active){border-color:rgba(208,121,0,.5);}
.vs-count{
  position:absolute; top:18px; right:18px; z-index:3;
  padding:6px 14px; border-radius:999px; background:rgba(11,40,25,.72); color:#fff;
  font-family:var(--hm-serif,Georgia,serif); font-size:.82rem;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
}

/* ---------- Berries: editorial zigzag rows ---------- */
.berry-rows{display:flex; flex-direction:column; gap:96px;}
.berry-row{display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center; position:relative;}
.berry-row.reverse{grid-template-columns:1.15fr .85fr;}
.berry-row.reverse .berry-media{order:2;}
.berry-row.reverse .berry-copy{order:1;}
.berry-index{
  position:absolute; top:-60px; left:0; font-family:var(--hm-serif,Georgia,serif); font-style:italic; font-weight:400;
  font-size:5.4rem; color:rgba(208,121,0,.14); line-height:1; z-index:0; pointer-events:none;
}
.berry-row.reverse .berry-index{left:auto; right:0;}
.berry-media{position:relative; z-index:1; border-radius:32px; overflow:hidden; aspect-ratio:4/3.1; box-shadow:0 24px 50px rgba(80,55,22,.14); margin:0;}
.berry-media img{width:100%; height:100%; object-fit:cover;}
.berry-copy{position:relative; z-index:1;}
.berry-copy h3{margin-top:16px; font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:2.5rem; color:var(--av-ink,#0b2819); letter-spacing:0; line-height:1.05;}
.berry-copy p{margin-top:16px; max-width:480px; color:var(--av-muted,#5f5b53); line-height:1.75;}
.berry-copy .vs-harvest{margin-top:24px;}
@media (max-width:860px){
  .berry-row, .berry-row.reverse{grid-template-columns:1fr; gap:24px;}
  .berry-row.reverse .berry-media, .berry-row .berry-media{order:0;}
  .berry-row.reverse .berry-copy, .berry-row .berry-copy{order:0;}
  .berry-index{display:none;}
}

/* ---------- Table Grapes: dark comparison section ---------- */
.avortraf-grapes{background:var(--av-ink,#0b2819);}
.avortraf-grapes .avortraf-kicker{color:#e2a23e;}
.avortraf-grapes .avortraf-kicker::after{background:rgba(226,162,62,.4);}
.avortraf-grapes h2{color:#fff;}
.avortraf-grapes h2 em{color:#e2a23e;}
.avortraf-grapes .avortraf-centered p{color:rgba(255,255,255,.72);}
.grape-duo{display:grid; grid-template-columns:1fr 1fr; gap:34px; margin-top:20px;}
.grape-card{
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:28px;
  padding:36px; text-align:center; transition:transform .35s ease, background .35s ease;
}
.grape-card:hover{transform:translateY(-6px); background:rgba(255,255,255,.08);}
.grape-media{border-radius:22px; overflow:hidden; height:260px; margin-bottom:26px;}
.grape-media img{width:100%; height:100%; object-fit:cover;}
.grape-card h3{margin-top:16px; font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:1.9rem; color:#fff; letter-spacing:0;}
.grape-card p{margin-top:14px; color:rgba(255,255,255,.72); line-height:1.7;}
.vs-taste.light{border-color:rgba(226,162,62,.5); color:#e2a23e;}
.vs-harvest.light{background:rgba(255,255,255,.12);}
.vs-harvest.light span{background:rgba(255,255,255,.14);}
@media (max-width:760px){.grape-duo{grid-template-columns:1fr;}}

/* ---------- Variety switcher (spotlight + tabs) ---------- */
.variety-switcher{margin-top:44px;}
.variety-switcher + .category-title{margin-top:88px;}
.vs-stage{
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:0;
  background:rgba(255,252,246,.72); border:1px solid rgba(169,143,105,.25);
  border-radius:26px; overflow:hidden; box-shadow:0 18px 40px rgba(80,55,22,.08);
  min-height:420px;
}
.vs-media{position:relative; background:#efe6d5;}
.vs-img{display:none; width:100%; height:100%; object-fit:cover; position:absolute; inset:0;}
.vs-img.active{display:block; animation:vsFade .5s ease;}
.vs-info{position:relative; padding:48px 46px;}
.vs-panel{display:none;}
.vs-panel.active{display:block; animation:vsFade .5s ease;}
.vs-taste{
  display:inline-block; padding:7px 18px; border-radius:999px; border:1px solid rgba(208,121,0,.35);
  color:var(--av-gold,#d07900); font-size:.72rem; font-weight:800; letter-spacing:1px; text-transform:uppercase;
}
.vs-panel h4{
  margin-top:18px; font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:2rem;
  color:var(--av-ink,#0b2819); letter-spacing:0; text-transform:none; line-height:1.1;
}
.vs-panel h4 small{font-size:1.1rem; font-weight:400; font-style:italic; color:var(--av-muted,#5f5b53);}
.vs-panel p{margin-top:16px; color:var(--av-muted,#5f5b53); line-height:1.7; max-width:440px;}
.vs-harvest{
  display:inline-flex; align-items:center; gap:10px; margin-top:26px; padding:10px 20px 10px 10px;
  border-radius:999px; background:var(--av-ink,#0b2819); color:#fff;
}
.vs-harvest span{
  display:flex; align-items:center; justify-content:center; padding:4px 12px; border-radius:999px;
  background:rgba(255,255,255,.14); font-size:.66rem; font-weight:800; letter-spacing:1px; text-transform:uppercase;
}
.vs-harvest b{font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:1rem;}
.vs-tabs{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.vs-tab{
  padding:11px 20px; border-radius:999px; border:1px solid rgba(169,143,105,.35);
  background:rgba(255,252,246,.5); color:var(--av-ink,#0b2819); font-size:.84rem; font-weight:700;
  cursor:pointer; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .2s ease;
}
.vs-tab:hover{transform:translateY(-2px); border-color:rgba(208,121,0,.5);}
.vs-tab.active{background:var(--av-ink,#0b2819); border-color:var(--av-ink,#0b2819); color:#fff;}
@keyframes vsFade{from{opacity:0;} to{opacity:1;}}
@media (max-width:860px){
  .vs-stage{grid-template-columns:1fr; min-height:auto;}
  .vs-media{height:280px;}
  .vs-info{padding:34px 26px;}
}

/* ---------- Variety cards (harvest period / taste) ---------- */
.variety-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:40px;}
@media (max-width:900px){.variety-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.variety-grid{grid-template-columns:1fr;}}
.variety-card{
  background:rgba(255,252,246,.72); border:1px solid rgba(169,143,105,.25); border-radius:20px; overflow:hidden;
  box-shadow:0 12px 28px rgba(80,55,22,.06); transition:transform .35s ease, box-shadow .35s ease;
}
.variety-card:hover{transform:translateY(-6px); box-shadow:0 20px 40px rgba(80,55,22,.12);}
.variety-card img{width:100%; height:170px; object-fit:cover;}
.variety-card .body{padding:24px;}
.variety-card h4{font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:1.25rem; margin-bottom:10px; letter-spacing:0; text-transform:none; color:var(--av-ink,#0b2819);}
.variety-card p{font-size:.88rem; color:var(--av-muted,#5f5b53); margin-bottom:16px; min-height:60px; line-height:1.55;}
.variety-meta{display:flex; justify-content:space-between; font-size:.72rem; border-top:1px solid rgba(169,143,105,.25); padding-top:14px;}
.variety-meta div b{display:block; color:var(--av-gold,#d07900); font-size:.88rem; font-family:var(--hm-serif,Georgia,serif); font-weight:500; margin-top:2px;}
.variety-meta div{color:var(--av-muted,#5f5b53); text-transform:uppercase; letter-spacing:1px; font-weight:700;}

/* ---------- Seasonal calendar (Gantt — style Wonderful Citrus) ---------- */
.calendar-wrap{overflow-x:auto; margin-top:50px; border-radius:22px; background:rgba(255,252,246,.72); border:1px solid rgba(169,143,105,.25); padding:34px; box-shadow:0 14px 30px rgba(80,55,22,.06);}
.calendar-grid{min-width:920px;}
.calendar-header{display:grid; grid-template-columns:200px repeat(12,1fr); gap:0; padding-bottom:14px; border-bottom:2px solid var(--av-ink,#0b2819);}
.calendar-header span{text-align:center; font-weight:800; font-size:.72rem; letter-spacing:1.5px; color:var(--av-ink,#0b2819);}
.calendar-row{display:grid; grid-template-columns:200px repeat(12,1fr); align-items:center; min-height:52px; border-bottom:1px solid rgba(169,143,105,.22);}
.calendar-row .fruit-label{display:flex; align-items:center; gap:10px; font-family:var(--hm-serif,Georgia,serif); font-weight:500; font-size:.95rem; color:var(--av-ink,#0b2819);}
.calendar-row .fruit-label img{width:32px; height:32px; object-fit:contain; border-radius:50%;}
.calendar-bar-track{grid-column:2 / span 12; position:relative; height:26px; display:grid; grid-template-columns:repeat(12,1fr);}
.calendar-bar{
  position:absolute; top:0; height:26px; border-radius:13px; background:var(--av-ink,#0b2819); color:#fff;
  font-size:.66rem; font-weight:700; display:flex; align-items:center; justify-content:center; letter-spacing:.5px;
}
.calendar-bar.orange{background:var(--av-gold,#d07900);}


/* ---------- Products page v2 ---------- */
.prodv2-page{
  --pv-bg:#fbf7ef;
  --pv-cream:#fffaf2;
  --pv-green:#06351f;
  --pv-green-2:#0d4a2d;
  --pv-orange:#ef7900;
  --pv-gold:#d09b40;
  --pv-line:rgba(113,83,39,.18);
  --pv-muted:#5f625d;
  background:
    radial-gradient(circle at 82% 10%, rgba(208,155,64,.13), transparent 26%),
    linear-gradient(180deg,#fffaf4 0%, var(--pv-bg) 100%);
  color:var(--pv-green);
  overflow:hidden;
}
.prodv2-section{
  position:relative;
  padding:clamp(76px, 8vw, 132px) 0;
}
.prodv2-section::before,
.prodv2-section::after{
  content:"";
  position:absolute;
  width:250px;
  height:250px;
  opacity:.23;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 35% 70%, transparent 44%, rgba(208,155,64,.45) 45%, transparent 46%),
    radial-gradient(ellipse at 60% 38%, transparent 42%, rgba(208,155,64,.36) 43%, transparent 44%);
  filter:blur(.1px);
}
.prodv2-section::before{left:-100px; bottom:24px; transform:rotate(-18deg);}
.prodv2-section::after{right:-80px; top:36px; transform:rotate(18deg);}
.prodv2-shell{
  width:min(100% - 64px, 1180px);
  margin:0 auto;
  position:relative;
  z-index:1;
}
@media (min-width:1024px){
  .prodv2-shell{width:min(100% - 160px, 1180px);}
}
.prodv2-hero{
  padding-top:clamp(128px, 12vw, 168px);
  min-height:100vh;
  display:flex;
  align-items:center;
}
.prodv2-hero .prodv2-shell ,.prodv2-feature-grid {
  width:min(100% - 64px, 1480px);
}
@media (min-width:1024px){
  .prodv2-hero .prodv2-shell ,.prodv2-feature-grid {width:min(100% - 160px, 1480px);}
}
.prodv2-hero-grid{
  display:grid;
  grid-template-columns:minmax(430px, .68fr) minmax(0, 1.32fr);
  align-items:center;
  gap:clamp(28px, 3.5vw, 58px);
  overflow:visible;
}
.prodv2-brand-grid,
.prodv2-feature-grid{
  display:grid;
  grid-template-columns:minmax(380px,.82fr) minmax(520px,1.18fr);
  align-items:center;
  gap:clamp(42px, 5vw, 86px);
}
.prodv2-brand-grid.prodv2-brand-grid-dual{
  grid-template-columns:1fr 1fr;
}
.prodv2-kicker{
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:var(--pv-green);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.42em;
  text-transform:uppercase;
}
.prodv2-kicker::before,
.prodv2-kicker::after{
  content:"";
  width:34px;
  height:2px;
  background:var(--pv-orange);
}
.prodv2-copy h1,
.prodv2-copy h2,
.prodv2-section-head h2,
.prodv2-variety-header h2,
.prodv2-calendar-card h2{
  margin:24px 0 24px;
  font-family:var(--hm-serif, Georgia, serif);
  font-size:clamp(4.8rem, 8vw, 9.4rem);
  line-height:.9;
  font-weight:500;
  letter-spacing:0;
  color:var(--pv-green);
  text-transform:none;
}
.prodv2-page h1,
.prodv2-page h2,
.prodv2-page h3,
.prodv2-page h4,
.prodv2-page p,
.prodv2-page a,
.prodv2-page small,
.prodv2-page dt,
.prodv2-page dd{
  text-transform:none;
}
.prodv2-hero .prodv2-copy h1{
  font-size:clamp(3.4rem, 4.4vw, 5.4rem);
  line-height:1.02;
  margin:20px 0 22px;
  white-space:nowrap;
}
.prodv2-copy em,
.prodv2-section-head em,
.prodv2-variety-header em,
.prodv2-calendar-card em{
  color:var(--pv-orange);
  font-style:italic;
  font-weight:400;
}
.prodv2-copy p,
.prodv2-section-head p,
.prodv2-variety-header p,
.prodv2-calendar-card > p{
  max-width:610px;
  color:#2a3330;
  font-size:clamp(1.05rem, 1.35vw, 1.36rem);
  line-height:1.75;
}
.prodv2-feature-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:30px 0;
}
.prodv2-feature-row span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  min-height:50px;
  padding:9px 16px;
  border:1px solid var(--pv-line);
  border-radius:12px;
  background:rgba(255,255,255,.35);
  color:var(--pv-green);
  font-weight:700;
  font-size:.92rem;
  line-height:1.2;
}
.prodv2-feature-row svg{
  width:22px;
  height:22px;
  stroke:var(--pv-green);
  stroke-width:1.7;
  flex:0 0 auto;
}
.prodv2-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:26px;
  min-width:300px;
  padding:18px 34px;
  border-radius:999px;
  background:linear-gradient(180deg,#0d4c2d,#06351f);
  color:#fff;
  font-size:1.08rem;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 18px 36px rgba(4,42,24,.22);
  transition:transform .35s ease, box-shadow .35s ease;
    margin-top: 1rem;
}
.prodv2-cta span{color:var(--pv-orange); font-size:1.5rem; white-space:nowrap; flex-shrink:0;}
.prodv2-cta{flex-wrap:wrap; row-gap:6px;}
.prodv2-cta:hover{transform:translateY(-3px); box-shadow:0 24px 46px rgba(4,42,24,.28);}
.prodv2-hero-art {
    overflow: visible;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prodv2-hero-art img {
    width: 100%;
    max-width: none;
    display: block;
    margin-left: auto;
    transform: scale(1.2);
}
@media (max-width:1400px){
  .prodv2-hero-art img{transform:translateX(4%);}
}
.prodv2-section-head{
  max-width:720px;
  margin-bottom:42px;
}
.prodv2-section-head h2{font-size:clamp(4.2rem, 6.5vw, 7rem);}
.prodv2-category-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:22px;
}
.prodv2-category-card{
  min-height:390px;
  padding:24px 22px 28px;
  border:1px solid var(--pv-line);
  border-radius:18px;
  background:rgba(255,255,255,.34);
  text-decoration:none;
  color:var(--pv-green);
  box-shadow:0 24px 50px rgba(98,72,34,.08);
  transition:transform .35s ease, border-color .35s ease;
}
.prodv2-category-card:hover{transform:translateY(-8px); border-color:rgba(239,121,0,.45);}
.prodv2-category-card img{
  width:100%;
  height:220px;
  object-fit:contain;
  margin-bottom:22px;
}
.prodv2-category-card h3,
.prodv2-variety-card h3,
.prodv2-orange-card h3{
  margin:0;
  font-family:var(--hm-serif, Georgia, serif);
  color:var(--pv-green);
  font-size:clamp(2.1rem, 2.7vw, 3.05rem);
  line-height:.95;
  font-weight:500;
  text-transform:none;
}
.prodv2-category-card p{margin:10px 0 22px; color:#343f3a;}
.prodv2-category-card span{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--pv-green);
  color:var(--pv-orange);
  font-size:1.4rem;
}
.prodv2-brand-collage{
  display:grid;
  grid-template-columns:.9fr 1.35fr;
  grid-auto-rows:270px;
  gap:12px;
}
.prodv2-brand-collage img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 18px 38px rgba(45,30,10,.13);
}
.prodv2-brand-collage img:nth-child(2){grid-column:2; grid-row:1;}
.prodv2-brand-collage img:nth-child(3){grid-column:1; grid-row:2;}
.prodv2-brand-collage img:nth-child(4){grid-column:2; grid-row:2;}
.prodv2-mini-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:34px 0;
}
.prodv2-mini-grid span,
.prodv2-brand-universe a{
  border:1px solid var(--pv-line);
  border-radius:14px;
  background:rgba(255,255,255,.42);
  color:var(--pv-green);
  text-align:center;
  transition:transform .3s ease, box-shadow .3s ease, background .3s ease;
}
.prodv2-mini-grid span{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  padding:22px 10px;
  min-height:120px;
  font-size:.88rem;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.01em;
  box-shadow:0 10px 26px rgba(74,48,18,.05);
}
.prodv2-mini-grid span:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(74,48,18,.12);
  background:rgba(255,255,255,.7);
}
.prodv2-mini-grid span i{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(150deg, rgba(208,155,64,.16), rgba(6,53,31,.08));
  color:var(--pv-orange);
  flex:0 0 auto;
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.prodv2-mini-grid span:hover i{transform:scale(1.08) rotate(-4deg);}
.prodv2-mini-grid span svg{width:21px; height:21px;}
.prodv2-brand-universe{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:34px;
}
.prodv2-brand-universe a{
  display:block;
  text-decoration:none;
  text-align:left;
  padding:24px 22px;
  box-shadow:0 12px 32px rgba(74,48,18,.06);
}
.prodv2-brand-universe a:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 44px rgba(74,48,18,.12);
  background:rgba(255,255,255,.7);
}
.prodv2-brand-logo{
  display:block;
  height:34px;
  width:auto;
  margin-bottom:12px;
  object-fit:contain;
  object-position:left center;
}
.prodv2-brand-universe small{display:block; color:#59615d; line-height:1.4;}
.prodv2-variety-header{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(460px,720px);
  gap:46px;
  align-items:center;
  margin-bottom:4rem;
}
.prodv2-variety-header.compact{grid-template-columns:minmax(0,1fr) minmax(420px,620px);}
.prodv2-variety-header h2{font-size:clamp(3.6rem, 5.6vw, 6.7rem);}
.prodv2-variety-header img{
  width:100%;
  max-height:360px;
  object-fit:contain;
  filter:drop-shadow(0 28px 36px rgba(93,58,19,.12));
}
.prodv2-variety-grid{
  display:grid;
  gap:24px;
}
.prodv2-variety-grid.soft{grid-template-columns:repeat(3,minmax(0,1fr));}
.prodv2-variety-grid.grapes{grid-template-columns:repeat(2,minmax(0,1fr));}
.prodv2-variety-grid.orange{grid-template-columns:repeat(4,minmax(0,1fr));}
.prodv2-variety-card{
  display:grid;
  grid-template-columns:40% 1fr;
  align-items:center;
  column-gap:8px;
  min-height:265px;
  padding:24px;
}
.prodv2-variety-card, .prodv2-orange-card {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    min-height: 265px;
    text-align: center;
    padding: 24px;
}
.prodv2-orange-card{
  grid-template-columns:1fr;
  align-items:start;
  align-content:start;
  text-align:center;
  min-height:0;
}
.prodv2-orange-card h3{
  font-size:clamp(1.5rem, 1.9vw, 1.9rem);
  min-height:2.1em;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.prodv2-orange-card small{text-align:center;}
.prodv2-variety-card img,
.prodv2-orange-card img{
  width:100%;
  height:190px;
  object-fit:contain;
}
.prodv2-orange-card img{height:150px; margin-bottom:6px;}
.prodv2-variety-card p,
.prodv2-orange-card p{
  margin:10px 0 16px;
  color:#283631;
  line-height:1.5;
  font-size:.95rem;
}
.prodv2-variety-card dl{margin:0;}
.prodv2-variety-card dt,
.prodv2-orange-card small{
  display:block;
  margin-top:9px;
  color:var(--pv-green);
  font-size:.82rem;
  font-weight:900;
}
.prodv2-variety-card dd{
  margin:2px 0 0;
  color:#26312e;
  font-weight:700;
  font-size:.9rem;
}
.prodv2-feature-product{min-height:92vh; display:flex; align-items:center;}
.prodv2-feature-grid{grid-template-columns:minmax(380px,.82fr) minmax(560px,1.18fr);}
.prodv2-feature-image{
  width:100%;
  max-height:670px;
  object-fit:contain;
  border-radius:28px;
  filter:drop-shadow(0 38px 48px rgba(61,46,22,.16));
}
.prodv2-section-cta{
  margin-top:34px;
}
.prodv2-calendar-card{
  position:relative;
  padding:48px 64px 52px;
  border:1px solid var(--pv-line);
  border-radius:28px;
  background:rgba(255,255,255,.38);
  box-shadow:0 26px 80px rgba(80,55,25,.09);
}
.prodv2-calendar-card h2{font-size:clamp(3rem, 4.7vw, 5.4rem);}
.prodv2-calendar{
  margin-top:34px;
  border:1px solid var(--pv-line);
  border-radius:12px;
  overflow:hidden;
}
.prodv2-months,
.prodv2-cal-row{
  display:grid;
  grid-template-columns:240px repeat(10,1fr);
}
.prodv2-months{
  align-items:center;
  min-height:46px;
  color:var(--pv-green);
  font-weight:900;
  letter-spacing:.08em;
}
.prodv2-months b{text-align:center; font-size:.9rem;}
.prodv2-cal-group{
  padding:13px 22px;
  border-top:1px solid var(--pv-line);
  border-bottom:1px solid var(--pv-line);
  color:var(--pv-orange);
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.prodv2-cal-row{
  position:relative;
  min-height:34px;
  align-items:center;
  border-bottom:1px solid rgba(113,83,39,.1);
}
.prodv2-cal-row span{
  padding-left:22px;
  color:#24342f;
  font-weight:700;
}
.prodv2-cal-row::before{
  content:"";
  grid-column:2 / -1;
  grid-row:1;
  height:100%;
  background:repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), rgba(113,83,39,.13) calc(10% - 1px) 10%);
}
.prodv2-cal-row i{
  grid-column:calc(var(--start) + 1) / span var(--span);
  grid-row:1;
  height:14px;
  margin:0 12px;
  border-radius:999px;
  background:linear-gradient(90deg,#0e4b2e,#06351f);
  box-shadow:10px 0 0 rgba(17,79,47,.14);
  z-index:1;
}
.prodv2-calendar-note{
  margin-top:28px;
  padding:20px 24px;
  border:1px solid var(--pv-line);
  border-radius:14px;
  color:#4d5651;
}
.prodv2-calendar-note strong{color:var(--pv-green);}

@media (max-width:1180px){
  .prodv2-hero-grid,
  .prodv2-brand-grid,
  .prodv2-feature-grid,
  .prodv2-variety-header,
  .prodv2-variety-header.compact{
    grid-template-columns:1fr;
  }
  .prodv2-copy{text-align:left;}
  .prodv2-hero-art img{
    width:min(100%, 860px);
    max-width:100%;
    margin:0 auto;
    transform:none;
  }
  .prodv2-category-grid,
  .prodv2-variety-grid.orange,
  .prodv2-variety-grid.grapes{grid-template-columns:repeat(2,minmax(0,1fr));}
  .prodv2-variety-grid.soft{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .prodv2-shell{width:min(100% - 30px, 1500px);}
  .prodv2-hero .prodv2-shell{width:min(100% - 30px, 1500px);}
  .prodv2-section{padding:72px 0;}
  .prodv2-hero{padding-top:145px;}
  .prodv2-copy h1,
  .prodv2-copy h2,
  .prodv2-section-head h2,
  .prodv2-variety-header h2,
  .prodv2-calendar-card h2{
    font-size:clamp(3.2rem, 14vw, 4.5rem);
  }
  .prodv2-category-grid,
  .prodv2-variety-grid.soft,
  .prodv2-variety-grid.grapes,
  .prodv2-variety-grid.orange,
  .prodv2-mini-grid,
  .prodv2-brand-universe{
    grid-template-columns:1fr;
  }
  .prodv2-category-card{min-height:auto;}
  .prodv2-brand-collage{
    grid-template-columns:1fr;
    grid-auto-rows:230px;
  }
  .prodv2-brand-collage img{grid-column:auto!important; grid-row:auto!important;}
  .prodv2-variety-card,
  .prodv2-orange-card{
    grid-template-columns:1fr;
  }
  .prodv2-variety-card img,
  .prodv2-orange-card img{height:190px;}
  .prodv2-calendar-card{padding:28px 18px;}
  .prodv2-calendar{overflow-x:auto;}
  .prodv2-months,
  .prodv2-cal-row{
    min-width:900px;
    grid-template-columns:180px repeat(10,1fr);
  }
}


/* ===========================================================
   OUR PRODUCT — client feedback revision
   Hero photo bg + Bee Sweet style external product links
=========================================================== */

/* ---------- Hero with background photo ---------- */
.prodv2-hero{
  position:relative;
  background:
    url("../images/site/products/transparent/produce-family-transparent.png") right center / min(59vw, 990px) auto no-repeat,
    #faf9f6;
  min-height:92vh;
}
.prodv2-hero::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  width:100%;
  height:100%;
  opacity:1;
  filter:none;
  transform:none;
  border-radius:0;
  background:none;
  z-index:0;
}
.prodv2-hero::after{display:none;}
.prodv2-hero .prodv2-shell{
  position:relative;
  z-index:1;
  width:min(100% - 64px, 1480px);
  max-width:none;
}
@media (min-width:1024px){
  .prodv2-hero .prodv2-shell{width:min(100% - 160px, 1480px);}
}
.prodv2-hero-grid{grid-template-columns:minmax(0,1fr);}
.prodv2-hero .prodv2-copy{max-width:850px;}
.prodv2-hero .prodv2-kicker{color:#e2a23e;}
.prodv2-hero .prodv2-kicker::before,
.prodv2-hero .prodv2-kicker::after{background:rgba(226,162,62,.6);}
.prodv2-hero .prodv2-copy h1{color:#063d24;}
.prodv2-hero .prodv2-copy h1 em{color:#e2a23e;}
.prodv2-hero .prodv2-copy p{color:#2f3b36;}
.prodv2-hero .prodv2-feature-row span{
  border-color:rgba(113,83,39,.18);
  background:rgba(255,255,255,.58);
  color:#063d24;
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}
.prodv2-hero .prodv2-feature-row svg{stroke:#e2a23e;}

/* ---------- Clickable product icons (Bee Sweet Citrus pattern) ---------- */
/* .prodv2-picker{padding-bottom:40px;} */
.pv-icon-row{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:clamp(12px, 2vw, 34px);
  margin-top:54px;
  align-items:end;
}
.pv-icon-row.pv-icon-row-32{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:flex-start;
  gap:clamp(28px, 3.4vw, 52px) clamp(24px, 3vw, 46px);
}
.pv-icon-row-32 .pv-icon{
  flex:0 1 calc(33.333% - 31px);
  max-width:280px;
}
.pv-icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:10px;
  border:0;
  background:none;
  cursor:pointer;
  font-family:var(--font);
  text-decoration:none;
}
.pv-icon img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    /* Continuous gentle float — same idea as the Bee Sweet Citrus product icons */
    animation: pvIconFloat 5.5s ease-in-out infinite;
    transition: transform .45s cubic-bezier(.34,1.56,.64,1), filter .45s ease;
    will-change: transform;
}
@keyframes pvIconFloat{
  0%, 100%{ transform: translateY(0) rotate(0deg); }
  50%     { transform: translateY(-14px) rotate(-2.5deg); }
}
/* Stagger each icon so they don't bob in unison */
.pv-icon:nth-child(1) img{ animation-delay: 0s; }
.pv-icon:nth-child(2) img{ animation-delay: .55s; }
.pv-icon:nth-child(3) img{ animation-delay: 1.1s; }
.pv-icon:nth-child(4) img{ animation-delay: 1.65s; }
.pv-icon:nth-child(5) img{ animation-delay: 2.2s; }
@media (prefers-reduced-motion: reduce){
  .pv-icon img{ animation: none; }
}
.pv-icon img[src$=".jpg"],
.pv-icon img[src$=".webp"]{
}
.pv-icon h3{
  margin:0;
  font-family:var(--hm-serif, Georgia, serif);
  font-weight:500;
  font-size:clamp(1.35rem, 1.9vw, 1.95rem);
  line-height:1.1;
  letter-spacing:0;
  text-transform:none;
  color:var(--pv-green, #06351f);
  text-align:center;
  transition:color .3s ease;
}
.pv-icon small{
  margin-top:-6px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:rgba(7,45,29,.58);
  text-align:center;
}
/* On hover the float pauses and the fruit lifts + grows slightly */
.pv-icon:hover img{
  animation-play-state:paused;
  transform:translateY(-18px) scale(1.09) rotate(3deg);
  filter:drop-shadow(0 26px 34px rgba(85,58,24,.28));
}
.pv-icon:hover h3{color:var(--pv-orange, #ef7900);}
.pv-icon.active h3{color:var(--pv-orange, #ef7900);}
.pv-icon.active img{transform:translateY(-6px) scale(1.04);}
.pv-icon.active::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  border-radius:99px;
  background:var(--pv-orange, #ef7900);
}

.prodv2-picker {
    background-image: url(../images/site/products/bg-products.png);
    background-repeat: no-repeat;
}
/* ---------- External variety pages ---------- */
.pvsub-varieties .prodv2-variety-grid.soft,
.pvsub-varieties .prodv2-variety-grid.orange{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.pvsub-varieties .prodv2-variety-grid.grapes{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.pvsub-varieties .prodv2-variety-card,
.pvsub-varieties .prodv2-orange-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:34px 28px 32px;
  min-height:auto;
}
.pvsub-varieties .prodv2-variety-card img,
.pvsub-varieties .prodv2-orange-card img{
  width:100%;
  height:230px;
  object-fit:contain;
  margin-bottom:18px;
}
.pvsub-varieties .prodv2-variety-card p,
.pvsub-varieties .prodv2-orange-card p{
  max-width:430px;
  margin-left:auto;
  margin-right:auto;
}
.prodv2-solo-card{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,72px);
  align-items:center;
  background:rgba(255,252,246,.72);
  border:1px solid var(--pv-line, rgba(113,83,39,.18));
  border-radius:32px;
  padding:clamp(32px,5vw,70px);
  box-shadow:0 20px 50px rgba(80,55,22,.08);
}
.prodv2-solo-card .prodv2-feature-image{
  width:100%;
  max-height:520px;
  object-fit:contain;
  filter:drop-shadow(0 28px 45px rgba(80,55,22,.18));
}
.prodv2-solo-card .prodv2-feature-row span{
  justify-content:center;
  color:var(--pv-green, #06351f);
}

/* ---------- Seasonal calendar: colour per product family ---------- */
.prodv2-cal-row.g-peel   i{background:linear-gradient(90deg,#f0a52e,#e08a12);}
.prodv2-cal-row.g-orange i{background:linear-gradient(90deg,#ef7900,#d1620a);}
.prodv2-cal-row.g-berry-rasp  i{background:linear-gradient(90deg,#e0466f,#c1234f);}
.prodv2-cal-row.g-berry-black i{background:linear-gradient(90deg,#4a2f52,#2c1a32);}
.prodv2-cal-row.g-berry-blue  i{background:linear-gradient(90deg,#4a63c9,#2f3f9e);}
.prodv2-cal-row.g-grape-red   i{background:linear-gradient(90deg,#8e2a4a,#631d34);}
.prodv2-cal-row.g-grape-white i{background:linear-gradient(90deg,#9dc26a,#7aa848);}
.prodv2-cal-row.g-corn   i{background:linear-gradient(90deg,#d9b022,#b8900f);}

@media (max-width:1080px){
  .pv-icon-row{grid-template-columns:repeat(3, minmax(0,1fr)); gap:26px; row-gap:36px;}
}
@media (max-width:640px){
  .pv-icon-row{grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; row-gap:30px;}
  .pv-icon-row-32 .pv-icon{flex:0 1 calc(50% - 12px); max-width:200px;}
  .pv-icon img{max-width:150px;}
  .prodv2-hero{min-height:auto;}
  .prodv2-hero{
    background:
      linear-gradient(180deg, rgba(250,249,246,.98) 0%, rgba(250,249,246,.84) 58%, rgba(250,249,246,.42) 100%),
      url("../images/site/products/transparent/produce-family-transparent.png") center bottom / 92vw auto no-repeat,
      #faf9f6;
    padding-bottom:48vw;
  }
}
@media (max-width:900px){
  .pvsub-varieties .prodv2-variety-grid.soft,
  .pvsub-varieties .prodv2-variety-grid.orange,
  .pvsub-varieties .prodv2-variety-grid.grapes,
  .prodv2-solo-card{
    grid-template-columns:1fr;
  }
}

/* ---------- Spacing fix: tighten gap between Brand and Calendar ---------- */
.packaging-section{padding-bottom:clamp(40px, 5vw, 70px);}
.prodv2-calendar-section{padding-top:clamp(20px, 3vw, 40px);}

/* ---------- Our Brand — packaging showcase (dual marquee) ---------- */
.pk-section{
  position:relative;
  overflow:hidden;
  padding-top:clamp(70px, 8vw, 110px);
  padding-bottom:clamp(70px, 8vw, 110px);
  background:
    radial-gradient(circle at 12% 10%, rgba(239,121,0,.07), transparent 30%),
    radial-gradient(circle at 88% 88%, rgba(6,53,31,.07), transparent 32%),
    linear-gradient(180deg, #fffdf9 0%, #faf5ea 100%);
}
.pk-head{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:760px;
  margin:0 auto clamp(44px, 5vw, 72px);
}
.pk-head h2{
  margin:0 0 18px;
  color:var(--pv-green, #06351f);
  font-family:var(--hm-serif, Georgia, serif);
  font-size:clamp(2.8rem, 5vw, 5rem);
  font-weight:500;
  line-height:1;
}
.pk-head h2 em{color:var(--pv-orange, #ef7900); font-style:italic;}
.pk-head p{
  margin:0;
  color:var(--pv-muted, #5f625d);
  font-size:clamp(1.02rem, 1.35vw, 1.24rem);
  line-height:1.75;
}

/* Marquee rails */
.pk-marquee{
  position:relative;
  overflow:hidden;
  padding:14px 0;
  /* fade the edges so cards drift in and out softly */
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}
.pk-marquee + .pk-marquee{margin-top:clamp(10px, 1.4vw, 22px);}
.pk-track{
  display:flex;
  gap:clamp(18px, 2vw, 34px);
  width:max-content;
  animation:pkScroll 58s linear infinite;
}
.pk-marquee--reverse .pk-track{animation-direction:reverse;}
@keyframes pkScroll{
  from{ transform:translateX(0); }
  to  { transform:translateX(-50%); }
}
.pk-marquee:hover .pk-track{animation-play-state:paused;}

/* Cards */
.pk-card{
  flex:0 0 auto;
  margin:0;
  width:clamp(220px, 22vw, 320px);
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(113,83,39,.12);
  box-shadow:0 18px 44px rgba(85,58,24,.10);
  transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;
}
.pk-card img{
  display:block;
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  transition:transform .6s cubic-bezier(.22,1,.36,1);
}
.pk-card:hover{
  transform:translateY(-10px);
  box-shadow:0 32px 70px rgba(85,58,24,.2);
}
.pk-card:hover img{transform:scale(1.06);}

@media (prefers-reduced-motion: reduce){
  .pk-track{animation:none;}
  .pk-marquee{
    overflow-x:auto;
    -webkit-mask-image:none; mask-image:none;
  }
}
@media (max-width:640px){
  .pk-card{width:190px; border-radius:18px;}
}

/* ===========================================================
   ABOUT HERO STYLES (for products.html)
=========================================================== */
.about-hero{
  position:relative;
  min-height:100vh; /* Réduit la hauteur minimale de la section */
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  background:#0b1e14;
}
.about-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.about-hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 56% 42%, rgba(5,19,12,0) 0%, rgba(5,19,12,.12) 54%, rgba(5,19,12,.42) 100%),
    linear-gradient(90deg, rgba(5,19,12,.46) 0%, rgba(5,19,12,.22) 38%, rgba(5,19,12,.08) 78%),
    linear-gradient(0deg, rgba(5,19,12,.38) 0%, rgba(5,19,12,.08) 48%, transparent 72%);
}
.about-hero-inner{
  position:relative;
  z-index:2;
  padding-bottom:clamp(60px, 8vh, 100px); /* Réduit le rembourrage inférieur */
  color:#fff;
  max-width:1280px;
}
.about-hero h1{
  max-width:1040px;
  color:#fff;
  font-family:var(--hm-serif);
  font-size:clamp(3.4rem, 4.4vw, 5.4rem);
  font-weight:700;
  line-height:1.02;
  letter-spacing:0;
  text-transform:none;
  text-shadow:0 12px 42px rgba(0,0,0,.4);
}
.about-hero h1 em{
  color:#d09b40;
  font-style:italic;
  font-weight:600;
}
.about-hero p {
    max-width: 820px;
    margin-top: 22px;
    color: rgba(255,255,255,.95);
    font-size: clamp(1.05rem, 1.35vw, 1.36rem);
    font-weight: 500;
    line-height: 1.75;
    text-shadow: 0 2px 16px rgba(0,0,0,.62);
}
.about-hero .prodv2-cta { margin-top: 30px; }