@font-face{font-family:'SN Pro';src:url('../webfonts/SNPro.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'PT Sans';src:url('../webfonts/PTSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'PT Sans';src:url('../webfonts/PTSans-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'PT Sans';src:url('../webfonts/PTSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'PT Sans';src:url('../webfonts/PTSans-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic;font-display:swap}

:root{
    --page-bg:#F3F4F6;
    --surface:#FFFFFF;
    --surface-soft:#F8F9FB;
    --surface-blue:#EEF0F5;
    --primary:#504973;
    --primary-dark:#2c2742;
    --primary-hover:#41465B;
    --secondary:#595574;
    --secondary-soft:#EBE9F1;
    --text:#202229;
    --text-secondary:#606673;
    --text-muted:#818895;
    --border:#E2E5EA;
    --border-strong:#CCD1DA;
    --success:#36745C;
    --danger:#B54855;
    --warning-bg:#F8F5ED;
    --warning-border:#DCD1B5;
    --warning-text:#716147;
    --surface-glass:#FFFFFFF0;
    --surface-translucent:#FFFFFF1F;
    --surface-translucent-border:#FFFFFF33;
    --focus-ring:#59557426;
    --shadow-inset:#1C1F2708;
    --overlay:#191B2173;
    --share-wa:#1FAE55;
    --share-wa-hover:#25D366;
    --share-fb:#1877F2;
    --share-tlg:#229ED9;
	--share-viber:#7360F2;
    --share-mail:#5F6368;
    --share-active:#0000001A;
    --shadow-small:0 5px 10px #191B2109;
    --shadow-medium:0 10px 25px #191B2114;
    --shadow-large:0 20px 40px #191B211C;
    --go-top:var(--primary);
    --go-top-hover:var(--primary-hover);
    --download:var(--primary);
    --download-hover:var(--primary-hover);
    --download-dark:var(--primary-dark);
    --radius:10px;
    --radius-small:5px;
    --radius-large:10px;
    --font-main:'SN Pro','PT Sans',Arial,sans-serif;
    --content-gap:15px;
}

/* Base */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{min-height:100%;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--page-bg);scrollbar-gutter:stable}
body{min-width:320px;min-height:100%;background:var(--page-bg);color:var(--text);font:400 15px/1.5 var(--font-main);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body::-webkit-scrollbar{width:10px}
body::-webkit-scrollbar-track{background:var(--page-bg)}
body::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--page-bg);border-radius:10px}
body::-webkit-scrollbar-thumb:hover{background:var(--secondary)}
body::-webkit-scrollbar-corner{background:var(--page-bg)}
.side-panel{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}
.side-panel::-webkit-scrollbar{width:10px}
.side-panel::-webkit-scrollbar-track{background:transparent}
.side-panel::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid transparent;border-radius:10px;background-clip:padding-box}
.side-panel::-webkit-scrollbar-thumb:hover{background:var(--secondary)}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,figure,footer,header,nav,section,main{display:block}
img{display:block;max-width:100%;height:auto}
a{color:var(--text);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--secondary)}
button,input,select,textarea{font:inherit}
button{border:0;background:none;color:inherit;cursor:pointer}
button:disabled{cursor:not-allowed}
button i,a i{margin:0}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--secondary);outline-offset:5px}
::selection{background:var(--secondary-soft);color:var(--text)}
.hidden{display:none}
.clearfix::after{content:"";display:table;clear:both}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wplayer{display:none}
h1,h2,h3,h4,h5{color:var(--text);font-weight:700;line-height:1.3}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:20px}
h5{font-size:16px}
.bg{padding:20px;margin-bottom:var(--content-gap);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}

/* Shared actions and form fields */
.button,.btn,.more-link,input[type="button"],input[type="reset"],input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 15px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-small);color:var(--surface);font-size:16px;font-weight:700;line-height:1.2;text-align:center;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.button:hover,.btn:hover,.more-link:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface)}
.button:active,.btn:active,.more-link:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{transform:translateY(1px)}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],select,textarea{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-small);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}
input[type="text"],input[type="password"],input[type="email"],input[type="search"],select{min-height:40px;padding:0 10px}
textarea{min-height:100px;max-height:350px;padding:10px;resize:vertical}
input:focus,textarea:focus,select:focus{border-color:var(--secondary);box-shadow:0 0 0 5px var(--focus-ring)}
input::placeholder,textarea::placeholder{color:var(--text-muted)}


