.promo-drawer{--promo-bg: #f3f3f3;--promo-accent: #e9b3a3;--promo-text: #000;--promo-overlay: rgba(0, 0, 0, .4);--promo-duration: .5s;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--promo-duration)}.promo-drawer.active{visibility:visible;pointer-events:auto;transition-delay:0s}.promo-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--promo-overlay);opacity:0;transition:opacity var(--promo-duration) ease}.promo-drawer.active .promo-drawer__overlay{opacity:1}.promo-drawer__content{position:absolute;top:0;left:0;width:100%;max-height:100vh;max-height:100dvh;overflow-y:auto;background:var(--promo-bg);color:var(--promo-text);transform:translateY(-100%);transition:transform var(--promo-duration) cubic-bezier(.22,.61,.36,1);box-shadow:0 15px 40px #00000014}.promo-drawer.active .promo-drawer__content{transform:translateY(0)}.promo-drawer__inner{max-width:1240px;margin:0 auto;padding:60px;display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.promo-drawer__inner--has-image{grid-template-columns:200px 1fr}.promo-drawer__image img{display:block;width:100%;height:auto;border-radius:12px}.promo-drawer__text{font-family:var(--font-body-family, "Maven Pro", sans-serif)}.promo-drawer__title{margin:0 0 20px;font-family:var(--font-heading-family, inherit);font-size:clamp(30px,4vw,52px);line-height:1.05}.promo-drawer__text .rte{font-size:16px;line-height:1.7}.promo-drawer__button{display:inline-flex;margin-top:24px;padding:14px 28px;background:var(--promo-accent);color:var(--promo-text);text-decoration:none;border-radius:999px;transition:transform .2s ease}.promo-drawer__button:hover{transform:translateY(-2px)}.promo-drawer__close{position:absolute;top:24px;right:24px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--promo-accent);color:var(--promo-text);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 4px 20px #00000014}.promo-drawer__close:focus-visible,.promo-drawer__button:focus-visible{outline:2px solid var(--promo-text);outline-offset:3px}body.promo-drawer-open{overflow:hidden}.promo-banner{background:#f3f3f3;padding:8px 12px;text-align:center}.promo-banner__trigger{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:1.95rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.promo-banner__trigger:hover{text-decoration-thickness:2px}@media screen and (max-width:749px){.promo-drawer__inner,.promo-drawer__inner--has-image{display:block;padding:70px 24px 32px}.promo-drawer__image{display:none}.promo-drawer__title{font-size:26px}.promo-banner__trigger{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.promo-drawer,.promo-drawer__overlay,.promo-drawer__content,.promo-drawer__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/promo-drawer.css.map */