/* ===== ROUND 15 · audio add-on box ===== */
@property --aa{syntax:'<angle>';inherits:false;initial-value:0deg}
.order-grid .audio-invite{overflow:visible;isolation:isolate;transition:transform .5s,box-shadow .5s}
.order-grid .audio-invite .audio-tag{padding-right:78px}
.aud-vinyl,.aud-sticker,.aud-badge,.aud-player{display:none}

/* headphones (all options) */
.aud-hp{position:absolute;right:20px;top:16px;width:58px;height:58px;z-index:3;pointer-events:none}
.aud-hp svg{width:100%;height:100%;overflow:visible;transform-origin:50% 70%;animation:hpbob 1.1s ease-in-out infinite}
.aud-hp .band{fill:none;stroke:#5a1a2e;stroke-width:5;stroke-linecap:round}
.aud-hp .cup{fill:#8a2946}
.aud-hp .pad{fill:#e9a3b0;opacity:.8}
.aud-hp i{position:absolute;font:700 17px/1 Georgia,serif;font-style:normal;color:#8a2946;opacity:0;animation:hpnote 2.6s ease-out infinite}
.aud-hp .n1{left:-6px;top:22px;animation-delay:0s}
.aud-hp .n2{right:-8px;top:18px;animation-delay:.65s;color:#c9a46a}
.aud-hp .n3{left:2px;top:30px;animation-delay:1.3s;color:#c4566a}
.aud-hp .n4{right:-2px;top:30px;animation-delay:1.95s}
@keyframes hpbob{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(7deg) translateY(-2px)}}
@keyframes hpnote{0%{opacity:0;transform:translate(0,0) scale(.7) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(var(--x,-16px),-40px) scale(1.15) rotate(-14deg)}}
.aud-hp .n2,.aud-hp .n4{--x:16px}
body.motion-off .aud-hp svg,body.motion-off .aud-hp i{animation:none}
body.motion-off .aud-hp .n1{opacity:1}
/* selected (all options) */
.order-grid .audio-invite.aud-on .add-audio{background:#c9a46a!important;color:#2a111e!important}
.order-grid .audio-invite.aud-on .aud-hp svg{animation-duration:.6s}
.order-grid .audio-invite.aud-on .aud-hp i{animation-duration:1.4s}

/* 1 · glowing ring */
body.aud-1 .order-grid .audio-invite{border:3px solid transparent;background:linear-gradient(#fdf5e7,#fbf0dc) padding-box,conic-gradient(from var(--aa),#c9a46a,#8a2946,#e9a3b0,#c9a46a,#8a2946,#c9a46a) border-box;border-radius:16px;transform:translateY(-12px) scale(1.035);animation:aaspin 6s linear infinite,aaglow 2.8s ease-in-out infinite;z-index:2}
@keyframes aaspin{to{--aa:360deg}}
@keyframes aaglow{0%,100%{box-shadow:0 0 0 0 rgba(201,164,106,.0),0 30px 50px -24px rgba(90,30,48,.5)}50%{box-shadow:0 0 34px 6px rgba(201,164,106,.45),0 30px 50px -24px rgba(90,30,48,.5)}}
body.aud-1 .aud-badge{display:block;position:absolute;left:50%;top:-15px;transform:translateX(-50%);background:#8a2946;color:#fff1dc;font:700 10.5px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:7px 16px;border-radius:30px;white-space:nowrap;box-shadow:0 6px 14px rgba(90,30,48,.3)}
body.aud-1 .order-grid .audio-invite.aud-on{animation:aaspin 2.5s linear infinite;box-shadow:0 0 40px 10px rgba(201,164,106,.55)}

/* 2 · dark spotlight */
body.aud-2 .order-grid .audio-invite{background:radial-gradient(420px 300px at 90% 0,#5a1f36,transparent 70%),radial-gradient(400px 320px at 0 100%,#3e1527,transparent 70%),#2a111e;color:#faf0dd;border:1.5px solid #c9a46a;border-radius:18px;transform:translateY(-16px);box-shadow:0 40px 70px -26px rgba(42,17,30,.8),0 0 0 6px rgba(201,164,106,.12);z-index:2}
body.aud-2 .order-grid .audio-invite:before{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.12) 49%,transparent 56%)}
body.aud-2 .order-grid .audio-invite .audio-tag{color:#e3c789}
body.aud-2 .order-grid .audio-invite .invite-title,body.aud-2 .order-grid .audio-invite .audio-description,body.aud-2 .order-grid .audio-invite small{color:#f3e3d3}
body.aud-2 .order-grid .audio-invite .add-audio{background:#c9a46a;color:#2a111e}
body.aud-2 .order-grid .audio-invite.aud-on .add-audio{background:#faf0dd!important}
body.aud-2 .aud-hp .band{stroke:#e3c789}body.aud-2 .aud-hp .cup{fill:#c9a46a}body.aud-2 .aud-hp .pad{fill:#2a111e}
body.aud-2 .aud-hp i{color:#e3c789}body.aud-2 .aud-hp .n3{color:#e9a3b0}
body.aud-2 .order-grid .audio-invite .equalizer i{background:#e3c789}
body.aud-2 .order-grid .audio-invite:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;border-radius:0 0 18px 18px;pointer-events:none;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='90'%3E%3Cpath d='M0 45 Q30 10 60 45 T120 45 T180 45 T240 45' fill='none' stroke='%23c9a46a' stroke-width='1.5'/%3E%3Cpath d='M0 60 Q30 30 60 60 T120 60 T180 60 T240 60' fill='none' stroke='%23e9a3b0' stroke-width='1'/%3E%3C/svg%3E") repeat-x 0 0/240px 90px;animation:aawave 5s linear infinite}
@keyframes aawave{to{background-position:240px 0}}

/* 3 · the record */
body.aud-3 .order-grid .audio-invite{border:2px solid #8a2946;border-radius:16px;background:#fdf5e7;transform:translateY(-8px);box-shadow:0 34px 56px -26px rgba(90,30,48,.55);z-index:2;margin-top:70px}
body.aud-3 .aud-vinyl{display:block;position:absolute;z-index:-1;left:50%;top:-92px;width:184px;height:184px;margin-left:-92px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#1b0a12 0 2px,#2c1420 2px 4px);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);animation:aavinyl 3.6s linear infinite}
body.aud-3 .aud-vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,rgba(255,255,255,.14) 14%,transparent 20% 60%,rgba(255,255,255,.1) 64%,transparent 70%)}
body.aud-3 .aud-vinyl img{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px;border-radius:50%;border:4px solid #c9a46a}
@keyframes aavinyl{to{transform:rotate(360deg)}}
body.aud-3 .order-grid .audio-invite.aud-on .aud-vinyl{animation-duration:1.4s}
body.motion-off .aud-vinyl{animation:none}

/* 4 · the ticket */
body.aud-4 .order-grid .audio-invite{background:#fdf5e7;border:2px dashed #c9a46a;border-radius:14px;outline:8px solid #fdf5e7;box-shadow:0 0 0 9px #8a2946,0 40px 60px -26px rgba(90,30,48,.55);transform:rotate(-1.4deg) translateY(-10px);animation:aafloat 5s ease-in-out infinite;z-index:2}
@keyframes aafloat{0%,100%{transform:rotate(-1.4deg) translateY(-10px)}50%{transform:rotate(-.6deg) translateY(-18px)}}
body.aud-4 .order-grid .audio-invite .add-audio{position:relative;margin-top:14px}
body.aud-4 .order-grid .audio-invite .add-audio:before{content:"";position:absolute;left:-34px;right:-34px;top:-17px;border-top:2px dashed #d9b56c}
body.aud-4 .aud-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:-30px;top:-30px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e3c789,#c9a46a 60%,#a8823f);color:#2a111e;transform:rotate(-14deg);box-shadow:0 8px 18px rgba(90,30,48,.35);z-index:4;animation:aastk 2.4s ease-in-out infinite}
body.aud-4 .aud-sticker b{font:400 28px/1 'Instrument Serif',Georgia,serif}
body.aud-4 .aud-sticker i{font:700 9.5px 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal}
@keyframes aastk{0%,100%{transform:rotate(-14deg) scale(1)}50%{transform:rotate(-10deg) scale(1.07)}}
body.motion-off.aud-4 .order-grid .audio-invite,body.motion-off .aud-sticker{animation:none}

/* 5 · the player */
body.aud-5 .order-grid .audio-invite{background:#fdf5e7;border:2px solid #8a2946;border-radius:18px;transform:translateY(-12px);box-shadow:0 0 0 6px rgba(138,41,70,.12),0 40px 60px -26px rgba(90,30,48,.55);z-index:2}
body.aud-5 .aud-player{display:block;position:relative;background:#2a111e;color:#faf0dd;border-radius:14px;padding:14px 16px 12px;box-shadow:0 14px 24px -12px rgba(42,17,30,.7)}
.ap-top{display:flex;align-items:center;gap:12px}
.ap-play{flex:none;width:38px;height:38px;border-radius:50%;background:#c9a46a;display:grid;place-items:center}
.ap-play svg{width:16px;height:16px;fill:#2a111e}
.ap-t{display:grid;gap:2px;min-width:0}
.ap-t b{font:600 13px/1.25 'DM Sans',sans-serif;color:#faf0dd}
.ap-t small{font:400 11.5px 'DM Sans',sans-serif;color:#d9c3b4}
.ap-wave{display:flex;align-items:center;gap:3px;height:34px;margin:12px 0 8px}
.ap-wave i{flex:1;height:var(--h);background:#e9a3b0;border-radius:2px;animation:apw .9s ease-in-out infinite alternate;animation-delay:var(--d)}
.ap-wave i:nth-child(-n+12){background:#c9a46a}
@keyframes apw{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
.ap-bar{display:block;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.ap-bar span{display:block;height:100%;width:35%;background:#c9a46a;animation:apbar 24s linear infinite}
@keyframes apbar{from{width:20%}to{width:100%}}
.ap-times{display:flex;justify-content:space-between;font:500 10.5px 'DM Sans',sans-serif;color:#d9c3b4;margin-top:5px}
body.aud-5 .order-grid .audio-invite .equalizer{display:none}
body.motion-off .ap-wave i,body.motion-off .ap-bar span{animation:none}

/* review switcher */
.aud-rev{position:fixed;left:14px;top:110px;z-index:9999;display:flex;flex-direction:column;gap:6px;background:#2a111e;color:#faf0dd;padding:10px;border-radius:16px;font:600 13px 'DM Sans',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.aud-rev span{padding:2px 6px 6px}
.aud-rev button{border:0;border-radius:30px;padding:8px 14px;background:#4a1f30;color:#faf0dd;font:600 13px 'DM Sans',sans-serif;cursor:pointer}
.aud-rev button.on,.aud-rev button:hover{background:#c9a46a;color:#2a111e}
body.aud-2 .order-grid .audio-invite,body.aud-3 .order-grid .audio-invite,body.aud-5 .order-grid .audio-invite{animation:none}
/* fixes */
.aud-hp{width:50px;height:50px;right:18px;top:18px}
.order-grid .audio-invite .audio-tag{padding-right:58px;letter-spacing:.11em;white-space:nowrap;font-size:10.5px}
body.aud-3 .order-grid .audio-invite{padding-top:112px}
body.aud-3 .aud-vinyl{top:-78px;width:170px;height:170px;margin-left:-85px}
body.aud-3 .aud-hp{top:auto;bottom:auto;top:100px}
body.aud-3 .order-grid .audio-invite .audio-tag{padding-right:58px}
body.aud-4 .aud-sticker{left:auto;top:auto;right:-30px;bottom:-30px}
body.aud-4 .order-grid .audio-invite .equalizer{display:none}
body.aud-4 .order-grid .audio-invite .add-audio:before{left:-30px;right:-30px}

/* ===== 6 · record + player + ticket border + big sticker ===== */
body.aud-6 .order-grid .audio-invite{background:#fdf5e7;border:2px dashed #c9a46a;border-radius:14px;outline:8px solid #fdf5e7;box-shadow:0 0 0 9px #8a2946,0 40px 60px -26px rgba(90,30,48,.55);transform:translateY(-10px);animation:none;z-index:2;margin-top:70px;padding-top:112px}
body.aud-6 .aud-vinyl{display:block;position:absolute;z-index:-1;left:50%;top:-86px;width:178px;height:178px;margin-left:-89px;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#1b0a12 0 2px,#2c1420 2px 4px);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.06);animation:aavinyl 3.6s linear infinite}
body.aud-6 .aud-vinyl:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 10%,rgba(255,255,255,.14) 14%,transparent 20% 60%,rgba(255,255,255,.1) 64%,transparent 70%)}
body.aud-6 .aud-vinyl img{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;border:4px solid #c9a46a}
body.aud-6 .order-grid .audio-invite.aud-on .aud-vinyl{animation-duration:1.4s}
body.aud-6 .aud-hp{top:100px}
body.aud-6 .aud-player{display:block;position:relative;background:#2a111e;color:#faf0dd;border-radius:14px;padding:14px 16px 12px;box-shadow:0 14px 24px -12px rgba(42,17,30,.7)}
body.aud-6 .order-grid .audio-invite .equalizer{display:none}
body.aud-6 .order-grid .audio-invite .add-audio{position:relative;margin-top:14px}
body.aud-6 .order-grid .audio-invite .add-audio:before{content:"";position:absolute;left:-30px;right:-30px;top:-17px;border-top:2px dashed #d9b56c}
body.aud-6 .order-grid .audio-invite small{max-width:62%}
body.aud-6 .aud-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:-38px;bottom:-38px;width:116px;height:116px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ecd29a,#c9a46a 58%,#a8823f);color:#2a111e;transform:rotate(-14deg);box-shadow:0 10px 22px rgba(90,30,48,.38),inset 0 0 0 3px rgba(255,255,255,.25),inset 0 0 0 7px rgba(138,41,70,.15);z-index:4;animation:aastk 2.4s ease-in-out infinite}
body.aud-6 .aud-sticker b{font:400 40px/1 'Instrument Serif',Georgia,serif}
body.aud-6 .aud-sticker i{font:700 11px 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;font-style:normal;margin-top:2px}
body.motion-off.aud-6 .aud-vinyl,body.motion-off.aud-6 .aud-sticker{animation:none}
body.aud-6 .aud-vinyl{z-index:3;top:-92px}
body.aud-6 .order-grid{padding-bottom:130px}body.aud-6 .aud-sticker{bottom:-30px;right:-34px}

/* ===== round 17 · three boxes in one row: kit, audio, then the order (biggest) ===== */
@media(min-width:1100px){
body.aud-6 .order-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:30px;align-items:stretch;padding-top:110px;padding-bottom:110px}
body.aud-6 .order-grid>div:not(.grid-sea){align-items:stretch;gap:24px}
body.aud-6 .order-grid .audio-invite{margin-top:0;transform:none;padding:96px 26px 26px;gap:14px;justify-content:flex-start}
body.aud-6 .order-grid .order-kit{margin-top:0;height:100%}
body.aud-6 .order-grid .order-summary{position:relative;top:auto;align-self:stretch;margin:-28px 0;padding:44px 40px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 40px 70px -30px rgba(42,17,30,.7)}
body.aud-6 .order-summary h2.sum-brand{font-size:36px}
body.aud-6 .order-summary .order-total strong{font-size:52px}
}
body.aud-6 .aud-vinyl{top:-76px;width:152px;height:152px;margin-left:-76px}
body.aud-6 .aud-vinyl img{width:56px;height:56px;margin:-28px}
body.aud-6 .aud-hp{top:16px}
body.aud-6 .order-grid .audio-invite .invite-title{font-size:27px;line-height:1.18}
body.aud-6 .order-grid .audio-invite .audio-description{font-size:15px;line-height:1.55}
body.aud-6 .order-grid .audio-invite .add-audio{margin-top:18px}
body.aud-6 .aud-player{padding:12px 14px 10px}
body.aud-6 .ap-wave{height:28px;margin:10px 0 7px}
body.aud-6 .aud-sticker{right:-14px;bottom:-34px}