#dle-comments-form {margin-top: 15px;}
/* Site layout and navigation */
.site-wrap{display:flex;flex-direction:column;min-height:100vh}
.site-box{width:100%;margin:0 auto}
.page-shell{flex:1;min-width:0;display: flex; flex-direction: row; flex-wrap: nowrap;}
.main-area{min-width:0;min-height:100vh;padding:15px;width: 100%;}
.site-head{position:relative;z-index:900;background:var(--surface)}
.head-inner{display:flex;align-items:center;gap:20px;min-height:70px;padding:10px 15px;border-bottom: 1px solid var(--border);justify-content: space-between;}
.brand-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.brand-link img{display:block;max-height:30px;width:auto;object-fit:contain}
.brand-link span,.brand-text{color:var(--primary);font-size:30px;font-weight:700;line-height:1;letter-spacing:-.5px}
.brand-text{display:inline-flex;align-items:flex-end;gap:10px}
.head-search{width:320px;max-width:100%;margin-left:auto}
.search-line{position:relative}
.search-line input{height:40px;padding-right:50px;background:var(--surface-soft);border-color:var(--border)}
.search-line input:focus{background:var(--surface)}
.search-btn{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;width:40px;background:var(--primary);border:1px solid var(--primary);border-radius:0 var(--radius-small) var(--radius-small) 0;color:var(--surface);transition:background-color .2s ease}
.search-btn:hover{background:var(--primary-hover)}
.menu-open,.btn-menu{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-small);color:var(--surface);font-size:16px}
.intro-tekst{margin:0 0 20px;color:var(--text-secondary);font-size:16px;line-height:1.6}
.page-section{margin-bottom:20px}
.section-title,.section-head h1,.section-head{margin-bottom:15px;color:var(--text);font-size:20px;font-weight:700;line-height:1.35;text-align:left}
.soft-block{padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.content-zone{color:var(--text-secondary);font-size:16px;line-height:1.6}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:15px;padding:10px 15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-muted);font-size:10px}
.crumbs a{color:var(--text-secondary)}
.crumbs a:hover{color:var(--secondary)}
.crumbs span{color:var(--secondary)}
.spisok-2{margin-bottom:20px;border-bottom:1px solid var(--border)}
.top-menu{position:relative;z-index:50;background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.top-menu-list{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;max-width:1440px;margin:0 auto;padding:0 10px}
.top-menu-list>li>a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:10px;color:var(--text);font-size:14px;font-weight:600;transition:background-color .2s ease,color .2s ease}
.top-menu-list>li>a:hover,.top-menu-list>li:hover>a,.top-menu-list>li:focus-within>a{background:var(--surface-blue);color:var(--primary)}
.menu-has-children{position:relative}
.menu-has-children>a span{font-size:10px;transition:transform .2s ease}
.menu-has-children:hover>a span,.menu-has-children:focus-within>a span{transform:rotate(180deg)}
.menu-dropdown{position:absolute;right:0;top:100%;display:flex;flex-direction:column;width:250px;background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-medium);opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.menu-has-children:hover>.menu-dropdown,.menu-has-children:focus-within>.menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.menu-dropdown li{display:block;width:100%}
.menu-dropdown li a{display:flex;align-items:center;min-height:40px;padding:10px 15px;color:var(--text);font-size:16px;font-weight:600;transition:background-color .2s ease,color .2s ease}
.menu-dropdown li a:hover{background:var(--surface-blue);color:var(--primary)}

/* 3-column layout: both side panels share the same component */
.site-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;align-items:start;gap:20px;padding:20px 0}
.site-layout>.main-area{min-width:0;min-height:0;padding:0}
aside {margin: 15px 0px 35px 0px !important;}
.coler-left,.coler-right{min-width: 280px !important; position:sticky;top:20px;min-height:calc(100vh - 40px);max-height:calc(100vh - 40px);overflow-x:hidden;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}

.coler-left {border-radius: 0px 10px 10px 0px !important; border-left: 0 !important;}
.coler-right {border-radius: 10px 0px 0px 10px; border-right: 0 !important;}

.aside-section{padding:15px 0}
.aside-section+.aside-section{margin:0px;border-top:1px solid var(--border)}
.aside-section__title{margin:0 15px 10px;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:1px;line-height:1.5;text-transform:uppercase}
.aside-nav,.aside-nav__sub{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.aside-nav li{min-width:0}
.aside-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 15px;color:var(--text-secondary);font-size:14px;font-weight:500;line-height:1.4;transition:background-color .2s ease,color .2s ease}
.aside-nav a i,.aside-nav a .aside-nav__icon{display:grid;place-items:center;flex:0 0 20px;width:20px;color:var(--text-secondary);font-size:14px;text-align:center}
.aside-nav a span:not(.aside-nav__badge){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aside-nav a:hover{background:var(--surface-soft);color:var(--primary)}
.aside-nav a.is-active,.aside-nav li.is-active>a{background:var(--surface-blue);color:var(--primary);font-weight:700}
.aside-nav a.is-active::before,.aside-nav li.is-active>a::before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--secondary)}
.aside-nav a.is-active i,.aside-nav li.is-active>a i{color:var(--primary)}
.aside-nav__sub{padding-left:15px}
.aside-nav__sub a{min-height:40px;font-size:12px}
.aside-nav__badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:30px;min-height:20px;margin-left:auto;padding:0 5px;background:var(--surface-blue);border-radius:20px;color:var(--secondary);font-size:10px;font-weight:700;line-height:1}
.aside-nav a.is-active .aside-nav__badge{background:var(--surface);color:var(--primary)}

