promo-modal{display:block}promo-modal.promo-modal,.promo-modal{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.promo-modal[aria-hidden=false]{opacity:1;visibility:visible}.promo-modal__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;background:var(--overlay-color, #000);opacity:0;cursor:pointer;transition:opacity .3s ease;z-index:0;pointer-events:none}.promo-modal[aria-hidden=false] .promo-modal__overlay{opacity:.6;opacity:var(--overlay-opacity, .6);pointer-events:auto}.promo-modal__container{position:relative;z-index:1;background-color:var(--modal-bg, #fff);color:var(--modal-text, #1a1a1a);border-radius:var(--modal-radius, 12px);max-height:90vh;overflow-y:auto;transform:scale(.95) translateY(10px);transition:transform .3s ease;box-shadow:0 25px 50px -12px #00000040}.promo-modal[aria-hidden=false] .promo-modal__container{transform:scale(1) translateY(0)}.promo-modal__container--small{width:90%;max-width:400px}.promo-modal__container--medium{width:90%;max-width:560px}.promo-modal__container--large{width:90%;max-width:800px}.promo-modal__container--fullscreen{width:100%;height:100%;max-width:none;max-height:none;border-radius:0}.promo-modal__container--top{align-self:flex-start;margin-top:5vh}.promo-modal__container--bottom{align-self:flex-end;margin-bottom:5vh}.promo-modal__close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--close-color, #666);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.promo-modal__close:hover{background-color:#0000001a;transform:scale(1.1)}.promo-modal__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.promo-modal__content{display:flex;flex-direction:column}.promo-modal__content--stacked{flex-direction:column}.promo-modal__content--text-only .promo-modal__image-wrapper{display:none}.promo-modal__image-wrapper{width:100%;overflow:hidden;border-radius:var(--modal-radius, 12px) var(--modal-radius, 12px) 0 0}.promo-modal__content--stacked .promo-modal__image-wrapper,.promo-modal__content--text-only .promo-modal__image-wrapper{max-height:300px}.promo-modal__image{width:100%;height:100%;object-fit:cover;display:block}.promo-modal__text-content{padding:var(--modal-padding, 32px)}.promo-modal__heading{margin:0 0 .5em;font-weight:700;line-height:1.2}.promo-modal__heading--small{font-size:1.25rem}.promo-modal__heading--medium{font-size:1.75rem}.promo-modal__heading--large{font-size:2.25rem}.promo-modal__subheading{margin:0 0 1em;font-size:1.125rem;opacity:.8}.promo-modal__body{margin-bottom:1.5em;line-height:1.6}.promo-modal__body:last-child{margin-bottom:0}.promo-modal__body p{margin:0 0 1em}.promo-modal__body p:last-child{margin-bottom:0}.promo-modal__buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:inherit}.promo-modal__button{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;border-radius:6px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;cursor:pointer;border:none}.promo-modal__button--primary{background-color:var(--btn-bg, #1a1a1a);color:var(--btn-text, #fff)}.promo-modal__button--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.promo-modal__button--secondary{background:transparent;color:inherit;text-decoration:underline;padding:12px 16px}.promo-modal__button--secondary:hover{opacity:.7}.promo-modal__trigger{position:fixed;z-index:9998;padding:12px 20px;background-color:var(--trigger-bg, #1a1a1a);color:var(--trigger-text, #fff);font-size:.875rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:transform .2s ease,box-shadow .2s ease}.promo-modal__trigger:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000040}.promo-modal__trigger--bottom-left{bottom:20px;left:20px}.promo-modal__trigger--bottom-right{bottom:20px;right:20px}.promo-modal__trigger--top-left{top:20px;left:20px}.promo-modal__trigger--top-right{top:20px;right:20px}.promo-modal[aria-hidden=false]~.promo-modal__trigger{opacity:0;pointer-events:none}@media screen and (min-width: 750px){.promo-modal__content--side-left,.promo-modal__content--side-right{flex-direction:row}.promo-modal__content--side-right{flex-direction:row-reverse}.promo-modal__content--side-left .promo-modal__image-wrapper,.promo-modal__content--side-right .promo-modal__image-wrapper{width:45%;flex-shrink:0;max-height:none;border-radius:0}.promo-modal__content--side-left .promo-modal__image-wrapper{border-radius:var(--modal-radius, 12px) 0 0 var(--modal-radius, 12px)}.promo-modal__content--side-right .promo-modal__image-wrapper{border-radius:0 var(--modal-radius, 12px) var(--modal-radius, 12px) 0}.promo-modal__content--side-left .promo-modal__text-content,.promo-modal__content--side-right .promo-modal__text-content{width:55%;display:flex;flex-direction:column;justify-content:center}.promo-modal__content--side-left .promo-modal__image,.promo-modal__content--side-right .promo-modal__image{height:100%;min-height:350px}.promo-modal__heading--small{font-size:1.5rem}.promo-modal__heading--medium{font-size:2rem}.promo-modal__heading--large{font-size:2.75rem}}@media screen and (max-width: 749px){.promo-modal__container--small,.promo-modal__container--medium,.promo-modal__container--large{width:95%;max-width:none}.promo-modal__container--large{max-width:500px}.promo-modal__text-content{padding:calc(var(--modal-padding, 32px) * .75)}.promo-modal__buttons{flex-direction:column}.promo-modal__button{width:100%;text-align:center}.promo-modal__trigger{padding:10px 16px;font-size:.8125rem}.promo-modal__trigger--bottom-left,.promo-modal__trigger--bottom-right{bottom:15px}.promo-modal__trigger--bottom-left,.promo-modal__trigger--top-left{left:15px}.promo-modal__trigger--bottom-right,.promo-modal__trigger--top-right{right:15px}}@media (prefers-reduced-motion: reduce){.promo-modal,.promo-modal__container,.promo-modal__close,.promo-modal__button,.promo-modal__trigger{transition:none}}body.promo-modal-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-promo-modal.css.map */