/* Pepper Records – Plattenladen bei Nacht */
:root{
  --pr-night:var(--wp--preset--color--night,#110D0C);
  --pr-night-2:var(--wp--preset--color--night-2,#1C1614);
  --pr-cream:var(--wp--preset--color--cream,#F2E8D8);
  --pr-soft:var(--wp--preset--color--cream-soft,#B8AA95);
  --pr-wine:var(--wp--preset--color--wine,#A3283A);
  --pr-gold:var(--wp--preset--color--gold,#C9A13B);
  --pr-line:rgba(242,232,216,.12);
  --pr-wrap:1240px;
  --pr-gutter:max(16px,env(safe-area-inset-left,0px));
}
html{scroll-behavior:smooth}
body{background:var(--pr-night)}
h1,h2,h3{text-wrap:balance}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pr-gold);outline-offset:3px}
img{height:auto}

/* Header */
.pr-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--pr-night) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--pr-line)}
.admin-bar .pr-header{top:32px}
@media (max-width:782px){.admin-bar .pr-header{top:46px}}
.pr-bar{max-width:var(--pr-wrap);margin-inline:auto;min-height:66px;gap:16px;padding-inline:var(--pr-gutter);box-sizing:border-box}
.pr-brand{display:inline-flex;align-items:center;gap:10px;font:700 1rem/1 var(--wp--preset--font-family--display);letter-spacing:.04em;text-transform:uppercase;color:var(--pr-cream)!important;text-decoration:none;white-space:nowrap}
.pr-brand i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--pr-cream) 0 2px,var(--pr-wine) 2.5px 7px,#0b0b0b 7.5px);box-shadow:0 0 0 1px var(--pr-line)}
.pr-header .wp-block-navigation a{color:var(--pr-soft);text-decoration:none}
.pr-header .wp-block-navigation a:hover{color:var(--pr-cream)}
.pr-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--pr-night)!important;color:var(--pr-cream)!important;padding:24px var(--pr-gutter)}
.pr-header .wp-block-navigation__responsive-container.is-menu-open a{font-size:1.3rem;color:var(--pr-cream)}

/* Abschnitte */
.pr-section{padding-block:clamp(56px,8vw,112px);padding-inline:var(--pr-gutter) max(16px,env(safe-area-inset-right,0px))}
.pr-section>*{max-width:var(--pr-wrap);margin-inline:auto!important}
.pr-section>*+*{margin-block-start:1.25rem}
.pr-band{background:var(--pr-night-2)}
.pr-eyebrow{font:700 .72rem/1 var(--wp--preset--font-family--display)!important;letter-spacing:.18em;text-transform:uppercase;color:var(--pr-gold);margin:0}
.pr-lead{font-size:var(--wp--preset--font-size--large)!important;color:var(--pr-soft);max-width:36ch}
.pr-soft{color:var(--pr-soft)}
.pr-small,.pr-small p{font-size:.85rem!important;color:var(--pr-soft)}
.pr-serif{font-family:var(--wp--preset--font-family--accent);font-style:italic;font-weight:400;letter-spacing:0;text-transform:none}
.wp-block-columns{gap:clamp(28px,5vw,72px)}
.wp-block-columns.pr-mid{align-items:center}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--pr-cream);border-color:var(--pr-cream)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--pr-cream);color:var(--pr-night)}

/* Hero */
.pr-hero{max-width:var(--pr-wrap);margin-inline:auto;padding:clamp(28px,5vw,64px) max(16px,env(safe-area-inset-right,0px)) clamp(48px,7vw,96px) var(--pr-gutter);box-sizing:border-box}
.pr-hero h1{text-transform:uppercase;margin-top:.5rem}
.pr-hero h1 .pr-serif{display:block;color:var(--pr-gold);font-size:.62em;margin-top:.15em}

