/* ============================================================
   PHONY — Pop-up marketing · Design premium
   ============================================================ */
.phony-popup-overlay{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;
  background:
    radial-gradient(60% 80% at 50% 30%, rgba(79,70,229,.18), transparent 70%),
    radial-gradient(40% 60% at 80% 80%, rgba(236,72,153,.15), transparent 70%),
    rgba(8,11,25,.72);
  backdrop-filter:blur(8px) saturate(140%);
  -webkit-backdrop-filter:blur(8px) saturate(140%);
  opacity:0;transition:opacity .4s ease;
  padding:20px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
.phony-popup-overlay.is-open{display:flex;opacity:1}

.phony-popup{
  --pp-accent:#4f46e5;
  --pp-accent-2:#7c3aed;
  --pp-accent-3:#ec4899;
  --pp-ink:#0f172a;
  --pp-ink-muted:#475569;
  --pp-surface:#ffffff;
  --pp-surface-2:#f8fafc;
  --pp-border:rgba(15,23,42,.06);
  position:relative;width:100%;max-width:440px;
  background:var(--pp-surface);
  border-radius:28px;
  overflow:hidden;
  box-shadow:
    0 50px 100px -20px rgba(0,0,0,.4),
    0 30px 60px -30px rgba(0,0,0,.3),
    0 0 0 1px rgba(255,255,255,.05);
  transform:translateY(40px) scale(.94);
  opacity:0;
  transition:transform .6s cubic-bezier(.22,1,.36,1), opacity .4s ease;
  isolation:isolate;
}
.phony-popup-overlay.is-open .phony-popup{transform:translateY(0) scale(1);opacity:1}

/* Cascade à l'ouverture */
.phony-popup-overlay.is-open .phony-popup__badge,
.phony-popup-overlay.is-open .phony-popup__title,
.phony-popup-overlay.is-open .phony-popup__subtitle,
.phony-popup-overlay.is-open .phony-popup__body,
.phony-popup-overlay.is-open .phony-popup__code,
.phony-popup-overlay.is-open .phony-popup__cta{
  animation:ppFadeUp .55s cubic-bezier(.22,1,.36,1) both;
}
.phony-popup-overlay.is-open .phony-popup__badge{animation-delay:.1s}
.phony-popup-overlay.is-open .phony-popup__title{animation-delay:.18s}
.phony-popup-overlay.is-open .phony-popup__subtitle{animation-delay:.24s}
.phony-popup-overlay.is-open .phony-popup__body{animation-delay:.3s}
.phony-popup-overlay.is-open .phony-popup__code{animation-delay:.36s}
.phony-popup-overlay.is-open .phony-popup__cta:first-child{animation-delay:.42s}
.phony-popup-overlay.is-open .phony-popup__cta + .phony-popup__cta{animation-delay:.48s}
@keyframes ppFadeUp{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}

/* Hero gradient header */
.phony-popup__hero{
  position:relative;
  padding:44px 28px 28px;
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.25), transparent 60%),
    linear-gradient(135deg, var(--pp-accent) 0%, var(--pp-accent-2) 55%, var(--pp-accent-3) 100%);
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.phony-popup__hero::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(circle at 15% 25%, rgba(255,255,255,.18) 0, transparent 35%),
    radial-gradient(circle at 85% 75%, rgba(255,255,255,.14) 0, transparent 40%);
  pointer-events:none;
}
.phony-popup__hero::after{
  content:"";position:absolute;inset:-2px;z-index:0;
  background-image:
    radial-gradient(rgba(255,255,255,.15) 1px, transparent 1px);
  background-size:22px 22px;
  mask-image:linear-gradient(180deg, transparent, black 20%, black 60%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent, black 20%, black 60%, transparent);
  opacity:.6;
  pointer-events:none;
}

/* Close button */
.phony-popup__close{
  position:absolute;top:14px;right:14px;z-index:10;
  width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.18);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:background .25s ease, transform .3s ease;
}
.phony-popup__close::before{content:"×";font-size:22px;font-weight:300;line-height:1}
.phony-popup__close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg) scale(1.05)}

