.hero-collage{position:relative;height:310px;width:calc(100% + 44px);margin:0 -22px;overflow:hidden;isolation:isolate}
.hero-star{position:absolute;width:148%;height:auto;left:-24%;top:10px;fill:#ff9e27;transform:rotate(-13deg)}
.hero-person{position:absolute;z-index:1;width:114%;height:auto;left:-7%;top:-21px;max-width:none}
.hero h1{position:relative;z-index:2;margin:-3px 0 0;padding-top:5px;background:#fff6e8}
.hero{background:#fff6e8}
.sale-clock{background:#ffe09b;color:#442c20;margin-bottom:36px}
.sale-clock #clock-title{color:#78512d}
.programs{padding-top:0}
.offer .price-caption{text-align:center}
.offer .price-line{position:relative;display:block;text-align:center;margin-bottom:3px;padding:0 62px}
.offer .price{font-size:clamp(32px,9.6vw,43px);display:inline-block;position:relative;left:-7px}
.offer .next-price{position:absolute;top:2px;left:calc(50% + 83px);margin:0;padding:7px 8px;font-size:11px}
.offer .next-price b{font-size:15px}
.offer .bank{font-family:Open,sans-serif;font-size:16px;font-weight:800}
.offer .bank small{font-family:inherit;font-size:14px;font-weight:800;line-height:1.4;margin-top:4px}
.offer .dolyami-btn{opacity:1!important;cursor:default!important;background:#302c32;color:#fff}
.dolyami-amount{font-size:14px;font-weight:800}
.yellow .offer-cover{height:405px;padding-top:25px}
.yellow .offer-cover::before{height:263px}
.yellow .art-scene{top:118px;height:330px}
.yellow .offer-cover h3{max-width:none;font-size:clamp(31px,10vw,42px);padding-right:0}
.month-stamp{display:block;top:129px;right:10px;width:auto;height:auto;min-width:110px;min-height:0;border:1px solid #7b571b;border-radius:5px;background:#fff1bc;padding:9px 12px;color:#694717;font-size:12px;line-height:1.2;transform:rotate(7deg);text-align:left;box-shadow:2px 4px 10px #aa71191a}
.month-stamp b{display:block;font-size:19px;line-height:1.3;margin-top:2px}
.ribbon-spark{position:absolute;pointer-events:none;z-index:4;width:143%;left:-21.5%;height:100%;top:0;transform:rotate(3deg);overflow:visible}
.raffle-art.motion-visible img,.finale-art.motion-visible img{animation:raffle-turn 6s ease-in-out infinite;transform-origin:58% 45%}
@keyframes raffle-turn{0%,100%{transform:perspective(650px) rotateY(-12deg) rotate(-2deg)}50%{transform:perspective(650px) rotateY(12deg) rotate(2deg)}}
.confetti-bit{width:10px;height:17px;animation-duration:2.2s}
@media(max-width:350px){.hero-collage{height:280px}.hero-person{top:-12px}.hero-star{top:10px}.offer .price-line{padding:0 49px}.offer .price{font-size:31px;left:-15px}.offer .next-price{left:calc(50% + 59px);padding:7px 6px}.offer .next-price b{font-size:14px}.yellow .offer-cover{height:373px;padding-top:23px}.yellow .offer-cover::before{height:244px}.yellow .art-scene{top:108px;height:303px}.month-stamp{top:121px;right:6px;min-width:100px;font-size:11px;padding:8px 10px}.month-stamp b{font-size:17px}}
@media(min-width:440px){.hero-collage{height:350px}.hero-person{top:-38px}.yellow .offer-cover{height:435px}.yellow .offer-cover::before{height:284px}.yellow .art-scene{top:122px;height:367px}.month-stamp{top:146px}}
@media(prefers-reduced-motion:reduce){.raffle-art.motion-visible img,.finale-art.motion-visible img{animation:none}.ribbon-spark{display:none}}

@media(min-width:440px){.offer .next-price{left:calc(50% + 96px)}}

.hero-star{width:126%;left:-13%;top:-16px;animation:hero-star-sway 9s ease-in-out infinite}
@keyframes hero-star-sway{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}}
@media(prefers-reduced-motion:reduce){.hero-star{animation:none}}

/* Publication refinement: the top ray has room throughout rotation. */
.hero{padding-top:0}
.hero-collage{height:335px}
.hero-star{top:24px}
.hero-person{top:3px}
.offer .price-caption{font-size:12px;letter-spacing:0;margin-top:20px}
@media(max-width:350px){.hero-collage{height:305px}.hero-person{top:4px}}
@media(min-width:440px){.hero-collage{height:365px}.hero-person{top:-10px}}
