.promo-banner{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;border:0;border-radius:10px;background:#f2efe7;color:rgba(var(--color-foreground));cursor:pointer;text-align:left;font-size:16px;line-height:1.4}.promo-banner:focus-visible{outline:2px solid rgba(var(--color-foreground),.55);outline-offset:2px}.promo-banner__icon{flex:0 0 auto;width:18px;height:18px;border-radius:999px;border:1px solid rgba(var(--color-foreground),.35);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;margin-top:2px}.promo-banner__text{display:block;margin:10px;font-family:var(--font-regular);font-weight:400;font-style:normal}.promo-modal{width:min(860px,calc(100% - 32px));border:0;padding:0;border-radius:16px;background:var(--gradient-background);color:rgba(var(--color-foreground));position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;max-height:calc(100vh - 32px);overflow:auto}.promo-modal::backdrop{background:#0000008c}.promo-modal__inner{position:relative;padding:18px}.promo-modal__close{position:absolute;top:10px;right:10px;width:36px;height:36px;color:rgba(var(--color-foreground));cursor:pointer;font-size:20px;line-height:1}.promo-modal__close:focus-visible{outline:2px solid rgba(var(--color-foreground),.55);outline-offset:2px}.promo-modal__content{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:720px){.promo-modal__content{grid-template-columns:1.1fr .9fr;align-items:center;gap:26px}}.promo-modal__media img{width:100%;height:auto;display:block;border-radius:12px;aspect-ratio:1 / 1;object-fit:cover}.promo-modal__title{margin:0 0 8px;font-size:16px;line-height:1.3}.promo-modal__body,.promo-modal__info p{margin:0 0 10px;font-size:16px;line-height:1.5}.promo-modal__info{padding-top:8px;border-top:1px solid rgba(var(--color-foreground),.25)}.promo-modal{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985);transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.promo-modal.is-active{opacity:1;transform:translate(-50%,-50%) scale(1)}.promo-modal::backdrop{opacity:0;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.promo-modal.is-active::backdrop{opacity:1}@media(prefers-reduced-motion:reduce){.promo-modal,.promo-modal::backdrop{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/product-page-modal.css.map */