/* SEO and category navigation */
.seo-description{margin:25px auto;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);line-height:1.6}
.seo-description h2{margin:0 0 10px;color:var(--text);font-size:20px;font-weight:700}
.seo-description h3{margin:20px 0 10px;color:var(--text);font-size:16px;font-weight:700}
.seo-description p{margin-bottom:10px;font-size:16px}
.seo-description strong{color:var(--text)}
.seo-description ul{margin:10px 0}
.seo-description li{position:relative;margin-bottom:10px;padding-left:20px;font-size:16px}
.seo-description li::before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}
.popular-categories{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:var(--content-gap);width:100%;margin:0 0 20px}
.popular-categories__card{display:flex;align-items:center;justify-content:space-between;gap:10px;width:calc((100% - 30px)/3);min-height:130px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.popular-categories__card:hover{background:var(--surface-soft);border-color:var(--border-strong);color:var(--primary);transform:translateY(-2px)}
.popular-categories__image{display:block;flex:0 0 80px;width:80px;height:80px;object-fit:contain}
.popular-categories__label{display:-webkit-box;overflow:hidden;flex:1;color:inherit;font-size:16px;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.popular-categories--4 .popular-categories__card{width:calc((100% - 50px)/4)}
.popular-categories--5 .popular-categories__card{width:calc((100% - 60px)/5)}

/* Pagination */
.page-more{display:block;clear:both;width:100%;margin:20px 0;text-align:center}
.more-loader{display:flex;width:100%;text-align:center}
.more-loader i{margin-left:10px}
.more-loader a{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:10px 20px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-small);color:var(--surface);font-size:16px;font-weight:700;transition:background-color .2s ease}
.more-loader a:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface)}
.more-loader a:active{background:var(--primary-dark)}
.page-numbers{display:flex;justify-content:center;width:100%;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}
.page-numbers .navigation{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;gap:10px;width:100%;max-width:600px}
.page-numbers .navigation a,.page-numbers .navigation span{display:flex;align-items:center;justify-content:center;flex:1;min-width:40px;height:40px;padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text);font-size:16px;font-weight:700;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.page-numbers .navigation a:hover{background:var(--surface-blue);border-color:var(--border-strong);color:var(--primary)}
.page-numbers .navigation span:not(.nav_ext){background:var(--primary);border-color:var(--primary);color:var(--surface)}
.page-numbers .navigation span.nav_ext{flex:.6;min-width:30px;background:var(--surface-soft);color:var(--text-muted)}
.page-numbers .navigation a[rel="prev"],.page-numbers .navigation a[rel="next"]{flex:1.3;background:var(--surface-soft);border-color:var(--border-strong);color:var(--primary);font-size:16px}
.page-numbers .navigation a[rel="prev"]:hover,.page-numbers .navigation a[rel="next"]:hover{background:var(--surface-blue);border-color:var(--secondary);color:var(--primary)}
#bottom-nav:empty,.more-loader:empty,#nav-load:empty{display:none}
#nav-load span{display:none}
.cards-board{display:flex;flex-wrap:wrap;gap:var(--content-gap)}