/* Emoji badge */
.phony-popup__badge{
  position:relative;z-index:2;
  width:88px;height:88px;margin:0 auto 20px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.3);
  display:flex;align-items:center;justify-content:center;
  font-size:44px;line-height:1;
  box-shadow:0 12px 24px rgba(0,0,0,.2);
  animation:ppPulse 2.8s ease-in-out infinite;
}
@keyframes ppPulse{
  0%,100%{transform:scale(1);box-shadow:0 12px 24px rgba(0,0,0,.2), 0 0 0 0 rgba(255,255,255,.4)}
  50%{transform:scale(1.04);box-shadow:0 14px 28px rgba(0,0,0,.25), 0 0 0 12px rgba(255,255,255,0)}
}
.phony-popup__image{
  position:relative;z-index:2;
  display:block;max-width:100%;max-height:140px;margin:0 auto 16px;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}

.phony-popup__title{
  position:relative;z-index:2;
  margin:0;text-align:center;
  font-family:'Montserrat',system-ui,sans-serif;
  font-weight:800;font-size:28px;line-height:1.15;letter-spacing:-.6px;
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.15);
}
.phony-popup__subtitle{
  position:relative;z-index:2;
  margin:10px 0 0;text-align:center;
  font-size:15px;font-weight:500;
  color:rgba(255,255,255,.92);
  letter-spacing:.1px;
}

/* Body section */
.phony-popup__main{
  position:relative;
  padding:22px 28px 10px;
  background:var(--pp-surface);
}
.phony-popup__body{
  font-size:15px;line-height:1.6;color:var(--pp-ink-muted);
  text-align:center;
}
.phony-popup__body p{margin:0 0 8px}
.phony-popup__body p:last-child{margin:0}
.phony-popup__body strong{color:var(--pp-ink);font-weight:700}

/* Promo code block */
.phony-popup__code{
  margin:22px 0 0;
  padding:3px;
  border-radius:18px;
  background:linear-gradient(135deg, var(--pp-accent) 0%, var(--pp-accent-2) 50%, var(--pp-accent-3) 100%);
  position:relative;
  box-shadow:0 12px 28px -8px rgba(79,70,229,.5);
}
.phony-popup__code-inner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 14px 20px;
  background:#fff;
  border-radius:15px;
}
.phony-popup__code-left{flex:1;min-width:0}
.phony-popup__code-label{
  display:inline-block;
  font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--pp-accent);
  padding:3px 8px;border-radius:999px;
  background:rgba(79,70,229,.08);
  margin-bottom:4px;
}
.phony-popup__code-val{
  font-family:'SF Mono',ui-monospace,Menlo,monospace;
  font-size:22px;font-weight:800;
  background:linear-gradient(135deg, var(--pp-accent), var(--pp-accent-2), var(--pp-accent-3));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:2px;line-height:1;
  display:block;
}
.phony-popup__code-copy{
  flex-shrink:0;
  padding:10px 16px;border-radius:11px;
  background:linear-gradient(135deg, var(--pp-accent), var(--pp-accent-2));
  color:#fff;border:0;cursor:pointer;
  font-weight:700;font-size:13px;
  display:inline-flex;align-items:center;gap:6px;
  box-shadow:0 6px 14px -4px rgba(79,70,229,.5);
  transition:transform .2s, box-shadow .2s, background .3s;
}
.phony-popup__code-copy::before{
  content:"";display:inline-block;width:14px;height:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;
}
.phony-popup__code-copy:hover{transform:translateY(-1px);box-shadow:0 10px 20px -4px rgba(79,70,229,.6)}
.phony-popup__code-copy.is-copied{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 6px 14px -4px rgba(34,197,94,.5)}
.phony-popup__code-copy.is-copied::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

/* Actions */
.phony-popup__actions{
  padding:20px 28px 12px;
  display:flex;flex-direction:column;gap:10px;
  background:var(--pp-surface);
}
.phony-popup__cta{
  position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:15px 20px;
  border-radius:14px;border:0;cursor:pointer;
  font-weight:700;font-size:15px;letter-spacing:.2px;
  background:linear-gradient(135deg, var(--pp-accent) 0%, var(--pp-accent-2) 100%);
  color:#fff;text-decoration:none;
  box-shadow:0 12px 28px -6px rgba(79,70,229,.5), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s cubic-bezier(.22,1,.36,1), box-shadow .25s;
}
.phony-popup__cta::after{
  content:"→";margin-left:4px;font-size:18px;transition:transform .3s;
}
.phony-popup__cta:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px -6px rgba(79,70,229,.6), inset 0 1px 0 rgba(255,255,255,.3);
}
.phony-popup__cta:hover::after{transform:translateX(4px)}
.phony-popup__cta:active{transform:translateY(0)}
.phony-popup__cta--ghost{
  background:transparent;color:var(--pp-ink-muted);
  box-shadow:inset 0 0 0 1.5px rgba(15,23,42,.1);
}
.phony-popup__cta--ghost::after{display:none}
.phony-popup__cta--ghost:hover{
  background:rgba(15,23,42,.04);color:var(--pp-ink);
  box-shadow:inset 0 0 0 1.5px rgba(15,23,42,.18);
}