/* Plattenspieler */
.pr-deck{max-width:560px;margin-inline:auto}
.pr-table{position:relative;aspect-ratio:1/1;border-radius:18px;background:linear-gradient(145deg,#2B2320,#16110F);box-shadow:0 30px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06)}
.pr-platter{position:absolute;left:4%;top:7%;width:82%;aspect-ratio:1;border-radius:50%;background:#0a0807;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.pr-platter::after{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 200deg,transparent 0 8%,rgba(255,255,255,.10) 12%,transparent 18% 58%,rgba(255,255,255,.07) 62%,transparent 68%);pointer-events:none}
.pr-vinyl{position:absolute;inset:3%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#121010 0 1px,#1d1a19 1.5px 3px);will-change:transform}
.pr-label{position:absolute;left:32%;top:32%;width:36%;height:36%;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 3px #0a0807}
.pr-hole{position:absolute;left:49%;top:49%;width:2%;height:2%;border-radius:50%;background:#e8e0d0;box-shadow:0 0 0 2px #0a0807}
.pr-arm{position:absolute;right:0;top:0;width:34%;height:68%;transform-origin:75% 12.5%;transform:rotate(-18deg);transition:transform 1.1s cubic-bezier(.5,0,.2,1);filter:drop-shadow(0 6px 6px rgba(0,0,0,.5))}
.pr-deck.is-playing .pr-arm{transform:rotate(0deg)}
.pr-rpm{position:absolute;right:6%;bottom:5%;font:700 .7rem/1 var(--wp--preset--font-family--display);letter-spacing:.12em;color:var(--pr-soft)}
.pr-now{margin-top:20px}
.pr-now-nr{font:700 .72rem/1.4 var(--wp--preset--font-family--display);letter-spacing:.14em;text-transform:uppercase;color:var(--pr-gold);margin:0}
.pr-now-title{font:italic 400 clamp(1.6rem,3vw,2.2rem)/1.15 var(--wp--preset--font-family--accent);margin:.25rem 0 .9rem}
.pr-consent{font-size:.82rem;color:var(--pr-soft);margin:0 0 12px}
.pr-player.is-loaded .pr-consent,.pr-player.is-loaded [data-pr-load]{display:none}
.pr-embed iframe{display:block;width:100%;border:0;border-radius:12px}

/* Buttons */
.pr-btn{display:inline-flex;align-items:center;gap:.5em;padding:1em 1.6em;border-radius:999px;font:700 .92rem/1 var(--wp--preset--font-family--body);border:1.5px solid var(--pr-wine);background:var(--pr-wine);color:var(--pr-cream)!important;cursor:pointer;text-decoration:none}
.pr-btn:hover{background:var(--pr-cream);border-color:var(--pr-cream);color:var(--pr-night)!important}

/* Katalog */
.pr-katalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:40px 28px}
.pr-release{min-width:0}
.pr-sleeve{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;aspect-ratio:1}
.pr-sleeve img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;box-shadow:0 14px 30px rgba(0,0,0,.45)}
.pr-peek{position:absolute;z-index:0;left:5%;top:5%;width:90%;height:90%;border-radius:50%;background:radial-gradient(circle,var(--pr-wine) 0 15%,#0a0807 15.5% 17%,transparent 17.5%),repeating-radial-gradient(circle,#121010 0 1px,#1d1a19 1.5px 3px);transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.pr-sleeve:hover .pr-peek,.pr-sleeve:focus-visible .pr-peek,.pr-release.is-current .pr-peek{transform:translateX(22%)}
.pr-nr{font:700 .68rem/1 var(--wp--preset--font-family--display);letter-spacing:.16em;color:var(--pr-gold);margin:16px 0 6px}
.pr-title{font:italic 400 1.35rem/1.15 var(--wp--preset--font-family--accent)!important;margin:0;letter-spacing:0}
.pr-meta{font-size:.82rem;color:var(--pr-soft);margin:6px 0 0}
.pr-meta a{color:var(--pr-gold)}
@media (max-width:520px){.pr-katalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.pr-title{font-size:1.1rem!important}}

/* Kanäle */
.pr-channels{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px!important}
.pr-channels>*{margin:0!important;border:1px solid var(--pr-line);border-radius:14px;padding:26px!important;background:var(--pr-night)}
.pr-channels h3{font-size:1.1rem}

/* Formular */
.pr-form{display:grid;gap:14px}
.pr-form p{margin:0}
.pr-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){.pr-row{grid-template-columns:1fr}}
.pr-form label{display:block;font-size:.82rem;font-weight:700;margin-bottom:6px;color:var(--pr-soft)}
.pr-form input[type=text],.pr-form input[type=email],.pr-form select,.pr-form textarea{width:100%;box-sizing:border-box;font:inherit;padding:.85em .95em;border:1px solid var(--pr-line);border-radius:8px;background:var(--pr-night);color:var(--pr-cream)}
.pr-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.pr-notice{padding:16px 18px;border-radius:8px;margin-bottom:16px}
.pr-ok{background:#1F3A24;color:#DDF2DF}
.pr-err{background:#4A1820;color:#FBDDE1}

/* Rechtstexte */
.pr-legal h2{font-family:var(--wp--preset--font-family--body);font-size:1.1rem;font-weight:700;margin-top:2.2em;letter-spacing:0}
.wp-block-post-title{text-transform:uppercase}

/* Footer */
.pr-footer{border-top:1px solid var(--pr-line);padding:40px max(16px,env(safe-area-inset-right,0px)) 40px var(--pr-gutter);font-size:.85rem;color:var(--pr-soft)}
.pr-footer>*{max-width:var(--pr-wrap);margin-inline:auto!important}
.pr-footer a{color:var(--pr-soft);text-decoration:none}
.pr-footer a:hover{color:var(--pr-cream);text-decoration:underline}
.pr-footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pr-arm,.pr-peek{transition:none}}
.pr-quote{font-size:clamp(1.5rem,3vw,2.3rem)!important;line-height:1.2!important;color:var(--pr-gold)}
.pr-hero{overflow-x:clip}
.pr-section{scroll-margin-top:70px}

/* ===== Neon-Look: Die Welt ist bunt bei Pepper Records ===== */
:root{
  --pr-night:#07060B; --pr-night-2:#100D18; --pr-cream:#F4F1FA; --pr-soft:#A9A3BD;
  --pr-wine:#FF3D9A; --pr-gold:#FFB547; --pr-blue:#2FB8FF; --pr-violet:#B23CFF;
  --pr-line:rgba(178,60,255,.22);
  --pr-grad:linear-gradient(90deg,#2FB8FF 0%,#5B5BFF 30%,#B23CFF 55%,#FF3D9A 80%,#FFB547 100%);
  --pr-grad-btn:linear-gradient(90deg,#5B5BFF 0%,#B23CFF 50%,#FF3D9A 100%);
}
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(178,60,255,.18),transparent 60%),radial-gradient(900px 500px at -10% 30%,rgba(47,184,255,.12),transparent 60%),var(--pr-night)}
.pr-band{background:linear-gradient(180deg,rgba(91,91,255,.07),rgba(255,61,154,.05)),var(--pr-night-2)}
.pr-header{background:color-mix(in srgb,var(--pr-night) 82%,transparent);border-bottom:1px solid transparent;border-image:var(--pr-grad) 1}
.pr-brand i{background:radial-gradient(circle,#fff 0 2px,transparent 2.5px),conic-gradient(#2FB8FF,#B23CFF,#FF3D9A,#FFB547,#2FB8FF);box-shadow:0 0 12px rgba(178,60,255,.7)}
.pr-hero h1{background:var(--pr-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(178,60,255,.35))}
.pr-hero h1 .pr-serif{background:linear-gradient(90deg,#FFB547,#FF3D9A);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-eyebrow{background:linear-gradient(90deg,#2FB8FF,#B23CFF 60%,#FF3D9A);-webkit-background-clip:text;background-clip:text;color:transparent;width:fit-content}
.pr-section h2{text-shadow:0 0 22px rgba(178,60,255,.35)}
.pr-quote{background:linear-gradient(90deg,#FFB547,#FF3D9A 50%,#B23CFF);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.wp-block-button__link{box-shadow:0 0 22px rgba(178,60,255,.45)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--pr-cream);border:1.5px solid var(--pr-blue);box-shadow:0 0 14px rgba(47,184,255,.35)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--pr-blue);color:#07060B}
.pr-btn{background:var(--pr-grad-btn);border:0;color:#fff!important;box-shadow:0 0 22px rgba(178,60,255,.45)}
.pr-btn:hover{background:linear-gradient(90deg,#2FB8FF,#5B5BFF,#B23CFF);color:#fff!important}

/* Plattenspieler in Neon */
.pr-table{background:linear-gradient(145deg,#171226,#0B0912);box-shadow:0 0 0 1px rgba(178,60,255,.35),0 0 50px rgba(178,60,255,.25),0 30px 60px rgba(0,0,0,.6)}
.pr-platter{box-shadow:0 0 0 2px rgba(47,184,255,.0),0 0 30px rgba(47,184,255,.25),0 10px 30px rgba(0,0,0,.6)}
.pr-platter::before{content:"";position:absolute;inset:-6px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,#2FB8FF,#5B5BFF,#B23CFF,#FF3D9A,#FFB547,#2FB8FF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(.3px) drop-shadow(0 0 8px rgba(178,60,255,.8));opacity:.85}
.pr-deck.is-playing .pr-platter::before{animation:pr-hue 4s linear infinite}
@keyframes pr-hue{to{filter:hue-rotate(360deg) blur(.3px) drop-shadow(0 0 10px rgba(255,61,154,.9))}}
.pr-vinyl{background:repeating-radial-gradient(circle at 50% 50%,#0d0b14 0 1px,#1a1626 1.5px 3px)}
.pr-label{box-shadow:0 0 0 3px #0a0812,0 0 18px rgba(255,61,154,.45)}
.pr-arm{filter:drop-shadow(0 0 6px rgba(178,60,255,.7))}
.pr-rpm{color:var(--pr-blue);text-shadow:0 0 8px rgba(47,184,255,.8)}
.pr-now-nr{color:var(--pr-blue)}
.pr-now-title{color:#fff}

/* Katalog in Neon */
.pr-sleeve img{transition:box-shadow .3s,transform .3s}
.pr-release:nth-child(5n+1) .pr-sleeve:hover img{box-shadow:0 0 0 1px #2FB8FF,0 0 28px rgba(47,184,255,.6)}
.pr-release:nth-child(5n+2) .pr-sleeve:hover img{box-shadow:0 0 0 1px #5B5BFF,0 0 28px rgba(91,91,255,.6)}
.pr-release:nth-child(5n+3) .pr-sleeve:hover img{box-shadow:0 0 0 1px #B23CFF,0 0 28px rgba(178,60,255,.6)}
.pr-release:nth-child(5n+4) .pr-sleeve:hover img{box-shadow:0 0 0 1px #FF3D9A,0 0 28px rgba(255,61,154,.6)}
.pr-release:nth-child(5n+5) .pr-sleeve:hover img{box-shadow:0 0 0 1px #FFB547,0 0 28px rgba(255,181,71,.6)}
.pr-release.is-current .pr-sleeve img{box-shadow:0 0 0 2px #FF3D9A,0 0 30px rgba(255,61,154,.7)}
.pr-peek{background:radial-gradient(circle,#fff 0 1.2%,transparent 1.6%),radial-gradient(circle,#FF3D9A 0 10%,#B23CFF 10.5% 15%,#0a0812 15.5% 16.5%,transparent 17%),repeating-radial-gradient(circle,#0d0b14 0 1px,#1a1626 1.5px 3px);box-shadow:0 0 18px rgba(178,60,255,.55)}
.pr-nr{color:var(--pr-blue)}
.pr-release:nth-child(even) .pr-nr{color:var(--pr-wine)}
.pr-meta a{color:var(--pr-blue)}

/* Kanäle mit Neon-Rahmen */
.pr-channels>*{border:1px solid transparent!important;background:linear-gradient(var(--pr-night),var(--pr-night)) padding-box,var(--pr-grad) border-box!important;box-shadow:0 0 24px rgba(178,60,255,.18)}
.pr-channels a{color:var(--pr-blue)}

/* Formular */
.pr-form input:focus,.pr-form select:focus,.pr-form textarea:focus{outline:none;border-color:var(--pr-violet);box-shadow:0 0 0 1px var(--pr-violet),0 0 16px rgba(178,60,255,.45)}
.pr-footer{border-top:1px solid transparent;border-image:var(--pr-grad) 1}
:where(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--pr-blue)}
@media (prefers-reduced-motion:reduce){.pr-deck.is-playing .pr-platter::before{animation:none}}

.pr-section>.pr-eyebrow{margin-inline:max(0px,calc((100% - var(--pr-wrap))/2)) auto!important}
.pr-sleeve:hover .pr-peek,.pr-sleeve:focus-visible .pr-peek,.pr-release.is-current .pr-peek{transform:translateX(32%)}
.pr-peek{box-shadow:0 0 0 1.5px rgba(255,61,154,.7),0 0 22px rgba(178,60,255,.6)}

/* Platte deutlicher aus der Hülle */
.pr-section:has(.pr-katalog){overflow-x:clip}
.pr-sleeve img{transition:transform .35s cubic-bezier(.3,.7,.2,1),box-shadow .3s}
.pr-peek{transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.pr-sleeve:hover img,.pr-sleeve:focus-visible img{transform:translate(-8%,-4px) rotate(-2deg)}
.pr-sleeve:hover .pr-peek,.pr-sleeve:focus-visible .pr-peek,.pr-release.is-current .pr-peek{transform:translateX(42%);animation:pr-spin 1.8s linear .5s infinite}
@keyframes pr-spin{from{transform:translateX(42%) rotate(0)}to{transform:translateX(42%) rotate(360deg)}}
.pr-sleeve::after{content:"▶ Hörprobe";position:absolute;z-index:2;left:8px;bottom:8px;padding:6px 10px;border-radius:999px;font:700 .72rem/1 var(--wp--preset--font-family--body);color:#fff;background:var(--pr-grad-btn);box-shadow:0 0 14px rgba(178,60,255,.6);opacity:0;transform:translateY(6px);transition:.25s}
.pr-sleeve:hover::after,.pr-sleeve:focus-visible::after{opacity:1;transform:none}
@media (hover:none){.pr-sleeve::after{opacity:1;transform:none}}
.pr-player.is-asking{animation:pr-pulse 1.2s ease-in-out 3}
@keyframes pr-pulse{50%{box-shadow:0 0 0 2px #FF3D9A,0 0 30px rgba(255,61,154,.7);border-radius:14px}}
@media (prefers-reduced-motion:reduce){.pr-peek{animation:none!important}}
.pr-release{position:relative}.pr-release:hover,.pr-release:focus-within,.pr-release.is-current{z-index:5}

/* Equalizer */
.pr-eq{display:flex;align-items:flex-end;gap:4px;height:44px;margin-top:14px;padding-inline:4px}
.pr-eq i{flex:1;height:8%;border-radius:3px 3px 0 0;background:linear-gradient(0deg,#2FB8FF,#B23CFF 55%,#FF3D9A);opacity:.35;transition:height .12s ease-out,opacity .3s}
.pr-deck.is-playing .pr-eq i{opacity:1;box-shadow:0 0 10px rgba(178,60,255,.6)}
/* Zufallsplatte */
.pr-shuffle-wrap{margin:12px 0 0}
.pr-shuffle{background:transparent;color:var(--pr-cream);border:1.5px solid var(--pr-wine);border-radius:999px;padding:.7em 1.3em;font:700 .85rem/1 var(--wp--preset--font-family--body);cursor:pointer;box-shadow:0 0 14px rgba(255,61,154,.35)}
.pr-shuffle:hover{background:var(--pr-wine);color:#fff}
.pr-shuffle.is-rolling{animation:pr-roll .6s ease}
@keyframes pr-roll{50%{transform:rotate(-6deg) scale(1.08)}}
/* Plattenkiste */
.pr-crate{position:relative;margin-block:8px 48px!important}
.pr-crate-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 30% 30px;perspective:900px;scrollbar-width:none;cursor:grab}
.pr-crate-track::-webkit-scrollbar{display:none}
.pr-crate-item{flex:0 0 clamp(150px,22vw,230px);margin-right:calc(clamp(150px,22vw,230px) * -0.55);scroll-snap-align:center;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform .35s,filter .35s;transform:rotateY(38deg) scale(.86);filter:brightness(.55)}
.pr-crate-item img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:-10px 10px 30px rgba(0,0,0,.6)}
.pr-crate-item.is-front{transform:rotateY(0) scale(1.08) translateZ(40px);filter:none;z-index:3}
.pr-crate-item.is-front img{box-shadow:0 0 0 2px #FF3D9A,0 0 34px rgba(178,60,255,.7)}
.pr-crate-item.is-right{transform:rotateY(-38deg) scale(.86)}
.pr-crate-hint{text-align:center;color:var(--pr-soft);font-size:.82rem;margin-top:6px!important}
.pr-crate-btn{position:absolute;top:50%;z-index:5;width:44px;height:44px;border-radius:50%;border:0;background:var(--pr-grad-btn);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 0 18px rgba(178,60,255,.6)}
.pr-crate-prev{left:0}.pr-crate-next{right:0}
/* Notenspur */
.pr-note{position:fixed;z-index:9999;pointer-events:none;font-size:18px;line-height:1;text-shadow:0 0 10px currentColor;animation:pr-note 1s ease-out forwards}
@keyframes pr-note{to{opacity:0;transform:translate(var(--dx),-40px) rotate(var(--rt)) scale(.6)}}
/* Stimmungsfarbe */
body{transition:background-color 1s}
body.has-mood{background:radial-gradient(1100px 700px at 75% 10%,var(--pr-mood,rgba(178,60,255,.25)),transparent 65%),radial-gradient(900px 500px at -10% 30%,rgba(47,184,255,.10),transparent 60%),var(--pr-night)}
@media (prefers-reduced-motion:reduce){.pr-crate-item,.pr-eq i{transition:none}}

/* ===== DJ-Plattenspieler von oben (eigenes Design) ===== */
.pr-table{aspect-ratio:1.18/1;border-radius:14px;background:
 repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),
 linear-gradient(160deg,#2b2836 0%,#17151f 55%,#100e16 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.6),0 0 0 1px rgba(178,60,255,.35),0 0 50px rgba(178,60,255,.22),0 30px 60px rgba(0,0,0,.6)}
.pr-screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d7d3e2,#55505f 70%);box-shadow:0 1px 1px rgba(0,0,0,.6)}
.pr-screw::after{content:"";position:absolute;left:2px;right:2px;top:4.5px;height:1px;background:#2a2633;transform:rotate(30deg)}
.s1{left:2.4%;top:3%}.s2{right:2.4%;top:3%}.s3{left:2.4%;bottom:3%}.s4{right:2.4%;bottom:3%}
.pr-brandplate{position:absolute;right:5%;top:4%;font:700 .58rem/1 var(--wp--preset--font-family--display);letter-spacing:.2em;color:#cfc9de;opacity:.7}
.pr-platter{left:5%;top:7%;width:69%;aspect-ratio:1;background:#0b0a10;box-shadow:0 0 0 2px #77738a,0 0 0 5px #23202c,0 12px 28px rgba(0,0,0,.65)}
.pr-strobe{position:absolute;inset:-1.6%;border-radius:50%;background:repeating-conic-gradient(#c9c5d6 0 1.2deg,#55516a 1.2deg 2.4deg);-webkit-mask:radial-gradient(circle,transparent 66%,#000 66.5% 70%,transparent 70.5%);mask:radial-gradient(circle,transparent 66%,#000 66.5% 70%,transparent 70.5%);opacity:.8}
.pr-strobelight{position:absolute;left:4%;bottom:7%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#ff7ab8,#FF3D9A 45%,#7a1048);box-shadow:0 0 14px #FF3D9A}
.pr-deck.is-playing .pr-strobelight{animation:pr-blink 1.4s ease-in-out infinite}
@keyframes pr-blink{50%{box-shadow:0 0 26px #FF3D9A,0 0 40px rgba(255,61,154,.6)}}
.pr-arm{right:4%;top:5%;width:27%;height:70%;transform-origin:75% 13.8%;transform:rotate(-16deg)}
.pr-startstop{position:absolute;left:5%;bottom:5%;margin-left:28px;width:15%;min-width:64px;aspect-ratio:1.5;border:0;border-radius:6px;background:linear-gradient(180deg,#3a3646,#22202b);color:#dcd7ea;font:700 .58rem/1.25 var(--wp--preset--font-family--display);letter-spacing:.12em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #0b0a10,0 0 0 1px #4a4558;transition:transform .08s,box-shadow .08s}
.pr-startstop:hover{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 3px 0 #0b0a10,0 0 0 1px #B23CFF,0 0 18px rgba(178,60,255,.6)}
.pr-startstop:active,.pr-startstop.is-pressed{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 #0b0a10,0 0 0 1px #4a4558}
.pr-deck.is-playing .pr-startstop{color:#2FB8FF;text-shadow:0 0 8px #2FB8FF}
.pr-speeds{position:absolute;left:calc(5% + 28px + 17%);bottom:6%;display:flex;gap:6px}
.pr-speed{border:0;border-radius:4px;padding:6px 8px;background:#26232f;color:#9c97ad;font:700 .6rem/1 var(--wp--preset--font-family--display);cursor:pointer;box-shadow:0 2px 0 #0b0a10,0 0 0 1px #4a4558}
.pr-speed.is-on{color:#FFB547;box-shadow:0 2px 0 #0b0a10,0 0 0 1px #FFB547,0 0 10px rgba(255,181,71,.5)}
.pr-pitch{position:absolute;right:6%;bottom:8%;width:6%;height:40%;border-radius:4px;background:#0f0d15;box-shadow:inset 0 0 0 1px #3c3848}
.pr-pitch::before{content:"";position:absolute;left:50%;top:6%;bottom:6%;width:2px;transform:translateX(-50%);background:#3c3848}
.pr-pitch i{position:absolute;left:-15%;right:-15%;top:46%;height:9%;border-radius:3px;background:linear-gradient(180deg,#e9e6f2,#8f8aa2);box-shadow:0 2px 4px rgba(0,0,0,.6)}
.pr-pitch span{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font:700 .5rem/1 var(--wp--preset--font-family--display);letter-spacing:.12em;color:#8d88a0}
.pr-rpm{right:5%;bottom:auto;top:12%}
.pr-tap{margin:.2rem 0 .8rem;padding:10px 14px;border-radius:10px;background:rgba(47,184,255,.12);color:#cfeaff;font-size:.85rem;border:1px solid rgba(47,184,255,.4)}
.pr-platter::before{inset:-2.5%}
@media (max-width:520px){.pr-startstop{margin-left:22px;min-width:54px}.pr-speeds{left:calc(5% + 22px + 18%)}.pr-brandplate{display:none}}
.pr-rpm{top:auto;right:auto;left:calc(5% + 28px + 17% + 92px);bottom:8.5%}
.pr-pitch span{white-space:nowrap;bottom:-14px}
.pr-startstop{white-space:nowrap}
@media (max-width:520px){.pr-startstop{font-size:.48rem;min-width:58px}.pr-rpm{display:none}.pr-pitch span{display:none}}

.pr-table{aspect-ratio:1/1}.pr-platter{width:66%;top:6%}

.pr-arm{z-index:3}.pr-pitch{z-index:1;height:28%;bottom:6%}
.pr-deck.is-playing .pr-arm{transform:rotate(16deg)}

.pr-speeds,.pr-pitch,.pr-rpm{display:none!important}

.pr-skip{position:absolute;left:calc(5% + 28px + 17%);bottom:6%;display:flex;gap:6px;z-index:2}
.pr-skip button{border:0;border-radius:4px;width:34px;padding:6px 0;background:#26232f;color:#dcd7ea;font:700 .9rem/1 var(--wp--preset--font-family--display);cursor:pointer;box-shadow:0 2px 0 #0b0a10,0 0 0 1px #4a4558}
.pr-skip button:hover{color:#fff;box-shadow:0 2px 0 #0b0a10,0 0 0 1px #2FB8FF,0 0 12px rgba(47,184,255,.6)}
.pr-skip button:active{transform:translateY(2px);box-shadow:0 0 0 1px #4a4558}
@media (max-width:520px){.pr-skip{left:calc(5% + 22px + 18%)}}

.pr-label{left:23%;top:23%;width:54%;height:54%}

.pr-arm{transform:rotate(9deg)}.pr-deck.is-playing .pr-arm{transform:rotate(27deg)}

.pr-pitch{display:block!important}

.pr-arm{transform:rotate(0deg)}.pr-deck.is-playing .pr-arm{transform:rotate(27deg)}

.pr-pitch{bottom:10%;right:9%}

/* Song-Geschenk */
.sg{position:relative;max-width:1100px;margin:0 auto;padding:40px var(--pr-gutter,16px) 80px;overflow:hidden}
.sg-snow{position:absolute;inset:0;pointer-events:none;z-index:0}
.sg-snow i{position:absolute;top:-30px;color:#fff;opacity:.55;animation:sg-fall linear infinite;font-style:normal;text-shadow:0 0 8px #B23CFF}
@keyframes sg-fall{to{transform:translateY(110vh) rotate(360deg)}}
.sg>*:not(.sg-snow){position:relative;z-index:1}
.sg-hero{text-align:center;padding:30px 0 10px}
.sg-kicker{font:700 .78rem/1 var(--wp--preset--font-family--display);letter-spacing:.22em;text-transform:uppercase;color:#2FB8FF}
.sg-h1{font:800 clamp(2.4rem,7vw,5rem)/1 var(--wp--preset--font-family--display);margin:.3em 0;background:var(--pr-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(178,60,255,.45))}
.sg-lead{max-width:640px;margin:0 auto 34px;font-size:1.12rem;color:var(--pr-cream)}
.sg-tag{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:26px 44px 20px;background:linear-gradient(160deg,#1c1626,#120f19);border:2px solid #FF3D9A;border-radius:14px 14px 14px 14px;box-shadow:0 0 30px rgba(255,61,154,.45);transform:rotate(-3deg);animation:sg-swing 4s ease-in-out infinite;transform-origin:50% -20px}
@keyframes sg-swing{50%{transform:rotate(3deg)}}
.sg-tag-hole{position:absolute;top:10px;width:12px;height:12px;border-radius:50%;border:2px solid #FFB547}
.sg-tag-to{font:italic 1rem/1.2 var(--wp--preset--font-family--serif,serif);color:var(--pr-soft)}
.sg-tag-to b{color:#FFB547}
.sg-price{font:800 clamp(2.4rem,6vw,3.4rem)/1 var(--wp--preset--font-family--display);color:#fff;text-shadow:0 0 14px #FF3D9A}
.sg-tag-small{font-size:.72rem;color:var(--pr-soft);max-width:260px;text-align:center}
.sg-count{margin-top:22px;font:700 .85rem/1.3 var(--wp--preset--font-family--display);letter-spacing:.08em;color:#FFB547}
.sg-facts{list-style:none;padding:0;margin:40px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.sg-facts li{padding:18px;border:1px solid var(--pr-line);border-radius:14px;background:rgba(255,255,255,.03)}
.sg-facts b{display:block;color:#fff;font-size:1.05rem}.sg-facts span{color:var(--pr-soft);font-size:.9rem}
.sg-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0 60px}
.sg-steps div{padding:22px;border-radius:16px;background:linear-gradient(160deg,rgba(47,184,255,.08),rgba(255,61,154,.06))}
.sg-steps i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pr-grad);color:#fff;font:800 1rem/1 var(--wp--preset--font-family--display);font-style:normal}
.sg-steps h3{margin:.6em 0 .3em;color:#fff}.sg-steps p{margin:0;color:var(--pr-soft)}
.sg-h2{font:800 clamp(1.8rem,4vw,2.6rem)/1.1 var(--wp--preset--font-family--display);color:#fff;margin:0 0 .3em}
.sg-sub{color:var(--pr-soft);margin:0 0 24px;max-width:720px}
.sg-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
@media(max-width:820px){.sg-grid{grid-template-columns:1fr}}
.sg-chips{border:0;padding:0;margin:0 0 18px}
.sg-chips legend{font-weight:700;color:#fff;margin-bottom:8px}
.sg-chips button{margin:0 8px 8px 0;padding:.6em 1em;border-radius:999px;border:1.5px solid var(--pr-line);background:transparent;color:var(--pr-cream);font:600 .88rem/1 var(--wp--preset--font-family--body);cursor:pointer;transition:all .15s}
.sg-chips button:hover{border-color:#B23CFF}
.sg-chips button[aria-pressed=true]{background:var(--pr-grad);border-color:transparent;color:#fff;box-shadow:0 0 16px rgba(178,60,255,.6)}
.sg-namefield label{display:block;font-weight:700;color:#fff;margin-bottom:8px}
.sg-namefield input{width:100%;max-width:340px;padding:.8em 1em;border-radius:10px;border:1.5px solid var(--pr-line);background:rgba(0,0,0,.3);color:#fff;font-size:1rem}
.sg-card{position:sticky;top:90px;padding:24px;border-radius:18px;background:linear-gradient(160deg,#1d1730,#120e1a);border:1.5px solid #B23CFF;box-shadow:0 0 34px rgba(178,60,255,.35)}
@keyframes pr-spin{to{transform:rotate(360deg)}}
.sg-card-k{font:700 .75rem/1 var(--wp--preset--font-family--display);letter-spacing:.2em;text-transform:uppercase;color:#2FB8FF;margin:0 0 8px}
.sg-recipe{font:italic 1.2rem/1.45 var(--wp--preset--font-family--serif,serif);color:#fff;min-height:5.5em}
.sg-order{margin-top:70px}
@media(prefers-reduced-motion:reduce){.sg-tag,.sg-snow i,.sg-cass span{animation:none!important}}
.sg-recipe{white-space:pre-line;font-style:normal;font-family:var(--wp--preset--font-family--body);font-size:1.05rem}
body:has(.sg) .wp-block-post-title{display:none}.sg-facts{grid-template-columns:repeat(4,1fr)}.sg-steps{grid-template-columns:repeat(3,1fr)}@media(max-width:820px){.sg-facts{grid-template-columns:1fr 1fr}.sg-steps{grid-template-columns:1fr}}.sg-namefield input{box-sizing:border-box}

.sg-facts{grid-template-columns:repeat(3,1fr)}@media(max-width:820px){.sg-facts{grid-template-columns:1fr 1fr}}


/* Song-Kochtopf */
.sg-pot{--so:.16;position:relative;height:160px;margin-bottom:14px;border-radius:10px;background:radial-gradient(ellipse at 50% 92%,rgba(255,107,61,.22),transparent 55%),#0c0a12;border:1px solid #2a2438;overflow:hidden}
.sg-pot[data-lvl="1"]{--so:.3}.sg-pot[data-lvl="2"]{--so:.42}.sg-pot[data-lvl="3"]{--so:.55}
.sg-pot-svg{display:block;height:100%;width:auto;aspect-ratio:240/140;margin:0 auto}
.sg-steam path{opacity:0;animation:sg-steam 3.2s ease-in-out infinite}
.sg-steam path:nth-child(2){animation-delay:-1.1s}.sg-steam path:nth-child(3){animation-delay:-2.1s}
@keyframes sg-steam{0%{transform:translateY(10px);opacity:0}45%{opacity:var(--so)}100%{transform:translateY(-14px);opacity:0}}
.sg-spoon{transform-origin:144px 70px;animation:sg-stir 3.4s ease-in-out infinite}
.sg-pot[data-lvl="2"] .sg-spoon{animation-duration:2.2s}.sg-pot[data-lvl="3"] .sg-spoon{animation-duration:1.4s}
@keyframes sg-stir{0%,100%{transform:rotate(6deg)}50%{transform:rotate(26deg)}}
.sg-disc{transform:translateY(48px);opacity:0;transition:transform .9s cubic-bezier(.2,1.5,.4,1),opacity .35s}
.sg-pot[data-lvl="3"] .sg-disc{transform:translateY(0);opacity:1}
.sg-disc-r{transform-origin:120px 36px;animation:sg-spin 2.4s linear infinite}
@keyframes sg-spin{to{transform:rotate(360deg)}}
.sg-soup{transform-box:fill-box;transform-origin:center}
.sg-splash .sg-soup{animation:sg-splash .5s ease-out}
@keyframes sg-splash{30%{transform:scale(1.06,1.9)}100%{transform:none}}
.sg-bub{display:none;transform-box:fill-box;transform-origin:center;animation:sg-bub 1.6s ease-in infinite}
.sg-bub:nth-child(2){animation-delay:-.5s}.sg-bub:nth-child(3){animation-delay:-1s}.sg-bub:nth-child(4){animation-delay:-.25s}.sg-bub:nth-child(5){animation-delay:-.8s}.sg-bub:nth-child(6){animation-delay:-1.3s}
.sg-pot[data-lvl="1"] .sg-bub:nth-child(-n+2),.sg-pot[data-lvl="2"] .sg-bub:nth-child(-n+4),.sg-pot[data-lvl="3"] .sg-bub{display:inline}
.sg-pot[data-lvl="3"] .sg-bub{animation-duration:1s}
@keyframes sg-bub{0%{transform:scale(.2);opacity:0}40%{opacity:.9}100%{transform:translateY(-7px) scale(1.3);opacity:0}}
.sg-fire{transform-origin:120px 138px;transform:scale(.55);transition:transform .5s}
.sg-pot[data-lvl="1"] .sg-fire{transform:scale(.75)}.sg-pot[data-lvl="2"] .sg-fire{transform:scale(.92)}.sg-pot[data-lvl="3"] .sg-fire{transform:scale(1.1)}
.sg-fl{transform-box:fill-box;transform-origin:50% 100%;animation:sg-flick .38s ease-in-out infinite alternate}
.sg-fl:nth-child(2){animation-delay:-.15s}.sg-fl:nth-child(3){animation-delay:-.27s}
@keyframes sg-flick{from{transform:scaleY(.82) scaleX(1.05)}to{transform:scaleY(1.12) scaleX(.94)}}
.sg-drops{position:absolute;inset:0;pointer-events:none}
.sg-ing{position:absolute;left:50%;top:0;padding:4px 10px;border-radius:99px;font:600 .72rem/1.2 var(--wp--preset--font-family--body);font-style:normal;color:#fff;white-space:nowrap;background:linear-gradient(90deg,#2FB8FF,#B23CFF,#FF4FA3);box-shadow:0 4px 14px rgba(178,60,255,.45);animation:sg-fall .95s cubic-bezier(.45,0,.75,.55) forwards}
@keyframes sg-fall{0%{transform:translate(calc(-50% + var(--x)),-32px) rotate(var(--r));opacity:0}15%{opacity:1}72%{transform:translate(-50%,56px) rotate(calc(var(--r) * -1)) scale(.65);opacity:1}100%{transform:translate(-50%,72px) scale(.15);opacity:0}}
.sg-notes{position:absolute;inset:0;pointer-events:none}
.sg-notes span{position:absolute;left:50%;top:56px;font-size:17px;color:#FFB547;opacity:0;text-shadow:0 0 8px rgba(255,181,71,.6)}
.sg-notes span:nth-child(even){color:#2FB8FF;text-shadow:0 0 8px rgba(47,184,255,.6)}
.sg-pot[data-lvl="3"] .sg-notes span{animation:sg-note 2.7s ease-out infinite}
@keyframes sg-note{0%{transform:translate(-50%,0);opacity:0}20%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),-62px) rotate(var(--dr));opacity:0}}
.sg-done{position:absolute;right:10px;top:10px;padding:3px 9px;border-radius:99px;font:700 .68rem/1.3 var(--wp--preset--font-family--body);letter-spacing:.04em;color:#0c0a12;background:#FFB547;opacity:0;transform:translateY(-6px);transition:opacity .4s .6s,transform .4s .6s}
.sg-pot[data-lvl="3"] .sg-done{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sg-pot *{animation:none!important;transition:none!important}.sg-ing{display:none}}

.pr-hero h1{background-image:linear-gradient(100deg,#2FB8FF 0%,#5B5BFF 14%,#B23CFF 28%,#FF3D9A 42%,#FFB547 50%,#FF3D9A 58%,#B23CFF 72%,#5B5BFF 86%,#2FB8FF 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:pr-shimmer 7s linear infinite,pr-glow 3.5s ease-in-out infinite}
.pr-hero h1 .pr-serif{animation:none}
@keyframes pr-shimmer{to{background-position:300% 0}}
@keyframes pr-glow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,255,255,.6)) drop-shadow(0 0 12px rgba(47,184,255,.65)) drop-shadow(0 0 32px rgba(91,91,255,.45)) drop-shadow(0 0 64px rgba(47,184,255,.22))}33%{filter:drop-shadow(0 0 2px rgba(255,255,255,.6)) drop-shadow(0 0 16px rgba(178,60,255,.75)) drop-shadow(0 0 40px rgba(255,61,154,.45)) drop-shadow(0 0 74px rgba(178,60,255,.25))}66%{filter:drop-shadow(0 0 2px rgba(255,255,255,.6)) drop-shadow(0 0 14px rgba(255,181,71,.7)) drop-shadow(0 0 34px rgba(255,61,154,.4)) drop-shadow(0 0 68px rgba(255,181,71,.22))}}
@media(prefers-reduced-motion:reduce){.pr-hero h1{animation:none}}

.pr-aktion{max-width:var(--pr-wrap,1240px);margin:10px auto 40px;padding:0 var(--pr-gutter,16px)}
.pr-ak-card{position:relative;display:flex;align-items:center;gap:36px;padding:38px 46px;border-radius:24px;overflow:hidden;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#1e1233,#120c1e 55%,#2a0f24);isolation:isolate}
.pr-ak-card::before{content:"";position:absolute;inset:0;padding:3px;border-radius:inherit;background:conic-gradient(from var(--a,0deg),#2FB8FF,#5B5BFF,#B23CFF,#FF3D9A,#FFB547,#2FB8FF);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:pr-ak-rot 4s linear infinite;z-index:-1}
.pr-ak-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);background-size:250% 100%;animation:pr-ak-shine 3.5s ease-in-out infinite;z-index:-1}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes pr-ak-rot{to{--a:360deg}}
@keyframes pr-ak-shine{0%{background-position:150% 0}60%,100%{background-position:-60% 0}}
.pr-ak-card{box-shadow:0 0 40px rgba(255,61,154,.35),0 0 90px rgba(178,60,255,.2);transition:transform .2s,box-shadow .2s}
.pr-ak-card:hover{transform:translateY(-3px) scale(1.005);box-shadow:0 0 55px rgba(255,61,154,.55),0 0 120px rgba(178,60,255,.3)}
.pr-ak-ribbon{position:absolute;top:22px;right:-46px;transform:rotate(35deg);padding:7px 60px;background:linear-gradient(90deg,#FF3D9A,#FFB547);font:800 .8rem/1 var(--wp--preset--font-family--display);letter-spacing:.2em;text-transform:uppercase;color:#1a0b14;box-shadow:0 0 20px rgba(255,61,154,.7);animation:pr-ak-blink 1.6s ease-in-out infinite}
@keyframes pr-ak-blink{50%{filter:brightness(1.35)}}
.pr-ak-notes i{position:absolute;bottom:-30px;font-style:normal;color:#fff;opacity:0;text-shadow:0 0 10px #B23CFF;animation:pr-ak-up 6s linear infinite}
.pr-ak-notes i:nth-child(1){left:6%;animation-delay:0s}.pr-ak-notes i:nth-child(2){left:22%;animation-delay:1.2s}.pr-ak-notes i:nth-child(3){left:41%;animation-delay:2.4s}.pr-ak-notes i:nth-child(4){left:58%;animation-delay:.6s}.pr-ak-notes i:nth-child(5){left:74%;animation-delay:3.3s}.pr-ak-notes i:nth-child(6){left:90%;animation-delay:4.2s}
@keyframes pr-ak-up{10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-260px) rotate(30deg);opacity:0}}
.pr-ak-text{flex:1;display:flex;flex-direction:column;gap:10px;position:relative}
.pr-ak-kicker{font:700 .78rem/1 var(--wp--preset--font-family--display);letter-spacing:.2em;text-transform:uppercase;color:#2FB8FF}
.pr-ak-title{font:800 clamp(2rem,5vw,3.6rem)/1 var(--wp--preset--font-family--display);background:linear-gradient(100deg,#2FB8FF,#B23CFF,#FF3D9A,#FFB547,#FF3D9A,#B23CFF,#2FB8FF);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pr-shimmer 6s linear infinite;filter:drop-shadow(0 0 14px rgba(255,61,154,.45))}
.pr-ak-sub{color:#e9e4f5;font-size:1.05rem;max-width:560px}
.pr-ak-cta{align-self:flex-start;margin-top:6px;padding:.85em 1.5em;border-radius:999px;background:linear-gradient(90deg,#5B5BFF,#B23CFF,#FF3D9A);font:700 .95rem/1 var(--wp--preset--font-family--body);box-shadow:0 0 22px rgba(178,60,255,.6)}
.pr-ak-tag{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 34px 22px;border:2px solid #FF3D9A;border-radius:16px;background:#140f1d;box-shadow:0 0 30px rgba(255,61,154,.5);transform-origin:50% -10px;animation:sg-swing 3.6s ease-in-out infinite;transform:rotate(-4deg)}
@keyframes sg-swing{50%{transform:rotate(4deg)}}
.pr-ak-hole{position:absolute;top:10px;width:12px;height:12px;border-radius:50%;border:2px solid #FFB547}
.pr-ak-tag b{font:800 2.6rem/1 var(--wp--preset--font-family--display);text-shadow:0 0 14px #FF3D9A}
.pr-ak-tag small{font-size:.7rem;color:#A9A3BD;max-width:170px;text-align:center}
.pr-ak-tag em{font:700 .78rem/1 var(--wp--preset--font-family--display);font-style:normal;color:#FFB547}
@media(max-width:760px){.pr-ak-card{flex-direction:column;align-items:flex-start;padding:34px 22px 28px;gap:24px}.pr-ak-tag{align-self:center}}
@media(prefers-reduced-motion:reduce){.pr-ak-card::before,.pr-ak-card::after,.pr-ak-ribbon,.pr-ak-notes i,.pr-ak-title,.pr-ak-tag{animation:none!important}}
.pr-ak-tag{margin-right:56px}.pr-ak-tag small{max-width:200px}@media(max-width:760px){.pr-ak-tag{margin-right:0}.pr-ak-kicker{padding-right:70px}}

.pr-pl{max-width:var(--pr-wrap,1240px);margin:0 auto;padding:60px var(--pr-gutter,16px) 20px}
.pr-pl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
@media(max-width:900px){.pr-pl-grid{grid-template-columns:1fr 1fr}}
.pr-pl-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 12px 16px;border:0;border-radius:18px;background:linear-gradient(160deg,#1c1530,#100c18);color:#fff;text-align:left;cursor:pointer;box-shadow:0 0 0 1px rgba(178,60,255,.25);transition:transform .2s,box-shadow .2s}
.pr-pl-card:hover,.pr-pl-card.is-on{transform:translateY(-4px);box-shadow:0 0 0 2px #B23CFF,0 0 30px rgba(178,60,255,.5)}
.pr-pl-art{display:grid;grid-template-columns:1fr 1fr;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#222}
.pr-pl-art img{width:100%;height:100%;object-fit:cover;display:block}
.pr-pl-card[data-pl=mix] .pr-pl-art{filter:hue-rotate(0deg);animation:pr-pl-hue 6s linear infinite}
@keyframes pr-pl-hue{to{filter:hue-rotate(360deg)}}
.pr-pl-play{position:absolute;right:22px;bottom:84px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5B5BFF,#FF3D9A);font-size:1.1rem;box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 18px rgba(255,61,154,.6);opacity:0;transform:translateY(8px);transition:all .2s}
.pr-pl-card:hover .pr-pl-play,.pr-pl-card.is-on .pr-pl-play{opacity:1;transform:none}
@media(hover:none){.pr-pl-play{opacity:1;transform:none}}
.pr-pl-name{font:700 1.02rem/1.2 var(--wp--preset--font-family--display);margin-top:6px}
.pr-pl-sub{font-size:.82rem;color:#A9A3BD}
.pr-pl-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:999px;background:rgba(16,12,24,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1.5px #B23CFF,0 0 30px rgba(178,60,255,.5);color:#fff;max-width:calc(100vw - 32px)}
.pr-pl-bar[hidden]{display:none}
.pr-pl-now{display:flex;flex-direction:column;font-size:.82rem;line-height:1.25;min-width:0}
.pr-pl-now b{font-family:var(--wp--preset--font-family--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-pl-now span{color:#A9A3BD;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-pl-bar button{width:38px;height:38px;flex:0 0 38px;border-radius:50%;border:0;background:#2a2238;color:#fff;cursor:pointer;font-size:.95rem}
.pr-pl-bar button:hover{background:#B23CFF}
.pr-pl-eq{display:flex;gap:3px;align-items:flex-end;height:18px}
.pr-pl-eq i{width:4px;background:linear-gradient(#2FB8FF,#FF3D9A);border-radius:2px;animation:pr-pl-eq .9s ease-in-out infinite}
.pr-pl-eq i:nth-child(2){animation-delay:.3s}.pr-pl-eq i:nth-child(3){animation-delay:.6s}
@keyframes pr-pl-eq{0%,100%{height:5px}50%{height:18px}}
@media(prefers-reduced-motion:reduce){.pr-pl-eq i,.pr-pl-card[data-pl=mix] .pr-pl-art{animation:none}}

.pr-pl-hint{width:auto!important;flex:0 1 auto!important;padding:0 14px;border-radius:999px!important;background:linear-gradient(90deg,#5B5BFF,#FF3D9A)!important;font:700 .78rem/1 var(--wp--preset--font-family--body)!important;white-space:nowrap;animation:pr-ak-blink 1.4s ease-in-out infinite}.pr-pl-hint[hidden]{display:none}@media(max-width:600px){.pr-pl-bar{flex-wrap:wrap;border-radius:22px;justify-content:center}}

.pr-pl-bar.is-docked{position:static;transform:none;left:auto;bottom:auto;display:inline-flex;margin:0 0 10px;padding:6px 6px 6px 12px;gap:10px;box-shadow:0 0 0 1.5px #B23CFF,0 0 18px rgba(178,60,255,.4);max-width:100%;flex-wrap:wrap;border-radius:18px}.pr-pl-bar.is-docked[hidden]{display:none}.pr-pl-bar.is-docked [data-pl-next]{display:none}.pr-pl-bar.is-docked button{width:30px;height:30px;flex:0 0 30px}.pr-pl-bar.is-docked .pr-pl-hint{height:30px}

.pr-rv{max-width:var(--pr-wrap,1240px);margin:0 auto;padding:70px var(--pr-gutter,16px)}
.pr-rv-stars{color:#FFB547;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,181,71,.6);font-size:1.15rem}
.pr-rv-off{color:#3a3348;text-shadow:none}
.pr-rv-summary{display:flex;align-items:center;gap:14px;margin:10px 0 28px}
.pr-rv-summary b{font:800 3rem/1 var(--wp--preset--font-family--display);background:linear-gradient(90deg,#FFB547,#FF3D9A);-webkit-background-clip:text;background-clip:text;color:transparent}
.pr-rv-summary .pr-rv-stars{font-size:1.6rem}.pr-rv-summary span:last-child{color:#A9A3BD}
.pr-rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.pr-rv-card{margin:0;padding:22px;border-radius:18px;background:linear-gradient(160deg,#1c1530,#100c18);box-shadow:0 0 0 1px rgba(178,60,255,.25)}
.pr-rv-card blockquote{margin:12px 0;color:#F4F1FA;font-size:1rem;line-height:1.55}
.pr-rv-card figcaption{font-size:.82rem;color:#A9A3BD}.pr-rv-card figcaption b{color:#fff}
.pr-rv-note{margin-top:24px;max-width:820px}
.pr-rv-formwrap{max-width:640px;margin:0 auto}
.pr-rv-pick{border:0;padding:0;margin:0 0 16px;display:inline-flex;flex-direction:row-reverse;gap:4px}
.pr-rv-pick legend{float:left;width:100%;margin-bottom:6px;font-weight:600}
.pr-rv-pick input{position:absolute;opacity:0;width:1px;height:1px}
.pr-rv-pick label{font-size:2.4rem;line-height:1;color:#3a3348;cursor:pointer;transition:color .15s,transform .15s}
.pr-rv-pick label:hover,.pr-rv-pick label:hover~label,.pr-rv-pick input:checked~label{color:#FFB547;text-shadow:0 0 12px rgba(255,181,71,.7)}
.pr-rv-pick label:hover{transform:scale(1.15)}
.pr-rv-pick input:focus-visible+label{outline:2px solid #2FB8FF;outline-offset:2px}
.pr-rv-pick{width:max-content}

.pr-rv-hello{padding:14px 18px;border-radius:14px;background:rgba(178,60,255,.12);box-shadow:0 0 0 1px rgba(178,60,255,.35)}

body:has(.ml) .wp-block-post-title{display:none}
.ml{position:relative;max-width:1180px;margin:0 auto;padding:40px var(--pr-gutter,16px) 90px;overflow:hidden}
.ml-stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 32% 72%,#fff6,transparent),radial-gradient(1.5px 1.5px at 58% 12%,#fff9,transparent),radial-gradient(1px 1px at 78% 44%,#fff7,transparent),radial-gradient(2px 2px at 90% 82%,#fff5,transparent),radial-gradient(1px 1px at 44% 38%,#fff6,transparent),radial-gradient(1.5px 1.5px at 22% 90%,#fff5,transparent);animation:ml-tw 6s ease-in-out infinite alternate}
@keyframes ml-tw{to{opacity:.4}}
.ml-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
@media(max-width:880px){.ml-grid{grid-template-columns:1fr}.ml-phone-wrap{order:-1}}
.ml-kicker{font:700 .78rem/1 var(--wp--preset--font-family--display);letter-spacing:.22em;text-transform:uppercase;color:#C9B6FF}
.ml-h1{font:800 clamp(3rem,9vw,6rem)/1 var(--wp--preset--font-family--display);margin:.15em 0 .2em;background:linear-gradient(120deg,#E9DFFF,#B79CFF 40%,#8E6BFF 70%,#E9DFFF);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pr-shimmer 8s linear infinite;filter:drop-shadow(0 0 22px rgba(160,120,255,.55))}
.ml-lead{font-size:1.15rem;color:#ECE6FA;max-width:560px}
.ml-feat{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.ml-feat{grid-template-columns:1fr}}
.ml-feat li{padding:16px;border-radius:16px;background:rgba(160,120,255,.08);box-shadow:0 0 0 1px rgba(160,120,255,.25)}
.ml-feat b{display:block;color:#fff;margin-bottom:4px}.ml-feat span{color:#B8AED0;font-size:.9rem}
.ml-stores{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 18px}
.ml-store{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:12px;background:#0b0912;color:#fff;box-shadow:0 0 0 1.5px #8E6BFF,0 0 20px rgba(142,107,255,.35);font:700 1.05rem/1.05 var(--wp--preset--font-family--body)}
.ml-store svg{width:26px;height:26px}.ml-store small{display:block;font-weight:500;font-size:.68rem;color:#B8AED0}
.ml-note{font-size:.8rem;color:#A9A3BD;max-width:560px}
.ml-phone-wrap{display:flex;justify-content:center;perspective:1200px}
.ml-phone{position:relative;width:290px;aspect-ratio:9/19;border-radius:46px;padding:12px;background:linear-gradient(145deg,#3a3350,#15121f);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 60px rgba(142,107,255,.35),inset 0 0 0 2px #4c4466;transform:rotateY(-12deg) rotateX(4deg);animation:ml-float 6s ease-in-out infinite}
@keyframes ml-float{50%{transform:rotateY(-8deg) rotateX(2deg) translateY(-10px)}}
.ml-notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:14px;background:#000;z-index:2}
.ml-screen{height:100%;border-radius:36px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#3b2a6e,#160f2c 60%,#0a0716);display:flex;flex-direction:column;align-items:center;padding:56px 18px 22px;color:#fff;text-align:center}
.ml-app{font:700 .8rem/1 var(--wp--preset--font-family--display);letter-spacing:.25em;text-transform:uppercase;color:#C9B6FF;margin:0}
.ml-time{font:800 2.4rem/1 var(--wp--preset--font-family--display);margin:10px 0 22px}
.ml-moon{position:relative;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fffaf0,#e9e2d0 35%,#c8bfa8 62%,#9d957f);box-shadow:inset -38px -10px 0 0 rgba(10,7,22,.82),0 0 40px rgba(233,223,255,.55);display:grid;place-items:center}
.ml-moon::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 60%,#0002 0 9px,transparent 10px),radial-gradient(circle at 55% 30%,#0002 0 6px,transparent 7px),radial-gradient(circle at 48% 70%,#0001 0 12px,transparent 13px)}
.ml-aura{position:absolute;inset:-22px;border-radius:50%;background:radial-gradient(circle,rgba(183,156,255,.45),transparent 70%);animation:ml-pulse 3s ease-in-out infinite;z-index:-1}
@keyframes ml-pulse{50%{transform:scale(1.12);opacity:.6}}
.ml-play{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(20,14,40,.75);color:#fff;font-size:1rem;box-shadow:0 0 0 2px rgba(233,223,255,.8);animation:ml-pulse 2s ease-in-out infinite}
.ml-phase{margin:18px 0 14px;color:#C9B6FF;font-size:.85rem}
.ml-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.ml-chips span{padding:6px 10px;border-radius:999px;font-size:.72rem;background:rgba(160,120,255,.18);box-shadow:0 0 0 1px rgba(160,120,255,.4)}
.ml-timer{width:80%;height:4px;border-radius:2px;background:#ffffff22;margin:auto 0 8px;overflow:hidden}
.ml-timer i{display:block;height:100%;width:35%;background:linear-gradient(90deg,#8E6BFF,#E9DFFF)}
.ml-small{font-size:.72rem;color:#B8AED0;margin:0}
@media(prefers-reduced-motion:reduce){.ml-phone,.ml-aura,.ml-play,.ml-stars,.ml-h1{animation:none!important}}

.pr-pl-tag{font-size:.68rem;color:#A9A3BD;font-style:normal;margin-left:6px;white-space:nowrap}


/* === Label-Grade Polish === */
.pr-hero{position:relative}
.pr-hero::before{
  content:"";position:absolute;inset:0;z-index:5;pointer-events:none;
  background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.10) 50%,transparent 58%);
  transform:translateX(-140%);
  animation:pr-sweep 1.5s cubic-bezier(.3,.7,.3,1) .5s 1 both;
}
@keyframes pr-sweep{to{transform:translateX(140%)}}
@keyframes pr-spinup{from{transform:rotate(-26deg) scale(.94);opacity:0;filter:blur(2px)}to{transform:rotate(0deg) scale(1);opacity:1;filter:blur(0)}}
.pr-platter{animation:pr-spinup 1.1s cubic-bezier(.2,.75,.25,1) .15s 1 both}
@keyframes pr-strobeflicker{0%,100%{opacity:0}10%{opacity:1}14%{opacity:.3}18%{opacity:1}24%{opacity:.5}30%{opacity:1}}
.pr-strobelight{animation:pr-strobeflicker 1.3s linear .2s 1}
@media (prefers-reduced-motion: reduce){
  .pr-hero::before,.pr-platter,.pr-strobelight{animation:none}
}

.pr-band{position:relative}
.pr-band::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;mix-blend-mode:overlay;z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}


/* === Neon-Wordmark Upgrade === */
.pr-hero h1{position:relative;isolation:isolate}
.pr-hero h1::before{
  content:"";position:absolute;inset:-38% -12%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 32% 48%,rgba(178,60,255,.40),rgba(91,91,255,.22) 45%,transparent 72%);
  filter:blur(46px);
}