:root{
  --font-sans:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --bg:#0b0d12;
  --primary:#fc1cc4;
  --text:#e9eefc;
  --muted:rgba(233,238,252,.72);
  --white:#fff;
  --brand:#7c5cff;
  --brand-2:#22c55e;
  --radius:16px;
  --shadow:0 10px 30px rgba(0,0,0,.25);
  --line:rgba(255,255,255,.12);
  --drawer:320px;
}

html,body{height:100%;overflow-x:hidden}
body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text)}
.nav-link{color:var(--primary);}
.nav-link:hover{color:var(--white); text-decoration:none}
.site{min-height:100vh;display:flex;flex-direction:column;transition:transform .25s ease;will-change:transform}
.site-main{flex:1}
.site--pushed{transform:translateX(calc(var(--drawer) * -1))}

.top-hero{position:relative;isolation:isolate;overflow:hidden;background:#070812}
.top-hero:before{content:"";position:absolute;inset:-120px -80px -220px;z-index:-1;background:
radial-gradient(900px 520px at 18% 18%,rgba(93,33,143,.95)0,rgba(93,33,143,0)60%),
radial-gradient(780px 520px at 72% 12%,rgba(196,50,255,.72)0,rgba(196,50,255,0)60%),
radial-gradient(560px 420px at 88% 40%,rgba(124,92,255,.55)0,rgba(124,92,255,0)62%),
radial-gradient(520px 380px at 36% 48%,rgba(255,61,190,.35)0,rgba(255,61,190,0)65%),
linear-gradient(180deg,rgba(10,8,20,0)0,rgba(10,8,20,.55)45%,rgba(11,13,18,1)100%),
radial-gradient(1200px 680px at 50% 0%,#2b0f4c 0,#0b0d12 72%);filter:saturate(1.2) contrast(1.1)}

.top-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("/wp-content/themes/naafanya/assets/img/bgmain.jpg") center/cover no-repeat;
  opacity:.22;
  mix-blend-mode:screen; /* можно убрать если не нравится */
  pointer-events:none;
}



/*.site-header,.site-footer{background:rgba(16,21,34,.65);backdrop-filter:blur(10px)}*/
.border-bottom{border-bottom:1px solid var(--line)}
.border-top{border-top:1px solid var(--line)}

.site-logo{color:var(--white);text-decoration:none}
.site-logo:hover{opacity:.9}
.logo-svg{display:block;height:28px;width:auto;max-width:180px}
.eq .bar{transform-origin:center 22px;animation:eq 1.1s ease-in-out infinite}
.eq .b1{animation-delay:-.2s}.eq .b2{animation-delay:-.6s}.eq .b3{animation-delay:-.35s}.eq .b4{animation-delay:-.5s}.eq .b5{animation-delay:-.1s}
@keyframes eq{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1.05)}}
@media (prefers-reduced-motion:reduce){.eq .bar{animation:none}}

.bi{display:block;line-height:1}
.btn.rounded-circle{display:inline-flex;align-items:center;justify-content:center}

.site-header .nav-link{color:var(--white);text-decoration:none;font-weight:500;font-size:14px}
.site-header .nav-link:hover{opacity:.9}
.footer-link{color:var(--muted);text-decoration:none;font-weight:600}
.footer-link:hover{color:var(--text)}

.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.footer-left{display:flex;flex-direction:column;gap:6px}
.footer-copy{font-weight:700}
.footer-dev{font-size:12px;color:var(--muted)}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 18px;}
.footer-nav a { font-size:12px}
@media (max-width:767px){.footer-row{flex-direction:column}.footer-nav{justify-content:flex-start}}


h1,h2,h3{margin:0 0 .6rem}
p{color:var(--muted);line-height:1.6;margin:0 0 1rem}
a {color:var(--primary);}
.navbar-toggler{border:1px solid var(--line);width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}
.navbar-toggler:focus{box-shadow:none}
.ham2{gap:6px;flex-direction:column;background:transparent}
.ham2 span{display:block;height:2px;background:var(--white);border-radius:2px}
.ham2__a{width:20px}
.ham2__b{width:14px;align-self:flex-end}

.site-header .navbar-toggler{padding:.45rem .6rem}
.site-header .navbar-toggler:focus{box-shadow:none}

.offcanvas{background:rgba(16,21,34,.98);color:var(--text);height:100vh;max-height:100vh;width:var(--drawer)}
.offcanvas .btn-close{filter:invert(1)}
.offcanvas .nav-link{color:var(--text)}
.offcanvas .nav-link:hover{opacity:.9}

@media (max-width:575.98px){
  .logo-svg{height:34px;max-width:140px; }
  .logo-svg text{ font-size:29px}
  .site-header .btn.rounded-circle{width:30px;height:30px;padding:6px!important}
  .site-header .btn.rounded-circle svg{width:16px;height:16px}
  .site-header .fw-bold.text-light{font-size:14px;white-space:normal} /* чтобы телефон переносился и не выталкивал гамбургер */
  .site-header .small{font-size:11px}
  .site-header .text-end{line-height:1.1;min-width:0}
  .site-header .d-flex.align-items-center.justify-content-end.gap-2{flex-wrap:wrap}
}




