/* A shared fruit world for the six everyday product families. */
#dodoni-hero-classic { --scene-glow: #87e6d5; background: #ffcf71; isolation: isolate; }
#dodoni-hero-classic[data-hero-mood="pouches"] { --scene-glow: #ffd851; }
#dodoni-hero-classic[data-hero-mood="cartons"] { --scene-glow: #d6f78c; }
#dodoni-hero-classic[data-hero-mood="carrot"] { --scene-glow: #ffae65; }
#dodoni-hero-classic[data-hero-mood="bottles"] { --scene-glow: #ffb0b7; }
#dodoni-hero-classic[data-hero-mood="tea"] { --scene-glow: #9ceaf4; }
.dodoni-classic-world { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: -2; container-type: size; }
/* Keep the base and animated fruit in the same cover-sized coordinate system. */
.dodoni-classic-landscape { position: absolute; left: 50%; top: 50%; width: max(104cqw, 184.8cqh); height: max(104cqh, 58.53cqw); max-width: none; translate: -50% -50%; animation: dodoni-world-drift 22s ease-in-out infinite alternate; }
.dodoni-classic-painted-fruit { transform-origin: 120px 900px; animation: dodoni-painted-fruit-sway 6s ease-in-out infinite alternate; }
.dodoni-classic-painted-liquid { transform-origin: 80px 600px; animation: dodoni-liquid-flow 3.2s ease-in-out infinite alternate; }
.dodoni-classic-cup-scenery, .dodoni-classic-flavours { display: none; }
#dodoni-hero-classic[data-hero-mood="bubble"] .dodoni-classic-general-scenery,
#dodoni-hero-classic[data-hero-mood="bubble"] .dodoni-classic-fruit { display: none; }
#dodoni-hero-classic[data-hero-mood="bubble"] .dodoni-classic-cup-scenery { display: inline; }
#dodoni-hero-classic[data-hero-mood="bubble"] .dodoni-classic-flavours { display: block; }
.dodoni-flavour-fruit { position: absolute; width: clamp(100px, 14vw, 220px); aspect-ratio: 1; filter: drop-shadow(0 12px 12px #77462026); animation: dodoni-fruit-float 7s ease-in-out infinite alternate; }
.dodoni-flavour-fruit[hidden] { display: none !important; }
.dodoni-flavour-fruit svg { display: block; width: 100%; height: 100%; overflow: hidden; }
.dodoni-flavour-fruit > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.dodoni-flavour-fruit.is-arriving svg { animation: dodoni-flavour-arrive .35s ease-out both; }
.dodoni-flavour-fruit.is-arriving > img { animation: dodoni-flavour-arrive .35s ease-out both; }
.dodoni-flavour-lychee { left: 32%; bottom: 7%; width: clamp(90px, 11vw, 165px); animation-delay: -2.5s; }
.dodoni-flavour-strawberry { left: -3%; bottom: 2%; width: clamp(120px, 14vw, 220px); }
.dodoni-flavour-kiwi { left: 15%; bottom: 2%; width: clamp(90px, 11vw, 170px); animation-delay: -2s; }
.dodoni-flavour-mango { right: -3%; bottom: 10%; width: clamp(140px, 19vw, 300px); animation-delay: -4s; }
.dodoni-flavour-raspberry { right: 5%; top: 12%; width: clamp(90px, 11vw, 165px); animation-delay: -3s; }
.dodoni-flavour-blackberry { left: 45%; top: 13%; width: clamp(70px, 8vw, 130px); animation-delay: -5s; }
.dodoni-flavour-blackcurrant { right: 0; bottom: 22%; width: clamp(100px, 12vw, 195px); animation-delay: -1s; }
.dodoni-classic-light { position: absolute; inset: 0; background: radial-gradient(ellipse at 72% 40%, var(--scene-glow) 0%, transparent 60%), linear-gradient(90deg, #ffedd76b, transparent 60%); opacity: .48; transition: background 1s ease; }
.dodoni-classic-orbit { position: absolute; width: min(68vw, 1000px); aspect-ratio: 1; right: -2%; top: -12%; border: 1px solid #fff9; border-radius: 50%; box-shadow: 0 0 0 45px #fff1, 0 0 0 90px #fff1; opacity: .38; animation: dodoni-orbit-breathe 8s ease-in-out infinite alternate; }
.dodoni-home-hero #dodoni-hero-classic > video { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .1; mix-blend-mode: soft-light; pointer-events: none; z-index: -1; }
.dodoni-home-hero #dodoni-hero-classic .content { top: 120px; bottom: 95px; width: min(1400px, 88%); height: auto; display: grid; grid-template-columns: 43% 57%; align-items: center; gap: 0; max-height: none; }
.dodoni-home-hero #dodoni-hero-classic .content .dodoni-classic-copy { position: relative; top: auto; left: auto; width: 100%; height: auto; transform: none; margin-top: 0; z-index: 3; padding: 0 20px 20px 0; }
.dodoni-classic-eyebrow { color: #07525f; font: 600 12px/1.4 'Oswald', sans-serif; letter-spacing: .18em; margin: 0 0 15px; }
.dodoni-home-hero #dodoni-hero-classic .dodoni-classic-copy > picture { display: block; width: 100%; height: auto; }
.dodoni-home-hero #dodoni-hero-classic .dodoni-classic-copy img { width: 100%; max-width: 550px; height: auto; max-height: none; filter: drop-shadow(0 8px 16px #a75a1730); }
.dodoni-classic-category { color: #064b61; font: 600 clamp(24px, 2.1vw, 35px)/1.12 'Oswald', sans-serif; margin: 22px 0 12px; max-width: 420px; text-wrap: balance; }
.dodoni-classic-deck { color: #164e52; font: 400 clamp(16px, 1.2vw, 19px)/1.5 'Oswald', sans-serif; margin: 0 0 24px; max-width: 340px; }
.dodoni-classic-cta { display: inline-flex; gap: 35px; align-items: center; background: #006b4b; color: #fff; border-radius: 50px; padding: 15px 24px; font: 500 17px/1.25 'Oswald', sans-serif; box-shadow: 0 10px 26px #005c4130; text-decoration: none; transition: transform .2s, background .2s; }
.dodoni-classic-cta span { font-size: 24px; }
.dodoni-classic-cta:hover, .dodoni-classic-cta:focus-visible { background: #004d3a; color: #fff; transform: translateY(-3px); }
.dodoni-classic-cta:focus-visible { outline: 3px solid #075070; outline-offset: 4px; }
.dodoni-home-hero #dodoni-hero-classic .content .foto2 { left: auto; top: auto; width: 100%; height: 100%; min-height: 440px; max-height: 740px; transform: none; }
.dodoni-home-hero #dodoni-hero-classic .content .foto2 .home-foto2-slider { width: 100%; }
.dodoni-home-hero #dodoni-hero-classic .content .foto2 .home-foto2-slide > a { position: relative; z-index: 1; animation: dodoni-product-float 5.5s ease-in-out infinite alternate; }
.dodoni-home-hero #dodoni-hero-classic .content .foto2::after { content: ''; position: absolute; width: 75%; height: 9%; bottom: 0; left: 15%; background: radial-gradient(ellipse, #73532450, transparent 68%); filter: blur(10px); z-index: 0; }
.dodoni-home-hero #dodoni-hero-classic .content .foto3 { display: none; }
.dodoni-home-hero #dodoni-hero-classic .content .foto2 .home-foto2-slide img.dodoni-current-hero-group { transform: scale(1.1); filter: drop-shadow(0 20px 14px #65390b35); }
.dodoni-home-hero #dodoni-hero-classic .content .foto2 .home-foto2-slide img.dodoni-rotating-cup { filter: drop-shadow(0 12px 9px #3b392630); }
.dodoni-home-hero #dodoni-hero-classic .fala { opacity: .75; z-index: 2; bottom: -2px; pointer-events: none; }
.dodoni-classic-fruit { position: absolute; display: block; filter: drop-shadow(0 16px 16px #76400b33); animation: dodoni-fruit-float 7s ease-in-out infinite alternate; }
.dodoni-classic-fruit img { width: 100%; height: auto; }
.dodoni-classic-fruit-0 { width: clamp(120px, 15vw, 245px); left: -4%; bottom: 2%; transform: rotate(-20deg); }
.dodoni-classic-fruit-1 { width: clamp(60px, 7vw, 120px); right: 8%; top: 12%; animation-delay: -3s; }
.dodoni-classic-fruit-2 { width: clamp(70px, 7vw, 130px); left: 44%; top: 13%; animation-delay: -5s; }
.dodoni-classic-fruit-3 { width: clamp(120px, 14vw, 240px); right: -3%; bottom: 2%; animation-delay: -1s; }
.dodoni-classic-bubble { position: absolute; left: calc(8% + var(--bubble) * 10%); bottom: -60px; width: calc(12px + var(--bubble) * 3px); aspect-ratio: 1; border-radius: 50%; border: 1px solid #fff9; background: radial-gradient(circle at 30% 24%, #ffffffb0 0 7%, #ffffff08 28%, #ffffff24 65%, #fff7); box-shadow: inset -3px -4px 7px #fff6, 0 4px 8px #71541512; animation: dodoni-juice-bubble calc(10s + var(--bubble) * .8s) linear infinite; animation-delay: calc(var(--bubble) * -1.8s); }
.dodoni-classic-motion-paused .dodoni-classic-world *,
.dodoni-classic-motion-paused #dodoni-hero-classic .home-foto2-slide > a,
.dodoni-classic-motion-paused #dodoni-hero-classic .fala { animation-play-state: paused !important; }
@keyframes dodoni-world-drift { from { transform: scale(1.01) translate(-.6%, 0); } to { transform: scale(1.045) translate(.6%, -.5%); } }
@keyframes dodoni-painted-fruit-sway { from { transform: translate(-7px, 7px) rotate(-.8deg); } to { transform: translate(9px, -12px) rotate(1deg); } }
@keyframes dodoni-liquid-flow { from { transform: translate(-6px, 12px) rotate(-.7deg); } to { transform: translate(10px, -16px) rotate(.9deg); } }
@keyframes dodoni-flavour-arrive { from { opacity: 0; transform: scale(.88); } to { opacity: 1; transform: scale(1); } }
@keyframes dodoni-product-float { from { transform: translateY(-5px) rotate(-.7deg); } to { transform: translateY(7px) rotate(.7deg); } }
@keyframes dodoni-fruit-float { from { translate: 0 -8px; rotate: -9deg; } to { translate: 5px 13px; rotate: 8deg; } }
@keyframes dodoni-orbit-breathe { from { scale: .97; opacity: .25; } to { scale: 1.035; opacity: .48; } }
@keyframes dodoni-juice-bubble { from { translate: 0 0; opacity: 0; } 10% { opacity: .7; } 85% { opacity: .6; } to { translate: 28px -860px; opacity: 0; } }
@media (max-width: 1000px) and (min-width: 761px) {
    .dodoni-home-hero #dodoni-hero-classic .content { width: 86%; grid-template-columns: 41% 59%; top: 145px; bottom: 90px; }
    .dodoni-classic-category { font-size: 25px; }
    .dodoni-classic-deck { font-size: 16px; }
    .dodoni-classic-eyebrow { font-size: 10px; letter-spacing: .12em; }
}
@media (max-width: 760px) {
    .dodoni-home-hero #dodoni-hero-classic .content { display: flex; flex-direction: column; justify-content: flex-start; top: 125px; bottom: 65px; width: 90%; }
    .dodoni-home-hero #dodoni-hero-classic .content .dodoni-classic-copy { text-align: center; padding: 0; flex: 0 0 auto; }
    .dodoni-classic-eyebrow { font-size: 10px; margin-bottom: 8px; }
    .dodoni-home-hero #dodoni-hero-classic .dodoni-classic-copy img { width: min(82vw, 390px); max-width: 100%; margin: auto; }
    .dodoni-classic-category { font-size: 23px; margin: 10px auto 6px; max-width: 90%; }
    .dodoni-classic-deck { display: none; }
    .dodoni-classic-cta { padding: 9px 20px; gap: 24px; font-size: 15px; }
    .dodoni-classic-cta span { font-size: 19px; }
    .dodoni-home-hero #dodoni-hero-classic .content .foto2 { flex: 1 1 auto; height: 0; width: min(100%, 480px); min-height: 290px; margin-top: 5px; }
    .dodoni-classic-fruit-0 { width: 110px; bottom: 8%; }
    .dodoni-classic-fruit-1 { width: 44px; top: 45%; right: -1%; }
    .dodoni-classic-fruit-2 { display: none; }
    .dodoni-classic-fruit-3 { width: 110px; bottom: 4%; }
    .dodoni-flavour-strawberry { width: 115px; left: -4%; bottom: 13%; }
    .dodoni-flavour-kiwi { width: 90px; left: 11%; bottom: 4%; }
    .dodoni-flavour-mango { width: 125px; right: -5%; bottom: 7%; }
    .dodoni-flavour-raspberry { width: 75px; right: -3%; top: 46%; }
    .dodoni-flavour-blackberry { width: 60px; left: 2%; top: 47%; }
    .dodoni-flavour-blackcurrant { width: 95px; right: -4%; bottom: 23%; }
    .dodoni-flavour-lychee { width: 80px; left: 34%; bottom: 5%; }
    .dodoni-classic-landscape { left: 62%; translate: -62% -50%; }
    .dodoni-classic-orbit { width: 105vw; right: -20%; top: 28%; }
    .dodoni-home-hero #dodoni-hero-classic .foto2 .home-foto2-slide img.dodoni-rotating-cup[data-cup-slot="0"] { left: 26%; }
    .dodoni-home-hero #dodoni-hero-classic .foto2 .home-foto2-slide img.dodoni-rotating-cup[data-cup-slot="2"] { left: 74%; }
}
@media (prefers-reduced-motion: reduce) {
    .dodoni-classic-liquid-ripple { filter: none; }
    .dodoni-classic-world *, #dodoni-hero-classic .home-foto2-slide > a, #dodoni-hero-classic .fala { animation: none !important; }
    .dodoni-classic-cta { transition: none; }
}