/* ── CTA Appel téléphonique ──────────────────────────────────────────── */
.phony-popup__cta--call{
  background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);
  box-shadow:0 12px 28px -6px rgba(22,163,74,.55), inset 0 1px 0 rgba(255,255,255,.25);
}
.phony-popup__cta--call::after{content:"📞";font-size:16px;margin-left:2px;}
.phony-popup__cta--call:hover{
  box-shadow:0 16px 32px -6px rgba(22,163,74,.65), inset 0 1px 0 rgba(255,255,255,.3);
}
/* Pulsation douce pour inciter au clic */
@keyframes ppCallPulse{
  0%,100%{box-shadow:0 12px 28px -6px rgba(22,163,74,.55), inset 0 1px 0 rgba(255,255,255,.25),0 0 0 0 rgba(22,163,74,.4)}
  50%    {box-shadow:0 12px 28px -6px rgba(22,163,74,.55), inset 0 1px 0 rgba(255,255,255,.25),0 0 0 8px rgba(22,163,74,.0)}
}
.phony-popup-overlay.is-open .phony-popup__cta--call{
  animation:ppFadeUp .55s cubic-bezier(.22,1,.36,1) .42s both,
            ppCallPulse 2.2s ease-in-out 1.2s infinite;
}

/* ── CTA Réservation ─────────────────────────────────────────────────── */
.phony-popup__cta--reserve{
  background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);
  box-shadow:0 12px 28px -6px rgba(37,99,235,.5), inset 0 1px 0 rgba(255,255,255,.25);
}
.phony-popup__cta--reserve::after{content:"📅";font-size:16px;margin-left:2px;}
.phony-popup__cta--reserve:hover{
  box-shadow:0 16px 32px -6px rgba(37,99,235,.65), inset 0 1px 0 rgba(255,255,255,.3);
}

/* Footer */
.phony-popup__footer{
  padding:4px 28px 22px;
  text-align:center;
  background:var(--pp-surface);
}
.phony-popup__dismiss{
  background:none;border:0;cursor:pointer;
  font-size:12px;color:#94a3b8;font-weight:500;
  padding:6px 10px;border-radius:6px;
  transition:color .2s, background .2s;
}
.phony-popup__dismiss:hover{color:var(--pp-ink);background:rgba(15,23,42,.03)}

/* ── Décor : pluie d'emojis confinée au héro ──────────────────────────
   z-index 1 = entre les pseudo-éléments (0) et le contenu (2)
   overflow:hidden du .phony-popup__hero clip naturellement la zone
───────────────────────────────────────────────────────────────────── */
.phony-popup__decor{
  position:absolute;inset:0;z-index:1;
  overflow:hidden;pointer-events:none;
}
.phony-popup__decor span{
  position:absolute;
  top:-30px;
  left:var(--x,50%);
  font-size:var(--sz,16px);
  will-change:top,opacity;
  opacity:0;
  animation:
    ppFall var(--dur,11s) linear var(--delay,0s) infinite,
    ppDrift var(--swayDur,4s) ease-in-out var(--delay,0s) infinite alternate;
}
@keyframes ppFall{
  0%  {top:-30px;opacity:0;transform:rotate(var(--r0,0deg))}
  8%  {opacity:var(--op,.22)}
  90% {opacity:var(--op,.22)}
  100%{top:calc(100% + 20px);opacity:0;transform:rotate(var(--r1,540deg))}
}
@keyframes ppDrift{
  from{margin-left:calc(var(--sway,14px)*-1)}
  to  {margin-left:var(--sway,14px)}
}

/* Le contenu du héro passe au-dessus du décor */
.phony-popup__badge,
.phony-popup__image,
.phony-popup__title,
.phony-popup__subtitle{
  position:relative;z-index:2;
}

