:root[data-theme="dark"]{
    color-scheme:dark;
    --page-bg:#090909;--surface:#181818;--surface-soft:#202020;--surface-blue:#242424;
    --primary:#1ed760;--primary-dark:#121212;--primary-hover:#3be477;
    --secondary:#1ed760;--secondary-soft:#183724;--text:#f6f6f6;
    --text-secondary:#b8b8b8;--text-muted:#929292;--border:#303030;
    --border-strong:#414141;--success:#1ed760;--danger:#f27272;
    --focus-ring:#1ed76044;--overlay:#000000aa;
    --shadow-small:none;--shadow-medium:0 10px 30px #00000044;--shadow-large:0 20px 40px #00000088;
    --panel:#121212;--panel-hover:#292929;--header-bg:#121212;--row-hover:#292929;
    --player-bg:#181818;--player-border:#353535;--button-text:#101010;
    --accent-text:#101010;--art-bg:#303030;--art-mark:#9bd9b1;
    --share-fb:#1877f2;--share-tlg:#229ed9;--share-viber:#7360f2;
    --share-wa:#1fae55;--share-mail:#929292;
}
:root[data-theme="light"]{
    color-scheme:light;
    --page-bg:#f5f6f5;--surface:#ffffff;--surface-soft:#f4f5f4;--surface-blue:#ebf4ee;
    --primary:#167a40;--primary-dark:#ecf1ed;--primary-hover:#116333;
    --secondary:#167a40;--secondary-soft:#dff1e4;--text:#191c19;
    --text-secondary:#555c56;--text-muted:#737b75;--border:#e5eae5;
    --border-strong:#cdd6ce;--success:#167a40;--danger:#bd4050;
    --focus-ring:#167a4033;--overlay:#10181088;
    --shadow-small:none;--shadow-medium:0 10px 30px #1c2c1c16;--shadow-large:0 20px 40px #1c2c1c33;
    --panel:#ffffff;--panel-hover:#f0f4f0;--header-bg:#ffffff;--row-hover:#f1f5f1;
    --player-bg:#ffffff;--player-border:#dde5de;--button-text:#ffffff;
    --accent-text:#ffffff;--art-bg:#e2eee5;--art-mark:#388356;
    --share-fb:#1877f2;--share-tlg:#229ed9;--share-viber:#7360f2;
    --share-wa:#1fae55;--share-mail:#737b75;
}
:root{--radius:10px;--radius-small:5px;--radius-large:10px;--content-gap:10px;--font-main:'SN Pro','PT Sans',Arial,sans-serif}
html{scrollbar-color:var(--border-strong) var(--page-bg)}
body{background:var(--page-bg);color:var(--text);font:400 14px/1.5 var(--font-main)}
a{color:var(--text)}a:hover{color:var(--primary)}
h1,h2,h3,h4,h5{color:var(--text)}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.site-wrap{min-height:100vh;background:var(--page-bg)}
.site-head{position:sticky;top:0;z-index:900;background:var(--header-bg);border-bottom:1px solid var(--border)}
.head-inner{min-height:65px;max-width:1920px;margin:auto;padding:10px 20px;gap:20px;border:0}
.brand-link{flex:0 0 260px;min-width:0}.brand-link img{max-width:190px;max-height:40px;object-fit:contain}
.head-search{margin:0 auto 0 0}.search-line{height:40px}
.search-line .search-icon{position:absolute;left:15px;top:50%;z-index:1;color:var(--text-muted);transform:translateY(-50%)}
.search-line input[type="search"]{width:100%;height:40px;padding:0 50px 0 40px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);color:var(--text);outline:0;appearance:none}
.search-line input[type="search"]:focus{border-color:var(--primary);background:var(--surface)}
.search-line input::placeholder{color:var(--text-muted)}
.search-btn{top:0;right:0;bottom:0;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--text-muted)}
.search-btn:hover{background:var(--surface-blue);color:var(--primary)}
.theme-switch{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 15px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:700;white-space:nowrap}
.theme-switch:hover{background:var(--panel-hover);border-color:var(--border-strong)}
.theme-switch i{font-size:16px;color:var(--primary)}
.btn-menu{display:none;width:40px;height:40px;border-radius:999px;background:var(--surface-soft);border-color:var(--border);color:var(--text)}
.page-shell{display:grid;
    grid-template-columns: 280px minmax(0,1fr) 280px;
    /* grid-template-columns:260px minmax(0,1fr) 250px; */
    align-items:start;gap:10px;max-width:1920px;width:100%;margin:0 auto;padding:10px;min-height:calc(100vh - 130px)}