/* Track detail and in-page player */
.track-page{display:block;width:100%}
.track-card{width:100%;margin-bottom:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.track-head{margin:0 0 15px;padding:0 0 15px;border-bottom:1px solid var(--border);font-size:24px;line-height:1.3}
.track-type{display:inline-flex;align-items:center;gap:5px;margin-bottom:10px;color:var(--secondary);font-size:10px;font-weight:700}
.track-type i{font-size:10px}
.track-head h1{margin:0;color:var(--text);font-size:24px;font-weight:700;line-height:1.3}
.track-layout{display:flex;align-items:stretch;gap:20px;width:100%}
.track-player-area{display:flex;justify-content:center;flex-direction:column;flex:1;min-width:0;padding:20px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius)}
.track-player{display:flex;align-items:center;gap:15px;width:100%;margin-bottom:15px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.track-play{display:grid!important;place-items:center;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:var(--primary)!important;border:1px solid var(--primary)!important;border-radius:50%!important;color:var(--surface)!important;box-shadow:none!important;transition:background-color .2s ease,transform .2s ease}
.track-play:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}
.track-play:active{transform:scale(.96)}
.track-play i,.track-play span{margin:0;color:inherit}
.track-player-body{flex:1;min-width:0}
.track-time{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text-muted);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.track-seek,.ring-audio-seek{position:relative;height:5px;background:var(--border);border-radius:100px;cursor:pointer}
.track-progress,.ring-audio-progress{position:relative;width:0;height:100%;background:var(--secondary);border-radius:100px}
.track-progress::after,.ring-audio-progress::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;background:var(--secondary);border:2px solid var(--surface);border-radius:50%;transform:translateY(-50%)}
.track-volume,.ring-audio-volume{display:grid!important;place-items:center;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:var(--surface-soft)!important;border:1px solid var(--border)!important;border-radius:999px!important;color:var(--primary)!important;box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.track-volume:hover,.ring-audio-volume:hover{background:var(--surface-blue)!important;border-color:var(--border-strong)!important;color:var(--secondary)!important}
.track-volume-icon,.ring-audio-volume-icon{color:inherit;font-size:16px}
.track-downloads{display:flex;gap:10px;width:100%}
.track-download{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:60px;padding:10px 15px;background:var(--download);border:1px solid var(--download);border-radius:var(--radius-small);color:var(--surface);transition:background-color .2s ease,border-color .2s ease,transform .2s ease}
.track-download>i{flex:0 0 auto;color:inherit;font-size:20px}
.track-download>span{display:flex;align-items:flex-start;flex-direction:column;text-align:left}
.track-download b{color:inherit;font-size:16px;font-weight:700}
.track-download small{margin-top:2px;color:inherit;font-size:10px;font-weight:500;opacity:.8}
.track-download:hover{background:var(--download-hover);border-color:var(--download-hover);color:var(--surface)}
.track-download:active{background:var(--download-dark);transform:translateY(1px)}
.track-download--mp3{background:var(--download);border-color:var(--download)}
.track-download--mp3:hover{background:var(--download-hover);border-color:var(--download-hover)}
.track-download--m4r{background:var(--secondary);border-color:var(--secondary)}
.track-download--m4r:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.track-info{flex:0 0 320px;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.track-info-title{padding:10px 15px;background:var(--primary);color:var(--surface);font-size:16px;font-weight:700}
.track-info-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:40px;padding:10px 15px;border-bottom:1px solid var(--border)}
.track-info-row:last-child{border-bottom:0}
.track-info-row span{color:var(--text-secondary);font-size:10px}
.track-info-row b{color:var(--text);font-size:10px;font-weight:700;text-align:right}
.track-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}
.track-prev,.track-next{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-secondary);font-size:10px;font-weight:700;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.track-prev{justify-content:flex-start}
.track-next{justify-content:flex-end;margin-left:auto}
.track-prev i,.track-next i{color:var(--secondary);font-size:10px}
.track-prev:hover,.track-next:hover{background:var(--surface-blue);border-color:var(--border-strong);color:var(--primary)}
.track-related,.track-lyrics{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.track-section-title{margin-bottom:15px;color:var(--text);font-size:20px;font-weight:700;line-height:1.35}

/* Category introduction: media + content, mobile full-width actions */
.category-introblock{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.category-introblock__media{display:flex;align-items:center;justify-content:center;flex:0 0 140px;width:140px;height:140px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-small)}
.category-introblock__image{display:block;width:100%;height:100%;object-fit:cover}
.category-introblock__body{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;flex:1;gap:10px;min-width:0;min-height: 138px !important;    justify-content: space-between;}
.category-introblock__title{margin:0;color:var(--text);font-size:24px;font-weight:700;line-height:1.3}
.category-introblock__description{color:var(--text-secondary);font-size:14px;line-height:1.6}
.category-introblock__description p{margin:0 0 10px}
.category-introblock__description p:last-child{margin-bottom:0}
.category-introblock__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--text-muted);font-size:12px;font-weight:600}
.category-introblock__count{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary)}
.category-introblock__count i{color:var(--secondary);font-size:12px}
.category-introblock__format{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 5px;border:1px solid var(--border-strong);border-radius:5px;color:var(--text-secondary);font-size:10px;font-weight:700;line-height:1}
.category-introblock__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-top:5px}
.category-introblock__actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;margin:0;padding:10px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-small);background:var(--surface);color:var(--text);font:700 12px/1.4 var(--font-main);white-space:nowrap;box-shadow:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.category-introblock__actions button i{margin:0;color:inherit;font-size:14px}
.category-introblock__actions button:hover:not(:disabled){background:var(--surface-blue);border-color:var(--secondary);color:var(--primary)}
.category-introblock__actions button:disabled{opacity:.5;cursor:not-allowed}
.category-introblock__play{background:var(--success)!important;border-color:var(--primary)!important;color:var(--surface)!important}
.category-introblock__play:hover:not(:disabled){background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;color:var(--surface)!important}
.category-introblock__shuffle{background:var(--secondary-soft)!important;border-color:var(--secondary-soft)!important;color:var(--secondary)!important; max-width: 40px;}
.category-introblock__shuffle:hover:not(:disabled){background:var(--surface-blue)!important;border-color:var(--border-strong)!important;color:var(--primary)!important}
.category-introblock__share{background:var(--surface)!important;border-color:var(--border-strong)!important;color:var(--primary)!important}
.category-introblock__share.is-copied{background:var(--secondary-soft)!important;border-color:var(--secondary-soft)!important}
.category-introblock__archive{margin-left:auto!important;background:var(--surface-soft)!important;border-color:var(--border)!important;color:var(--text-secondary)!important;font-weight:600!important}
.category-introblock__archive:disabled{opacity:.5;cursor:not-allowed}
.category-introblock__archive:not(:disabled):hover{background:var(--surface-blue)!important;border-color:var(--secondary)!important;color:var(--primary)!important}