.songs-grid{--c:6;display:flex;flex-wrap:wrap;gap:12px}
.song-tile{width:calc((100% - (var(--c) - 1)*12px)/var(--c));display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.7);color:var(--text);position:relative; text-decoration:none}



.song-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-meta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-badge{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(0,0,0,.35);border:1px solid var(--line);backdrop-filter:blur(8px);z-index:10}
.song-badge.is-free{color:#22c55e}
.song-badge.is-reserved{color:#fbbf24}
.song-badge.is-sold{color:#f87171}
.song-badge.is-custom{color:#7c5cff}

.song-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--white);font-size:13px;font-weight:700; background:none}
.song-btn:hover{opacity:.9; background-color:#222}
@media (max-width:1400px){.songs-grid{--c:5}}
@media (max-width:1200px){.songs-grid{--c:4}}
@media (max-width:992px){.songs-grid{--c:3}}
@media (max-width:640px){.songs-grid{--c:2}}

.song-img{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#1b2033}
.song-img img{width:100%;height:100%;object-fit:cover;display:block}
.song-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;border-radius:999px;border:1px solid var(--line);background:rgba(0,0,0,.35);backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;color:var(--white);cursor:pointer}
.song-play i{font-size:26px;line-height:1}
.song-tile.is-playing .song-play i{font-size:24px}

.playerbar{display:none}
.playerbar.is-visible{display:block}


.playerbar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9999;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(16,21,34,.95);
  backdrop-filter:blur(16px);
  border-top:1px solid var(--line);
}
.playerbar__in{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  gap:12px;
  align-items:center;
}
body.has-player{padding-bottom:110px}
@media (max-width:640px){body.has-player{padding-bottom:130px}}



.pbtn{width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--white);display:inline-flex;align-items:center;justify-content:center}
.pbtn i{font-size:18px;line-height:1}
.pbtn--main{width:44px;height:44px}
.ptrack{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ptitle{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pseek{display:flex;align-items:center;gap:8px}
.prange{flex:1;min-width:0}
.ptime{font-size:12px;color:var(--muted);width:40px;text-align:center}
.pvol{width:110px}
@media (max-width:640px){.pvol{display:none}.ptime{width:34px}.pbtn{width:38px;height:38px}}

.song-single__grid{display:grid;grid-template-columns:420px 1fr;gap:40px;align-items:start}
.song-single__cover img{width:100%;border-radius:16px;display:block}
.song-single__cover{max-width:700px}

.song-single__title{font-size:28px;margin-bottom:14px; color:#fff}
.song-single__meta{display:flex;gap:14px;margin-bottom:10px;font-size:14px;color:var(--muted)}
.song-single__status.is-free{color:#22c55e}
.song-single__status.is-reserved{color:#fbbf24}
.song-single__status.is-sold{color:#f87171}
.song-single__status.is-custom{color:#7c5cff}
.song-single__price{font-size:20px;font-weight:700;margin:16px 0}
.song-single__audio audio{width:100%}
.song-single__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;border:1px solid var(--line);text-decoration:none;color:var(--white);font-weight:700;margin-top:18px; background:none}
.song-single__btn:hover{opacity:.9; background-color:#222}
.song-single__content{margin-top:50px;max-width:820px;font-size:15px;line-height:1.7}
@media (max-width:992px){
  .song-single__grid{grid-template-columns:1fr;gap:30px}
}
.song-single__info { background-color: #000; opacity:0.9; padding:20px; border-radius:20px}



.footer-nav ul { margin: 0; padding: 0}
.footer-nav ul li { padding: 0; text-align: right}
.footer-nav ul li a{ padding: 0 5px; text-align: right; text-decoration: underline}
.footer-legal ul { margin: 0; padding: 0}
.footer-legal ul li { padding: 0 5px;}
.footer-legal ul li a { color:#999; font-size: 12px;; text-decoration: underline}



/*.info-content{max-width:860px}*/
.info-title{margin-bottom:24px}
.info-text{font-size:15px;line-height:1.7}
.info-text p{margin:0 0 16px}
.info-text h2,.info-text h3{margin:28px 0 12px}
.info-text ul{padding-left:18px;margin:0 0 16px}
.info-text li{margin:0 0 6px}
.info-text a{color:var(--brand);text-decoration:underline}
.info-text a:hover{opacity:.9}


.modal-backdrop.show{opacity:.85}
#songRequestModal .modal-content{background:rgba(10,12,18,.98);border:1px solid var(--line);color:var(--text)}
#songRequestModal .modal-header{border-bottom:1px solid var(--line)}
#songRequestModal .modal-body{padding:14px}
#songRequestModal .btn-close{filter:invert(1)}
#songRequestModal .wpforms-container{margin:0}
#songRequestModal .wpforms-field{padding:8px 0}
#songRequestModal .wpforms-field-label{margin:0 0 6px;font-size:12px;color:var(--muted)}
#songRequestModal input[type=text],
#songRequestModal input[type=email],
#songRequestModal input[type=tel],
#songRequestModal textarea{
  width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line);
  color:var(--text);
  border-radius:12px;
  padding:10px 12px;
}
#songRequestModal textarea{min-height:92px;resize:vertical}
#songRequestModal ::placeholder{color:rgba(233,238,252,.55)}
#songRequestModal .wpforms-submit{
  width:100%;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(124,92,255,.18);
  color:var(--white);
  padding:11px 14px;
  font-weight:800;
}
#songRequestModal .wpforms-submit:disabled{opacity:.45;cursor:not-allowed}
#songRequestModal .wpforms-field-description{color:var(--muted);font-size:12px}
#songRequestModal label.wpforms-field-label-inline { color:#ddd;font-size:12px}


.catalog-filter{display:flex;flex-wrap:wrap;gap:10px}
.filter-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);font-size:13px}
.filter-btn.active{background:var(--brand);border-color:var(--brand)}

.song-link{position:absolute;inset:0;z-index:1}
.song-img{position:relative;z-index:2}
.song-play{
  z-index:4;
}
.song-btn{
  position:relative;
  z-index:4;
}
.song-link{
  pointer-events:auto;
}
.song-play,
.song-btn{
  pointer-events:auto;
}

.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.review-date{font-size:12px;color:var(--muted)}


.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.55);padding:12px 14px}
.faq-q{cursor:pointer;font-weight:800;color:var(--white);list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-a{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.65}


.footer-row{
  display:flex;
  align-items:stretch;       /* важно */
  justify-content:space-between;
  gap:16px;
}

.footer-left{
  flex:1 1 auto;
  min-width:0;
}

.footer-menus{
  flex:0 0 auto;
  margin-left:auto;
  text-align:right;
  align-self:flex-end;   
}

.footer-dev{
  white-space:nowrap;
}



@media (max-width: 576px){
  .footer-row{ flex-direction:column; }
  .footer-menus{ align-self:flex-start; text-align:left; }
  .footer-dev{ white-space:normal; text-align:left }
}


.header-social i, .header-social-mobile i {vertical-align: middle;}
.header-social{display:flex;align-items:center;gap:12px;}

.header-social-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f3f4f6;text-decoration:none;line-height:0}


.header-social-link:hover{background:#222;}
.header-social-mobile .header-social-link{margin:0 6px;}
.header-social-mobile{margin-top:20px !important;padding-top:12px !important;border-top:1px solid #ddd;}
.header-social-mobile-inner{display:flex;justify-content:center;gap:10px;border-bottom:1px solid #ddd;margin-bottom:4px;}
@media(max-width:992px){
#top-menu { margin-top:10px;padding: 10px 0;border-top:1px solid #ddd;}
}
.header-social-link.header-social-whatsapp{background:#25D366;color:#fff;}
.header-social-link.header-social-whatsapp i{color:#fff}
.header-social-link.header-social-telegram{background:#0088cc;color:#fff;}
.header-social-link.header-social-telegram i{color:#fff}
.header-social-link.header-social-vk{background:#2787F5;color:#fff;}
.header-social-link.header-social-vk svg{width:18px;height:18px;color:#fff !important;display:block}
/* общая иконка для svg-кнопок */
.header-social-link svg{
  width:18px;height:18px;
  display:block;
  color:#fff !important;
  transform:translateY(1px);
}

/* YouTube */
.header-social-link.header-social-youtube{background:#FF0000;color:#fff;}
.header-social-link.header-social-youtube svg{color:#fff !important;}

/* Suno */
.header-social-link.header-social-suno{background:#111827;color:#fff;}
.header-social-link.header-social-suno svg{color:#fff !important;}

/* вместо старой строки */
.header-social-link i{font-size:18px;line-height:1;color:#111827;}
.header-social-link.header-social-vk svg{
    width:18px;height:18px;color:#fff !important;display:block;transform:translateY(1px);
}



.catalog-pagination .page-numbers{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  padding:0;
  margin:32px 0 0;
}

.catalog-pagination .page-numbers li{
  list-style:none;
}

.catalog-pagination .page-numbers a,
.catalog-pagination .page-numbers span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  color:var(--text);
  text-decoration:none;
  background:transparent;
}

.catalog-pagination .page-numbers .current{
  background:var(--brand);
  border-color:var(--brand);
  color:#fff;
}

.site-header .dropdown-menu {min-width:240px; padding:10px; background:rgba(16,21,34,.98); border:1px solid var(--line)!important; backdrop-filter:blur(14px);}
.site-header .dropdown-item {border-radius:12px; color:var(--text); font-size:14px; font-weight:600;}
.site-header .dropdown-item:hover,.site-header .dropdown-item:focus {background:rgba(252,28,196,.14); color:var(--white);}
.site-header .dropdown-toggle::after {margin-left:8px; vertical-align:.12em; border-top-color:var(--primary);}
.offcanvas .collapse .nav-link {}
.offcanvas .collapse .nav-link:hover {color:var(--white);}