/*! Newsletter popup (promo card) — styles for sections/newsletter-promo-popup.liquid.
 *
 * Quiet, non-modal card: no backdrop, the page stays scrollable and clickable.
 * Desktop (>=750px) it sits centred above the bottom edge; below that it drops
 * in from the top like a notification. Colours come from the section's own
 * settings as custom properties on #shopify-section-<id> (see the section).
 */newsletter-promo-popup.np-popup{--np-accent: #003d7c;--np-accent-hover: #002a5c;--np-on-accent: #ffffff;--np-surface: #ffffff;--np-muted: #5b6270;--np-disc: #f5f5f5;--np-image-bg: #ffddbf;--np-handle: #d1d5db;--np-enter-shift: 24px;position:fixed;z-index:30;inset-block-end:24px;inset-inline-start:50%;display:block;width:720px;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transform:translate(-50%) translateY(var(--np-enter-shift));transition:transform .5s cubic-bezier(.34,1.3,.64,1),opacity .3s ease}.np-popup[hidden]{display:none}.np-popup.is-open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}body:has(.drawer[open]) .np-popup,body:has(#ContactBubble.is-open) .np-popup{opacity:0;pointer-events:none}@media screen and (min-width:750px)and (max-width:899px){newsletter-promo-popup.np-popup{inset-block-end:96px}}.np-popup__card,.np-popup__card *{box-sizing:border-box}.np-popup__card{position:relative;display:flex;flex-direction:row;overflow:hidden;border-radius:24px;background:var(--np-surface);box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000d;color:var(--np-accent);font-family:var(--font-body-family, "Poppins", sans-serif)}.np-popup__media{position:relative;flex:0 0 220px;width:220px;min-height:200px;overflow:hidden;background:var(--np-image-bg)}.np-popup__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.np-popup__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:28px;padding-inline:32px;text-align:start}.np-popup__text{display:flex;flex-direction:column;gap:2px;min-width:0}.np-popup__headline{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:0;color:var(--np-accent)}.np-popup__discount{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.np-popup__subject{font-size:18px;font-weight:700;line-height:1.2}.np-popup__body{margin:0;color:var(--np-muted);font-size:14px;font-weight:500;line-height:1.5;text-wrap:pretty}.np-popup__cta,.np-popup__cta:visited{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;padding-block:14px;padding-inline:32px;border:0;border-radius:999px;background:var(--np-accent);color:var(--np-on-accent);font-family:inherit;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .2s ease}.np-popup__cta:hover,.np-popup__cta:focus-visible{background:var(--np-accent-hover);color:var(--np-on-accent)}.np-popup__cta svg{flex-shrink:0}.np-popup__close{position:absolute;z-index:2;inset-block-start:6px;inset-inline-end:6px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--np-muted);cursor:pointer;transition:color .2s ease}.np-popup__close:hover,.np-popup__close:focus-visible{color:var(--np-accent)}.np-popup__close-disc{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--np-disc)}.np-popup__handle{display:none}@media screen and (max-width:749px){newsletter-promo-popup.np-popup{--np-enter-shift: -110%;inset-block:8px auto;width:calc(100% - 16px);max-width:none}.np-popup__media{display:none}.np-popup__content{gap:12px;padding-block:18px 20px;padding-inline:18px 52px}.np-popup__discount{font-size:32px}.np-popup__subject{font-size:16px}.np-popup__cta{align-self:stretch;width:100%}.np-popup__handle{position:absolute;inset-block-end:6px;inset-inline-start:50%;display:block;width:44px;height:4px;border-radius:2px;background:var(--np-handle);transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){newsletter-promo-popup.np-popup,.np-popup.is-open{transform:translate(-50%);transition:opacity .2s ease}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/newsletter-promo-popup.css.map */