.fragrance-popup{--fragrance-popup-column-width: 39.9rem;--fragrance-popup-column-height: 41.8rem;--modal-width: 83.8rem}.fragrance-popup:not([hidden]){display:flex;align-items:center;justify-content:center}.fragrance-popup .fragrance-popup__inner{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:100%;max-width:var(--modal-width);max-height:calc(100vh - 4rem);padding:2rem;background-color:#fff;border-radius:var(--blocks-radius, 0);transform:scale(.8);opacity:0;transition-property:transform,opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.7,0,.2,1);overflow:visible}.fragrance-popup[active] .fragrance-popup__inner{transform:scale(1);opacity:1}.fragrance-popup__close{position:absolute;top:2rem;right:2rem;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border:.1rem solid #a8a8a8;border-radius:100%;padding:0;cursor:pointer;z-index:2;color:#000;transition:transform .2s ease}.fragrance-popup__close:hover{transform:scale(1.05)}.fragrance-popup__close svg{width:2rem;height:2rem}.fragrance-popup__media{flex:0 0 var(--fragrance-popup-column-width);width:var(--fragrance-popup-column-width);height:var(--fragrance-popup-column-height);overflow:hidden;background-color:#f4f4f4}.fragrance-popup__image{width:100%;height:100%;object-fit:cover;display:block}.fragrance-popup__content{flex:0 0 var(--fragrance-popup-column-width);width:var(--fragrance-popup-column-width);min-height:var(--fragrance-popup-column-height);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2rem;padding:2rem 4.4rem 3rem;background-color:#fff;box-sizing:border-box}.fragrance-popup__text{display:flex;flex-direction:column;gap:1rem}.fragrance-popup__title{margin:0;font-family:var(--font-heading-family);font-size:2.4rem;font-weight:300;line-height:3.2rem;color:#000}.fragrance-popup__subtitle{margin:0;max-width:27.5rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:300;line-height:2.2rem;color:#1c1c1c}.fragrance-popup__actions{display:flex;flex-direction:column;gap:1rem}.fragrance-popup__btn{display:flex;align-items:center;justify-content:center;width:100%;height:5rem;padding:.6rem 2.4rem;border-radius:5rem;font-family:var(--font-button-family, var(--font-heading-family));font-size:1.2rem;font-weight:600;line-height:1.8rem;letter-spacing:.12rem;text-transform:uppercase;color:#fff;border:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.fragrance-popup__btn--confirm{background-color:#000}.fragrance-popup__btn--confirm:hover{background-color:#1a1a1a}.fragrance-popup__btn--cancel{background-color:#666}.fragrance-popup__btn--cancel:hover{background-color:#555}.fragrance-popup__btn:active{transform:scale(.98)}@media(max-width:767.98px){.fragrance-popup{--modal-width: min(39.9rem, calc(100vw - 2rem) )}.fragrance-popup .fragrance-popup__inner{flex-direction:column;align-items:stretch;padding:2rem;max-height:calc(100vh - 2rem);overflow-y:auto}.fragrance-popup__media{flex:0 0 auto;width:100%;height:auto;aspect-ratio:1 / 1}.fragrance-popup__content{flex:1 1 auto;width:100%;min-height:auto;align-items:flex-start;justify-content:flex-start;padding:2rem 0 0;gap:2rem}.fragrance-popup__text{width:100%}.fragrance-popup__title{font-size:2.4rem;line-height:3.2rem;width:100%}.fragrance-popup__subtitle{max-width:none;width:100%}.fragrance-popup__actions{width:100%}.fragrance-popup__close{top:2rem;inset-inline-end:2rem;width:4.4rem;height:4.4rem;background-color:#fffffff2}.fragrance-popup__close svg{width:2rem;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-fragrance-popup.css.map */