.page-shell>.coler-left,.page-shell>.coler-right{position:sticky;top:75px;display:block;min-width:0!important;width:auto;max-height:calc(100vh - 90px);min-height:0;margin:0!important;overflow:auto;background:var(--panel);border:0!important;border-radius:10px!important;scrollbar-width:thin}
.page-shell>.main-area{min-width:0;width:auto;min-height:calc(100vh - 90px);padding:20px;background:var(--surface);border-radius:10px}
.aside-section{padding:20px 10px}.aside-section+.aside-section{border-top:1px solid var(--border)}
.aside-section__title{margin:0 10px 10px;color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}
.aside-nav,.aside-nav__sub{gap:2px}.aside-nav a{min-height:40px;padding:10px;border-radius:5px;color:var(--text-secondary);font-size:13px;line-height:20px}
.aside-nav a i{color:var(--text-muted)}.aside-nav a:hover{background:var(--panel-hover);color:var(--text)}
.aside-nav a.is-active,.aside-nav li.is-active>a{background:var(--panel-hover);color:var(--primary);font-weight:700}
.aside-nav a.is-active::before,.aside-nav li.is-active>a::before{display:none}
.aside-nav a.is-active i,.aside-nav li.is-active>a i{color:var(--primary)}
.aside-nav__sub{padding-left:15px}
.page-section{margin:0}.bg,.soft-block{padding:20px;border-color:var(--border);background:var(--surface);box-shadow:none}
.crumbs{margin-bottom:20px;padding:0;border:0;background:none;color:var(--text-muted);font-size:12px}
.crumbs a{color:var(--text-muted)}.crumbs a:hover{color:var(--primary)}
.home-intro{position:relative;display:flex;align-items:flex-start;flex-direction:column;min-height:200px;margin:0 0 30px;padding:30px;overflow:hidden;border-radius:10px;background:linear-gradient(125deg,#16482d 0%,#143322 48%,#1a1d1a 100%);color:#fff}
:root[data-theme="light"] .home-intro{background:linear-gradient(125deg,#c7ebd3 0%,#d8eee0 50%,#eef3ed 100%);color:#143921}
.home-intro::after{content:"";position:absolute;right:-60px;top:-150px;width:400px;height:400px;border:60px solid #ffffff12;border-radius:50%;pointer-events:none}
.home-intro__label,.list-heading__eyebrow{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.home-intro__label{color:#86f0ae}.home-intro__label i{margin-right:5px}
:root[data-theme="light"] .home-intro__label{color:#167a40}
.home-intro h1{position:relative;z-index:1;margin:10px 0;font-size:32px;line-height:1.2;color:inherit;letter-spacing:-1px}
.home-intro p{position:relative;z-index:1;max-width:540px;margin:0 0 20px;color:inherit;opacity:.8}
.home-intro__link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:13px;font-weight:700}
.home-intro__link:hover{color:var(--primary)}
.list-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:15px}.list-heading .section-title{margin:5px 0 0;font-size:24px;letter-spacing:-.5px}
.list-heading__format{padding:5px 10px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-size:11px;font-weight:700}
.section-title,.track-section-title{margin:0 0 15px;font-size:23px;letter-spacing:-.5px}
.intro-tekst,.content-zone{color:var(--text-secondary);font-size:14px;line-height:1.6}
.category-introblock{align-items:center;gap:25px;margin:0 0 25px;padding:25px;border:0;border-radius:10px;background:linear-gradient(120deg,var(--surface-blue),var(--surface-soft))}
.category-introblock__media{position:relative;flex:0 0 170px;width:170px;height:170px;border:0;border-radius:5px;background:var(--art-bg);box-shadow:var(--shadow-medium)}
.category-introblock__media:empty::before{content:'\f001';font:900 48px 'Font Awesome 5 Pro';color:var(--art-mark)}
.category-introblock__image{width:100%;height:100%;object-fit:cover}
.category-introblock__body{justify-content:center!important;align-items:flex-start;gap:10px;min-height:0!important}
.category-introblock__eyebrow{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.category-introblock__title{margin:0;font-size:36px;line-height:1.2;letter-spacing:-1px}
.category-introblock__description{max-width:700px;color:var(--text-secondary);font-size:13px;line-height:1.5}
.category-introblock__actions{gap:10px;margin:5px 0 0}
.category-introblock__actions button{min-height:40px;padding:0 15px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);font-size:12px}
.category-introblock__play{padding:0 20px!important;border-color:var(--primary)!important;border-radius:20px!important;background:var(--primary)!important;color:var(--accent-text)!important}
.category-introblock__play:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--accent-text)!important}
.category-introblock__shuffle{width:40px!important;max-width:none;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text)!important}
.category-introblock__shuffle:hover:not(:disabled){background:var(--panel-hover)!important;color:var(--primary)!important}
.share-small{display:flex;align-items:center;gap:5px;margin-left:5px}.share-small__btn{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;color:var(--text-muted)}.share-small__btn:hover{background:var(--panel-hover);color:var(--text)}
.cards-board.track-list,.track-related .cards-board{display:flex;flex-direction:column;gap:0;min-width:0;width:100%;color:var(--text)}
.ring-slim{display:flex;align-items:center;gap:10px;width:100%;min-height:60px;padding:5px 10px;overflow:visible;border:0;border-radius:5px;background:transparent;box-shadow:none}
.ring-slim:hover{border:0;background:var(--row-hover);box-shadow:none}.ring-slim.is-audio-playing{background:var(--row-hover)}
.ring-slim__playbox,.ring-slim__savebox{flex:0 0 35px;width:35px;background:none;border:0}
.ring-slim__play,.ring-slim__save{width:35px!important;height:35px!important;flex-basis:35px;background:transparent!important;border:0!important;color:var(--text-secondary)!important;box-shadow:none!important}
.ring-slim__play:hover,.ring-slim__save:hover{background:var(--panel-hover)!important;color:var(--primary)!important}
.ring-slim.is-audio-playing .ring-slim__play{background:transparent!important;color:var(--primary)!important}
.ring-slim__cover{flex:0 0 45px;width:45px;height:45px;overflow:hidden;border-radius:5px;background:var(--art-bg)}
.ring-slim__cover img{width:100%;height:100%;object-fit:cover}
.ring-slim__body{display:flex;flex:1;justify-content:center;min-width:0;gap:0;padding:0}
.ring-slim__caption b{font-size:14px;font-weight:700;line-height:20px}.ring-slim.is-audio-playing .ring-slim__caption{color:var(--primary)}
.ring-slim__artist,.ring-slim__artist a{color:var(--text-muted);font-size:12px;line-height:20px;text-decoration:none}
.ring-slim__artist a:hover{color:var(--text)}
.ring-slim__format{min-width: 35px;color:var(--text-muted);font-size:11px;text-align:center}
.ring-slim__savebox{border:0}
.page-more{margin:25px 0}.more-loader a{min-height:40px;padding:10px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft);color:var(--text);font-size:13px}
.more-loader a:hover{border-color:var(--primary);background:var(--surface-blue);color:var(--primary)}
.page-numbers{border-color:var(--border)}.page-numbers .navigation a,.page-numbers .navigation span{background:var(--surface-soft);border-color:var(--border);color:var(--text)}
.page-numbers .navigation span:not(.nav_ext){background:var(--primary);border-color:var(--primary);color:var(--accent-text)}
.blocek{margin:40px 0 0;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text-secondary)}
.seo-description{margin:20px 0;padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft);color:var(--text-secondary)}