/* Track list cards */
.ring-slim{position:relative;display:flex;align-items:stretch;width:calc((100% - var(--content-gap))/2);min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s ease,box-shadow .2s ease}
.ring-slim:hover{border-color:var(--border-strong);box-shadow:var(--shadow-small)}
.ring-slim__playbox,.ring-slim__savebox{display:flex;align-items:center;justify-content:center;flex:0 0 60px;background:var(--primary);transition:background-color .2s ease}
.ring-slim__savebox{border-left:1px solid #FFFFFF20}
.ring-slim__play,.ring-slim__save{display:grid!important;place-items:center;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:var(--surface)!important;border:0!important;border-radius:50%!important;color:var(--primary)!important;box-shadow:none!important;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
.ring-slim__play:hover,.ring-slim__save:hover{background:var(--secondary-soft)!important;color:var(--secondary)!important}
.ring-slim__play i,.ring-slim__play span,.ring-slim__save i,.ring-slim__save span{display:block;margin:0;color:inherit;font-size:14px;line-height:1}
.ring-slim__play .fa-play{margin-left:2px}
.ring-slim.is-audio-playing .ring-slim__play{background:var(--secondary-soft)!important;color:var(--secondary)!important}
.ring-slim__body{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;flex:1;gap:5px;min-width:0;padding:10px 15px}
.ring-slim__caption{display:block;width:100%;min-width:0;overflow:hidden;color:var(--text);text-align:left;white-space:nowrap;text-overflow:ellipsis}
.ring-slim__caption b{display:block;width:100%;overflow:hidden;color:inherit;font-size:14px;font-weight:700;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.ring-slim__caption:hover{color:var(--secondary)}
.ring-slim__artist{display:block;width:100%;min-width:0;overflow:hidden;color:var(--text-muted);font-size:12px;font-weight:500;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}
.ring-slim__artist a{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:2px}
.ring-slim__artist a:hover{color:var(--secondary)}

/* Search, contact, legal pages */
form{width:100%}
#fullsearch{width:100%}
.search-table{margin-bottom:15px}
.notice-box,.berrors{padding:15px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-small);color:var(--warning-text);line-height:1.6}
.form-box{max-width:720px}
.form-box h1{margin-bottom:15px;color:var(--text);font-size:20px;font-weight:700}
.form-row{margin-bottom:15px}
.form-row label{display:block;margin-bottom:5px;color:var(--text);font-size:16px;font-weight:700}
.form-cell{display:block}
.form-hint{margin-bottom:10px;color:var(--text-secondary)}
.form-send,.comment-send{margin-top:15px}
.contact-page,.legal-page{display:block;width:100%;margin-bottom:20px}
.wp-box{width:100%;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.wp-head{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.wp-head h1{margin:0 0 10px;color:var(--text);font-size:24px;font-weight:700}
.wp-head p{max-width:850px;color:var(--text-secondary);font-size:16px;line-height:1.6}
.contact-grid{display:flex;gap:15px}
.contact-grid .form-row{flex:1}
.contact-page .form-row{margin-bottom:15px}
.contact-page .form-row label{margin-bottom:5px}
.contact-page input,.contact-page select,.contact-page textarea{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-small);color:var(--text)}
.contact-page input,.contact-page select{height:40px;padding:0 10px}
.contact-page textarea{min-height:160px;padding:10px;line-height:1.6;resize:vertical}
.contact-page input:focus,.contact-page select:focus,.contact-page textarea:focus{border-color:var(--secondary);box-shadow:0 0 0 5px var(--focus-ring)}
.contact-security{margin:5px 0 20px;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius)}
.contact-security .form-row:last-child{margin-bottom:0}
.contact-security .form-hint{margin:0 0 10px;padding:10px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text-secondary);font-size:10px}
.contact-captcha{display:flex;align-items:center;gap:10px}
.contact-captcha input{flex:1}
.contact-captcha img{display:block;max-height:50px;width:auto;border-radius:var(--radius-small)}
.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid var(--border)}
.contact-note{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:10px;line-height:1.5}
.contact-note i{color:var(--secondary)}
.contact-bottom button,.comment-send button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 20px;background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-small);color:var(--surface);font-size:16px;font-weight:700;transition:background-color .2s ease}
.contact-bottom button:hover,.comment-send button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}
.contact-mail{display:flex;align-items:center;gap:10px;margin-top:15px;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius)}
.contact-mail>i{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:var(--surface-blue);border-radius:50%;color:var(--primary)}
.contact-mail div{display:flex;flex-direction:column;gap:2px}
.contact-mail span{color:var(--text-muted);font-size:10px}
.contact-mail a{color:var(--primary);font-size:16px;font-weight:700}
.legal-page .wp-box>p{margin-bottom:15px;color:var(--text-secondary);font-size:16px;line-height:1.6}
.legal-page h2{margin:25px 0 10px;color:var(--text);font-size:20px;font-weight:700;line-height:1.4}
.legal-highlight,.legal-notice,.legal-warning{display:flex;align-items:flex-start;gap:10px;margin:15px 0;padding:15px;border:1px solid var(--border);border-radius:var(--radius)}
.legal-highlight{background:var(--surface-blue)}
.legal-notice{background:var(--surface-soft)}
.legal-warning{background:var(--warning-bg);border-color:var(--warning-border)}
.legal-highlight>i,.legal-notice>i,.legal-warning>i{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--secondary);font-size:16px}
.legal-warning>i{color:var(--warning-text)}
.legal-highlight div,.legal-notice div{flex:1;min-width:0}
.legal-highlight strong,.legal-notice strong{display:block;margin-bottom:5px;color:var(--text);font-size:16px}
.legal-highlight p,.legal-notice p,.legal-warning p{color:var(--text-secondary);font-size:16px;line-height:1.6}
.legal-list{display:flex;flex-direction:column;gap:10px;margin:10px 0 20px}
.legal-list li{position:relative;padding-left:25px;color:var(--text-secondary);font-size:16px;line-height:1.6}
.legal-list li::before{content:"\f00c";position:absolute;left:0;top:5px;color:var(--secondary);font-family:'Font Awesome 5 Pro';font-size:10px;font-weight:900}
.legal-contact{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;background:var(--primary-dark);border-radius:var(--radius)}
.legal-contact>div{display:flex;flex-direction:column;gap:5px}
.legal-contact span{color:var(--text-muted);font-size:10px}
.legal-contact div a{color:var(--text);font-size:16px;font-weight:700}
.legal-contact__button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 15px;background:var(--surface);border-radius:var(--radius-small);color:var(--primary)!important;font-size:10px;font-weight:700}

