/* LOUNJ 5% off popup */
.lounj-popup { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.lounj-popup[hidden] { display: none; }
.lounj-popup__backdrop { position: absolute; inset: 0; background: rgba(23,23,23,.55); backdrop-filter: blur(2px); animation: lounj-fade 200ms ease; }
.lounj-popup__dialog { position: relative; width: min(880px, 100%); max-height: calc(100vh - 2rem); overflow: auto; background: #fff; border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.35); display: grid; grid-template-columns: 5fr 6fr; animation: lounj-pop 260ms cubic-bezier(.2,.9,.3,1.2); }
.lounj-popup__close { position: absolute; top: .75rem; right: .75rem; z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; color: #171717; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.lounj-popup__media { position: relative; min-height: 220px; background: #F7F4EF center/cover no-repeat; }
.lounj-popup__badge { position: absolute; left: 1rem; bottom: 1rem; display: inline-flex; align-items: center; gap: .4rem; background: rgba(255,255,255,.94); border-radius: 999px; padding: .45rem .8rem; font-size: .78rem; font-weight: 600; color: #171717; }
.lounj-popup__badge svg { color: #E54F3D; }
.lounj-popup__body { padding: clamp(1.5rem, 4vw, 2.75rem); display: flex; flex-direction: column; }
.lounj-popup__logo { width: 120px; height: auto; margin-bottom: 1.25rem; }
.lounj-popup__body .lounj-eyebrow { margin-bottom: .5rem; }
.lounj-popup__title { font-family: "Fraunces", Georgia, serif; font-weight: 500; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.1; margin: 0 0 .75rem; letter-spacing: -.01em; }
.lounj-popup__text { color: #5F5B57; margin: 0 0 1.25rem; font-size: .975rem; }
.lounj-popup__form { display: flex; flex-direction: column; gap: .6rem; }
.lounj-popup__form[hidden], .lounj-popup__text[hidden], .lounj-popup__dismiss[hidden] { display: none; }
.lounj-popup__form input[type="email"] { width: 100%; padding: .95rem 1.1rem; border: 1px solid #E9E2D8; border-radius: 10px; font: inherit; }
.lounj-popup__form input[type="email"]:focus { outline: none; border-color: #E54F3D; box-shadow: 0 0 0 3px rgba(229,79,61,.15); }
.lounj-popup__form .lounj-btn { width: 100%; }
.lounj-popup__msg { margin: 0; font-size: .875rem; font-weight: 600; }
.lounj-popup__msg:empty { display: none; }
.lounj-popup__success { text-align: center; padding: .5rem 0; }
.lounj-popup__check { width: 56px; height: 56px; margin: 0 auto 1rem !important; border-radius: 50%; background: #E54F3D; color: #fff; display: flex; align-items: center; justify-content: center; }
.lounj-popup__check svg { margin: 0; stroke: #fff; }
.lounj-popup__success h3 { font-family: "Fraunces", Georgia, serif; font-weight: 500; font-size: 1.6rem; margin: 0 0 .5rem; }
.lounj-popup__success p { margin: 0 0 .75rem; color: #5F5B57; }
.lounj-popup__code { font-size: 1.6rem; font-weight: 700; letter-spacing: .12em; color: #171717 !important; background: #F7F4EF; border: 1px dashed #E54F3D; border-radius: 10px; padding: .75rem; user-select: all; }
.lounj-popup__dismiss { margin-top: 1rem; background: none; border: 0; padding: 0; font: inherit; font-size: .85rem; color: #5F5B57; text-decoration: underline; cursor: pointer; align-self: flex-start; }
.lounj-popup__dismiss:hover { color: #171717; }
.lounj-popup__fine { margin: .75rem 0 0; font-size: .75rem; color: #8a8580; }
body.lounj-popup-open { overflow: hidden; }
@keyframes lounj-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lounj-pop { from { opacity: 0; transform: translateY(14px) scale(.98); } to { opacity: 1; transform: none; } }
@media (max-width: 700px) {
  .lounj-popup { padding: .75rem; align-items: flex-end; }
  .lounj-popup__dialog { grid-template-columns: 1fr; max-height: calc(100vh - 1.5rem); border-radius: 16px; }
  .lounj-popup__media { min-height: 150px; }
  .lounj-popup__logo { width: 100px; }
}
@media (prefers-reduced-motion: reduce) { .lounj-popup__backdrop, .lounj-popup__dialog { animation: none; } }
