/* One canvas scale for all slides. Real sizes keep text sharp, without zoom. */
@media(min-width:1101px){
 .gna-hs.gna-hs-wide{--hs-s:var(--hs-fluid-scale,1)}
 .gna-hs.gna-hs-wide .gna-hs-slide{gap:calc(var(--hs-content-gap,60px) * var(--hs-s));padding-block:calc(38px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:calc(var(--hs-title-size,min(clamp(38px,5.5vw,84px),clamp(38px,calc(var(--hs-viewport-height,783px) * .11),84px))) * var(--hs-s))}
 .gna-hs.gna-hs-wide :is(h1,h2,.gna-content-title) em{margin-top:calc(7px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-text{font-size:calc(var(--hs-text-size,15px) * var(--hs-s));margin-top:calc(var(--hs-text-spacing,20px) * var(--hs-s));max-width:58ch}
 .gna-hs.gna-hs-wide .gna-hs-kicker{font-size:calc(11px * var(--hs-s));gap:calc(11px * var(--hs-s));margin-bottom:calc(18px * var(--hs-s));letter-spacing:calc(1.7px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-kicker:before{width:calc(23px * var(--hs-s));height:calc(3px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-actions{gap:calc(var(--hs-button-gap,12px) * var(--hs-s));margin-top:calc(var(--hs-text-spacing,25px) * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-cta{font-size:calc(var(--hs-button-size,13px) * var(--hs-s));padding:calc(13px * var(--hs-s)) calc(21px * var(--hs-s));min-height:calc(46px * var(--hs-s));gap:calc(18px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-cta .gna-icon{width:calc(17px * var(--hs-s));height:calc(17px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual-slot{max-width:calc(620px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual{max-width:calc(520px * var(--hs-s));height:calc(420px * var(--hs-s));border-radius:calc(var(--hs-image-radius,14px) * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual-caption{left:calc(24px * var(--hs-s));right:calc(24px * var(--hs-s));bottom:calc(24px * var(--hs-s));font-size:calc(10px * var(--hs-s));letter-spacing:calc(1.6px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual-caption strong{font-size:calc(24px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual.is-logo{padding:calc(32px * var(--hs-s));gap:calc(28px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual.is-logo picture{max-width:calc(340px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-visual.is-logo .gna-hs-visual-caption strong{font-size:calc(10px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-product{gap:calc(6px * var(--hs-s));padding:calc(12px * var(--hs-s)) calc(16px * var(--hs-s));font-size:calc(13px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-product .price{font-size:calc(18px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-product del{font-size:calc(13px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-stock{font-size:calc(11px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-badge{font-size:calc(11px * var(--hs-s));padding:calc(9px * var(--hs-s)) calc(13px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-top{font-size:calc(10px * var(--hs-s));padding-top:calc(25px * var(--hs-s));letter-spacing:calc(1.8px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-labels{gap:calc(24px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-labels button{font-size:calc(12px * var(--hs-s));min-height:calc(60px * var(--hs-s));max-width:calc(280px * var(--hs-s));padding-block:calc(20px * var(--hs-s));gap:calc(10px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-labels button>span{font-size:calc(10px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-arrows button{font-size:calc(26px * var(--hs-s));width:calc(38px * var(--hs-s));min-height:calc(44px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-arrows [data-hs-pause]{font-size:calc(14px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-promotion .gna-hs-visual{height:calc(304px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hs-promotion .gna-hs-visual-slot{gap:calc(14px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-word{font-size:calc(100px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-orbit{max-width:calc(280px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-visual-caption{font-size:calc(9px * var(--hs-s));letter-spacing:calc(1.3px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-product-name{font-size:calc(13px * var(--hs-s));margin:calc(12px * var(--hs-s)) 0 calc(8px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-price{gap:calc(10px * var(--hs-s)) calc(18px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-price .price{font-size:calc(38px * var(--hs-s));gap:calc(10px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-price .price del{font-size:calc(15px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-price .price .woocommerce-price-suffix{font-size:calc(12px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-saving{font-size:calc(11px * var(--hs-s));padding:calc(5px * var(--hs-s)) calc(9px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-note{font-size:calc(10px * var(--hs-s));margin-top:calc(9px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-clock{width:min(100%,calc(340px * var(--hs-s)));padding:calc(10px * var(--hs-s)) calc(16px * var(--hs-s));border-radius:calc(12px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-clock>p{font-size:calc(9px * var(--hs-s));margin-bottom:calc(7px * var(--hs-s));letter-spacing:calc(1.4px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-digits{gap:calc(12px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-digits strong{font-size:calc(29px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-digits small{font-size:calc(8px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-digits>span+span:before{left:calc(-8px * var(--hs-s));font-size:calc(22px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-sticker{padding:calc(12px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-sticker b{font-size:calc(25px * var(--hs-s))}
 .gna-hs.gna-hs-wide .gna-hsp-sticker small{font-size:calc(8px * var(--hs-s));margin-top:calc(5px * var(--hs-s))}
 .gna-hs.gna-hs-wide{--hs-pack-factor:calc(var(--hs-pack-base,1.35) * var(--hs-s))}
.gna-hs.gna-hs-wide .gna-hs-pack{width:100%;height:calc(282px * var(--hs-pack-factor));position:relative;isolation:isolate}
.gna-hs.gna-hs-wide .gna-hs-orbit{position:absolute;width:calc(235px * var(--hs-pack-factor));height:calc(235px * var(--hs-pack-factor));left:50%;top:calc(6px * var(--hs-pack-factor));transform:translateX(-50%);border:calc(1px * var(--hs-pack-factor)) solid #ef143535;border-radius:50%;box-shadow:0 0 calc(50px * var(--hs-pack-factor)) #ef143517,inset 0 0 calc(45px * var(--hs-pack-factor)) #ef143511}
.gna-hs.gna-hs-wide .gna-hs-orbit:after{content:"";position:absolute;inset:calc(17px * var(--hs-pack-factor));border:calc(1px * var(--hs-pack-factor)) solid #ff753414;border-radius:50%}
.gna-hs.gna-hs-wide .gna-hs-plinth{position:absolute;bottom:calc(13px * var(--hs-pack-factor));left:0;right:0;height:calc(40px * var(--hs-pack-factor));border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#4a2a2e 0%,#232329 43%,#151517 72%);box-shadow:0 calc(28px * var(--hs-pack-factor)) calc(34px * var(--hs-pack-factor)) #0007}
.gna-hs.gna-hs-wide .gna-hs-products{position:absolute;inset:0;animation:gna-hs-float 7s ease-in-out infinite alternate}
.gna-hs.gna-hs-wide .gna-hs-tub{position:absolute;bottom:calc(48px * var(--hs-pack-factor));left:15%;width:calc(121px * var(--hs-pack-factor));height:calc(173px * var(--hs-pack-factor));border-radius:calc(16px * var(--hs-pack-factor)) calc(16px * var(--hs-pack-factor)) calc(22px * var(--hs-pack-factor)) calc(22px * var(--hs-pack-factor));background:linear-gradient(90deg,#0e0f12,#36363d 34%,#24252a 58%,#101115);box-shadow:inset calc(1px * var(--hs-pack-factor)) 0 #ffffff2a,calc(12px * var(--hs-pack-factor)) calc(13px * var(--hs-pack-factor)) calc(18px * var(--hs-pack-factor)) #0008;transform:rotate(-8deg);z-index:3}
.gna-hs.gna-hs-wide .gna-hs-lid{position:absolute;left:calc(-2px * var(--hs-pack-factor));right:calc(-2px * var(--hs-pack-factor));top:calc(-10px * var(--hs-pack-factor));height:calc(28px * var(--hs-pack-factor));border-radius:calc(12px * var(--hs-pack-factor)) calc(12px * var(--hs-pack-factor)) calc(4px * var(--hs-pack-factor)) calc(4px * var(--hs-pack-factor));background:repeating-linear-gradient(90deg,#17171b 0 calc(2px * var(--hs-pack-factor)),#2c2c30 calc(2px * var(--hs-pack-factor)) calc(3px * var(--hs-pack-factor)));box-shadow:0 calc(-3px * var(--hs-pack-factor)) 0 #414147,inset 0 calc(5px * var(--hs-pack-factor)) calc(4px * var(--hs-pack-factor)) #0004}
.gna-hs.gna-hs-wide .gna-hs-label{position:absolute;inset:calc(47px * var(--hs-pack-factor)) 0 calc(18px * var(--hs-pack-factor));background:linear-gradient(100deg,#951329,#f31d40 40%,#d71535 75%,#7a1227);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:inset calc(6px * var(--hs-pack-factor)) 0 calc(8px * var(--hs-pack-factor)) #0003}
.gna-hs.gna-hs-wide .gna-hs-label small{font-size:calc(8px * var(--hs-pack-factor));letter-spacing:calc(1.2px * var(--hs-pack-factor));font-weight:600}
.gna-hs.gna-hs-wide .gna-hs-label strong{font-family:"Gold Slider Sport",sans-serif;font-size:calc(32px * var(--hs-pack-factor));font-weight:700;line-height:1.2}
.gna-hs.gna-hs-wide .gna-hs-label span{font-size:calc(8px * var(--hs-pack-factor));letter-spacing:calc(1.5px * var(--hs-pack-factor));border-top:calc(1px * var(--hs-pack-factor)) solid #ffffff50;padding-top:calc(4px * var(--hs-pack-factor));margin-top:calc(3px * var(--hs-pack-factor))}
.gna-hs.gna-hs-wide .gna-hs-tub.gna-hs-creatine{width:calc(85px * var(--hs-pack-factor));height:calc(116px * var(--hs-pack-factor));left:auto;right:4%;bottom:calc(39px * var(--hs-pack-factor));transform:rotate(7deg);z-index:4}
.gna-hs.gna-hs-wide .gna-hs-creatine .gna-hs-label{inset:calc(30px * var(--hs-pack-factor)) 0 calc(12px * var(--hs-pack-factor));background:linear-gradient(90deg,#acaeb3,#f8f8f9 40%,#d4d4d9 78%,#777980);color:#151517}
.gna-hs.gna-hs-wide .gna-hs-creatine .gna-hs-label strong{font-size:calc(20px * var(--hs-pack-factor))}
.gna-hs.gna-hs-wide .gna-hs-creatine .gna-hs-label small{font-size:calc(6px * var(--hs-pack-factor))}
.gna-hs.gna-hs-wide .gna-hs-shaker{position:absolute;width:calc(71px * var(--hs-pack-factor));height:calc(149px * var(--hs-pack-factor));right:11%;top:calc(51px * var(--hs-pack-factor));border-radius:calc(11px * var(--hs-pack-factor)) calc(11px * var(--hs-pack-factor)) calc(25px * var(--hs-pack-factor)) calc(25px * var(--hs-pack-factor));transform:rotate(10deg);background:linear-gradient(90deg,#111216,#34363b 44%,#191a1d);box-shadow:inset calc(1px * var(--hs-pack-factor)) 0 #ffffff27;z-index:1}
.gna-hs.gna-hs-wide .gna-hs-shaker:before{content:"";position:absolute;top:calc(-14px * var(--hs-pack-factor));left:calc(-4px * var(--hs-pack-factor));right:calc(-4px * var(--hs-pack-factor));height:calc(27px * var(--hs-pack-factor));border-radius:calc(10px * var(--hs-pack-factor)) calc(10px * var(--hs-pack-factor)) calc(4px * var(--hs-pack-factor)) calc(4px * var(--hs-pack-factor));background:linear-gradient(100deg,#851226,#db1336,#5c0d1b)}
.gna-hs.gna-hs-wide .gna-hs-shaker:after{content:"GOLD";position:absolute;inset:calc(40px * var(--hs-pack-factor)) 0 auto;text-align:center;color:#9d9da4;font-family:"Gold Slider Sport",sans-serif;font-size:calc(21px * var(--hs-pack-factor));letter-spacing:calc(1px * var(--hs-pack-factor))}
.gna-hs.gna-hs-wide .gna-hs-pack-note{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:calc(9px * var(--hs-pack-factor));letter-spacing:calc(1.5px * var(--hs-pack-factor));color:#babac3}

 .gna-hs.gna-hs-wide .gna-hs-pack{width:calc(300px * var(--hs-pack-factor));max-width:100%;scale:none}
 .gna-hs.gna-hs-wide .gna-hs-pack-note small{font-size:calc(7px * var(--hs-pack-factor))}
}
@media(min-width:1800px){.gna-hs.gna-hs-wide{--hs-pack-base:1.5}}

/* 0.36.2 — Bring the offer composition closer to the other hero slides.
   Saved sizes remain the base; no saved content or campaign dates are changed. */
@media(min-width:761px){
 .gna-hs .gna-hs-slide.gna-hs-promotion{--hsp-scale:var(--hs-fluid-scale,1)}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:calc(var(--hs-title-size,58px) * 1.24 * var(--hsp-scale));line-height:1.02}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-text{max-width:48ch;line-height:1.65}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-visual{height:clamp(220px,calc((var(--hs-viewport-height,720px) - 240px) * .85),calc(370px * var(--hsp-scale)))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-orbit{max-width:calc(330px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-price .price{font-size:calc(46px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-price .price del{font-size:calc(15px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-clock{width:min(100%,calc(380px * var(--hsp-scale)));padding:calc(12px * var(--hsp-scale)) calc(18px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-digits strong{font-size:calc(33px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-clock>p{font-size:calc(10px * var(--hsp-scale))}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-digits small{font-size:calc(9px * var(--hsp-scale))}
}
@media(min-width:761px) and (max-width:1100px){
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:calc(var(--hs-title-size,46px) * 1.08)}
}
@media(max-width:760px){
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-copy :is(h1,h2,.gna-content-title){font-size:calc(var(--hs-title-size-mobile,34px) * 1.06)}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-price .price{font-size:34px}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-price .price del{font-size:12px}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hs-visual{height:clamp(120px,calc(var(--hs-viewport-height,680px) * .23),176px)}
 .gna-hs .gna-hs-slide.gna-hs-promotion .gna-hsp-digits strong{font-size:25px}
}