@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d1119;--surface:#141a25;--panel:#181f2c;--muted:#a9afbb;--ink:#f5f2eb;--gold:#e5bc7b;--gold2:#b78b50;--line:#2b3241;--glow:#b88c57;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}img{max-width:100%;display:block} .eyebrow{font-size:10px;letter-spacing:2.25px;font-weight:800;color:var(--gold);text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif;letter-spacing:-.05em}h1 em,h2 em{font-style:normal;color:var(--gold)}
.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(4.5%,24px);background:#10151e;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #aa8556;border-radius:13px;color:var(--gold);font-size:24px;background:#1f2430}.brand-words{display:flex;flex-direction:column;gap:0}.brand-words strong{letter-spacing:1.25px;font-family:'Manrope',sans-serif;font-size:13px;white-space:nowrap}.brand-words strong span{color:var(--gold)}.brand-words small{font-size:9px;letter-spacing:1.7px;color:#bdb2a1}.top-actions{display:flex;gap:25px;align-items:center}.toplink{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--muted)}.toplink:hover{color:var(--gold)}.ghost-btn{background:none;border:1px solid #827052;border-radius:999px;padding:10px 17px;font-weight:800;letter-spacing:1px;font-size:10px;color:var(--gold)}.ghost-btn:hover{background:#272332}
.shell{display:grid;grid-template-columns:233px minmax(0,1fr);max-width:1920px;margin:auto;min-height:calc(100vh - 80px)}.sidebar{border-right:1px solid var(--line);padding:43px 17px 20px 26px;position:sticky;top:0;align-self:start;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.side-label{font-size:10px;font-weight:800;letter-spacing:1.9px;color:#727d8e;padding:0 12px 14px}.side-label.second{padding-top:42px}.nav-item,.concept-nav{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;border:0;background:transparent;color:#b3b7be;font-size:13px;font-weight:700;margin:2px 0}.nav-item span{font-size:23px;line-height:1;width:22px;text-align:center;font-weight:400}.nav-item.selected,.nav-item:hover,.concept-nav:hover{background:#232b37;color:var(--gold)}.concept-nav{font-size:11px;letter-spacing:.35px;padding:10px 13px;gap:9px}.concept-nav i{font-style:normal;color:var(--gold);font-size:14px}.side-bottom{font-size:9px;letter-spacing:1px;line-height:2.3;color:#8e96a2;margin-top:auto;padding:25px 12px 0}.side-bottom a{font-size:11px;letter-spacing:.3px;color:var(--gold)}.tiny-dot{display:inline-block;background:#e6bd7c;width:5px;height:5px;border-radius:50%;margin-right:4px}
#main{width:100%;min-width:0;padding:42px 4.6% 28px}.welcome-bar{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:0 0 28px}.welcome-bar h1{font-size:clamp(27px,3.35vw,49px);margin:7px 0 9px;line-height:1.15;font-weight:800}.welcome-bar p{color:var(--muted);font-size:13px;margin:0;max-width:650px;line-height:1.8}.book-pill{border:1px solid #927349;color:var(--gold);padding:13px 20px;font-size:10px;font-weight:800;letter-spacing:1.2px;border-radius:6px;white-space:nowrap}.book-pill span{padding-left:12px}
.hero{position:relative;height:clamp(345px,36vw,520px);isolation:isolate;overflow:hidden;border:1px solid #3b3534;border-radius:15px;background:linear-gradient(130deg,#40312a,#151b27)}.hero-photo{position:absolute;inset:0;background-image:url('hero.webp');background-repeat:no-repeat;background-size:cover;background-position:center 37%;opacity:.75;filter:saturate(.7) contrast(1.1)}.hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,17,.97) 0%,rgba(9,13,19,.81) 44%,rgba(6,11,18,.08) 100%),linear-gradient(0deg,rgba(5,8,15,.65),transparent 65%)}.hero-content{position:absolute;z-index:1;top:50%;left:7%;transform:translateY(-50%);max-width:560px}.hero-chip{display:inline-flex;align-items:center;gap:9px;border:1px solid #a08e75;border-radius:100px;padding:7px 12px;font-size:9px;letter-spacing:1.6px;font-weight:800;background:#252128a1;margin-bottom:27px}.pulse-dot{width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 4px #e5bc7b22}.hero-overline{font-size:12px;letter-spacing:4px;color:#cfab73;font-weight:800}.hero h2{margin:7px 0 14px;font-size:clamp(40px,5.8vw,82px);line-height:.98;max-width:540px;font-weight:800}.hero p{color:#dedbd8;max-width:400px;font-size:14px;line-height:1.75}.hero-buttons{display:flex;gap:12px;margin-top:26px}.gold-btn,.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center;font-size:10px;font-weight:800;letter-spacing:1.1px;padding:15px 20px;border:0;border-radius:6px;transition:transform .12s}.gold-btn{background:var(--gold);color:#17191d}.gold-btn:hover,.glass-btn:hover{transform:translateY(-2px)}.glass-btn{background:#ffffff12;border:1px solid #9a9390a9;color:#fff}.play-triangle{font-size:11px}.hero-index{position:absolute;bottom:22px;right:27px;font-size:9px;letter-spacing:2px;font-weight:800;color:#eee0ce}.stats-row{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0 28px}.stats-row div:not(.stat-note){display:flex;align-items:baseline;gap:9px;min-width:140px}.stats-row strong{font-family:'Manrope',sans-serif;font-size:28px;color:var(--gold)}.stats-row span{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#919ba9}.stat-note{color:#a6a3a0;font-size:11px;letter-spacing:.4px;margin-left:auto;text-align:right}
.section{margin-top:43px}.section-heading{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:23px}.section-heading h2{font-size:clamp(23px,2.5vw,33px);line-height:1.2;margin:6px 0 0}.section-heading h2 i{font-style:normal;color:var(--gold)}.muted-link{font-size:10px;font-weight:800;letter-spacing:1.4px;color:var(--gold);white-space:nowrap}.concept-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.concept{min-height:168px;text-align:left;border:1px solid #313743;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:18px 13px;position:relative;isolation:isolate;background:linear-gradient(165deg,var(--tint),#171d28 86%);transition:transform .2s,border-color .2s}.concept:hover{transform:translateY(-4px);border-color:var(--gold)}.concept:after{content:' ';background:radial-gradient(ellipse at 110% -25%,#f8d6a829,transparent 68%);position:absolute;inset:0;z-index:-1}.concept .ordinal{color:#d2b88d;font-size:10px;font-weight:800;letter-spacing:1.5px}.concept strong{font-size:14px;line-height:1.2;display:block;margin-bottom:7px}.concept small{font-size:9px;letter-spacing:.5px;color:#acb0bb;display:block}.concept .arrow{position:absolute;right:12px;top:13px;color:#e7c08b;font-size:17px}
.library-heading{margin-bottom:20px}.library-tabs{display:flex;gap:3px;padding:4px;background:#222a37;border-radius:9px}.library-tabs button{border:0;background:none;color:#9da7b6;font-size:11px;letter-spacing:1px;font-weight:800;padding:11px 17px;border-radius:7px}.library-tabs button.active{background:var(--gold);color:#111721}.library-toolbar{display:flex;flex-direction:column;gap:17px}.searchbox{display:flex;align-items:center;width:100%;max-width:540px;position:relative}.searchbox span{position:absolute;left:17px;color:var(--gold);font-size:24px}.searchbox input{background:#151b26;color:white;outline:0;border:1px solid #39404c;border-radius:8px;padding:15px 16px 15px 45px;width:100%;font-size:13px}.searchbox input::placeholder{color:#87919e}.searchbox input:focus{border-color:var(--gold)}.filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:thin}.filter-row button{background:#1a212c;border:1px solid #37404b;color:#b1b9c4;border-radius:100px;white-space:nowrap;padding:9px 14px;font-size:11px;font-weight:700}.filter-row button.active,.filter-row button:hover{background:#37312b;color:var(--gold);border-color:#9a774e}.library-meta{display:flex;justify-content:space-between;gap:10px;color:#929daa;font-size:11px;padding:15px 0 10px}.status-label{color:#b9986e}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.media-card{border:1px solid #303847;background:#151b26;border-radius:12px;overflow:hidden;min-width:0;transition:transform .15s,border-color .15s}.media-card:hover{transform:translateY(-2px);border-color:#95754f}.media-thumb{aspect-ratio:16/9;background:linear-gradient(130deg,#3e372e,#273342);position:relative;overflow:hidden;display:block;cursor:pointer;width:100%;padding:0;border:0}.media-thumb img{height:100%;width:100%;object-fit:cover;opacity:.83;transition:transform .25s}.media-card:hover .media-thumb img{transform:scale(1.04)}.media-thumb .play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e9bf7eda;box-shadow:0 6px 20px #0008;border-radius:100px;width:46px;height:46px;display:grid;place-items:center;color:#14171f;padding-left:3px;font-size:16px}.media-thumb .video-tag{position:absolute;left:10px;top:10px;border:1px solid #ffffff4a;background:#101820bd;color:#f2e7db;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:800;letter-spacing:.8px}.media-card-body{padding:13px 13px 12px}.media-card h3{font-size:12px;margin:0 0 7px;line-height:1.4;letter-spacing:-.01em;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.media-card p{color:#8694a4;font-size:10px;margin:0;letter-spacing:.2px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-actions{display:flex;gap:7px;margin-top:13px;align-items:center}.watch-action{flex:1;border:1px solid #675841;background:#2a292c;border-radius:5px;font-size:10px;color:#eed0a6;padding:8px 10px;font-weight:800;text-align:center}.watch-action:hover{background:#44382d}.icon-action{background:#242d39;border:1px solid #35404c;color:#c5c2bc;border-radius:5px;min-width:32px;min-height:34px;font-size:17px}.icon-action.faved{color:#eebc82;background:#49392d}.audio-thumb{display:grid;place-items:center;background:radial-gradient(circle at 65% 20%,#916a4970,transparent 50%),linear-gradient(135deg,#353444,#1a2736)}.audio-thumb .music-glyph{color:#edc387;font-size:62px;text-shadow:0 10px 20px #0008}.audio-thumb.original{background:radial-gradient(circle at 55% 5%,#94764e99,transparent 65%),linear-gradient(145deg,#51412d,#20293a)}.audio-card .watch-action{border-color:#645538}.page-actions{text-align:center;padding:25px 0 4px}.load-more{border:1px solid #806a4f;background:#29282a;color:#ebc793;border-radius:7px;padding:12px 25px;font-size:11px;font-weight:800;letter-spacing:1px}.empty-state{grid-column:1/-1;text-align:center;padding:50px 12px;border:1px dashed #414757;border-radius:10px;color:#b4becb}.empty-state strong{display:block;color:var(--gold);font-size:19px}.empty-state a{text-decoration:underline}
.booking{border:1px solid #7b684c;background:radial-gradient(circle at 95% 0%,#a0713b28,transparent 50%),linear-gradient(120deg,#29252a,#131f2b);margin:60px 0 38px;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:13px}.booking h2{font-size:clamp(22px,2.4vw,32px);margin:8px 0}.booking p{font-size:12px;color:#bdbdc2;max-width:610px;margin:0;line-height:1.7}.booking .gold-btn{flex-shrink:0}.directory{color:#8e98a6;font-size:12px}.directory details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.directory summary{list-style:none;cursor:pointer;color:#c0b9ad;font-weight:700;display:flex;justify-content:space-between}.directory summary::-webkit-details-marker{display:none}.directory summary span{font-size:20px}.directory-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:10px 0}.directory h3{font-size:14px;color:var(--gold)}.directory ol{padding-left:23px;columns:2}.directory li{margin:5px 0;break-inside:avoid}.directory a:hover{text-decoration:underline;color:var(--gold)}.footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;color:#818d9c;letter-spacing:.7px;margin:26px 0 0}.footer div{display:flex;gap:17px}.footer a:hover{color:var(--gold)}.mobile-nav{display:none}
.audio-dock{position:fixed;z-index:50;left:0;right:0;bottom:0;background:#171e29eF;backdrop-filter:blur(25px);border-top:1px solid #8b724b;display:flex;gap:10px;align-items:center;padding:10px max(3%,15px) calc(10px + var(--safe));box-shadow:0 -15px 40px #0007}.dock-art{background:#55402a;color:var(--gold);border-radius:9px;height:46px;width:46px;display:grid;place-items:center;font-size:22px}.dock-info{min-width:150px;flex:1;display:flex;flex-direction:column}.dock-info strong{font-size:12px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-info span{font-size:10px;color:#b4a793}.dock-btn{width:36px;height:36px;border:0;background:transparent;border-radius:100px;color:#edebdf;font-size:17px}.dock-btn.primary{background:var(--gold);color:#14181d;font-size:13px}.dock-btn:hover{background:#ffffff19}.dock-btn.primary:hover{background:#f3d49e}.dock-time{font-size:10px;color:#9eaab9;min-width:30px}#seekAudio{width:24%;accent-color:var(--gold)}.close-dock{font-size:24px}.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal-underlay{position:absolute;inset:0;background:#01040be6;backdrop-filter:blur(9px)}.modal-panel{position:relative;max-width:1040px;width:100%;max-height:94vh;overflow:auto;background:#171d27;border:1px solid #4b4550;border-radius:13px;box-shadow:0 35px 80px #0009}.modal-header{display:flex;justify-content:space-between;padding:15px 20px;color:var(--gold);font-size:11px;letter-spacing:1.6px;font-weight:800}.modal-header button,.install-instructions button{background:none;color:#f0e4d0;border:0;font-size:20px}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0}.modal-copy{padding:22px}.modal-copy h2{font-size:23px;margin:0 0 8px}.modal-copy p{font-size:12px;color:#abb5c0}.modal-links{display:flex;gap:20px;flex-wrap:wrap;color:var(--gold);font-size:12px;font-weight:800}.toast{position:fixed;right:20px;bottom:90px;background:#ece0cb;color:#151b22;z-index:120;padding:12px 17px;border-radius:7px;box-shadow:0 20px 30px #0005;font-size:12px;font-weight:700;opacity:0;transform:translateY(15px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}.install-instructions{position:fixed;inset:0;z-index:125;background:#01040bd6;display:grid;place-items:center;padding:24px}.install-instructions>div{background:#202734;padding:28px;border-radius:12px;max-width:440px;width:100%;border:1px solid #aa8a5d}.install-instructions h2{color:var(--gold)}.install-instructions p{line-height:1.8}.install-instructions button{float:right}
.watch-body{background:#0d1119}.watch-nav{display:flex;justify-content:space-between;align-items:center;padding:21px max(5%,20px);border-bottom:1px solid var(--line)}.watch-back{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:1px}.watch-main{max-width:1050px;margin:52px auto 70px;padding:0 20px}.watch-main h1{font-size:clamp(30px,4vw,54px);max-width:960px;margin:8px 0 26px}.watch-frame{width:100%;aspect-ratio:16/9;border:1px solid #59513e;background:#111}.watch-frame iframe{width:100%;height:100%;border:0}.watch-info{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:35px 0;border-bottom:1px solid var(--line)}.watch-info h2{font-size:23px}.watch-info p{color:#b4b7c1;font-size:14px;line-height:1.8}.watch-info a:not(.gold-btn){color:var(--gold);font-size:12px;font-weight:800}.watch-cta{padding:26px;background:#1d2532;border-radius:12px;border:1px solid #444352}.watch-cta h3{font-size:19px;margin:7px 0 23px}.watch-more{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin:35px 0}.watch-more h2{font-size:20px;flex:1}.watch-more a{color:var(--gold);font-size:12px}.watch-body>.footer{margin:0;padding:28px max(5%,20px);border-top:1px solid var(--line)}
@media(max-width:1250px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.concept{min-height:130px}.stat-note{display:none}}
@media(max-width:930px){.shell{grid-template-columns:1fr}.sidebar{display:none}#main{padding:27px 4.5% 100px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#121923f8;border-top:1px solid #393d48;padding:7px 5px calc(8px + var(--safe));justify-content:space-around}.mnav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:none;border:0;border-radius:8px;color:#9eabba;font-size:25px;width:70px;line-height:1.1}.mnav span{font-size:8px;letter-spacing:.6px;font-weight:800}.mnav.active{color:var(--gold)}.audio-dock{bottom:calc(63px + var(--safe));padding:9px 12px}.booking{margin-top:42px}.sidebar+.main{margin:0}}
@media(max-width:700px){.topbar{height:66px;padding:0 17px}.brand-icon{width:37px;height:37px;font-size:22px}.brand{gap:10px}.brand-words strong{font-size:10px;letter-spacing:.5px}.brand-words small{font-size:7px;letter-spacing:.7px}.desktop-only{display:none}.ghost-btn{font-size:17px;padding:8px 12px}#main{padding:23px 16px 95px}.welcome-bar{display:block;margin-bottom:22px}.welcome-bar h1{font-size:30px}.welcome-bar p{font-size:11px;line-height:1.6}.book-pill{display:none}.hero{height:416px}.hero-photo{background-position:60% center}.hero-grad{background:linear-gradient(0deg,#090c16 5%,#080c15c4 48%,#080c1529 95%)}.hero-content{top:auto;bottom:36px;left:22px;right:20px;transform:none}.hero-chip{font-size:8px;margin-bottom:17px}.hero-overline{font-size:10px;letter-spacing:2.3px}.hero h2{font-size:45px;margin-top:10px;line-height:1}.hero p{font-size:12px;line-height:1.55;max-width:300px}.hero-buttons{gap:7px;margin-top:18px}.hero-buttons button{padding:12px 12px;font-size:9px}.hero-index{bottom:11px;font-size:7px}.stats-row{gap:5px;justify-content:space-between;padding:18px 0 19px}.stats-row div:not(.stat-note){min-width:0;display:flex;flex-direction:column;gap:0;align-items:center;text-align:center}.stats-row strong{font-size:24px;line-height:1.4}.stats-row span{font-size:8px;letter-spacing:.4px}.section{margin-top:34px}.section-heading{gap:10px}.section-heading h2{font-size:25px}.muted-link{font-size:8px;text-align:right}.concept-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.concept{flex:0 0 60%;min-height:157px;scroll-snap-align:start}.library-heading{display:block}.library-tabs{display:inline-flex;margin-top:20px}.library-tabs button{padding:10px 18px}.filter-row button{font-size:10px;padding:8px 11px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card-body{padding:10px}.media-card h3{font-size:11px;min-height:33px}.media-card p{font-size:9px}.media-thumb .play-overlay{width:34px;height:34px;font-size:11px}.media-thumb .video-tag{font-size:7px}.media-actions{gap:4px}.watch-action{font-size:9px;padding:8px 5px}.icon-action{min-width:29px;min-height:32px}.booking{display:block;padding:24px 18px}.booking .gold-btn{margin-top:22px}.booking h2{font-size:23px}.directory-cols{grid-template-columns:1fr;gap:15px}.directory ol{columns:1}.footer{display:block;line-height:2}.footer div{display:flex;gap:12px;flex-wrap:wrap}.audio-dock{gap:4px;flex-wrap:nowrap}.dock-art{display:none}.dock-info{min-width:0}.dock-info strong{max-width:145px;font-size:11px}.dock-info span{font-size:9px}.dock-btn{width:29px;height:29px;flex-shrink:0}.dock-time,#seekAudio{display:none}.modal{padding:10px}.modal-copy h2{font-size:18px}.modal-copy{padding:15px}.watch-nav{padding:15px}.watch-back{font-size:9px;text-align:right;max-width:110px}.watch-main{margin:35px auto}.watch-info{grid-template-columns:1fr;gap:15px}.watch-more h2{flex-basis:100%}}
@media(max-width:350px){.brand-words strong{font-size:9px}.hero h2{font-size:39px}.concept{flex-basis:72%}.media-grid{grid-template-columns:1fr 1fr}}

/* Presentation-only enhancement: category covers and accessible audio index. */
.audio-thumb{isolation:isolate; background:radial-gradient(circle at 74% 22%,#caaf7a75,transparent 46%),linear-gradient(130deg,#2a303e,#111722 70%)}
.audio-thumb::before{content:"CATALINA GLORIA & ReMo";position:absolute;top:35%;left:8%;right:8%;font-size:clamp(10px,1.6vw,15px);letter-spacing:2px;color:#ead3a6;font-weight:800;text-align:center;text-shadow:0 1px 10px #000;z-index:1;pointer-events:none}
.audio-thumb::after{content:"LIVE MUSIC COLLECTION";position:absolute;top:51%;left:8%;right:8%;font-size:9px;letter-spacing:2px;color:#d6bb8f;text-align:center;z-index:1;pointer-events:none}
.audio-thumb[data-audio-category="Grecească & armânească"]{background:linear-gradient(135deg,#142d43,#28526a 56%,#a58a58)}
.audio-thumb[data-audio-category="Populară & petrecere"]{background:linear-gradient(135deg,#402943,#7a514a 56%,#a98b59)}
.audio-thumb[data-audio-category="Originals"]{background:linear-gradient(135deg,#3d2a40,#565175 54%,#b18b54)}
.audio-thumb .music-glyph{font-size:0}
.audio-thumb .music-glyph::after{content:"♫";font-size:32px;position:absolute;left:50%;bottom:8%;transform:translateX(-50%);color:#e7bf80;opacity:.8}
.directory-audio-link{display:inline;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit;line-height:inherit}
.directory-audio-link:hover,.directory-audio-link:focus-visible{color:#e9bf7e;text-decoration:underline}


/* FIX TEXT LAYOUT V7 - audio cover text spacing */

.audio-thumb::before{
  top:17% !important;
  left:6% !important;
  right:6% !important;
  font-size:clamp(9px,1.15vw,14px) !important;
  line-height:1.15 !important;
  letter-spacing:1.15px !important;
  white-space:nowrap !important;
  overflow:hidden;
  text-overflow:ellipsis;
}
.audio-thumb::after{
  top:33% !important;
  bottom:auto !important;
  left:8% !important;
  right:8% !important;
  font-size:clamp(7px,.72vw,9px) !important;
  letter-spacing:1.6px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}
.audio-thumb .music-glyph::after{
  bottom:11% !important;
  font-size:34px !important;
}
@media (max-width: 900px){
  .audio-thumb::before{
    font-size:clamp(8px,1.9vw,12px) !important;
    letter-spacing:.7px !important;
    top:17% !important;
  }
  .audio-thumb::after{
    top:33% !important;
    font-size:clamp(6px,1.25vw,8px) !important;
    letter-spacing:.9px !important;
  }
  .audio-thumb .music-glyph::after{
    bottom:12% !important;
    font-size:28px !important;
  }
}


/* V8 hide top badges and refine title/subtitle alignment */

/* hide small top notifications on audio covers */
.audio-card .video-tag,
.audio-card .audio-tag,
.audio-card .media-thumb .video-tag,
.audio-card .media-thumb .audio-tag,
.audio-card .thumb-tag,
.audio-card .card-tag,
.audio-card [class*="tag"]{
  display:none !important;
}

/* keep the brand title on one line, higher and centered */
.audio-thumb::before{
  top:10% !important;
  left:6% !important;
  right:6% !important;
  font-size:clamp(9px,1.08vw,14px) !important;
  line-height:1.05 !important;
  letter-spacing:1px !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* subtitle centered lower, symmetric relative to title */
.audio-thumb::after{
  top:46% !important;
  left:8% !important;
  right:8% !important;
  bottom:auto !important;
  font-size:clamp(7px,.72vw,9px) !important;
  line-height:1.1 !important;
  letter-spacing:1.8px !important;
  white-space:nowrap !important;
  text-align:center !important;
}

/* logo / music symbol between title and subtitle */
.audio-thumb .music-glyph::after{
  top:24% !important;
  bottom:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  font-size:34px !important;
}

@media (max-width: 900px){
  .audio-thumb::before{
    top:9% !important;
    font-size:clamp(8px,1.7vw,12px) !important;
    letter-spacing:.6px !important;
  }
  .audio-thumb .music-glyph::after{
    top:25% !important;
    font-size:29px !important;
  }
  .audio-thumb::after{
    top:47% !important;
    font-size:clamp(6px,1.15vw,8px) !important;
    letter-spacing:1px !important;
  }
}

/* V9: restore central music symbol and bottom subtitle, keep raised title & hidden badges */
.audio-thumb::after { top:auto !important; bottom:12% !important; left:8% !important; right:8% !important; text-align:center !important; }
.audio-thumb .music-glyph::after { top:50% !important; bottom:auto !important; left:50% !important; transform:translate(-50%,-50%) !important; }
@media (max-width:900px) {
  .audio-thumb::after {top:auto !important; bottom:12% !important;}
  .audio-thumb .music-glyph::after {top:50% !important; bottom:auto !important; transform:translate(-50%,-50%) !important;}
}