/* Intro popup V8 "Ember Glow" (10/13): dark card, photo on amber halo. Desktop floats top-right; mobile centered with scrim. Overrides site.css .notif */
.notif.notif--v8{position:fixed;inset:auto;top:96px;left:32px;right:auto;bottom:auto;padding:0;display:block;z-index:60;pointer-events:none}
.notif--v8 .notif__scrim{display:none}
.notif--v8 .notif__box{pointer-events:auto;position:relative;display:block;width:380px;max-width:calc(100vw - 32px);padding:30px 26px 24px;background:var(--ember);color:var(--mist);border:1px solid rgba(255,164,39,.18);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.6);gap:0;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
.notif--v8.show .notif__box{opacity:1;transform:none}
.notif--v8 .notif__ph{position:relative;margin:6px 20px 0}
.notif--v8 .notif__ph:before{content:"";position:absolute;inset:-26px -30px -30px;border-radius:40px;background:radial-gradient(ellipse at 50% 55%,rgba(255,164,39,.95) 0%,rgba(182,56,1,.85) 40%,rgba(101,32,1,.5) 64%,rgba(14,4,0,0) 80%);filter:blur(18px)}
.notif--v8 .notif__ph img{position:relative;display:block;width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;border-radius:10px}
.notif--v8 .notif__eb{margin:32px 0 10px;font-size:11px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--amber)}
.notif--v8 h2{margin:0;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1;letter-spacing:0;text-transform:none;color:var(--mist)}
.notif--v8 .notif__b{margin:10px 0 0;font-size:14.5px;line-height:1.3;letter-spacing:-.02em;font-weight:400;color:#d9d6d3}
.notif--v8 .notif__row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}
.notif--v8 .notif__row strong{font-family:var(--serif);font-weight:400;font-size:44px;line-height:1}
.notif--v8 .notif__row span{font-size:12.5px;line-height:1.3;letter-spacing:-.02em;color:var(--haze);text-align:right}
.notif--v8 .notif__link{display:flex;width:100%;min-height:46px;margin:16px 0 0;padding:12px 20px;align-items:center;justify-content:center;font-size:13px;line-height:1.2;letter-spacing:.12em;border-radius:8px;white-space:normal;text-align:center;opacity:1}
.notif--v8 .notif__link:hover{opacity:1}
.notif--v8 .notif__close{position:absolute;top:4px;right:4px;width:44px;height:44px;display:grid;place-items:center;color:var(--mist);z-index:2}
body.notif-on .wa{bottom:24px}
@media (max-width:600px){
  .notif.notif--v8{inset:0;top:0;right:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px}
  .notif--v8 .notif__scrim{display:block;position:absolute;inset:0;background:rgba(14,4,0,.7);opacity:0;transition:opacity .4s ease}
  .notif--v8.show{pointer-events:auto}
  .notif--v8.show .notif__scrim{opacity:1}
  .notif--v8 .notif__box{width:100%;max-width:400px;padding:24px 20px 20px}
  .notif--v8 .notif__ph{margin:8px 16px 0}
  .notif--v8 h2{font-size:28px}
  .notif--v8 .notif__eb{margin-top:28px}
  body.notif-on .wa{opacity:0;pointer-events:none}
}
/* hidden popup must not catch clicks (invisible box was blocking content underneath, e.g. footer Book button) */
.notif--v8:not(.show) .notif__box{pointer-events:none;visibility:hidden;transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.notif--v8.show .notif__box{visibility:visible;transition:opacity .5s ease,transform .5s ease,visibility 0s}
.notif--v8:not(.show) .notif__scrim{pointer-events:none}