.bb-popup{width:min(760px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:var(--bb-radius-m, 4px);background:transparent;overflow:visible}.bb-popup::backdrop{background:#1b191785}.bb-popup[open]{animation:bbPopupIn .32s cubic-bezier(.4,0,.2,1)}.bb-popup[open]::backdrop{animation:bbPopupFade .32s ease}@keyframes bbPopupIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes bbPopupFade{0%{opacity:0}to{opacity:1}}.bb-popup__card{position:relative;display:grid;grid-template-columns:1fr;background:var(--sand-50, #fbf8f2);color:var(--ink-900, #1b1917);border-radius:inherit;overflow:hidden;box-shadow:0 24px 64px #1b191747}@media(min-width:750px){.bb-popup__card{grid-template-columns:.9fr 1fr;min-height:460px}}.bb-popup__media{position:relative;background:var(--sand-200, #e9dfcb);aspect-ratio:16 / 9}@media(min-width:750px){.bb-popup__media{aspect-ratio:auto}}.bb-popup__media img,.bb-popup__media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bb-popup__body{display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,5vw,48px) clamp(24px,4vw,44px);text-align:center}.bb-popup__step[hidden]{display:none}.bb-popup__close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:#fbf8f2eb;color:var(--ink-900, #1b1917);cursor:pointer}.bb-popup__close:hover{background:var(--white, #fff)}.bb-popup__eyebrow{display:block;margin-bottom:14px;font-family:var(--bb-font-body);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--bb-text-muted, #8a8478)}.bb-popup__title{margin:0 0 26px;font-family:var(--bb-font-display);font-weight:400;line-height:1.1;color:var(--ink-900, #1b1917)}.bb-popup__lead,.bb-popup__tail{display:block;font-size:clamp(1.25rem,2.4vw,1.6rem)}.bb-popup__offer{display:block;margin:6px 0 4px;font-size:clamp(3rem,7vw,4.4rem);line-height:1;letter-spacing:-.01em;color:var(--navy-900, #232f42)}.bb-popup__form{display:flex;flex-direction:column;gap:10px}.bb-popup__input{width:100%;padding:14px 16px;font-family:var(--bb-font-body);font-size:16px;color:var(--ink-900, #1b1917);background:var(--white, #fff);border:1px solid var(--sand-300, #d8c7a8);border-radius:var(--bb-radius-m, 4px);outline:none;text-align:center}.bb-popup__input:focus{border-color:var(--navy-900, #232f42)}.bb-popup__submit{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:15px 24px;font-family:var(--bb-font-body);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--sand-50, #fbf8f2);background:var(--navy-900, #232f42);border:1px solid var(--navy-900, #232f42);border-radius:var(--bb-radius-m, 4px);cursor:pointer;transition:background .2s ease}.bb-popup__submit:hover{background:var(--ink-900, #1b1917);color:var(--sand-50, #fbf8f2)}.bb-popup__submit[disabled]{opacity:.6;cursor:progress}.bb-popup__error{margin:2px 0 0;font-size:12.5px;color:#a24b3e}.bb-popup__decline{margin-top:16px;padding:0;border:0;background:none;cursor:pointer;align-self:center;font-family:var(--bb-font-body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-700, #3a3733);border-bottom:1px solid var(--sand-300, #d8c7a8)}.bb-popup__decline:hover{color:var(--terracotta-500, #c17a54)}.bb-popup__legal{margin:18px 0 0;font-size:11px;line-height:1.5;color:var(--bb-text-muted, #8a8478)}.bb-popup__coupon{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;margin-bottom:14px;padding:18px 16px;border:1px dashed var(--navy-900, #232f42);border-radius:var(--bb-radius-m, 4px);background:var(--white, #fff);cursor:pointer}.bb-popup__coupon-code{font-family:var(--bb-font-body);font-size:22px;font-weight:500;letter-spacing:.16em;color:var(--navy-900, #232f42)}.bb-popup__coupon-hint{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-text-muted, #8a8478)}@media(max-width:749px){.bb-popup{width:calc(100vw - 24px)}.bb-popup__body{padding:24px 22px 26px}.bb-popup__title{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.bb-popup[open],.bb-popup[open]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/basic-beach-popup.css.map */