.promo-banner{position:relative;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.promo-banner__media{display:block;width:100%;height:auto}.promo-banner__image{display:block;width:100%;height:auto;object-fit:cover}.promo-banner__placeholder{width:100%;aspect-ratio:16 / 5;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.promo-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.promo-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color, #000);opacity:var(--overlay-opacity, .3);pointer-events:none}.promo-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;padding:20px;color:var(--text-color, #fff)}@media (min-width: 750px){.promo-banner__content{padding:40px}}.promo-banner__content-inner{width:100%;max-width:800px}.promo-banner__content--left{justify-content:flex-start;text-align:left}.promo-banner__content--center{justify-content:center;text-align:center}.promo-banner__content--center .promo-banner__content-inner{display:flex;flex-direction:column;align-items:center}.promo-banner__content--right{justify-content:flex-end;text-align:right}.promo-banner__content--right .promo-banner__content-inner{display:flex;flex-direction:column;align-items:flex-end}.promo-banner__heading{font-size:var(--heading-size-mobile, 28px);font-weight:700;line-height:1.2;margin:0 0 12px;color:inherit;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (min-width: 750px){.promo-banner__heading{font-size:var(--heading-size-desktop, 48px);margin-bottom:16px}}.promo-banner__subtitle{font-size:14px;line-height:1.5;margin:0 0 20px;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.2);max-width:600px}@media (min-width: 750px){.promo-banner__subtitle{font-size:18px;margin-bottom:24px}}.promo-banner__discount{margin-bottom:20px}@media (min-width: 750px){.promo-banner__discount{margin-bottom:28px}}.promo-banner__discount-label{display:block;font-size:12px;margin-bottom:8px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 750px){.promo-banner__discount-label{font-size:14px}}.promo-banner__discount-wrapper{display:inline-flex;align-items:stretch;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;overflow:hidden;border:2px dashed rgba(255,255,255,.5)}.promo-banner__discount-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:700;letter-spacing:2px;padding:10px 16px;background:#ffffff1a;color:inherit;text-transform:uppercase;display:flex;align-items:center}@media (min-width: 750px){.promo-banner__discount-code{font-size:22px;padding:12px 22px}}.promo-banner__copy-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:#ffffff40;border:none;color:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}@media (min-width: 750px){.promo-banner__copy-btn{padding:12px 18px;font-size:14px}}.promo-banner__copy-btn:hover{background:#fff6}.promo-banner__copy-btn:active{transform:scale(.98)}.promo-banner__copy-btn.copied{background:#22c55e99}.promo-banner__copy-btn svg{flex-shrink:0;width:16px;height:16px}@media (min-width: 750px){.promo-banner__copy-btn svg{width:18px;height:18px}}.copy-text{display:none}@media (min-width: 750px){.copy-text{display:inline}}.promo-banner__buttons{display:flex;flex-wrap:wrap;gap:12px}.promo-banner__content--center .promo-banner__buttons{justify-content:center}.promo-banner__content--right .promo-banner__buttons{justify-content:flex-end}@media (min-width: 750px){.promo-banner__buttons{gap:16px}}.promo-banner__button{display:inline-block;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;border:2px solid transparent;text-align:center;min-width:120px}@media (min-width: 750px){.promo-banner__button{padding:14px 32px;font-size:16px;min-width:140px}}.promo-banner__button.button--primary{background-color:#fff;color:#000;border-color:#fff}.promo-banner__button.button--primary:hover{background-color:transparent;color:#fff}.promo-banner__button.button--secondary{background-color:#000;color:#fff;border-color:#000}.promo-banner__button.button--secondary:hover{background-color:#333;border-color:#333}.promo-banner__button.button--outline{background-color:transparent;color:#fff;border-color:#fff}.promo-banner__button.button--outline:hover{background-color:#fff;color:#000}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.promo-banner__copy-btn.copied{animation:pulse .3s ease}
/*# sourceMappingURL=/cdn/shop/t/141/assets/section-promo-banner.css.map */