/* V6 — readable type, full artwork, pixel-preserving photo scene. */
.product-benefits svg{width:67px;height:67px}
.product-benefits li{font-size:15px;gap:12px;padding-inline:8px}
.product-r4:before{background:url('assets/product-raspberry-accent-r6.webp') center/contain no-repeat;opacity:1;right:24px;top:53px;bottom:auto;width:240px;height:120px}
.portfolio-decoration{right:0;top:115px;width:340px;height:510px;opacity:1;mask-image:none;-webkit-mask-image:none;object-fit:contain}
.portfolio-r4 .flavour-art{display:grid;grid-template-rows:220px 128px;gap:8px;align-items:center;height:auto}
.portfolio-r4 .flavour-cue{position:static;inset:auto;width:100%;height:220px;object-fit:contain;transform:none}
.portfolio-r4 .pack{position:static;inset:auto;width:100%;height:128px;max-height:none;object-fit:contain;transform:rotate(-6deg)}
.product-open:hover .pack{transform:rotate(-3deg)}
.flavour-name{font-weight:400;font-size:20px;line-height:1.4;padding-top:31px;min-height:88px}
.flavour-edition{height:36px;font-size:14px;line-height:1.5;letter-spacing:.1em;padding-top:3px}
.creatine-benefits{font-size:16px;line-height:1.7;margin-bottom:28px}
.carousel-status{font-size:14px;min-width:66px}
.carousel-position{max-width:230px}
.portfolio-title p{font-size:18px}
.concept-label{font-size:24px;letter-spacing:.35em;padding-left:.35em}
.buy-headline{gap:18px;min-height:250px}
.buy-section{background:#241006;padding-top:0}
.buy-layout.scene-layout{display:block;width:100%;max-width:none;margin:0;padding:0}
.box-scene{position:relative;padding-top:65px;padding-bottom:75px;background:#3f2113 url('assets/box-floor-wide-r6.webp') left top/100% 1px repeat-y;isolation:isolate}
.box-scene:before{content:'';position:absolute;left:0;right:0;top:0;height:65px;background:url('assets/box-sky-wide-r6.webp') left top/100% 1px repeat-y;z-index:-1}
.box-picture{display:block;width:100%;margin:0}
.box-scene .box-photo{display:block;width:100%;height:auto;max-width:none;mask:none;-webkit-mask:none;opacity:1;filter:none}
.box-scene .box-sticker{left:3%;top:25px;width:clamp(120px,10.5vw,180px);height:auto}
.box-scene .buy-copy{position:absolute;left:63%;right:4%;top:50%;transform:translateY(-50%);width:auto;padding:0}
.buy-copy .section-kicker{font-size:14px;letter-spacing:.11em;margin-bottom:22px}
.buy-copy h3{font-size:clamp(25px,2.1vw,34px);margin-bottom:25px}
.buy-copy p{font-size:17px;line-height:1.7;margin:20px 0}
.buy-copy .button{font-size:16px}
.regions li{font-size:14px}
.turnover{font-size:14px}
.map-splash{opacity:1}
.next-intro>span{font-size:16px}
.next-image{height:220px;object-fit:contain}
.next-grid li{font-size:16px;line-height:1.7}
.button,.header .nav-contact{border-radius:999px;box-shadow:none}
button.button{border:0}
.button{font-size:16px;min-height:50px;padding:14px 25px}
.hero-actions .button{font-size:15px;padding-inline:23px}
.hero-partner-link{border-radius:999px}
.carousel-arrows button,.dialog-close,.menu-toggle{border-radius:999px}
.dialog-close{background:#f5e4ca;color:#32190e}
footer{background:#24130c;color:#f7e6cc;border-top:1px solid #a98b674d;padding:44px 0}
footer .logo svg{filter:brightness(0) invert(1)}
.footer-links{font-size:16px;gap:15px 24px}
.footer-grid .button{border:0;border-radius:999px;box-shadow:none;font-size:16px;padding:14px 24px}
.header nav,.subpage .back{font-size:14px}
.section-kicker,.partner-subtitle,.partner-links span,.retail-facts span,.trade-contact{font-size:14px}
.data-table,.display-note{font-size:15px}
.nutrition-content .ingredients,.nutrition-content>p{font-size:15px;line-height:1.75}
.nutrition-table{font-size:15px}
.ean-row{font-size:13px}
.about-stats p,.cluster-grid p{font-size:15px}
@media(min-width:1700px){.portfolio-decoration{width:410px;height:615px}}
@media(min-width:761px) and (max-width:1100px){.box-scene .buy-copy{left:61%;right:3%}.buy-copy h3{font-size:24px}.buy-copy p{font-size:15px;line-height:1.55;margin:13px 0}.buy-copy .section-kicker{font-size:12px;margin-bottom:15px}.box-scene{padding-top:90px;padding-bottom:115px}.box-scene:before{height:90px}.box-scene .box-sticker{width:125px;top:20px}.product-r4:before{width:140px;height:80px;top:25px}}
@media(max-width:760px){
 .product-benefits svg{width:58px;height:58px}
 .product-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-benefits li{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:17px 5px;font-size:14px;min-height:122px;white-space:normal}
 .product-r4:before{top:auto;bottom:8px;right:20px;width:108px;height:54px}
 .paper-section.product-r4{padding-bottom:78px}
 .portfolio-decoration{width:150px;height:225px;top:185px;right:0;opacity:1}
 .portfolio-title p{font-size:16px;line-height:1.7}
 .portfolio-r4 .flavour-art{grid-template-rows:190px 102px;gap:8px;height:auto}
 .portfolio-r4 .flavour-cue{height:190px}
 .portfolio-r4 .pack{height:102px;max-height:none;top:auto}
 .flavour-name{font-size:18px;font-weight:400;padding-top:27px;min-height:82px;line-height:1.45}
 .flavour-edition{font-size:13px;height:33px;letter-spacing:.1em}
 .creatine-benefits{font-size:15px;margin-bottom:24px}
 .carousel-status{font-size:13px;min-width:65px}
 .carousel-position{max-width:205px;gap:16px}
 .concept-label{font-size:19px;letter-spacing:.3em}
 .buy-headline{gap:16px;min-height:216px}
 .box-scene{padding-top:65px;padding-bottom:0;background:#512b17}
 .box-scene:before{height:65px;background-image:url('assets/box-sky-mobile-r6.webp')}
 .box-scene .box-sticker{width:105px;left:18px;top:11px}
 .box-scene .buy-copy{position:static;transform:none;left:auto;right:auto;top:auto;width:100%;padding:40px 23px 82px;background:url('assets/box-mobile-ground-r6.webp') center top/100% auto no-repeat}
 .buy-copy .section-kicker{font-size:13px;margin-bottom:20px;line-height:1.6}
 .buy-copy h3{font-size:26px;margin-bottom:25px;line-height:1.35}
 .buy-copy p{font-size:16px;line-height:1.75;margin:22px 0}
 .buy-copy .button{font-size:15px}
 .regions li{font-size:12px}
 .turnover{font-size:12px}
 .next-intro>span{font-size:15px}
 .next-grid{gap:35px 20px}
 .next-image{height:140px}
 .next-grid li{font-size:14px;line-height:1.7}
 .next-grid h3{font-size:24px;min-height:62px}
 .footer-grid{grid-template-columns:1fr;gap:27px}
 .footer-grid .logo{width:175px}
 .footer-links{grid-column:auto;grid-row:auto;font-size:15px;gap:18px 24px}
 .footer-grid .button{width:max-content;min-height:49px;font-size:15px;padding:13px 24px}
 .hero-actions{flex-direction:column;align-items:stretch}
 .hero-actions .button{font-size:14px;justify-content:space-between;padding-inline:23px;min-height:49px}
 .hero-copy .hero-partner-link{width:100%}
 .tick-list li{font-size:14px;line-height:1.7}
 .nutrition-content .ingredients,.nutrition-content>p{font-size:14px}
 .nutrition-table,.data-table{font-size:14px}
 .ean-row{font-size:12px}
 .about-stats p,.cluster-grid p,.partner-links span,.retail-facts span,.trade-contact{font-size:14px}
 .retail-opening p,.retail-opening .tick-list li,.boosters .tick-list li,.display-section>.wrap>p,.b2b-layout>div>p,.reach-layout p{font-size:16px}
 .display-note{font-size:14px;line-height:1.7}
 .partner-subtitle{font-size:13px;line-height:1.6}
 .subpage .back{font-size:14px}
}
@media(max-width:360px){.product-benefits li{font-size:13px}.flavour-name{font-size:17px}.portfolio-r4 .flavour-art{grid-template-rows:180px 96px}.portfolio-r4 .flavour-cue{height:180px}.portfolio-r4 .pack{height:96px}.next-grid{gap:31px 15px}.next-image{height:125px}.next-grid h3{font-size:22px}.hero-actions .button{font-size:14px}.box-scene .buy-copy{padding-inline:20px}.buy-copy h3{font-size:24px}}