/* ================================================================
   THEME: Pop
   ================================================================ */

[data-theme="pop"] {
  --bg: #FFFBDF; --bg2: #FFF4B8; --bg3: #FFE882;
  --text: #111111; --text2: #444444; --text3: #555555;
  --accent: #FF006E; --accent2: rgba(255,0,110,0.35);
  --border: rgba(0,0,0,0.13); --border2: rgba(0,0,0,0.06);
  --card-bg: rgba(0,0,0,0.03); --card-border: rgba(0,0,0,0.11);
  --nav-bg: rgba(255,251,223,0.97); --btn-bg: #111111; --btn-text: #FFFBDF;
  --font-d: 'Bebas Neue', sans-serif; --font-b: 'Jost', sans-serif; --fw-d: 400;
  --t-overlay: #FF006E;
}

[data-theme="pop"] .bymg-logo .lp { fill: var(--text); }

/* — Overlay transition — */
#overlay.t-pop {
  background: radial-gradient(circle,rgba(180,120,0,0.55) 2px,transparent 2px),#FFDC32;
  background-size: 20px 20px, auto;
  animation: tPop 1.5s cubic-bezier(0.7,0,0.3,1) forwards;
}
@keyframes tPop {
  0%{transform:scale(0);border-radius:50%;opacity:1;filter:brightness(2.5)}18%{transform:scale(3);border-radius:0%;opacity:1;filter:brightness(1)}72%{transform:scale(3);border-radius:0%;opacity:1}88%{transform:scale(3);border-radius:50%;opacity:1}100%{transform:scale(0);border-radius:50%;opacity:1}
}

/* — Personality — */
[data-theme="pop"] .hl-outline { -webkit-text-stroke-width: 2px; }
[data-theme="pop"] .section-headline { font-size: clamp(64px,10vw,130px); letter-spacing: -4px; }
[data-theme="pop"] .srv-list-item:hover { background: var(--card-bg); box-shadow: 3px 3px 0 var(--text); }