@charset "UTF-8";
:root{--bg:#05070c;--panel:#0e131d;--line:#ffffff15;--text:#f7f8fc;--muted:#8e99ac;--a:#8b5cf6;--b:#ec4899;--shadow:0 30px 100px #0008;--card:#141b27;--input:#ffffff08;--header:#05070ccc;--footer:#070a10}
html[data-theme='light']{--bg:#f5f7fb;--panel:#fff;--line:rgba(15,23,42,.10);--text:#111827;--muted:#64748b;--card:#fff;--input:rgba(15,23,42,.045);--header:rgba(255,255,255,.86);--footer:#eef1f7}
html[data-theme='light'] body{background:radial-gradient(900px 520px at 8% -8%,rgba(124,58,237,.12),transparent 64%),radial-gradient(800px 520px at 100% 5%,rgba(236,72,153,.08),transparent 62%),linear-gradient(180deg,#f8f9fc,#eef1f7)}
html[data-theme='light'] body:before{background-image:linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.035) 1px,transparent 1px)}
html[data-theme='light'] .site-header{background:var(--header)}
html[data-theme='light'] .searchbar input,html[data-theme='light'] .big-search input{background:var(--input);color:#111827}
html[data-theme='light'] #suggestions{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme='light'] #suggestions a:hover{background:#f2f4f8}
html[data-theme='light'] .glass{background:linear-gradient(145deg,#fff,#f7f8fb);box-shadow:0 16px 45px rgba(15,23,42,.09)}
html[data-theme='light'] .audio-player{background:rgba(15,23,42,.035)}
html[data-theme='light'] .player-controls select{background:#fff;color:#111827}
html[data-theme='light'] footer{background:var(--footer)}
html[data-theme='light'] .developer-bar{background:rgba(15,23,42,.025)}
html[data-theme='light'] .meta,html[data-theme='light'] .description{color:#64748b}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;height:40px;padding:4px 8px 4px 7px;border:1px solid var(--line);border-radius:12px;background:var(--input);color:var(--text);cursor:pointer;transition:.2s;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.theme-toggle:hover{border-color:rgba(139,92,246,.45);transform:translateY(-1px)}
.theme-toggle .theme-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font-size:14px}
.theme-toggle .theme-label{font-size:11px;font-weight:850;min-width:35px}
html[data-theme='light'] .theme-toggle .theme-icon{background:linear-gradient(135deg,#f59e0b,#ec4899)}
@media(max-width:760px){.theme-toggle .theme-label{display:none}.theme-toggle{width:40px;padding:4px;justify-content:center}.theme-toggle .theme-icon{width:30px}}
*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark}html[data-theme='light']{color-scheme:light}body,.site-header,.glass,footer,.audio-player,.searchbar input,#suggestions{transition:background-color .25s,color .25s,border-color .25s}body{margin:0;color:var(--text);background:radial-gradient(900px 520px at 8% -8%,#7c3aed30,transparent 64%),radial-gradient(800px 520px at 100% 5%,#ec489920,transparent 62%),linear-gradient(180deg,#05070c,#090d15);font:400 15px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#fff2 1px,transparent 1px),linear-gradient(90deg,#fff2 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 82%)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 34px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:#05070ccc;backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:950;white-space:nowrap;min-width:0}.brand-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--a),var(--b));box-shadow:0 12px 35px #8b5cf659;border:1px solid #ffffff18}.brand-logo img{width:100%;height:100%;object-fit:contain;padding:4px;display:block}.brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchbar{position:relative;flex:1;max-width:630px;margin:auto}.searchbar input,.big-search input{width:100%;height:46px;border:1px solid var(--line);outline:0;border-radius:14px;background:#ffffff08;color:#fff;padding:0 16px}.searchbar input:focus,.big-search input:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 4px #8b5cf61a}#suggestions{display:none;position:absolute;top:54px;left:0;right:0;background:#0c111a;border:1px solid #ffffff20;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);z-index:20}#suggestions a,#suggestions span{display:block;padding:12px 15px;border-bottom:1px solid var(--line)}#suggestions a:hover{background:#161d2a}#suggestions small{display:block;color:var(--muted);font-size:12px}.admin-link,.view-site{font-size:13px;color:#b9c2d1;padding:9px 12px;border:1px solid var(--line);border-radius:11px}.hero{position:relative;padding:105px 0 70px}.hero h1{max-width:920px;font-size:clamp(43px,7vw,80px);line-height:.96;letter-spacing:-4.5px;margin:15px 0 22px;background:linear-gradient(100deg,#fff 20%,#c4b5fd 58%,#f9a8d4);-webkit-background-clip:text;color:transparent}.hero p{max-width:690px;color:#9ba6b8;font-size:17px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#aeb8c9;font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:18px 0 55px}.glass{background:linear-gradient(145deg,#141b27ee,#090d14f2);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 50px #0003;transition:.2s}.glass:hover{transform:translateY(-4px);border-color:#a78bfa61;box-shadow:0 25px 70px #0005}.folder{min-height:110px;padding:18px;display:flex;align-items:center;gap:14px}.folder .icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#ded6ff;background:linear-gradient(135deg,#7c3aed57,#ec48991f);font-size:23px}.folder b,.song-card b{display:block;font-size:14px}.folder small,.song-card small{display:block;color:#8792a5;font-size:12px;margin-top:5px}.song-card{padding:10px;display:flex;align-items:center;gap:13px;min-width:0}.song-card img{width:78px;height:78px;flex:0 0 78px;object-fit:cover;border-radius:15px;background:#151b26}.song-card>div{min-width:0}.song-card b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs{display:flex;flex-wrap:wrap;gap:5px;margin:30px 0;color:#8f9aac;font-size:13px}.category-head{padding:25px 0 35px}.category-head h1{font-size:clamp(35px,5vw,54px);letter-spacing:-2px}.music-detail{display:grid;grid-template-columns:minmax(280px,450px) 1fr;gap:55px;align-items:center;padding:30px 0 65px}.cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;border:1px solid var(--line);box-shadow:0 40px 110px #0009}.detail-copy h1{font-size:clamp(35px,5.2vw,62px);line-height:1.01;letter-spacing:-3px}.meta{color:#98a3b6}.description{color:#b9c2d0}.audio-player{margin:25px 0;padding:19px;border:1px solid var(--line);border-radius:20px;background:#ffffff09}.player-top{display:flex;align-items:center;gap:13px}.play{width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(135deg,#fff,#dfe2e8);color:#080a10;font-size:17px}.track{display:flex;align-items:center;justify-content:space-between;gap:15px;flex:1;min-width:0}.track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track span{color:#8792a5}.range{width:100%;accent-color:#a855f7;margin:19px 0}.player-controls{display:flex;justify-content:space-between;gap:18px;color:#8e99ab;font-size:12px}.download-btn{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;border-radius:15px;background:linear-gradient(110deg,#6d28d9,#8b5cf6 45%,#ec4899);font-weight:950;box-shadow:0 18px 45px #7c3aed45}.big-search{display:flex;max-width:800px;gap:10px;margin:25px 0 45px}.big-search button{border:0;border-radius:13px;padding:0 25px;background:#fff;color:#090b10;font-weight:900}.policy{padding:35px;margin:35px 0 70px}.policy h1{font-size:42px}.policy-body{color:#bbc3d0}.ad{text-align:center;margin:28px 0}.developer-bar{padding:12px 15px;border:1px solid var(--line);border-radius:13px;background:#ffffff05}.developer-credit{font-size:12px;color:#9aa5b7}.developer-credit strong{color:#d8ccff}footer{margin-top:80px;border-top:1px solid var(--line);padding:45px 0;color:#8b96a9;font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-bottom:30px}
@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.container{width:calc(100% - 24px)}.nav{flex-wrap:wrap;padding:10px 0}.brand{order:1}.admin-link{order:2;margin-left:auto}.searchbar{order:3;flex-basis:100%;max-width:none}.hero{padding:65px 0 48px}.grid{grid-template-columns:repeat(2,1fr);gap:11px}.music-detail{grid-template-columns:1fr;gap:28px}.cover{max-width:430px;margin:auto}.player-controls{flex-wrap:wrap}.big-search{flex-direction:column}.big-search button{padding:13px}.footer-grid{grid-template-columns:1fr}}@media(max-width:450px){.grid{grid-template-columns:1fr}.hero h1{font-size:43px}.category-head h1,.policy h1{font-size:34px}}

/* FINAL RESPONSIVE LAYOUT */
@media (min-width:1200px){
 .container{width:min(1240px,calc(100% - 64px))}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:768px) and (max-width:1199px){
 .container{width:min(1080px,calc(100% - 36px))}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero{padding-top:75px}
 .music-detail{grid-template-columns:minmax(260px,390px) 1fr;gap:35px}
}
@media (max-width:767px){
 .container{width:calc(100% - 22px)}
 .nav{min-height:auto;padding:10px 0;gap:8px}
 .brand{font-size:17px;max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis}
 .brand-logo{width:33px;height:33px;flex:0 0 33px}
 .searchbar{flex:1 0 100%;order:5}
 .searchbar input{height:44px}
 .theme-toggle{margin-left:auto}
 .admin-link{font-size:12px;padding:8px 9px}
 .hero{padding:55px 0 42px}
 .hero h1{font-size:clamp(38px,12vw,58px);letter-spacing:-2.5px}
 .hero p{font-size:15px}
 .grid{grid-template-columns:1fr;gap:10px}
 .song-card{padding:9px}
 .song-card img{width:68px;height:68px;flex-basis:68px}
 .music-detail{display:flex;flex-direction:column;align-items:stretch}
 .cover{width:min(100%,420px)}
 .detail-copy h1{font-size:clamp(34px,10vw,52px)}
 .download-btn{padding:15px 16px}
 .footer-grid{grid-template-columns:1fr;gap:20px}
}

/* ===== PREMIUM AURORA + FLOATING GLASS BUBBLES ===== */
body:after{content:"";position:fixed;inset:auto -12% -25% auto;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,#8b5cf622 0%,#ec489910 34%,transparent 68%);filter:blur(35px);pointer-events:none;z-index:-1;animation:auroraDrift 16s ease-in-out infinite alternate}
body:before{animation:gridPulse 8s ease-in-out infinite alternate}
.premium-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.premium-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.34;background:radial-gradient(circle at 30% 25%,#ffffff55,transparent 18%),linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:inset 0 0 35px #ffffff12,0 0 55px #8b5cf620;animation:orbFloat linear infinite}
.premium-orb:nth-child(1){width:95px;height:95px;left:5%;bottom:-120px;animation-duration:19s}
.premium-orb:nth-child(2){width:52px;height:52px;left:24%;bottom:-80px;animation-duration:14s;animation-delay:-5s}
.premium-orb:nth-child(3){width:135px;height:135px;right:8%;bottom:-160px;animation-duration:23s;animation-delay:-9s}
.premium-orb:nth-child(4){width:38px;height:38px;right:30%;bottom:-60px;animation-duration:12s;animation-delay:-3s}
.premium-orb:nth-child(5){width:72px;height:72px;left:68%;bottom:-90px;animation-duration:17s;animation-delay:-11s}
@keyframes orbFloat{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}10%{opacity:.35}50%{transform:translate3d(55px,-52vh,0) rotate(160deg)}100%{transform:translate3d(-80px,-112vh,0) rotate(330deg);opacity:0}}
@keyframes auroraDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-5vw,-4vh) scale(1.12)}}
@keyframes gridPulse{0%{opacity:.45}100%{opacity:.8}}
.glass,.glass-card,.audio-player,.download-btn{backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.glass{background:linear-gradient(145deg,#ffffff0b,#ffffff03)}
.song-card{position:relative;overflow:hidden}
.song-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#ffffff08 50%,transparent 65%);transform:translateX(-120%);transition:.55s}
.song-card:hover:after{transform:translateX(120%)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

#suggestions[hidden]{display:none!important}.searchbar #suggestions:not([hidden]){display:block}
.site-header{box-shadow:0 10px 50px rgba(0,0,0,.12)}
.section-head h2{font-size:25px;letter-spacing:-.7px}.section-head a{color:#a78bfa;font-size:13px}
.hero{isolation:isolate}.hero:after{content:"";position:absolute;right:5%;top:20%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ec48991a,transparent 68%);filter:blur(15px);z-index:-1}

.hero{overflow:hidden}.hero:after{content:"";position:absolute;width:360px;height:360px;right:-130px;top:0;border-radius:50%;background:radial-gradient(circle,#ec48992a,transparent 65%);filter:blur(10px);pointer-events:none}.section-head h2{letter-spacing:-.8px}.song-card,.folder{isolation:isolate}.download-btn{position:relative;overflow:hidden}.download-btn:after{content:"";position:absolute;inset:-100% 55% -100% -20%;transform:rotate(18deg);background:#ffffff24;transition:.55s}.download-btn:hover:after{left:120%}

/* FINAL FIXES */
.nav{flex-wrap:nowrap}
@media(max-width:760px){
 .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0}
 .brand{grid-column:1;grid-row:1;order:0;min-width:0}
 .brand-logo{flex:0 0 36px}
 .theme-toggle{grid-column:2;grid-row:1;order:0;width:40px;height:40px;padding:4px;justify-content:center}
 .theme-toggle .theme-label{display:none}
 .searchbar{grid-column:1/-1;grid-row:2;order:0;max-width:none;width:100%;margin:0}
 .admin-link{display:none!important}
}
.premium-orbs .premium-orb{opacity:.16!important;filter:blur(2px);mix-blend-mode:screen}
.premium-orbs .orb-a{width:70px!important;height:70px!important}
.premium-orbs .orb-b{width:42px!important;height:42px!important}
.premium-orbs .orb-c{width:92px!important;height:92px!important}
.premium-orbs .orb-d{width:34px!important;height:34px!important}
@media(max-width:760px){.premium-orbs .premium-orb{opacity:.12!important}}
html[data-theme='light'] .premium-orbs .premium-orb{opacity:.09!important}
html[data-theme='light'] .admin-link{display:none!important}

/* FINAL THEME / CONTRAST / PLAYER */
html[data-theme='light']{--text:#0f172a;--muted:#475569;--line:rgba(15,23,42,.15);--card:#fff;--input:rgba(255,255,255,.9);--header:rgba(255,255,255,.95);--footer:#e7ecf4}
html[data-theme='light'] body{color:#0f172a;background:radial-gradient(850px 520px at 8% -8%,rgba(124,58,237,.16),transparent 62%),radial-gradient(750px 500px at 100% 5%,rgba(236,72,153,.12),transparent 60%),linear-gradient(180deg,#fff,#f2f5fa 55%,#e7ecf3)}
html[data-theme='light'] body:before{background-image:linear-gradient(rgba(15,23,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.055) 1px,transparent 1px)}
html[data-theme='light'] .site-header{background:rgba(255,255,255,.95);border-color:rgba(15,23,42,.12);box-shadow:0 12px 40px rgba(15,23,42,.08)}
html[data-theme='light'] .brand,html[data-theme='light'] h1,html[data-theme='light'] h2,html[data-theme='light'] h3,html[data-theme='light'] .folder b,html[data-theme='light'] .song-card b{color:#0b1220}
html[data-theme='light'] .hero h1{background:linear-gradient(100deg,#0b1220,#5b21b6 60%,#be185d);-webkit-background-clip:text;color:transparent}
html[data-theme='light'] .hero p,html[data-theme='light'] .description,html[data-theme='light'] .meta{color:#475569}
html[data-theme='light'] .searchbar input,html[data-theme='light'] .big-search input{color:#0f172a;background:rgba(255,255,255,.9);border-color:rgba(15,23,42,.16)}
html[data-theme='light'] .searchbar input::placeholder,html[data-theme='light'] .big-search input::placeholder{color:#64748b}
html[data-theme='light'] .glass{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,249,253,.95));border-color:rgba(15,23,42,.14);box-shadow:0 18px 55px rgba(15,23,42,.09)}
html[data-theme='light'] .folder small,html[data-theme='light'] .song-card small,html[data-theme='light'] .breadcrumbs{color:#475569}
html[data-theme='light'] .audio-player{background:rgba(255,255,255,.82);border-color:rgba(15,23,42,.15)}
html[data-theme='light'] .player-controls label{color:#334155}
html[data-theme='light'] .player-controls select{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.16)}
html[data-theme='light'] footer{background:#e7ecf4;border-color:rgba(15,23,42,.10)}
html[data-theme='light'] .developer-bar{background:rgba(255,255,255,.62);border-color:rgba(15,23,42,.12);color:#334155}
html[data-theme='light'] .developer-credit{color:#334155}
html[data-theme='light'] .developer-credit strong{color:#6d28d9}
audio{width:100%;accent-color:#8b5cf6;border-radius:12px;margin:10px 0}
.voice-box{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:12px;padding:15px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#8b5cf60a,#ec489905)}
.checkline{display:flex;align-items:center;gap:7px;cursor:pointer}.checkline input{width:auto}
@media(max-width:850px){.voice-box{grid-template-columns:1fr 1fr}}@media(max-width:560px){.voice-box{grid-template-columns:1fr}}

.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links b{color:var(--text);margin-bottom:3px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:#a78bfa}
.policy{max-width:980px;margin:28px auto 70px;padding:clamp(22px,4vw,46px);overflow:hidden}.policy h1{font-size:clamp(32px,6vw,58px);margin:8px 0 28px;letter-spacing:-2px}.policy-body{max-width:820px;color:var(--muted);font-size:15px;line-height:1.85}.policy-body p{margin:0 0 20px}.policy-body h2{color:var(--text);font-size:20px;margin:30px 0 10px;letter-spacing:-.4px}.policy-body ul{margin:0 0 22px;padding-left:22px}.policy-body li{margin:7px 0}.policy-updated{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
html[data-theme='light'] .policy-body{color:#475569}html[data-theme='light'] .policy-body h2,html[data-theme='light'] .footer-links b{color:#0f172a}
@media(max-width:600px){.policy{margin:16px auto 45px;padding:20px}.policy h1{letter-spacing:-1.3px}.policy-body{font-size:14px}}

.footer-brand-card,.footer-legal-card{padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff08,#ffffff02);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.footer-brand-card>b{display:block;color:var(--text);font-size:18px;margin-bottom:7px}.footer-brand-card p{margin:0 0 12px}.footer-note{display:block;color:#68758a;font-size:12px}
.footer-legal-card{gap:10px}.footer-legal-card b{font-size:14px;margin-bottom:4px}.footer-legal-card a{display:flex;justify-content:space-between;align-items:center;padding:7px 0;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}.footer-legal-card a:last-child{border-bottom:0}.footer-legal-card a span{opacity:.55}.footer-legal-card a:hover{color:var(--text)}
@media(max-width:760px){.footer-grid{gap:12px}.footer-brand-card,.footer-legal-card{padding:18px}.developer-bar{margin-top:12px}}

/* ===== LEGAL FOOTER + SCRIPT CONTACT ===== */
.footer-support-card{display:flex;flex-direction:column;gap:8px}
.footer-support-card .footer-note{margin:0 0 2px}
.footer-cta{display:flex!important;justify-content:space-between;align-items:center;padding:11px 13px;border:1px solid rgba(167,139,250,.35);border-radius:12px;background:linear-gradient(110deg,rgba(109,40,217,.35),rgba(236,72,153,.18));color:var(--text)!important;font-weight:850!important}
.footer-cta:hover{border-color:rgba(236,72,153,.55);transform:translateY(-1px)}
.script-contact{max-width:980px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}
.contact-card{display:flex;align-items:flex-start;gap:15px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff09,#ffffff03)}
.contact-icon{width:46px;height:46px;flex:0 0 46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;box-shadow:0 12px 35px #8b5cf633}
.contact-label{display:block;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#aeb8c9;font-weight:900}
.contact-card h2{margin:3px 0 2px;font-size:22px;color:var(--text)}
.contact-button{display:inline-flex;margin-top:10px;padding:10px 13px;border-radius:11px;background:linear-gradient(110deg,#6d28d9,#ec4899);font-weight:850;color:#fff}
.purchase-list{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#ffffff05}
.purchase-list h2{margin-top:0}
.purchase-list li{margin:8px 0}
html[data-theme='light'] .contact-card,html[data-theme='light'] .purchase-list{background:#fff;border-color:rgba(15,23,42,.12)}
html[data-theme='light'] .contact-card h2,html[data-theme='light'] .purchase-list h2{color:#0f172a}
@media(max-width:650px){.contact-grid{grid-template-columns:1fr}.contact-card{padding:18px}.purchase-list{padding:18px}}


/* ===== RESPONSIVE BRANDING SYSTEM v10 =====
   Keeps admin-selected logos crisp and proportional across desktop, tablet and mobile. */
.brand{min-width:0;max-width:100%;align-items:center}
.brand-logo{
  width:clamp(44px,8vw,156px);
  height:clamp(38px,4.2vw,58px);
  flex:0 1 auto;
  min-width:44px;
  max-width:156px;
  aspect-ratio:auto;
  padding:3px;
  border-radius:clamp(10px,1.2vw,16px);
}
.brand-logo img{
  width:100%;height:100%;
  max-width:100%;max-height:100%;
  object-fit:contain;
  object-position:center;
  padding:clamp(3px,.55vw,7px);
}
.brand-name{min-width:0;max-width:min(34vw,360px)}
@media (min-width:1200px){
  .brand-logo{width:clamp(56px,9vw,156px);height:58px}
  .brand-name{max-width:340px}
}
@media (min-width:768px) and (max-width:1199px){
  .brand-logo{width:clamp(50px,10vw,128px);height:52px}
  .brand-name{max-width:240px}
  .nav{gap:12px}
}
@media (max-width:767px){
  .brand{gap:8px;max-width:calc(100vw - 64px)}
  .brand-logo{width:clamp(38px,18vw,92px);height:42px;min-width:38px;max-width:92px;border-radius:11px}
  .brand-logo img{padding:3px}
  .brand-name{font-size:clamp(15px,4.5vw,18px);max-width:calc(100vw - 160px)}
}
@media (max-width:420px){
  .brand-logo{width:clamp(36px,20vw,76px);height:38px;min-width:36px}
  .brand-name{max-width:calc(100vw - 140px)}
}
@media (orientation:landscape) and (max-width:900px){
  .brand-logo{width:clamp(44px,10vw,100px);height:40px}
}
@media (prefers-reduced-motion:reduce){.brand-logo,.brand-logo img{transition:none!important}}

/* V11: Uploaded website logo replaces the textual site name. Favicon remains independent. */
.brand.brand-has-custom-logo{gap:0}
.brand.brand-has-custom-logo .brand-logo{width:auto;min-width:52px;height:48px;flex:0 1 auto;max-width:min(230px,28vw);background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
.brand.brand-has-custom-logo .brand-logo img{width:auto;height:100%;max-width:100%;padding:0;object-fit:contain}
@media (min-width:1200px){
 .brand.brand-has-custom-logo .brand-logo{height:52px;max-width:250px}
}
@media (min-width:768px) and (max-width:1199px){
 .brand.brand-has-custom-logo .brand-logo{height:46px;max-width:210px}
}
@media (max-width:767px){
 .brand.brand-has-custom-logo .brand-logo{height:40px;max-width:145px;min-width:44px}
 .brand.brand-has-custom-logo{max-width:155px}
}
@media (max-width:390px){
 .brand.brand-has-custom-logo .brand-logo{height:36px;max-width:120px}
 .brand.brand-has-custom-logo{max-width:128px}
}
@media (orientation:landscape) and (max-width:767px){
 .brand.brand-has-custom-logo .brand-logo{height:36px;max-width:155px}
}

/* V12: public header is text-only by default; uploaded logo replaces it completely. */
.brand.brand-text-only{gap:0}
.brand.brand-text-only .brand-name{display:block}
.brand.brand-has-custom-logo{gap:0}
.brand.brand-has-custom-logo .brand-logo{width:auto;min-width:0;height:48px;max-width:min(240px,30vw);flex:0 1 auto;display:flex;align-items:center;background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
.brand.brand-has-custom-logo .brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:48px;object-fit:contain;padding:0}
@media (min-width:1200px){.brand.brand-has-custom-logo .brand-logo{height:54px;max-width:260px}.brand.brand-has-custom-logo .brand-logo img{max-height:54px}}
@media (min-width:768px) and (max-width:1199px){.brand.brand-has-custom-logo .brand-logo{height:46px;max-width:215px}.brand.brand-has-custom-logo .brand-logo img{max-height:46px}}
@media (max-width:767px){.brand.brand-has-custom-logo{max-width:155px}.brand.brand-has-custom-logo .brand-logo{height:40px;max-width:145px}.brand.brand-has-custom-logo .brand-logo img{max-height:40px}}
@media (max-width:390px){.brand.brand-has-custom-logo{max-width:130px}.brand.brand-has-custom-logo .brand-logo{height:36px;max-width:120px}.brand.brand-has-custom-logo .brand-logo img{max-height:36px}}

/* V14 FINAL BRAND OVERRIDE: exactly one public brand element. */
.site-header .brand.brand-has-custom-logo{display:flex;align-items:center;gap:0;min-width:0}
.site-header .brand.brand-has-custom-logo .brand-name{display:none!important}
.site-header .brand.brand-has-custom-logo .brand-logo{display:flex!important;align-items:center;justify-content:flex-start;width:auto;min-width:0;max-width:min(280px,30vw);height:54px;flex:0 1 auto;margin:0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
.site-header .brand.brand-has-custom-logo .brand-logo img{display:block;width:auto;height:auto;max-width:100%;max-height:54px;object-fit:contain;padding:0;margin:0}
@media (min-width:768px) and (max-width:1199px){
 .site-header .brand.brand-has-custom-logo .brand-logo{height:48px;max-width:230px}
 .site-header .brand.brand-has-custom-logo .brand-logo img{max-height:48px}
}
@media (max-width:767px){
 .site-header .brand.brand-has-custom-logo{max-width:180px}
 .site-header .brand.brand-has-custom-logo .brand-logo{height:40px;max-width:180px}
 .site-header .brand.brand-has-custom-logo .brand-logo img{max-height:40px}
}
@media (max-width:420px){
 .site-header .brand.brand-has-custom-logo{max-width:145px}
 .site-header .brand.brand-has-custom-logo .brand-logo{height:36px;max-width:145px}
 .site-header .brand.brand-has-custom-logo .brand-logo img{max-height:36px}
}