/* ================================================================
   Thèmes saisonniers
   ================================================================ */

/* Noël */
.phony-popup[data-theme="noel"]{
  --pp-accent:#dc2626;
  --pp-accent-2:#b91c1c;
  --pp-accent-3:#15803d;
}
.phony-popup[data-theme="noel"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.3), transparent 60%),
    linear-gradient(135deg, #dc2626 0%, #991b1b 50%, #065f46 100%);
}
.phony-popup[data-theme="noel"] .phony-popup__hero::after{
  background-image:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.55) 2px, transparent 3px);
  background-size:28px 28px;
  opacity:.8;
}

/* Halloween */
.phony-popup[data-theme="halloween"]{
  --pp-accent:#f97316;
  --pp-accent-2:#c2410c;
  --pp-accent-3:#581c87;
  --pp-surface:#1a0b24;
  --pp-surface-2:#2a1442;
  --pp-ink:#faf5ff;
  --pp-ink-muted:#c4b5d0;
}
.phony-popup[data-theme="halloween"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(251,146,60,.35), transparent 60%),
    linear-gradient(135deg, #f97316 0%, #7c2d12 40%, #2a1442 100%);
}
.phony-popup[data-theme="halloween"] .phony-popup__main,
.phony-popup[data-theme="halloween"] .phony-popup__actions,
.phony-popup[data-theme="halloween"] .phony-popup__footer{background:#1a0b24}
.phony-popup[data-theme="halloween"] .phony-popup__code-inner{background:#2a1442;color:#faf5ff}
.phony-popup[data-theme="halloween"] .phony-popup__code-val{
  background:linear-gradient(135deg, #f97316, #fb923c);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Pâques */
.phony-popup[data-theme="paques"]{
  --pp-accent:#ec4899;
  --pp-accent-2:#f472b6;
  --pp-accent-3:#fbbf24;
}
.phony-popup[data-theme="paques"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.4), transparent 60%),
    linear-gradient(135deg, #f9a8d4 0%, #fbbf24 50%, #86efac 100%);
}
.phony-popup[data-theme="paques"] .phony-popup__title,
.phony-popup[data-theme="paques"] .phony-popup__subtitle{
  color:#3a1e3b;text-shadow:0 2px 10px rgba(255,255,255,.5);
}
.phony-popup[data-theme="paques"] .phony-popup__badge{
  background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.7);
}

/* Été */
.phony-popup[data-theme="ete"]{
  --pp-accent:#0ea5e9;
  --pp-accent-2:#06b6d4;
  --pp-accent-3:#fbbf24;
}
.phony-popup[data-theme="ete"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.35), transparent 60%),
    linear-gradient(135deg, #fbbf24 0%, #f97316 25%, #06b6d4 75%, #0ea5e9 100%);
}

/* St-Valentin */
.phony-popup[data-theme="saint_valentin"]{
  --pp-accent:#e11d48;
  --pp-accent-2:#f43f5e;
  --pp-accent-3:#f472b6;
}
.phony-popup[data-theme="saint_valentin"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.3), transparent 60%),
    linear-gradient(135deg, #e11d48 0%, #be123c 50%, #831843 100%);
}

