.hero.fruit-hero{display:flex;align-items:center;width:100%;max-width:none;min-height:clamp(650px,calc(100svh - 120px),940px);margin:0;padding:70px max(32px,calc((100vw - 1240px)/2));isolation:isolate;background:#fff5db;overflow:hidden;box-sizing:border-box}
.hero.fruit-hero::before{display:none}
.fruit-hero .hero-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;border-radius:0;box-shadow:none;z-index:-2;transform:none!important;background:#fff5db}
.fruit-hero .hero-media img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:right center}
.fruit-hero .hero-copy{width:46%;max-width:550px;z-index:2;padding:22px 0;}
.fruit-hero h1{font-size:clamp(2.5rem,3vw,3.5rem);line-height:1.02;text-wrap:balance;color:#061d46}
.fruit-hero .hero-text{max-width:440px;color:#25364e}
.fruit-hero .hero-actions{gap:10px}
.fruit-hero .pengy-runway{display:none}
.topping-rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:9;contain:strict;transition:opacity .25s}
.rain-piece{position:absolute;left:var(--x);top:-120px;width:var(--size);height:var(--size);animation:snoyo-rain var(--duration) var(--delay) linear infinite;opacity:var(--opacity);will-change:transform}
.rain-piece i{display:block;width:100%;height:100%;background-image:url('topping-sprites.png');background-size:300% 200%;background-repeat:no-repeat;transform:rotate(var(--start));animation:snoyo-tumble var(--spin) linear infinite}
@keyframes snoyo-rain{from{transform:translate3d(0,-50px,0)}to{transform:translate3d(var(--drift),calc(100vh + 260px),0)}}
@keyframes snoyo-tumble{to{transform:rotate(calc(var(--start) + 360deg))}}
.topping-rain.is-paused .rain-piece,.topping-rain.is-paused .rain-piece i{animation-play-state:paused}
.topping-rain.is-paused{opacity:0}
.rain-toggle{position:fixed;right:18px;bottom:18px;z-index:21;border:1px solid #061d46;border-radius:30px;background:#fffdf1;color:#061d46;font:700 12px Arial,sans-serif;padding:12px 16px;box-shadow:0 3px 14px #061d4615;cursor:pointer}
.rain-toggle:focus-visible{outline:3px solid #f3d83f;outline-offset:3px}
@media(min-width:1600px){.fruit-hero .hero-media img{object-fit:contain;object-position:right center}}
@media(max-width:700px){
 .hero.fruit-hero{display:flex;align-items:flex-start;min-height:1000px;padding:34px 24px 500px;background:#fff5db}
 .fruit-hero .hero-copy{width:100%;max-width:520px;margin:0 auto;padding:0}
 .fruit-hero h1{font-size:clamp(2rem,8.5vw,3.2rem);line-height:1.05}
 .fruit-hero .hero-text{font-size:1rem}
 .fruit-hero .hero-media{top:auto;height:530px;bottom:0}
 .fruit-hero .hero-media img{object-position:80% center;object-fit:cover}
 .fruit-hero .hero-media::after{content:'';position:absolute;inset:0;background:linear-gradient(#fff5db,transparent 18%)}
 .fruit-hero .hero-actions{margin-top:20px}
 .rain-toggle{right:10px;bottom:10px;font-size:11px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.topping-rain{display:none}.rain-piece,.rain-piece i{animation:none}.rain-toggle{display:none}}

.fruit-hero .hero-media{display:block}.fruit-hero .hero-media img{position:absolute;inset:0;min-height:0;min-width:0}
@media(min-width:701px){.fruit-hero .hero-media img{width:auto;max-width:none;left:auto;right:0;mask-image:linear-gradient(to right,transparent,#000 16%)}}