/* Comments */
.comments-wrap{margin-top:20px}
.add-comments{margin-bottom:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.comments-title{margin-bottom:15px;color:var(--text);font-size:20px;font-weight:700}
.comment-fields{display:flex;gap:10px;margin-bottom:10px}
.comment-fields input{flex:1;min-width:0}
.comment-editor{margin-bottom:15px}
.comment-editor textarea{width:100%;min-height:130px;padding:10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-small);color:var(--text);font-size:16px;line-height:1.6;resize:vertical}
.comment-editor textarea:focus{background:var(--surface);border-color:var(--secondary);box-shadow:0 0 0 5px var(--focus-ring)}
.comment-protect{margin-top:15px;padding:15px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius)}
.comment-protect .form-row{margin:0}
.comment-protect label{display:block;margin-bottom:10px;color:var(--text);font-size:16px;font-weight:700}
.comment-protect .form-cell{display:flex;align-items:center;gap:10px}
.comment-protect input{flex:1;min-width:0;height:80px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-small);color:var(--text)}
.comment-protect input:focus{border-color:var(--secondary);box-shadow:0 0 0 5px var(--focus-ring)}
.comment-protect .form-cell>a{display:flex;align-items:center;justify-content:center;flex:0 0 160px;width:160px;height:80px;overflow:hidden;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-small)}
.comment-protect .form-cell>a:hover{border-color:var(--secondary)}
.comment-protect #dle-captcha{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}
.comment-protect #dle-captcha img{display:block;width:100%;height:100%;object-fit:cover}
.comment-send{display:flex;margin-top:15px}
.comment-send button i{color:inherit}
.comment-item{display:flex;gap:10px;margin-bottom:10px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.comment-photo{flex:0 0 50px;width:50px;height:50px}
.comment-photo img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-small)}
.comment-body{flex:1;min-width:0}
.comment-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;color:var(--text-muted);font-size:10px}
.comment-author{color:var(--primary);font-weight:700}
.comment-text{margin-bottom:10px;color:var(--text-secondary);line-height:1.6}
.comment-tools{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:10px}
.comment-rate{display:flex;align-items:center;gap:5px}
.reply{color:var(--secondary);cursor:pointer}
.reply:hover{color:var(--primary)}
.last-comment-link{margin-bottom:10px;font-weight:700}

/* Standalone compact audio controls */
.ring-audio-box{display:flex;align-items:center;gap:10px;width:100%;margin:15px 0;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.ring-audio-play{display:grid!important;place-items:center;flex:0 0 40px;width:40px!important;height:40px!important;margin:0!important;padding:0!important;background:var(--primary)!important;border:1px solid var(--primary)!important;border-radius:50%!important;color:var(--surface)!important;font-size:16px;box-shadow:none!important;transition:background-color .2s ease,transform .2s ease}
.ring-audio-play:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}
.ring-audio-play:active{transform:scale(.96)}
.ring-audio-body{flex:1;min-width:0}
.ring-audio-time{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--text-muted);font-size:10px;font-weight:600;font-variant-numeric:tabular-nums}
.ring-audio-seek{margin-left:5px}
.ring-audio-download{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;min-height:40px;padding:10px 15px;background:var(--download);border:1px solid var(--download);border-radius:var(--radius-small);color:var(--surface)!important;font-size:16px;font-weight:700;transition:background-color .2s ease}
.ring-audio-download:hover{background:var(--download-hover);border-color:var(--download-hover);color:var(--surface)!important}

/* Site footer and floating controls */
.site-foot{margin-top:auto;background:var(--surface);border-top:1px solid var(--border)}
.foot-inner{display:flex;align-items:center;gap:20px;min-height:70px;padding:10px 15px}
.foot-inner a{color:var(--text-secondary);font-size:16px;text-decoration:underline;text-underline-offset:2px}
.foot-inner a:hover{color:var(--secondary)}
.go-top{position:fixed;right:20px;bottom:15px;z-index:50;display:grid!important;place-items:center;width:40px!important;height:40px!important;padding:0!important;background:var(--go-top)!important;border:1px solid var(--go-top)!important;border-radius:50%!important;color:var(--surface)!important;box-shadow:var(--shadow-medium)!important;transition:background-color .2s ease,transform .2s ease}
.go-top:hover{background:var(--go-top-hover)!important;transform:translateY(-2px)}
body.has-site-player .go-top{bottom:90px}

