:root{--lux-splash-gold:#d6a31b;--lux-splash-dark:#171613;--lux-splash-cream:#f6f0e5}
.lux-splash{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.lux-splash.is-open{opacity:1;visibility:visible}.lux-splash[hidden]{display:none!important}.lux-splash__backdrop{position:absolute;inset:0;background:rgba(8,8,8,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.lux-splash__dialog{position:relative;z-index:1;width:min(980px,96vw);max-height:min(760px,92vh);display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 36px 110px rgba(0,0,0,.34);transform:translateY(14px) scale(.98);transition:transform .23s ease}.lux-splash.is-open .lux-splash__dialog{transform:none}.lux-splash__close{position:absolute;right:14px;top:14px;z-index:5;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(18,18,18,.78);color:#fff;font:300 28px/1 Arial;cursor:pointer;display:grid;place-items:center}.lux-splash__media{min-height:510px;background:#eee;overflow:hidden}.lux-splash__media picture,.lux-splash__media img{display:block;width:100%;height:100%}.lux-splash__media img{object-fit:cover}.lux-splash__content{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 36px;min-width:0}.lux-splash__badge{align-self:flex-start;padding:7px 10px;border-radius:999px;background:#171613;color:#f2c34f;font-size:9px;font-weight:950;letter-spacing:.13em}.lux-splash h2{margin:15px 0 0;font-size:clamp(31px,4vw,50px);line-height:.98;letter-spacing:-1.7px;color:#171613}.lux-splash h3{margin:11px 0 0;font-size:15px;line-height:1.4;color:#8c6707}.lux-splash__text{margin-top:16px;font-size:13px;line-height:1.7;color:#6d655b}.lux-splash__coupon{margin-top:18px;width:100%;min-height:55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 10px;border:1px dashed #caa039;border-radius:13px;background:#fffaf0;cursor:pointer}.lux-splash__coupon span{font-size:8px;font-weight:900;color:#9b7a22}.lux-splash__coupon b{font-size:16px;letter-spacing:.12em;color:#171613;text-align:left}.lux-splash__coupon em{font-style:normal;font-size:8px;font-weight:950;color:#8a6507}.lux-splash__countdown{margin-top:14px;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#f6f3ed}.lux-splash__countdown small{font-size:8px;letter-spacing:.09em;color:#82786c;font-weight:900}.lux-splash__countdown b{font-size:15px;color:#1b1915}.lux-splash__actions{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:19px}.lux-splash__actions a{height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;text-decoration:none;font-size:11px;font-weight:950;letter-spacing:.03em}.lux-splash__primary{background:#171613;color:#fff!important}.lux-splash__secondary{padding:0 17px;border:1px solid #ded4c4;color:#5b4c2b!important;background:#fff}.lux-splash__later{align-self:center;margin-top:13px;border:0;background:transparent;color:#999085;font-size:9px;cursor:pointer;text-decoration:underline}.lux-splash--dark .lux-splash__content{background:linear-gradient(150deg,#171613,#282318);color:#fff}.lux-splash--dark h2{color:#fff}.lux-splash--dark h3{color:#e0b840}.lux-splash--dark .lux-splash__text{color:#d1c9bd}.lux-splash--dark .lux-splash__coupon{background:#201e19;border-color:#8d712f}.lux-splash--dark .lux-splash__coupon b{color:#fff}.lux-splash--dark .lux-splash__countdown{background:#24211b}.lux-splash--dark .lux-splash__countdown b{color:#fff}.lux-splash--dark .lux-splash__primary{background:#d4a21c;color:#171613!important}.lux-splash--dark .lux-splash__secondary{border-color:#4c4436;background:transparent;color:#fff!important}.lux-splash--dark .lux-splash__later{color:#aaa190}.lux-splash--center .lux-splash__dialog{grid-template-columns:1fr;width:min(690px,94vw)}.lux-splash--center .lux-splash__media{min-height:280px;max-height:360px}.lux-splash--center .lux-splash__content{padding:32px 36px}.lux-splash--center h2{font-size:clamp(28px,4vw,43px)}body.lux-splash-lock{overflow:hidden!important}
@media(max-width:760px){.lux-splash{padding:12px}.lux-splash__dialog{width:100%;max-height:94vh;grid-template-columns:1fr;border-radius:21px;overflow:auto}.lux-splash__media{min-height:0;height:min(43vh,330px)}.lux-splash__content{padding:24px 21px 22px}.lux-splash h2{font-size:30px;letter-spacing:-1px}.lux-splash h3{font-size:13px}.lux-splash__text{font-size:11px;line-height:1.6}.lux-splash__actions{grid-template-columns:1fr}.lux-splash__actions a{height:44px}.lux-splash__close{right:10px;top:10px;width:36px;height:36px}.lux-splash--center .lux-splash__media{height:240px;min-height:240px}.lux-splash__coupon{min-height:50px}.lux-splash__coupon b{font-size:14px}}
.lux-splash__once-note{margin-top:14px;padding-top:12px;border-top:1px solid rgba(160,145,112,.22);font-size:8px;line-height:1.45;color:#9b9285;text-align:center}.lux-splash--dark .lux-splash__once-note{border-color:rgba(255,255,255,.10);color:#81796d}

/* V2.15 — mobile-only splash layout refinement. Desktop rules above are untouched. */
@media (max-width:760px){
  .lux-splash{
    padding:10px;
    place-items:center;
    overflow:hidden;
  }
  .lux-splash__dialog{
    width:min(100%,520px);
    max-width:100%;
    height:auto;
    max-height:calc(100dvh - 20px);
    grid-template-columns:1fr;
    grid-template-rows:auto minmax(0,1fr);
    border-radius:20px;
    overflow:hidden;
  }
  .lux-splash__media{
    min-height:0;
    height:clamp(185px,31dvh,255px);
    max-height:255px;
    background:#f1f1ef;
  }
  .lux-splash__media picture,
  .lux-splash__media img{
    width:100%;
    height:100%;
  }
  .lux-splash__media img{
    object-fit:cover;
    object-position:center center;
  }
  .lux-splash__content{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    justify-content:flex-start;
    padding:19px 18px 16px;
    scrollbar-width:thin;
  }
  .lux-splash__badge{
    padding:6px 9px;
    font-size:8px;
    letter-spacing:.11em;
  }
  .lux-splash h2{
    margin-top:11px;
    font-size:clamp(27px,8vw,34px);
    line-height:1.02;
    letter-spacing:-1px;
  }
  .lux-splash h3{
    margin-top:8px;
    font-size:12px;
    line-height:1.42;
  }
  .lux-splash__text{
    margin-top:11px;
    font-size:10.5px;
    line-height:1.55;
  }
  .lux-splash__coupon{
    margin-top:13px;
    min-height:48px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:8px;
    padding:7px 9px;
    border-radius:12px;
  }
  .lux-splash__coupon span,
  .lux-splash__coupon em{font-size:7px}
  .lux-splash__coupon b{
    min-width:0;
    font-size:13px;
    letter-spacing:.08em;
    overflow-wrap:anywhere;
  }
  .lux-splash__countdown{
    margin-top:10px;
    padding:8px 10px;
  }
  .lux-splash__countdown small{font-size:7px}
  .lux-splash__countdown b{font-size:13px}
  .lux-splash__actions{
    grid-template-columns:1fr;
    gap:7px;
    margin-top:14px;
  }
  .lux-splash__actions a{
    width:100%;
    height:48px;
    border-radius:12px;
    font-size:11px;
  }
  .lux-splash__secondary{padding:0 12px}
  .lux-splash__later{
    margin-top:9px;
    min-height:32px;
    padding:0 8px;
    font-size:8px;
  }
  .lux-splash__once-note{
    margin-top:8px;
    padding-top:8px;
    font-size:7px;
    line-height:1.4;
  }
  .lux-splash__close{
    position:absolute;
    top:9px;
    right:9px;
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:25px;
    box-shadow:0 5px 16px rgba(0,0,0,.20);
  }
  .lux-splash--center .lux-splash__dialog{
    width:min(100%,520px);
    grid-template-rows:auto minmax(0,1fr);
  }
  .lux-splash--center .lux-splash__media{
    min-height:0;
    height:clamp(180px,30dvh,245px);
    max-height:245px;
  }
  .lux-splash--center .lux-splash__content{padding:19px 18px 16px}
  .lux-splash--center h2{font-size:clamp(27px,8vw,34px)}
}

@media (max-width:430px){
  .lux-splash{padding:7px}
  .lux-splash__dialog{
    max-height:calc(100dvh - 14px);
    border-radius:17px;
  }
  .lux-splash__media,
  .lux-splash--center .lux-splash__media{
    height:clamp(170px,28dvh,220px);
    max-height:220px;
  }
  .lux-splash__content,
  .lux-splash--center .lux-splash__content{padding:16px 15px 14px}
  .lux-splash h2,
  .lux-splash--center h2{font-size:clamp(25px,7.6vw,30px)}
  .lux-splash h3{font-size:11px}
  .lux-splash__text{font-size:10px}
  .lux-splash__actions a{height:46px}
  .lux-splash__coupon b{font-size:12px}
}

@media (max-width:760px) and (max-height:700px){
  .lux-splash__media,
  .lux-splash--center .lux-splash__media{
    height:155px;
    max-height:155px;
  }
  .lux-splash__content,
  .lux-splash--center .lux-splash__content{padding:14px 15px 12px}
  .lux-splash h2,
  .lux-splash--center h2{font-size:25px}
  .lux-splash__text{margin-top:8px}
  .lux-splash__coupon{margin-top:10px}
  .lux-splash__actions{margin-top:10px}
}
