:root{--banner-lime:#9bd23e;--banner-orange:#ff5a00;--banner-ink:#1d1d1f;--banner-muted:#53564f}
.cheers-shop-banner,.cheers-shop-banner *{box-sizing:border-box}
.cheers-shop-banner{width:100%;max-width:900px;color:var(--banner-ink);font-family:Arial,sans-serif;overflow:hidden;scroll-margin-top:100px}
.cheers-shop-banner p{margin:0;line-height:1.5}
.cheers-shop-banner__eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.cheers-shop-banner__button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:14px 22px;border-radius:10px;background:var(--banner-orange);color:#fff!important;text-decoration:none!important;font-size:20px;font-weight:700;line-height:1.25;text-align:center;transition:background .15s}
.cheers-shop-banner__button:hover{background:#e54f00}
.cheers-shop-banner__button:focus-visible{outline:3px solid var(--banner-ink);outline-offset:4px}
.cheers-shop-banner{position:relative}
.cheers-shop-banner__button{position:static}
.cheers-shop-banner__button::after{content:"";position:absolute;inset:0;z-index:3;cursor:pointer;border-radius:14px}
.cheers-shop-banner__button:focus-visible::after{outline:3px solid var(--banner-ink);outline-offset:-4px}
.cheers-shop-banner--bottom .cheers-shop-banner__button::after{border-radius:22px}
.cheers-shop-banner__button svg{width:20px;height:20px;flex:0 0 20px}
.cheers-shop-banner--top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;margin:30px 0;background:#f5fae9;border:1px solid #deebc7;border-left:5px solid var(--banner-lime);border-radius:14px}
.cheers-shop-banner--top .cheers-shop-banner__title{font-size:25px;font-weight:700;letter-spacing:-.035em;line-height:1.2;margin:4px 0 6px}
.cheers-shop-banner--top .cheers-shop-banner__description{font-size:15px;color:var(--banner-muted)}
.cheers-shop-banner--top .cheers-shop-banner__button{flex-shrink:0}
.cheers-shop-banner--bottom{position:relative;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;border:1px solid #dde4d1;border-radius:22px;background:#fff;margin:40px 0}
.cheers-shop-banner--bottom .cheers-shop-banner__copy{padding:34px 0 34px 32px;z-index:2}
.cheers-shop-banner--bottom .cheers-shop-banner__eyebrow{margin-bottom:12px}
.cheers-shop-banner--bottom .cheers-shop-banner__title{font-size:38px;font-weight:700;line-height:1.08;letter-spacing:-.045em;margin:0 0 16px;max-width:370px}
.cheers-shop-banner--bottom .cheers-shop-banner__description{max-width:345px;color:var(--banner-muted);font-size:16px;line-height:1.65;margin-bottom:24px}
.cheers-shop-banner--bottom .cheers-shop-banner__button{font-size:19px;max-width:100%}
.cheers-shop-banner__products{position:relative;align-self:stretch;min-height:338px;background:radial-gradient(ellipse at 65% 58%,#e0f1bc 0,#f0f8e1 46%,#fff 72%);isolation:isolate}
.cheers-shop-banner__products::after{content:"";position:absolute;z-index:-1;bottom:22px;left:4%;width:91%;height:30px;border-radius:50%;background:#cbd7ba;opacity:.35;filter:blur(12px)}
.cheers-shop-banner__products img{position:absolute;display:block;object-fit:contain;height:auto;max-width:none;filter:drop-shadow(0 12px 9px rgba(34,40,20,.10))}
.cheers-shop-banner__product--magnesium{width:57%;left:-7%;bottom:15px;transform:rotate(-8deg);z-index:1}
.cheers-shop-banner__product--omega{width:57%;right:-5%;bottom:18px;transform:rotate(8deg);z-index:1}
.cheers-shop-banner__product--d3{width:67%;left:17%;bottom:26px;z-index:2}
@media(max-width:640px){
 .cheers-shop-banner--top{align-items:flex-start;flex-direction:column;gap:18px;padding:22px;margin:24px 0}
 .cheers-shop-banner--top .cheers-shop-banner__title{font-size:24px}
 .cheers-shop-banner--top .cheers-shop-banner__button{width:100%}
 .cheers-shop-banner--bottom{grid-template-columns:minmax(0,1fr);margin:28px 0;border-radius:18px}
 .cheers-shop-banner--bottom .cheers-shop-banner__copy{padding:26px 24px 0}
 .cheers-shop-banner--bottom .cheers-shop-banner__title{font-size:35px;max-width:300px}
 .cheers-shop-banner--bottom .cheers-shop-banner__description{font-size:16px;margin-bottom:20px}
 .cheers-shop-banner--bottom .cheers-shop-banner__button{width:100%;padding-inline:16px;gap:8px}
 .cheers-shop-banner--bottom .cheers-shop-banner__button::after{border-radius:18px}
 .cheers-shop-banner__products{min-height:258px;margin-top:12px}
 .cheers-shop-banner__product--magnesium{width:57%;left:-1%;bottom:10px}
 .cheers-shop-banner__product--omega{width:57%;right:0;bottom:10px}
 .cheers-shop-banner__product--d3{width:66%;left:17%;bottom:20px}
}
@media(prefers-reduced-motion:reduce){.cheers-shop-banner__button{transition:none}}