.seo-description h2{font-size:18px}.seo-description p{font-size:14px}.seo-description li{font-size:14px}
.track-card,.track-related,.track-lyrics{padding:25px;background:var(--surface-soft);border:0;border-radius:10px}
.track-card{margin-bottom:10px}.track-layout{gap:20px}
.track-player-area{padding:0;border:0;background:transparent}.track-head{font-size:30px;letter-spacing:-1px}
.track-player{margin:10px 0 20px;padding:15px;background:var(--surface);border-color:var(--border)}
.track-play{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--accent-text)!important}
.track-play:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}
.track-volume{color:var(--text)!important}.track-time{color:var(--text-muted);font-size:12px}
.track-download{min-height:50px;background:var(--primary);border-color:var(--primary);color:var(--accent-text)}.track-download:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--accent-text)}
.track-download b{font-size:14px}.track-download small{font-size:11px}
.tdlm4 {background: #000;}
.tdlm4:hover {background: var(--primary-hover);}
.track-info{flex-basis:250px;background:var(--surface);border-color:var(--border)}.track-info-title{padding:15px;background:var(--surface);border-bottom:1px solid var(--border);color:var(--text);font-size:14px}
.track-info-row{padding:10px 15px}.track-info-row span,.track-info-row b{font-size:12px}
.track-related,.track-lyrics{margin-top:10px}.track-section-title{margin-bottom:15px}
.share-box{margin-top:20px;padding:15px;background:var(--surface);border-color:var(--border)}
.share-box__label{background:var(--surface-soft);border-color:var(--border)}
.share-native{background:var(--primary);border-color:var(--primary);color:var(--accent-text)}
.share-native:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--accent-text)}
/* .related-artists-section{margin-top:20px;background:var(--surface-soft);border:0}.related-artist-card-cover{border:0;background-color:var(--art-bg)} */
.popular-categories{justify-content:flex-start}.popular-categories__card{min-height:110px;border:0;background:var(--surface-soft)}.popular-categories__card:hover{background:var(--panel-hover);color:var(--primary)}
.site-foot{margin:0;border:0;background:var(--page-bg)}.foot-inner{justify-content:space-between;max-width:1920px;min-height:55px;margin:auto;padding:10px 20px;color:var(--text-muted);font-size:12px}
.foot-inner nav{display:flex;gap:20px}.foot-inner a{color:var(--text-muted);font-size:12px;text-decoration:none}.foot-inner a:hover{color:var(--primary)}
.go-top{right:20px;bottom:20px;background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--text)!important}
.go-top:hover{background:var(--panel-hover)!important}.go-top:not(.show){opacity:0;pointer-events:none}
.overlay-box{background:var(--overlay);backdrop-filter:none}.side-panel{background:var(--panel);border-color:var(--border)}
.side-panel .aside-section{display:block}.btn-close{background:var(--primary);color:var(--accent-text)}
body #site-player{--player-bg:var(--surface);--player-text:var(--text);--player-muted:var(--text-muted);--player-line:var(--player-border);--player-button:var(--primary);--player-button-text:var(--accent-text);min-height:75px;padding:10px 25px;box-shadow:0 -5px 20px #00000022;font:13px/1.4 var(--font-main)}
body #site-player .player-toggle{width:40px;height:40px;flex-basis:40px}
body #site-player .player-title{font-weight:700}.player-artist{font-size:12px}
body #site-player .player-seek,body #site-player .player-volume-range{accent-color:var(--primary)}
body.has-site-player{padding-bottom:75px}