/* Mobile menu */
.overlay-box{display:none;position:fixed;inset:0;z-index:9998;background:var(--overlay);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.side-panel{position:fixed;left:-320px;top:0;z-index:9999;width:320px;height:100%;padding:10px;overflow-x:hidden;overflow-y:auto;background:var(--page-bg);border-right:1px solid var(--border);box-shadow:var(--shadow-large);transition:left .2s ease}
.side-panel.active{left:0}
.btn-close{position:fixed;left:320px;top:-44px;z-index:10000;display:grid;place-items:center;width:40px;height:40px;background:var(--primary);border-radius:0 0 var(--radius-small) 0;color:var(--surface);font-size:20px;opacity:0;cursor:pointer;transition:top .2s ease,opacity .2s ease}
.btn-close.active{top:0;opacity:1}
body.opened-menu{width:100%;height:100%;overflow:hidden}
.side-panel .top-menu{display:block!important;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.side-panel .top-menu ul{display:block!important;margin:0;padding:0}
.side-panel .top-menu li{display:block;border-bottom:1px solid var(--border)}
.side-panel .top-menu li:last-child{border-bottom:0}
.side-panel .top-menu a{display:flex;align-items:center;min-height:40px;padding:10px 15px;background:var(--surface);border:0;color:var(--text);font-size:16px;font-weight:700;text-align:left}
.side-panel .top-menu a:hover{background:var(--surface-blue);color:var(--primary)}
.side-panel .spisok-2{border-top:1px solid var(--border)}

/* Sharing */
.share-box{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.share-box__top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px;border-bottom:1px solid var(--border)}
.share-box__text{display:flex;flex-direction:column;flex:1;min-width:0}
.share-box__label{display:inline-flex;align-items:center;width:max-content;min-height:25px;padding:5px 10px;background:var(--surface-blue);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:0;text-transform:uppercase}
.share-box__title{margin-top:10px;color:var(--text);font-size:16px;font-weight:700;line-height:1.45}
.share-box__stats{display:flex;align-items:stretch;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.share-box__rating,.share-box__votes{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 10px;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-small)}
.share-box__rating span,.share-box__votes span{display:block;color:var(--text-secondary);font-size:10px;font-weight:600;white-space:nowrap}
.share-box__stars{display:flex;align-items:center}
.share-box__stars .unit-rating{margin:0}
.share-box__votes b{color:var(--primary);font-size:16px;font-weight:700}
.share-box__list{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;width:100%}
.share-box__btn{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;background:var(--surface-soft);border:1px solid var(--border);border-radius:50%;color:var(--text);font-size:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.share-box__btn i{color:inherit;font-size:16px}
.share-box__btn span{display:none}
.share-box__btn:hover{background:var(--surface-blue);border-color:var(--border-strong)}
.share-box__btn.is-copied{background:var(--secondary-soft);border-color:var(--secondary-soft);color:var(--secondary)}
.share-native{background:var(--primary);border-color:var(--primary);color:var(--surface)}
.share-native:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--surface)}
.share-wa{color:var(--share-wa)}
.share-wa:hover{background:var(--share-wa);border-color:var(--share-wa);color:var(--surface)}
.share-fb{color:var(--share-fb)}
.share-fb:hover{background:var(--share-fb);border-color:var(--share-fb);color:var(--surface)}
.share-tlg{color:var(--share-tlg)}
.share-tlg:hover{background:var(--share-tlg);border-color:var(--share-tlg);color:var(--surface)}
.share-mail{color:var(--share-mail)}
.share-mail:hover{background:var(--share-mail);border-color:var(--share-mail);color:var(--surface)}
.share-copy{color:var(--secondary)}
.share-copy:hover{background:var(--secondary);border-color:var(--secondary);color:var(--surface)}

/* Global player palette. The JS creates the actual player outside #wajax. */
body #site-player{--player-bg:var(--primary-dark);--player-text:#FFFFFF;--player-muted:#C2C5D0;--player-line:#444852;--player-button:#FFFFFF;--player-button-text:var(--primary-dark)}
body.opened-menu #site-player{z-index:9990}


/* relcat */

/* related artists */
/* .related-artists-section{margin-bottom:20px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px}
.related-artists-section h3{margin:0 0 20px;color:var(--text);font-size:20px;font-weight:700;line-height:1.4}
.related-artists-block{width:100%;margin-top: 15px;}
.related-artist-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.related-artist-card{display:flex;flex-direction:column;gap:10px;min-width:0;color:var(--text);text-align:center;text-decoration:none;transition:transform .2s ease,color .2s ease}
.related-artist-card-cover{display:block;width:100%;aspect-ratio:1;background-color:var(--surface-soft);background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid var(--border);border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease}
.related-artist-card-name{display:-webkit-box;overflow:hidden;color:inherit;font-size:13px;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.related-artist-card:hover{color:var(--secondary)}
.related-artist-card:hover .related-artist-card-cover{border-color:var(--secondary);box-shadow:var(--shadow-medium)}
.related-artist-card:hover{transform:translateY(-2px)}

@media(max-width:1200px){
.related-artist-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:650px){
.related-artists-section{padding:15px}
.related-artists-section h3{font-size:18px}
.related-artist-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.related-artist-card-name{font-size:12px}
}

@media(max-width:400px){
.related-artist-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
} */


/* Responsive */
@media(max-width:1200px){
.site-layout{grid-template-columns:220px minmax(0,1fr)}
.coler-right{display:none}
.popular-categories--5 .popular-categories__card{width:calc((100% - 45px)/4)}
}
@media(max-width:1000px){
.site-layout{display:block}
.coler-left,.coler-right{display:none}
.popular-categories--4 .popular-categories__card,.popular-categories--5 .popular-categories__card{width:calc((100% - 30px)/3)}
.track-layout{flex-direction:column}
.track-info{flex-basis:auto;width:100%}
.category-introblock__media{flex-basis:120px;width:120px;height:120px}
.category-introblock__title{font-size:20px}
.category-introblock__archive{margin-left:0!important}
}
@media(max-width:800px){
.head-inner{flex-wrap:wrap;gap:10px}
.head-search{order:3;width:100%;margin-left:0}
.page-shell{padding:10px 0 20px}
.main-area{padding:0 10px;min-height:0}
.btn-menu{display:flex!important;margin-left:auto}
.top-menu.to-mob{display:none}
.top-menu-list{flex-direction:column}
.top-menu-list>li{width:100%}
.top-menu-list>li>a{justify-content:flex-start;min-height:40px;padding:10px 15px;border-bottom:1px solid var(--border)}
.menu-has-children>a{justify-content:space-between}
.menu-dropdown{position:static;display:flex;width:100%;padding:5px 10px;background:var(--surface-soft);border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
.menu-dropdown li a{min-height:40px;padding:10px 15px}
.hide-mobile{display:none!important}
.popular-categories__card{flex-direction:column;justify-content:center;text-align:center}
}
@media(max-width:700px){
.share-box{gap:15px;padding:15px}
.share-box__top{flex-direction:column;align-items:stretch;gap:10px;padding-bottom:15px}
.share-box__title{font-size:16px}
.share-box__stats{justify-content:flex-start}
.contact-grid{flex-direction:column;gap:0}
.contact-bottom{align-items:stretch;flex-direction:column}
.contact-bottom button{width:100%}
.legal-contact{align-items:stretch;flex-direction:column}
.legal-contact__button{width:100%}
}
@media(max-width:600px){
/* Cover and facts at top, description and controls below at full width. */
.category-introblock{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-areas:'cover title' 'cover meta' 'description description' 'actions actions';align-items:start;gap:10px;margin-bottom:15px;padding:15px}
.category-introblock__media{grid-area:cover;flex:none;width:80px;height:80px}
.category-introblock__body{display:contents}
.category-introblock__title{grid-area:title;align-self:end;min-width:0;font-size:20px;line-height:1.3}
.category-introblock__meta{grid-area:meta;align-self:start;gap:10px}
.category-introblock__description{grid-area:description;font-size:14px;line-height:1.6}
.category-introblock__actions{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0}
.category-introblock__actions button{width:100%;min-width:0;min-height:40px;padding:10px;font-size:12px;white-space:normal}
.category-introblock__play{grid-column:1/-1}
.category-introblock__archive{grid-column:1/-1;margin-left:0!important}
.bg{padding:15px}
.brand-link img{max-height:30px}
.brand-text{font-size:24px}
.intro-tekst{font-size:14px}
.popular-categories{gap:10px}
.popular-categories__card,.popular-categories--4 .popular-categories__card,.popular-categories--5 .popular-categories__card{width:calc((100% - 20px)/3);min-height:120px;gap:10px;padding:10px 5px}
.popular-categories__image{flex-basis:60px;width:60px;height:60px}
.popular-categories__label{font-size:12px;line-height:1.4}
.more-loader a{min-height:50px}
.page-numbers .navigation{gap:5px}
.page-numbers .navigation a,.page-numbers .navigation span{min-width:30px;height:40px;padding:0 5px;font-size:12px}
.page-numbers .navigation a[rel='prev'],.page-numbers .navigation a[rel='next']{font-size:14px}
.track-card{padding:15px}
.track-head,.track-head h1{font-size:20px}
.track-layout{gap:10px}
.track-player-area{padding:10px}
.track-info-row{min-height:40px;padding:10px}
.track-info-title{padding:10px}
.track-related,.track-lyrics{padding:15px}
.track-section-title{font-size:18px}
.ring-slim{width:100%}
.wp-box{padding:15px}
.wp-head{margin-bottom:15px;padding-bottom:15px}
.wp-head h1{font-size:20px}
.wp-head p{font-size:14px}
.contact-security{padding:10px}
.contact-captcha{align-items:flex-start;flex-direction:column}
.legal-page h2{margin-top:20px;font-size:18px}
.legal-highlight,.legal-notice,.legal-warning{gap:10px;padding:10px}
.legal-highlight>i,.legal-notice>i,.legal-warning>i{flex-basis:40px;width:40px;height:40px}
.comment-fields{flex-direction:column;gap:10px}
.add-comments{padding:15px}
.comment-protect{padding:10px}
.comment-protect .form-cell{align-items:stretch;flex-direction:column}
.comment-protect .form-cell>a{flex:0 0 50px;width:160px;height:50px}
.comment-send button{width:100%}
.foot-inner{flex-direction:column;align-items:flex-start;gap:10px;padding:15px}
.go-top{right:10px;bottom:10px}
body.has-site-player .go-top{bottom:90px}
}
@media(max-width:500px){
.track-downloads{flex-direction:column;gap:10px}
.track-download{width:100%;min-height:50px}
.track-nav{gap:10px}
.track-prev,.track-next{flex:1;min-width:0;padding:10px;font-size:12px}
.track-player{gap:10px;padding:10px}
.track-play{flex-basis:40px;width:40px!important;height:40px!important}
.track-volume{flex-basis:40px;width:40px!important;height:40px!important}
.ring-audio-download{padding:10px;font-size:12px}
}
@media(max-width:400px){
.ring-slim__playbox,.ring-slim__savebox{flex-basis:50px}
.ring-slim__play,.ring-slim__save{flex-basis:40px;width:40px!important;height:40px!important}
.ring-slim__body{padding:10px}
.ring-slim__caption b{font-size:14px}
.ring-slim__artist{font-size:12px}
.category-introblock{grid-template-columns:70px minmax(0,1fr);padding:10px}
.category-introblock__media{width:70px;height:70px}
.category-introblock__title{font-size:18px}
.track-prev span,.track-next span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.track-info-row{gap:10px}
.comment-item{gap:10px;padding:10px}
.comment-photo,.comment-photo img{width:40px;height:40px}
.comment-photo{flex-basis:40px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}