/* Black Friday */
.phony-popup[data-theme="black_friday"]{
  --pp-accent:#fbbf24;
  --pp-accent-2:#f59e0b;
  --pp-accent-3:#d97706;
  --pp-surface:#0a0a0a;
  --pp-surface-2:#171717;
  --pp-ink:#fafafa;
  --pp-ink-muted:#a3a3a3;
}
.phony-popup[data-theme="black_friday"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(251,191,36,.35), transparent 60%),
    linear-gradient(135deg, #0a0a0a 0%, #18181b 50%, #292524 100%);
}
.phony-popup[data-theme="black_friday"] .phony-popup__hero::before{
  background:
    radial-gradient(circle at 15% 25%, rgba(251,191,36,.25) 0, transparent 40%),
    radial-gradient(circle at 85% 75%, rgba(251,191,36,.18) 0, transparent 40%);
}
.phony-popup[data-theme="black_friday"] .phony-popup__title{
  background:linear-gradient(135deg, #fbbf24, #f59e0b);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
.phony-popup[data-theme="black_friday"] .phony-popup__main,
.phony-popup[data-theme="black_friday"] .phony-popup__actions,
.phony-popup[data-theme="black_friday"] .phony-popup__footer{background:#0a0a0a}
.phony-popup[data-theme="black_friday"] .phony-popup__code-inner{background:#171717;color:#fafafa;border:1px solid rgba(251,191,36,.2)}
.phony-popup[data-theme="black_friday"] .phony-popup__cta--ghost{
  color:#a3a3a3;box-shadow:inset 0 0 0 1.5px rgba(251,191,36,.25);
}
.phony-popup[data-theme="black_friday"] .phony-popup__cta--ghost:hover{
  background:rgba(251,191,36,.08);color:#fbbf24;
}
.phony-popup[data-theme="black_friday"] .phony-popup__dismiss:hover{background:rgba(255,255,255,.05);color:#fafafa}

/* Rentrée */
.phony-popup[data-theme="rentree"]{
  --pp-accent:#ea580c;
  --pp-accent-2:#facc15;
  --pp-accent-3:#84cc16;
}
.phony-popup[data-theme="rentree"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.3), transparent 60%),
    linear-gradient(135deg, #ea580c 0%, #d97706 50%, #facc15 100%);
}

/* Nouvel An */
.phony-popup[data-theme="nouvel_an"]{
  --pp-accent:#d4af37;
  --pp-accent-2:#eab308;
  --pp-accent-3:#8b5cf6;
  --pp-surface:#0f0f2e;
  --pp-surface-2:#1e1e4a;
  --pp-ink:#fffbe8;
  --pp-ink-muted:#cbd5e1;
}
.phony-popup[data-theme="nouvel_an"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(212,175,55,.3), transparent 60%),
    linear-gradient(135deg, #0f0f2e 0%, #1e1b4b 50%, #312e81 100%);
}
.phony-popup[data-theme="nouvel_an"] .phony-popup__title{
  background:linear-gradient(135deg, #fde68a, #d4af37);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.phony-popup[data-theme="nouvel_an"] .phony-popup__main,
.phony-popup[data-theme="nouvel_an"] .phony-popup__actions,
.phony-popup[data-theme="nouvel_an"] .phony-popup__footer{background:#0f0f2e}
.phony-popup[data-theme="nouvel_an"] .phony-popup__code-inner{background:#1e1b4b;color:#fffbe8;border:1px solid rgba(212,175,55,.25)}
.phony-popup[data-theme="nouvel_an"] .phony-popup__cta--ghost{
  color:#cbd5e1;box-shadow:inset 0 0 0 1.5px rgba(212,175,55,.3);
}
.phony-popup[data-theme="nouvel_an"] .phony-popup__cta--ghost:hover{color:#fde68a;background:rgba(212,175,55,.08)}
.phony-popup[data-theme="nouvel_an"] .phony-popup__dismiss:hover{color:#fde68a;background:rgba(255,255,255,.05)}

/* Printemps */
.phony-popup[data-theme="printemps"]{
  --pp-accent:#16a34a;
  --pp-accent-2:#22c55e;
  --pp-accent-3:#ec4899;
}
.phony-popup[data-theme="printemps"] .phony-popup__hero{
  background:
    radial-gradient(120% 100% at 50% 0%, rgba(255,255,255,.35), transparent 60%),
    linear-gradient(135deg, #86efac 0%, #4ade80 35%, #f9a8d4 100%);
}
.phony-popup[data-theme="printemps"] .phony-popup__title,
.phony-popup[data-theme="printemps"] .phony-popup__subtitle{
  color:#14532d;text-shadow:0 2px 10px rgba(255,255,255,.5);
}

/* Mobile */
@media(max-width:480px){
  .phony-popup{border-radius:24px;max-width:100%}
  .phony-popup__hero{padding:38px 22px 24px}
  .phony-popup__title{font-size:24px}
  .phony-popup__subtitle{font-size:14px}
  .phony-popup__main{padding:18px 22px 8px}
  .phony-popup__actions{padding:18px 22px 10px}
  .phony-popup__footer{padding:4px 22px 20px}
  .phony-popup__badge{width:76px;height:76px;font-size:36px;margin-bottom:16px}
  .phony-popup__code-val{font-size:18px;letter-spacing:1.5px}
  .phony-popup__code-copy{padding:9px 13px;font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  .phony-popup,.phony-popup__badge,.phony-popup__decor span,.phony-popup__cta{animation:none!important;transition:opacity .2s!important}
}