.hero-art{width:calc(100% + 44px);max-width:none;height:330px;margin:0 -22px 0;object-fit:contain}
.hero h1{margin-top:-4px}
.sale-clock{margin:26px 16px 7px;padding:28px 16px 29px;text-align:center;background:#f3d0e4;color:#55283f}
.sale-clock h2{font-size:35px;line-height:1.08;letter-spacing:-.03em;margin:0;text-wrap:balance}
.sale-clock #clock-title{font-size:16px;line-height:1.4;margin:20px 0 15px;color:#684255}
.clock-digits{justify-content:center;gap:8px;max-width:none;margin:auto}
.clock-digits>span{min-width:48px}
.clock-digits b{font-size:35px}
.clock-digits small{font-size:12px}
.pink .offer-cover::before{background:#287950}
.pink .topic-tags span{background:#e4f0e6;color:#26553d}
.pink .btn:not(.bank){background:#287950}
.blue .offer-cover::before{background:#ed5683}
.blue .topic-tags span{background:#ffe9ef;color:#753349}
.blue .btn:not(.bank){background:#d43b6b}
.offer .topic-tags .support-chip{display:block;width:100%;font-weight:800;font-size:16px;padding:12px 13px;line-height:1.35}
.support-chip small{display:block;font-size:14px;font-weight:400;margin-top:4px}
.offer .price-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.offer .price{font-size:clamp(36px,10.8vw,45px);margin:0!important;white-space:nowrap}
.offer .next-price{background:#f6e4ec;border-radius:10px;padding:9px 10px;margin:0;font-size:12px;line-height:1.2;color:#823b56;flex-shrink:0;text-align:center;transform:rotate(4deg)}
.offer .next-price b{display:block;font-size:18px;line-height:1.3;white-space:nowrap;margin-top:2px}
.pink .next-price{background:#e4f0e6;color:#26553d}
.yellow .next-price{background:#fff0bd;color:#674717}
.pro .next-price{background:#eee5f7;color:#674097}
.offer .next-price[hidden]{display:none}
.offer .price-caption{margin-bottom:9px}
.offer .bank{padding:12px 8px!important;line-height:1.35;font-weight:800}
.bank small{display:block;font-size:16px;font-weight:400;margin-top:5px}
.bank-estimate{font-size:12px!important;line-height:1.4!important;text-align:center;color:#766570!important;margin:8px 0 0!important}
.offer .dolyami-btn{background:#302c32;color:#fff;opacity:.58!important;cursor:not-allowed!important;line-height:1.4;padding:12px}
.dolyami-amount{display:block;font-size:16px;font-weight:400;margin-top:3px}
.offer .dolyami-status{font-size:13px;text-align:center;margin:9px 0 0;color:#786b61}
.yellow .offer-cover h3{font-size:clamp(28px,9.5vw,40px);max-width:calc(100% - 70px);text-wrap:initial}
.month-stamp{position:absolute;z-index:5;top:18px;right:12px;width:80px;height:80px;border:3px double #72531e;border-radius:50%;color:#5e4319;text-align:center;font-size:11px;line-height:1.15;font-weight:800;transform:rotate(12deg);background:#ffe5a2;display:flex;flex-direction:column;justify-content:center}
.month-stamp b{font-size:27px;line-height:1}
.pro .art-scene{top:187px}
.pro .offer-cover{height:469px}
.raffle-teaser{position:relative;margin:38px -16px 48px;padding:33px 24px 28px;background:#ffdf91;color:#442c20;overflow:hidden}
.raffle-teaser h2{font-size:33px;text-align:left;letter-spacing:-.03em;line-height:1.1;margin:0 0 17px}
.raffle-teaser>p{font-size:17px;line-height:1.45;margin:0;max-width:310px}
.raffle-art{position:relative;height:244px;margin:10px -24px 0}
.raffle-art img{width:100%;height:100%;object-fit:contain;animation:drum-settle 1.6s cubic-bezier(.16,1,.3,1) both}
.raffle-ticket{position:absolute;left:22px;bottom:5px;background:#fff5d8;border:1px dashed #a25d35;color:#804122;padding:12px 17px;font-size:14px;line-height:1.3;transform:rotate(-7deg);box-shadow:2px 5px 12px #9f722b1a}
.raffle-ticket b{font-size:19px}
.raffle-prizes{display:grid;gap:15px;margin:20px 0 24px}
.raffle-prizes p{font-size:17px;line-height:1.35;margin:0}
.raffle-prizes span{display:block;font-size:13px;line-height:1.4;margin-top:4px;color:#78512d}
.raffle-teaser>a{display:inline-block;font-size:15px;font-weight:800;color:#6a3626;text-underline-offset:4px;max-width:250px;padding:6px 0}
.raffle-teaser .popper{right:19px;bottom:26px}
.webinar-banner{margin:38px 0 48px;padding:27px 21px 21px;background:#dcece8;color:#244c43;border-radius:25px 5px 25px 5px;overflow:hidden}
.webinar-banner h2{font-size:29px;text-align:left;line-height:1.12;letter-spacing:-.025em;margin:0}
.webinar-date{font-size:15px;font-weight:800;margin:15px 0 21px}
.webinar-window{position:relative;height:240px;background:#f3f7f2;border-radius:12px;overflow:hidden;transform:rotate(3deg);box-shadow:3px 7px 18px #285a4b1a;margin:0 0 23px}
.window-bar{position:relative;display:flex;gap:5px;height:26px;padding:10px;background:#bed3ca;z-index:2}
.window-bar span{width:6px;height:6px;border-radius:50%;background:#617f72}
.window-bar svg{position:absolute;right:9px;top:5px;width:19px;height:19px;fill:none;stroke:#406251;stroke-width:1.5}
.webinar-window>img{display:block;width:100%;height:240px;object-fit:contain;margin-top:-7px;transform:scale(1.15)}
.window-name{position:absolute;left:0;bottom:0;padding:7px 12px;background:#355749;color:white;font-size:13px}
.webinar-banner>p:last-child{font-size:17px;line-height:1.5;margin:0}
.finale-art{position:relative;height:270px;margin:10px -24px 25px}
.finale-art img{width:100%;height:100%;object-fit:contain}
.finale-art>span{position:absolute;left:23px;bottom:5px;padding:10px 15px;background:#fff5d8;font-size:15px;line-height:1.3;transform:rotate(-6deg);color:#804122}
.finale-art b{font-size:22px}
.gift-finale{background:#ffe3a5}
@keyframes drum-settle{0%{transform:rotate(-8deg)}45%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}100%{transform:rotate(0)}}
.raffle-art.is-spinning img{animation:drum-wobble 1.1s cubic-bezier(.16,1,.3,1)}
@keyframes drum-wobble{0%,100%{transform:rotate(0)}20%{transform:rotate(-9deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-3deg)}}
@media(max-width:350px){.hero-art{height:300px}.sale-clock h2{font-size:31px}.clock-digits{gap:5px}.clock-digits b{font-size:30px}.clock-digits>span{min-width:43px}.raffle-teaser h2{font-size:29px}.raffle-teaser>a{max-width:205px}.webinar-banner{padding-left:19px;padding-right:19px}.webinar-banner h2{font-size:26px}.month-stamp{width:70px;height:70px;font-size:10px;right:8px}.pro .offer-cover{height:451px}.pro .art-scene{top:187px}}
@media(min-width:440px){.hero-art{height:365px}.pro .offer-cover{height:502px}.pro .art-scene{top:177px}}
@media(prefers-reduced-motion:reduce){.raffle-art img,.raffle-art.is-spinning img{animation:none}}