/* new */

.category-introblock__meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:14px;line-height:20px;color:var(--muted);}
.category-introblock__artist{font-weight:600;color:inherit;}
.category-introblock__year{font-weight:400;color:inherit;}
.category-introblock__artist+.category-introblock__year::before{content:"·";margin-right:12px;}

/* ALBUMS GRID */

.albums-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%}
.album-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:12px;border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;transition:background .2s ease}
.album-card:hover{background:var(--panel-hover)}
.album-card__cover{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background:var(--art-bg)}
.album-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.album-card:hover .album-card__image{transform:scale(1.04)}
.album-card__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:600;line-height:20px;color:inherit}

@media(max-width:1200px){
.albums-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
.albums-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
.albums-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.album-card{gap:8px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
.album-card{transition:none}
.album-card__image{transition:none}
}

/* ARTISTS GRID */

.artists-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;width:100%}
.artist-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:12px;border-radius:12px;color:var(--text);text-align:center;text-decoration:none;transition:background .2s ease}
.artist-card:hover{background:var(--panel-hover)}
.artist-card__photo{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50%;background:var(--art-bg);box-shadow:var(--shadow-small)}
.artist-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.artist-card__name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:600;line-height:20px;color:inherit;transition:color .2s ease}
.artist-card:hover .artist-card__image{transform:scale(1.04)}
.artist-card:hover .artist-card__name{color:var(--primary)}

