.beauty-poster-banner{display:grid;grid-template-columns:.95fr 1.1fr;gap:0;background:#191a1d;min-height:390px;align-items:center;padding:18px 18px 18px 24px}.beauty-poster-banner::after{display:none}.beauty-copy{position:relative;padding:16px 18px 16px 0;color:#fff}.beauty-copy h3{font-size:clamp(25px,2.5vw,36px);line-height:1.12;letter-spacing:-.03em;margin:18px 0 14px}.beauty-copy p{font-size:16px;color:#ddd;margin:0 0 24px}.beauty-copy .banner-cta{display:inline-flex}.beauty-carousel{min-width:0;width:100%;border-radius:8px;overflow:hidden;background:#f6f0ec}.beauty-frame{position:relative;aspect-ratio:3/4;min-height:0;overflow:hidden;touch-action:pan-y}.beauty-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}.beauty-slide.is-active{opacity:1;z-index:1}.beauty-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.beauty-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 6px;background:#111214;color:#fff;min-height:48px}.beauty-controls button{background:transparent;border:0;color:#fff;min-width:38px;min-height:38px;padding:6px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:5px;font-size:14px}.beauty-controls button:hover{background:#ffffff16;color:#ff861e}.beauty-controls button[aria-pressed="true"]{color:#ff861e}.beauty-controls svg{width:20px;height:20px}.beauty-position{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#ddd}.beauty-controls button:focus-visible,.beauty-frame:focus-visible{outline-color:#ff861e;outline-offset:-3px}
@media(max-width:1000px) and (min-width:701px){.beauty-poster-banner{padding:14px;grid-template-columns:1fr 1.15fr;min-height:350px}.beauty-copy{padding-right:12px}.beauty-copy h3{font-size:25px}.beauty-copy .banner-kicker{font-size:12px;letter-spacing:.05em}.beauty-copy p{font-size:14px}.beauty-copy .banner-cta{padding:10px;font-size:14px}.beauty-controls{gap:2px;padding:5px 2px}.beauty-controls button{min-width:30px;padding:4px}.beauty-controls #beauty-pause span,.beauty-controls #vitamins-pause span{display:none}}
@media(max-width:700px){.beauty-poster-banner{display:flex;flex-direction:column;padding:0;align-items:stretch;min-height:0}.beauty-carousel{order:0;border-radius:0;width:100%}.beauty-frame{aspect-ratio:3/4;max-height:560px}.beauty-copy{order:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 14px;padding:22px}.beauty-copy .banner-kicker{grid-column:1/-1}.beauty-copy h3{font-size:26px;margin:4px 0}.beauty-copy p{font-size:14px;grid-row:3;margin:0}.beauty-copy .banner-cta{grid-column:2;grid-row:2/4;max-width:132px;text-align:center;padding:12px}.beauty-controls{padding:7px 16px;min-height:54px}.beauty-controls button{min-height:40px;min-width:40px}.beauty-copy .banner-kicker{font-size:12px}.beauty-controls svg{width:22px;height:22px}}
@media(max-width:350px){.beauty-copy{display:block}.beauty-copy p{margin:6px 0 16px}.beauty-copy .banner-cta{max-width:none}.beauty-copy h3{margin:10px 0}}
@media(prefers-reduced-motion:reduce){.beauty-slide{transition:none}.beauty-controls #beauty-pause,.beauty-controls #vitamins-pause{display:none}}
