.cl-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .3s ease}.cl-popup-overlay--visible{opacity:1;pointer-events:auto}.cl-popup{position:relative;width:100%;max-width:780px;min-height:340px;max-height:480px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 24px 80px #00000059}.cl-popup__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cl-popup__bg img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cl-popup__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.cl-popup:not(:has(.cl-popup__bg)){background:#1a1a1a}.cl-popup__close{position:absolute;top:16px;right:16px;z-index:3;background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:background .2s;line-height:1;padding:0}.cl-popup__close:hover{background:#ffffff4d}.cl-popup__content{position:relative;z-index:2;padding:36px 40px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.cl-popup__eyebrow{font-family:var(--font-body--family);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin:0;opacity:.75}.cl-popup__heading{font-family:var(--font-heading--family);font-size:clamp(1.5rem,4vw,2.2rem);font-weight:400;line-height:1.1;margin:0}.cl-popup__body{font-family:var(--font-body--family);font-size:.8rem;line-height:1.65;margin:0;opacity:.85;max-width:560px}.cl-popup__btn{display:inline-flex;align-items:center;justify-content:center;margin-top:6px;padding:12px 30px;border-radius:100px;font-family:var(--font-body--family);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;text-decoration:none;transition:opacity .2s;width:fit-content}.cl-popup__btn:hover{opacity:.85}@media(max-width:540px){.cl-popup{max-width:100%;min-height:400px;max-height:90vh}.cl-popup__content{padding:28px 24px}.cl-popup__heading{font-size:clamp(1.4rem,7vw,1.9rem)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/cl-popup.css.map */