@media(max-width:1200px){
.artists-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
.artists-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.artist-card{gap:8px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
.artist-card{transition:none}
.artist-card__image{transition:none}
.artist-card__name{transition:none}
}

/* ARTISTS HOME */

.artists-grid--home{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.artists-grid--home .artist-card{gap:8px;padding:8px;}
.artists-grid--home .artist-card__name{font-size:14px;line-height:20px;}

@media(max-width:1200px){
.artists-grid--home{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:960px){
.artists-grid--home{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:640px){
.artists-grid--home{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
}

/* RELATED ARTISTS */

.related-artists-section{margin-top:30px;padding:15px;border-radius:10px;background:linear-gradient(120deg,var(--surface-blue),var(--surface-soft))}
.related-artists-section>h2{margin:0 0 20px;color:var(--text);font-size:24px;font-weight:700;line-height:32px}
.related-artists-block{width:100%}
.related-artist-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.related-artist-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0;padding:8px;border-radius:12px;color:var(--text);text-align:center;text-decoration:none;transition:background .2s ease}
.related-artist-card-cover{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:50%;background-color:var(--art-bg);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:var(--shadow-small);transition:transform .2s ease}
.related-artist-card-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:600;line-height:20px;color:inherit;transition:color .2s ease}
.related-artist-card:hover{background:var(--row-hover)}
.related-artist-card:hover .related-artist-card-cover{transform:scale(1.04)}
.related-artist-card:hover .related-artist-card-name{color:var(--primary)}

@media(max-width:1200px){
.related-artist-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
.related-artist-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
.related-artists-section{margin-top:24px}
.related-artists-section>h2{margin-bottom:16px;font-size:20px;line-height:28px}
.related-artist-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-artist-card{gap:8px;padding:8px}
}
@media(prefers-reduced-motion:reduce){
.related-artist-card{transition:none}
.related-artist-card-cover{transition:none}
.related-artist-card-name{transition:none}
}

/* RELATED ALBUMS */

.related-albums-section{margin-top:30px;padding:15px;border-radius:10px;background:linear-gradient(120deg,var(--surface-blue),var(--surface-soft))}
.related-albums-section>h2{margin:0 0 20px;color:var(--text);font-size:24px;font-weight:700;line-height:32px}
.related-albums-block{width:100%}
.related-album-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.related-album-card{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--text);text-decoration:none}
.related-album-card-cover{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:8px;background-color:var(--art-bg);background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .2s ease}
.related-album-card-name{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;font-weight:600;line-height:20px;color:inherit;transition:color .2s ease}
.related-album-card:hover .related-album-card-cover{transform:scale(1.04)}
.related-album-card:hover .related-album-card-name{color:var(--primary)}

@media(max-width:1200px){
.related-album-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
.related-album-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
.related-albums-section{margin-top:24px}
.related-albums-section>h2{margin-bottom:16px;font-size:20px;line-height:28px}
.related-album-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(prefers-reduced-motion:reduce){
.related-album-card-cover{transition:none}
.related-album-card-name{transition:none}
}

/* CATALOG SEARCH */

.catalog-search{margin-bottom:20px}
.catalog-search__field{display:flex;align-items:center;gap:12px;width:100%;height:48px;box-sizing:border-box;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);transition:border-color .2s ease,background .2s ease}
.catalog-search__field>i{flex:0 0 20px;width:20px;font-size:16px;text-align:center;color:var(--text-muted)}
.catalog-search__field:hover{border-color:var(--border-strong)}
.catalog-search__field:focus-within{border-color:var(--primary);background:var(--surface)}
.catalog-search__field input.catalog-search__input{display:block;flex:1;min-width:0;min-height:0;width:100%;height:100%;box-sizing:border-box;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;appearance:none;color:var(--text);font:inherit;font-size:14px;line-height:20px}
.catalog-search__field input.catalog-search__input:focus{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.catalog-search__field input.catalog-search__input::placeholder{color:var(--text-muted)}
.catalog-search__input::-webkit-search-cancel-button{cursor:pointer}
.catalog-search__hint{margin:8px 0 0;font-size:12px;line-height:20px;color:var(--text-muted)}
.catalog-search__empty{display:none;margin:16px 0 0;padding:24px;border-radius:12px;background:var(--surface-soft);color:var(--text-muted);font-size:14px;line-height:24px;text-align:center}
.music-catalog.is-empty .catalog-search__empty{display:block}
.music-catalog.is-empty .albums-grid{display:none}
.music-catalog.is-empty .artists-grid{display:none}

@media(max-width:640px){
.catalog-search{margin-bottom:16px}
.catalog-search__field{height:44px;padding:0 12px}
.catalog-search__empty{padding:16px}
}

/* RIGHT ASIDE: NEW TRACKS */

.aside-right-latest .ring-slim{display:flex;align-items:center;gap:10px;min-height:50px;padding:5px 10px;border:0;border-radius:5px;background:transparent;box-shadow:none}
.aside-right-latest .ring-slim:hover{background:var(--row-hover);box-shadow:none}
.aside-right-latest__icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:5px;background:var(--secondary-soft);color:var(--primary);font-size:12px}
.aside-right-latest .ring-slim__body{flex:1;min-width:0;padding:0}
.aside-right-latest .ring-slim__caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aside-right-latest .ring-slim__caption b{font-size:14px;line-height:20px}
.aside-right-latest .ring-slim__artist{overflow:hidden;color:var(--text-muted);font-size:12px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}
.aside-right-latest .ring-slim__savebox{flex:0 0 30px;width:30px;background:transparent;border:0}
.aside-right-latest .ring-slim__save{width:30px!important;height:30px!important;background:transparent!important;color:var(--text-muted)!important}
.aside-right-latest .ring-slim__save:hover{background:var(--panel-hover)!important;color:var(--primary)!important}

/* end new */

.track-heading__album{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12px;line-height:20px;}
.track-heading__year{color:var(--muted);font-weight:500;}
.track-heading__separator{color:var(--muted);}
.track-heading__album .track-heading__artist{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:4px;}

/* Keep forms, search, feedback, comments and DLE controls consistent. */
.button,.btn,input[type="submit"],.contact-bottom button,.comment-send button{background:var(--primary);border-color:var(--primary);color:var(--accent-text)}
.button:hover,.btn:hover,input[type="submit"]:hover,.contact-bottom button:hover,.comment-send button:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--accent-text)}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],select,textarea{background:var(--surface-soft);border-color:var(--border);color:var(--text)}
input::placeholder,textarea::placeholder{color:var(--text-muted)}
.form-wrap,.contact-page,.legal-page,.full-text{color:var(--text-secondary)}
.wp-box,.form-wrap,.legal-page,.contact-page{max-width:100%}
@media(max-width:1300px){.page-shell{grid-template-columns:230px minmax(0,1fr)}.page-shell>.coler-right{display:none}.brand-link{flex-basis:230px}}
@media(max-width:950px){.page-shell{grid-template-columns:minmax(0,1fr)}.page-shell>.coler-left,.page-shell>.coler-right{display:none}.page-shell>.main-area{min-height:60vh}.brand-link{flex:0 1 190px}.btn-menu{display:flex!important}}
@media(max-width:650px){
    .head-inner{flex-wrap:wrap;gap:10px;min-height:0;padding:10px}.brand-link{flex:1;order:1}.brand-link img{max-width:150px;max-height:35px}
    .btn-menu{order:0;margin:0}.theme-switch{order:2;width:40px;min-width:40px;height:40px;padding:0;justify-content:center}.theme-switch span{display:none}
    .head-search{order:3;width:100%;margin:0}.page-shell{padding:5px}.page-shell>.main-area{padding:15px;border-radius:5px}
    .home-intro{min-height:190px;margin-bottom:20px;padding:20px}.home-intro h1{font-size:26px}
    .category-introblock{align-items:flex-start;gap:15px;padding:15px}.category-introblock__media{flex-basis:80px;width:80px;height:80px}.category-introblock__title{font-size:24px}.category-introblock__body{gap:5px}
    .category-introblock__actions{margin-top:10px}.share-small{width:100%;margin:5px 0 0;justify-content:flex-end}
    .track-layout{flex-direction:column}.track-info{flex-basis:auto}.track-head{font-size:24px}.track-card,.track-related,.track-lyrics{padding:15px}
    .ring-slim__format{display:none}
    .foot-inner{flex-direction:column;align-items:flex-start;gap:5px;padding:15px}.foot-inner nav{gap:15px}
    body #site-player{min-height:75px;padding:10px;gap:10px}body #site-player .player-volume{display:none}body #site-player .player-time{min-width:30px}
    body.has-site-player{padding-bottom:75px}.go-top{right:10px}
}
@media(max-width:400px){.ring-slim{gap:5px;padding:5px}.ring-slim__playbox,.ring-slim__savebox{flex-basis:30px;width:30px}.ring-slim__play,.ring-slim__save{width:30px!important;height:30px!important;flex-basis:30px}.ring-slim__cover{flex-basis:40px;width:40px;height:40px}.ring-slim__caption b{font-size:13px}.category-introblock__media{flex-basis:65px;width:65px;height:65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}






/* Persistent bottom player */
body #site-player{display:none;grid-template-columns:45px minmax(100px,1fr) 40px minmax(180px,1.5fr) 120px 30px;gap:15px;align-items:center;border-top:1px solid var(--player-border)}
body #site-player.is-visible{display:grid}
body #site-player .player-cover{display:grid;place-items:center;width:45px;height:45px;overflow:hidden;border-radius:5px;background:var(--art-bg);color:var(--art-mark)}
body #site-player .player-cover:not(.has-image)::before{content:'\f001';font:900 18px 'Font Awesome 5 Pro'}
body #site-player .player-cover img{display:none;width:100%;height:100%;object-fit:cover}
body #site-player .player-cover.has-image img{display:block}
body #site-player .player-details{min-width:0;gap:0}
body #site-player .player-controls{min-width:0}
body #site-player .player-close{justify-self:end}
@media(max-width:650px){body #site-player{grid-template-columns:40px minmax(80px,1fr) 40px 30px;gap:8px}body #site-player .player-cover{width:40px;height:40px}body #site-player .player-controls{position:absolute;bottom:0;left:0;right:0}body #site-player .player-timeline{display:block;height:3px}body #site-player .player-time{display:none}body #site-player .player-seek{display:block;width:100%;height:3px;margin:0}body #site-player .player-close{grid-column:4}}
.track-heading{display:flex;align-items:center;gap:20px;margin-bottom:25px}.track-cover{flex:0 0 130px;width:130px;height:130px;overflow:hidden;border-radius:5px;background:var(--art-bg);box-shadow:var(--shadow-medium)}.track-cover img{width:100%;height:100%;object-fit:cover}.track-heading__label{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.track-heading .track-head{margin:5px 0;padding:0;border:0;font-size:32px}.track-heading__artist{color:var(--text-muted);font-size:13px}.track-info-row a{color:var(--primary)}
@media(max-width:650px){.track-heading{gap:15px}.track-cover{flex-basis:80px;width:80px;height:80px}.track-heading .track-head{font-size:22px}}

:root[data-theme="dark"] .brand-link img{filter:brightness(0) invert(1)}

body.has-site-player{padding-bottom:75px!important}

/* Detail page: title and artwork share the row with metadata. */
.track-layout{align-items:flex-start}
.track-player-area{justify-content:flex-start;align-self:flex-start}
.track-info{align-self:flex-start}
.track-heading{gap:15px;margin-bottom:15px}
.track-cover{flex-basis:100px;width:100px;height:100px}
.track-heading .track-head{font-size:28px}
.track-player-area .intro-tekst{margin:0 0 15px}
.track-player{margin:0 0 15px;padding:10px}
.track-card .share-box{margin-top:15px}
@media(min-width:651px) and (max-width:950px){.head-inner .btn-menu{margin-left:0!important}}
@media(max-width:650px){.track-info{width:100%}.track-heading{gap:10px}.track-cover{flex-basis:80px;width:80px;height:80px}.track-heading .track-head{font-size:22px}}