:root {
  --bg: #081120;
  --bg-2: #11213a;
  --card: rgba(14, 24, 46, 0.94);
  --card-2: rgba(18, 31, 57, 0.98);
  --text: #f5f7fb;
  --muted: #c5ccde;
  --accent: #f4b64d;
  --accent-2: #ffe2a8;
  --line: rgba(175, 203, 255, 0.18);
  --line-2: rgba(108, 157, 255, 0.32);
  --radius: 24px;
  --radius-sm: 18px;
  --shadow: 0 16px 42px rgba(0,0,0,0.34);
  --glow: 0 0 0 1px rgba(132,170,255,.16), 0 12px 28px rgba(7,17,44,.34), inset 0 0 0 1px rgba(255,255,255,.03);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin:0;
  font-family:'Montserrat', system-ui, sans-serif;
  background:
    radial-gradient(circle at 14% 14%, rgba(106, 142, 255, .18), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(206, 122, 176, .16), transparent 24%),
    radial-gradient(circle at 52% 100%, rgba(129, 152, 214, .14), transparent 30%),
    linear-gradient(135deg, #202838 0%, #2b3447 38%, #354253 68%, #242c3b 100%);
  color: var(--text);
  font-size: 18px;
  line-height: 1.6;
}
a { color: inherit; text-decoration:none; }
img { max-width:100%; display:block; }
button, input, textarea, select { font: inherit; }
.container { width:min(1420px, calc(100% - 44px)); margin:0 auto; }
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 18%, rgba(95,227,238,.035) 50%, transparent 82%, rgba(255,255,255,.035)),
    radial-gradient(circle at 14% 0%, rgba(95,227,238,.10), transparent 28%),
    radial-gradient(circle at 88% 0%, rgba(214,170,103,.08), transparent 26%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.028) 0 1px, transparent 1px 12px),
    linear-gradient(180deg, rgba(15,29,35,.98), rgba(4,10,14,.985));
  border-bottom: 1px solid rgba(198,208,212,.34);
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    inset 0 -1px 0 rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
}
.header-inner {
  position: relative;
  z-index: 1;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.brand-banner-link { display:block; max-width:100%; }
.brand-banner {
  max-height: 52px;
  width: auto;
  filter:
    drop-shadow(0 8px 18px rgba(0,0,0,.34))
    drop-shadow(0 0 12px rgba(44,143,158,.08));
}
.nav {
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-width:0;
}
.nav a {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 10px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.nav a:hover, .nav a.active { background: rgba(255,255,255,.08); color: var(--text); }
.nav-dropdown { position: relative; display: flex; align-items: center; }
.nav-dropdown__toggle {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  padding: 10px 14px;
  border-radius: 999px;
  white-space: nowrap;
}
.nav-dropdown:hover .nav-dropdown__toggle,
.nav-dropdown:focus-within .nav-dropdown__toggle,
.nav-dropdown__toggle.active,
.nav-dropdown.is-active .nav-dropdown__toggle { background: rgba(255,255,255,.08); color: var(--text); }
.nav-dropdown__menu {
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 280px;
  padding: 10px;
  border-radius: 18px;
  border: 1px solid rgba(175, 203, 255, 0.18);
  background: #060c18;
  box-shadow: 0 20px 40px rgba(0,0,0,.28);
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
  z-index: 15;
}
.nav-dropdown:hover .nav-dropdown__menu,
.nav-dropdown:focus-within .nav-dropdown__menu {
  opacity: 1;
  pointer-events: auto;
}
.nav-dropdown__item {
  display: block;
  padding: 11px 14px;
  border-radius: 14px;
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}
.nav-dropdown__item:hover,
.nav-dropdown__item.active { background: rgba(255,255,255,.08); }
main { min-height: calc(100vh - 160px); }
.hero { position:relative; padding: 60px 0 28px; overflow:hidden; }
.section-mini { padding-top: 28px; }
.hero-home { min-height: 560px; }
.hero-bg, .hero-overlay { position:absolute; inset:0; }
.hero-bg { background-size:cover; background-position:center; transform:scale(1.03); }
.hero-overlay { background: linear-gradient(180deg, rgba(6,8,14,.36), rgba(6,8,14,.82)); }
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns: 1.02fr .98fr; gap:24px; }
.hero-card, .panel, .card, .playlist-card, .detail-card, .message-card, .forum-post, .track-row {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow), 0 0 0 1px rgba(121,170,255,.22), 0 0 22px rgba(73,117,209,.16), inset 0 0 0 1px rgba(255,255,255,.03);
}
.glass { background: linear-gradient(180deg, rgba(10,14,24,.78), rgba(11,15,26,.92)); }
.hero-card { padding: 38px; min-height: 410px; display:flex; flex-direction:column; justify-content:center; }
.hero-card h1 { margin:0 0 16px; font-size: clamp(32px, 5.2vw, 50px); line-height:1.02; font-weight:900; }
.hero-card .lead, .hero-side p { color: var(--muted); font-size: 20px; margin:0 0 24px; }
.hero-side {
  min-height: 410px; position:relative; overflow:hidden; background-size:cover; background-position:center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow), 0 0 0 1px rgba(121,170,255,.18), 0 0 18px rgba(73,117,209,.12), inset 0 0 0 1px rgba(255,255,255,.02);
}
.hero-side::before {
  content:''; position:absolute; inset:0;
  background:
    linear-gradient(180deg, rgba(8,10,14,.14), rgba(8,10,14,.78)),
    linear-gradient(135deg, rgba(17,28,56,.28), rgba(9,14,30,.12));
}
.hero-side-content { position:relative; z-index:1; padding: 38px; height:100%; display:flex; flex-direction:column; justify-content:flex-end; }
.hero-side h3, .panel h3 { margin:0 0 12px; font-size: clamp(12px,1.5vw,24px); line-height:1.14; font-weight:900; }
.eyebrow { color: var(--accent-2); font-weight:800; font-size:13px; text-transform:uppercase; letter-spacing:.18em; margin-bottom:14px; }
.hero-actions, .btn-row, .action-row, .track-actions, .section-tools, .track-filter-row { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  border:0; border-radius:999px; padding: 14px 22px; font-size: 15px; font-weight:900;
  cursor:pointer; transition: transform .18s ease, opacity .18s ease, background .18s ease; white-space:nowrap;
}
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--accent); color:#1e1407; }
.btn-secondary { background: rgba(255,255,255,.09); color: var(--text); }
.btn-outline { background: transparent; border:1px solid rgba(255,255,255,.18); color: var(--text); }
.btn-small { padding: 10px 15px; font-size: 12px; }
.section { padding: 22px 0 16px; }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; margin-bottom:20px; }
.section-head h2 { margin:0; font-size: clamp(24px, 3.3vw, 35px); font-weight:900; }
.section-head p { margin:8px 0 0; color: var(--muted); max-width: 820px; }
.section-subnote { margin-top: 12px; color: var(--muted); font-size: 15px; max-width: 860px; }
.grid { display:grid; gap:18px; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.panel, .card { padding: 22px; }
.public-playlist-lead-grid .info-card { display:block; background:#283340; }
.image-panel { position:relative; background-size:cover; background-position:center; overflow:hidden; padding:0; min-height: 280px; }
.panel-overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(8,10,14,.20), rgba(8,10,14,.86)); }
.panel-content { position:relative; z-index:1; padding:28px; }
.muted { color: var(--muted); }
.small { font-size: 14px; color: var(--muted); }
.note-inline { color: var(--muted); font-size: 14px; }
.badge, .playlist-pill {
  display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border-radius:999px;
  background: rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.10);
  color: var(--text); font-size: 11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase;
}
.playlist-pill.playlist-link:hover { background: rgba(244,182,77,.15); border-color: rgba(244,182,77,.28); }
.track-grid { display:grid; gap:16px; grid-template-columns: repeat(2, minmax(0,1fr)); }
.track-grid.single-col { grid-template-columns: 1fr; }
.track-row {
  display:grid; grid-template-columns: 210px minmax(0, 1fr); gap:0; overflow:hidden; align-items:stretch;
  background: linear-gradient(180deg, rgba(17, 30, 56, .97), rgba(14, 25, 47, .98));
}
.track-cover {
  display:flex; align-items:center; justify-content:center; width:100%;
  aspect-ratio: 16/9; background: linear-gradient(135deg, #111a30, #0a1020); overflow:hidden;
}
.track-row-compact .track-cover { aspect-ratio: 16/9; }
.track-cover img { width:100%; height:100%; object-fit:contain; background:#08101c; }
.track-row.is-current-track .track-cover,
.site-sticky-player__cover { position:relative; }
.track-now-playing,
.site-player-now-playing {
  position:absolute;
  left:12px;
  bottom:12px;
  display:none;
  align-items:flex-end;
  gap:3px;
  width:34px;
  height:24px;
  padding:6px 7px;
  border-radius:999px;
  background:rgba(3, 13, 18, .74);
  border:1px solid rgba(102, 229, 232, .26);
  box-shadow:0 0 18px rgba(44, 143, 158, .18);
  pointer-events:none;
}
.track-now-playing i,
.site-player-now-playing i {
  display:block;
  width:4px;
  min-height:6px;
  border-radius:999px;
  background:#7ce8ec;
  animation:anteyEqBars .82s ease-in-out infinite;
}
.track-now-playing i:nth-child(2),
.site-player-now-playing i:nth-child(2){animation-delay:.12s;}
.track-now-playing i:nth-child(3),
.site-player-now-playing i:nth-child(3){animation-delay:.24s;}
.site-player-now-playing{left:50%;bottom:26px;transform:translateX(-50%);}
.site-sticky-player.is-player-playing .site-player-now-playing,
.track-row.is-current-track.is-playing .track-now-playing{display:flex;}
.track-row.is-current-track { border-color:rgba(124,232,236,.32); }
@keyframes anteyEqBars {
  0%,100%{height:7px;opacity:.72;}
  50%{height:18px;opacity:1;}
}
.track-body { padding: 8px 12px; display:flex; flex-direction:column; justify-content:center; gap:5px; min-width:0; }.track-body { padding: 8px 12px; display:flex; flex-direction:column; justify-content:center; gap:5px; min-width:0; }
.track-topline { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.track-topline-slim { justify-content:space-between; gap:10px; }
.track-body h3 { margin:0; font-size: 13px; font-weight:900; line-height:1.14; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.track-meta { color: var(--muted); font-size: 11px; text-transform: uppercase; letter-spacing:.08em; font-weight:800; }
.detail-hidden { display:none; }
.track-desc { color: var(--muted); font-size: 12px; margin:0; }
.track-mini-style { color: var(--muted); font-size: 11px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 250px; text-align:right; }
.track-actions .btn { min-height: 36px; }
.like-note { color: var(--muted); font-size: 11px; margin-top: 2px; line-height:1.4; }
.track-micro-note { color: rgba(214,224,244,.78); font-size: 11px; line-height:1.35; margin-top: 1px; }
.playlist-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.playlist-card { overflow:hidden; background: linear-gradient(180deg, rgba(10,18,34,.98), rgba(12,21,38,.98)); border:1px solid rgba(131,171,255,.14); box-shadow: var(--glow); }
.playlist-cover { aspect-ratio:16/9; background-size:cover; background-position:center; }
.playlist-body { padding: 16px; }
.playlist-label { color: var(--accent-2); font-size: 11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; margin-bottom:8px; }
.playlist-title { font-size: 19px; font-weight:900; line-height:1.14; text-transform:uppercase; margin:0 0 8px; }
.playlist-style { color: var(--muted); font-size: 13px; line-height:1.45; margin-bottom: 10px; }
.playlist-short { color: var(--text); opacity:.92; font-size:14px; margin-bottom: 12px; }
.vote-note { color: var(--muted); font-size: 15px; margin:4px 0 0; max-width:860px; }
.audio-box { margin:16px 0; padding:12px 14px; border-radius:18px; background: rgba(255,255,255,.06); border:1px solid var(--line); }
.audio-box audio { width:100%; }
label { display:block; font-size:13px; color:var(--muted); font-weight:800; margin-bottom:8px; letter-spacing:.08em; }
.input, textarea, select {
  width:100%; border-radius:18px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); color: var(--text); padding: 15px 16px; outline:none; transition:border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.input::placeholder, textarea::placeholder { color: rgba(255,255,255,.42); }
.input[type="file"]{
  padding:14px 16px;
  line-height:1.35;
  cursor:pointer;
}
.input[type="file"]::file-selector-button,
.input[type="file"]::-webkit-file-upload-button{
  margin-right:12px;
  padding:12px 14px;
  border:0;
  border-radius:12px;
  background:rgba(255,255,255,.98);
  color:#101114;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.input[type="file"].is-ready{
  border-color:rgba(46,194,126,.42);
  background:rgba(46,194,126,.10);
  box-shadow:0 0 0 1px rgba(46,194,126,.08) inset;
}
.input[type="file"].is-ready::file-selector-button,
.input[type="file"].is-ready::-webkit-file-upload-button{
  background:#2ec27e;
  color:#07130b;
}
select option { color:#111; }
textarea { min-height:140px; resize:vertical; }
.form-grid { display:grid; gap:16px; grid-template-columns:repeat(2,1fr); }
.form-grid .full { grid-column:1 / -1; }
.notice { padding:16px 18px; border-radius:18px; border:1px solid var(--line); margin-bottom:18px; font-weight:700; }
.notice.success { background: rgba(46,194,126,.12); border-color: rgba(46,194,126,.3); }
.notice.error { background: rgba(255,107,107,.12); border-color: rgba(255,107,107,.3); }
.notice.info { background: rgba(245,176,65,.12); border-color: rgba(245,176,65,.3); }
.list-clean { margin:0; padding-left:20px; }
.footer { padding: 30px 0 60px; color: var(--muted); }
.footer .panel { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.table-wrap { overflow-x:auto; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:left; }
.table th { color:var(--muted); font-size:14px; text-transform:uppercase; }
.forum-post, .message-card { padding:22px; }
.forum-post h4, .message-card h4 { margin:0 0 8px; font-size:22px; font-weight:900; }
.login-panel { max-width: 620px; margin: 0 auto; }
.detail-card { display:grid; grid-template-columns: 360px minmax(0,1fr); overflow:hidden; align-items:start; background: linear-gradient(180deg, rgba(8,14,28,.96), rgba(11,16,29,.98)); }
.detail-cover { aspect-ratio:16/9; max-height:240px; background: linear-gradient(135deg, #2b3348, #131826); align-self:start; overflow:hidden; }
.detail-cover img { width:100%; height:100%; object-fit:contain; }
.detail-body { padding: 22px 24px; }
.detail-title { margin:0 0 10px; font-size: clamp(22px, 2.2vw, 32px); line-height:1.08; font-weight:900; overflow-wrap:anywhere; }
.detail-subtitle { color: var(--muted); font-size: 15px; margin-bottom: 16px; }
.track-filter-row { justify-content:space-between; align-items:flex-end; gap:18px; flex-wrap:wrap; }
.track-filter-title { margin:0; }
.track-search-form { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.track-search-form .input { min-width: 280px; }
.helper-hook { color: var(--muted); font-size: 14px; max-width:820px; }
.empty-block { text-align:center; padding: 30px 24px; }
.admin-actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.admin-actions form { margin:0; }
.share-grid, .platform-grid { display:grid; gap:18px; }
.share-grid { grid-template-columns: 1.2fr .8fr; }
.platform-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.platform-card h3 { margin:0 0 8px; font-size:24px; font-weight:900; }
.qr-panel .qr-wrap { display:flex; justify-content:center; align-items:center; padding:8px 0 4px; }
.qr-panel img { width:180px; height:180px; border-radius:22px; background:#fff; padding:12px; }
@media (max-width: 1180px) {
  .hero-grid, .grid-2, .detail-card, .form-grid { grid-template-columns: 1fr; }
  .playlist-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .header-inner { grid-template-columns: minmax(220px, 360px) 1fr; }
  .header-actions { grid-column: 1 / -1; justify-content:flex-end; }
}
@media (max-width: 1100px) { .share-grid, .platform-grid { grid-template-columns: 1fr; } }
@media (max-width: 980px) {
  .container { width:min(100%, calc(100% - 24px)); }
  .brand-banner { max-width: 500px; }
  .section-head h2 { font-size: clamp(22px, 7vw, 30px); }
  .hero-card h1 { font-size: clamp(28px, 9vw, 40px); }
  .hero-card .lead, .hero-side p { font-size: 18px; }
  .track-row { grid-template-columns: 200px minmax(0,1fr); }
  .track-row-compact { grid-template-columns: 170px minmax(0,1fr); }
  .track-body h3 { font-size: 13px; }
  .playlist-title { font-size: 18px; }
  .btn { padding: 12px 17px; }
  .nav a { padding:9px 12px; font-size:12px; }
}
@media (max-width: 820px) {
  body { font-size:16px; }
  .header { position: static; }
  .header-inner {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 6px 0;
  }
  .brand-banner { max-width: 320px; width:100%; }
    .contact-shortcut { padding: 8px 10px; font-size: 10px; }
  .nav {
    grid-column: 1 / -1;
    width: 100%;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    flex-wrap: nowrap;
    justify-content:flex-start;
    -webkit-overflow-scrolling: touch;
  }
  .nav a { padding: 6px 10px; white-space: nowrap; font-size: 10px; }
  .hero-card, .hero-side-content, .panel-content, .detail-body { padding: 18px; }
  .section-head { flex-direction:column; align-items:flex-start; }
  .track-grid, .detail-card, .playlist-grid { grid-template-columns: 1fr; }
  .track-row { grid-template-columns: 1fr; }
  .track-cover { aspect-ratio:16/9; }
  .track-body { padding: 12px; }
  .track-body h3 { font-size: 10px; line-height:1.16; }
  .track-desc { font-size: 12px; }
  .track-actions { gap:8px; }
  .track-actions .btn, .action-row .btn { width: auto; justify-content:center; }
  .track-row, .track-row-compact { grid-template-columns: 1fr; }
  .track-cover { width:100%; }
  .track-mini-style { max-width:none; width:100%; text-align:left; }
  .detail-cover { max-height:none; }
  .detail-title { font-size: 21px; }
  .footer .panel { flex-direction:column; align-items:flex-start; }
  .qr-panel img { width: 160px; height: 160px; }
  .track-search-form { width:100%; }
  .track-search-form .input { min-width: 0; flex:1; }
}

.btn.is-active { background: rgba(244,182,77,.18); border-color: rgba(244,182,77,.42); color: var(--accent-2); }

.platform-grid-compact { grid-template-columns: repeat(4, minmax(0,1fr)); gap:14px; }
.platform-card-compact { display:flex; align-items:center; gap:14px; padding:14px 16px; min-height: 98px; }
.platform-icon-wrap { width:64px; height:64px; flex:0 0 64px; display:flex; align-items:center; justify-content:center; }
.platform-icon { width:64px; height:64px; object-fit:contain; display:block; }
.platform-copy { min-width:0; }
.platform-name { font-size: 22px; font-weight: 900; line-height:1.05; margin-bottom:4px; }
.platform-subtitle { font-size: 12px; color: var(--muted); font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.compact-head h2 { margin-bottom: 0; }
.section-platforms-compact { padding-top: 24px; padding-bottom: 24px; }
.track-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.track-row { grid-template-columns: 280px minmax(0,1fr); min-height: 184px; border:1px solid rgba(131,171,255,.18); box-shadow: 0 0 0 1px rgba(94,129,255,.08), 0 12px 30px rgba(0,0,0,.22); }
.track-row-compact { grid-template-columns: 245px minmax(0,1fr); min-height: 154px; }
.track-cover { background: rgba(0,0,0,.35); }
.track-cover img { object-fit: contain; width:100%; height:100%; background:#060c18; }
.track-body { padding: 16px 18px; justify-content:center; }
.track-topline { margin-bottom: 8px; gap:10px; }
.track-topline-slim { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; }
.playlist-pill { padding: 10px 16px; font-size: 12px; border-radius: 999px; }
.track-mini-style { font-size: 13px; max-width: 220px; }
.track-body h3 { font-size: 18px; line-height:1.12; margin: 0 0 10px; max-width: 100%; overflow-wrap:anywhere; }
.track-actions.compact-actions { margin-top: 2px; }
.track-micro-note { font-size: 12px; margin-top: 8px; color: rgba(214,224,244,.82); }
.detail-title { font-size: clamp(18px, 1.8vw, 26px); }
.detail-card { grid-template-columns: 380px minmax(0,1fr); }
.detail-cover { max-height: 260px; }
@media (max-width: 1280px) {
  .platform-grid-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .track-grid { grid-template-columns: 1fr; }
  .track-row, .track-row-compact { grid-template-columns: 235px minmax(0,1fr); min-height: 152px; }
  .platform-name { font-size: 20px; }
}
@media (max-width: 820px) {
  .platform-grid-compact { grid-template-columns: 1fr 1fr; gap:10px; }
  .platform-card-compact { min-height: 86px; padding: 12px; gap:10px; }
  .platform-icon-wrap, .platform-icon { width:48px; height:48px; flex-basis:48px; }
  .platform-name { font-size: 16px; }
  .platform-subtitle { font-size: 10px; }
  .track-grid { grid-template-columns: 1fr; gap:12px; }
  .track-row, .track-row-compact { grid-template-columns: 1fr; min-height: auto; }
  .track-cover { aspect-ratio:16/9; }
  .track-body { padding: 12px 12px 14px; }
  .track-body h3 { font-size: 12px; line-height:1.2; }
  .track-mini-style { font-size: 11px; max-width: 140px; }
}


.listing-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}
.listing-summary{color:rgba(214,224,244,.82);font-size:14px}
.per-page-links,.pagination-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.per-page-label{color:rgba(214,224,244,.82);font-size:14px;margin-right:2px}
.per-page-links a,.pagination-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(131,171,255,.22);background:rgba(9,18,42,.55);color:var(--text);font-weight:800;font-size:14px;text-decoration:none;transition:.2s ease}
.per-page-links a:hover,.pagination-nav a:hover{border-color:rgba(244,182,77,.45);color:#fff;transform:translateY(-1px)}
.per-page-links a.is-active,.pagination-nav a.is-active{background:var(--accent);border-color:transparent;color:#08101f}
.pagination-nav{margin-top:10px}
.page-arrow{padding:0 14px !important}
@media (max-width:820px){.listing-meta{align-items:flex-start}.listing-summary{font-size:13px}.per-page-links a,.pagination-nav a{min-width:34px;height:34px;font-size:13px;padding:0 10px}}


/* v23 fixes: compact search + compact rutube */
.quick-search-form,
.compact-track-search-form {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.home-search-shell,
.track-search-shell,
.search-shell {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.search-shell .search-icon-3d,
.search-icon-3d {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  flex:0 0 24px !important;
  display:block !important;
  object-fit:contain !important;
}
.track-search-shell {
  min-width:320px;
  flex:1 1 420px;
}
.home-search-shell {
  min-width:220px;
}
.track-search-form .search-input,
.quick-search-form .search-input {
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
.track-bottom-inline {
  grid-template-columns:minmax(0,1fr) 70px !important;
  gap:8px !important;
}
.track-rutube-inline {
  gap:2px !important;
}
.track-rutube-inline img {
  width:42px !important;
  height:42px !important;
}
.track-rutube-inline span {
  font-size:10px !important;
  line-height:1.05 !important;
}
.track-row,
.track-row-compact {
  min-height:146px !important;
}
.track-actions.compact-actions {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
}
.track-actions.compact-actions .btn {
  min-width:auto;
}
@media (max-width: 820px) {
  .quick-search-form,
  .compact-track-search-form {
    width:100%;
  }
  .track-search-shell,
  .home-search-shell {
    min-width:0 !important;
    width:100%;
  }
  .search-shell .search-icon-3d,
  .search-icon-3d {
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    flex-basis:22px !important;
  }
}


/* v24 tighter cards, fixed search, flatter buttons, youtube-like pager */
.search-shell,
.compact-search-shell,
.track-search-shell,
.home-search-shell{
  min-height:46px !important;
  padding:0 14px !important;
  border:1px solid rgba(131,171,255,.18) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.07) !important;
}
.search-input{background:transparent !important;border:0 !important;padding:0 !important;color:var(--text)}
.btn{
  border-radius:16px !important;
  padding:10px 18px !important;
  min-height:40px !important;
  font-size:14px !important;
}
.btn-small{
  padding:8px 14px !important;
  min-height:34px !important;
  font-size:12px !important;
}
.playlist-pill{
  padding:6px 12px !important;
  min-height:30px !important;
  border-radius:16px !important;
  font-size:10px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
.track-grid{
  gap:14px !important;
}
.track-row,
.track-row-compact{
  grid-template-columns: 250px minmax(0,1fr) !important;
  min-height:124px !important;
  overflow:hidden !important;
}
.track-cover{
  aspect-ratio:auto !important;
  height:100% !important;
  min-height:124px !important;
  background:#070d18 !important;
}
.track-cover img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:transparent !important;
}
.track-body{
  padding:10px 14px !important;
  gap:4px !important;
}
.track-topline{
  margin-bottom:2px !important;
}
.track-mini-style{
  font-size:12px !important;
  max-width:210px !important;
}
.track-body h3{
  font-size:14px !important;
  line-height:1.08 !important;
  margin:0 0 4px !important;
  -webkit-line-clamp:2 !important;
}
.track-actions.compact-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;
}
.track-actions.compact-actions .btn{
  flex:0 0 auto !important;
}
.track-bottom-inline{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.track-bottom-main{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.track-rutube-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:62px !important;
  flex:0 0 62px !important;
  text-align:center !important;
  align-self:flex-end !important;
}
.track-rutube-inline img{
  width:38px !important;
  height:38px !important;
}
.track-rutube-inline span{
  font-size:10px !important;
  line-height:1.05 !important;
  white-space:normal !important;
}
.track-micro-note{
  font-size:11px !important;
  margin-top:4px !important;
}
.track-row-compact{
  grid-template-columns:192px minmax(0,1fr) !important;
  min-height:104px !important;
}
.track-row-compact .track-cover{
  min-height:104px !important;
}
.track-row-compact .track-body{
  padding:8px 12px !important;
  gap:3px !important;
  justify-content:center !important;
  background:linear-gradient(118deg, rgba(4, 20, 30, .98) 0%, rgba(3, 22, 33, .98) 48%, rgba(16, 58, 70, .92) 100%) !important;
}
.track-row-compact .track-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin-bottom:2px !important;
}
.track-row-compact .playlist-pill{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:calc(100% - 92px) !important;
  font-size:9px !important;
  padding:0 !important;
  min-height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f2f6ff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.track-row-compact .playlist-pill.playlist-link:hover{
  background:transparent !important;
  border-color:transparent !important;
  color:#f2f6ff !important;
  box-shadow:none !important;
}
.track-row-compact .track-body h3{
  font-size:13px !important;
  line-height:1.06 !important;
  margin:0 0 2px !important;
}
.track-row-compact .track-like-top{
  flex:0 0 auto !important;
  min-width:82px !important;
  height:26px !important;
  padding:0 11px !important;
  border-radius:14px !important;
  border:1px solid rgba(96, 170, 168, .2) !important;
  background:rgba(10, 36, 42, .88) !important;
  color:#f2f6ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  white-space:nowrap !important;
}
.track-row-compact .track-like-top span{
  display:inline-block !important;
}
.track-row-compact .track-like-top.is-active{
  background:linear-gradient(180deg, #f51606 0%, #941706 100%) !important;
  border-color:rgba(245, 22, 6, .28) !important;
  color:#fff4f2 !important;
  box-shadow:0 8px 18px rgba(148, 23, 6, .28) !important;
}
.track-row-compact .track-bottom-inline{
  display:block !important;
}
.track-row-compact .track-actions.compact-actions,
.track-row-compact .compact-actions-clean{
  margin-top:0 !important;
  gap:14px !important;
  align-items:center !important;
}
.track-row-compact .track-actions.compact-actions .btn{
  min-height:24px !important;
  padding:0 11px !important;
  border-radius:13px !important;
  font-size:10px !important;
}
.track-row-compact [data-track-main-action]{
  min-width:96px !important;
}
.track-download-inline{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  font:inherit !important;
  cursor:pointer !important;
}
.track-row-compact .track-download-inline{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:2px !important;
  min-width:112px !important;
  margin-left:0 !important;
  color:#f2f6ff !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  text-decoration:none !important;
  line-height:1 !important;
  text-align:center !important;
}
.track-row-compact .track-download-inline__icon{
  position:relative !important;
  display:block !important;
  width:24px !important;
  height:18px !important;
  margin:0 auto 1px !important;
  font-size:16px !important;
  line-height:12px !important;
  color:rgba(240, 244, 252, .94) !important;
  text-align:center !important;
}
.track-row-compact .track-download-inline__icon::after{
  content:"" !important;
  position:absolute !important;
  left:4px !important;
  right:4px !important;
  bottom:0 !important;
  height:2px !important;
  border-radius:999px !important;
  background:rgba(240, 244, 252, .72) !important;
}
.track-row-compact .track-download-inline__label{
  display:block !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  text-decoration-thickness:1px !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.track-row-compact .track-micro-note,
.track-row-compact .track-micro-note-clean{
  margin-top:4px !important;
  font-size:10px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.listing-meta{
  margin-top:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.listing-summary{
  font-size:14px !important;
}
.per-page-links{
  gap:8px !important;
}
.per-page-links a{
  min-width:34px !important;
  height:34px !important;
  padding:0 10px !important;
  border-radius:14px !important;
}
.pagination-nav{
  margin-top:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.pagination-summary{
  color:rgba(214,224,244,.86) !important;
  font-size:14px !important;
  min-width:120px !important;
  text-align:center !important;
}
.page-arrow{
  min-width:36px !important;
  height:36px !important;
  padding:0 !important;
  border-radius:14px !important;
  font-size:18px !important;
  line-height:1 !important;
}
.page-arrow.is-disabled{
  pointer-events:none !important;
  opacity:.35 !important;
}

@media (min-width: 1400px){
  .track-grid{
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }
}

@media (max-width: 980px){
  .track-row,
  .track-row-compact{
    grid-template-columns: 210px minmax(0,1fr) !important;
    min-height:120px !important;
  }
  .track-cover{min-height:120px !important;}
  .track-row-compact .playlist-pill{
    max-width:calc(100% - 84px) !important;
  }
}
@media (max-width: 820px){
  .track-row,
  .track-row-compact{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .track-cover{
    min-height:0 !important;
    aspect-ratio:16/9 !important;
  }
  .track-cover img{
    object-fit:cover !important;
  }
  .track-body{
    padding:12px !important;
  }
  .track-topline-slim{
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }
  .track-mini-style{
    max-width:none !important;
    width:100% !important;
    text-align:left !important;
  }
  .track-bottom-inline{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .track-rutube-inline{
    width:auto !important;
    flex-direction:row !important;
    gap:8px !important;
    align-self:flex-start !important;
  }
  .track-rutube-inline span{
    white-space:nowrap !important;
  }
  .btn{
    min-height:36px !important;
    padding:8px 14px !important;
    font-size:13px !important;
  }
  .btn-small{
    min-height:32px !important;
    padding:7px 12px !important;
    font-size:11px !important;
  }
  .playlist-pill{
    min-height:30px !important;
    padding:6px 12px !important;
    font-size:10px !important;
  }
  .track-row-compact .track-like-top{
    min-width:76px !important;
    height:28px !important;
    padding:0 10px !important;
    font-size:10px !important;
  }
  .track-row-compact .track-actions.compact-actions,
  .track-row-compact .compact-actions-clean{
    gap:12px !important;
    flex-wrap:wrap !important;
  }
  .track-row-compact .track-download-inline{
    min-width:auto !important;
    align-items:flex-start !important;
  }
  .pagination-nav{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  .pagination-summary{
    order:-1 !important;
    width:100% !important;
    text-align:left !important;
    min-width:0 !important;
  }
}



/* v27: fix compact rutube block on opened track page */
.detail-bottom-inline-fixed{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:8px !important;
}
.detail-like-note-inline{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:rgba(214,224,244,.82) !important;
}
.rutube-promo-box.rutube-promo-inline{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 360px !important;
  max-width:360px !important;
  margin-left:auto !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(131,171,255,.22) !important;
  background:linear-gradient(180deg, rgba(12,18,32,.86), rgba(9,14,26,.94)) !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}
.rutube-promo-inline .rutube-promo-icon{
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.rutube-promo-inline .rutube-promo-icon img{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  display:block !important;
}
.rutube-promo-inline .rutube-promo-copy{
  min-width:0 !important;
}
.rutube-promo-inline .rutube-promo-title{
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  margin-bottom:2px !important;
}
.rutube-promo-inline .rutube-promo-text{
  color:rgba(214,224,244,.82) !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
@media (max-width: 1100px){
  .rutube-promo-box.rutube-promo-inline{
    flex-basis:320px !important;
    max-width:320px !important;
  }
}
@media (max-width: 820px){
  .detail-bottom-inline-fixed{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .rutube-promo-box.rutube-promo-inline{
    flex:1 1 auto !important;
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    padding:10px 12px !important;
  }
  .rutube-promo-inline .rutube-promo-icon,
  .rutube-promo-inline .rutube-promo-icon img{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
}

.playlist-editor-grid { align-items:start; }
.playlist-editor-preview { position:sticky; top:96px; }
.playlist-preview-media { border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(6,12,26,.5); }
.playlist-preview-media img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }
.playlist-editor-note { margin-top:14px; color:rgba(214,224,244,.78); line-height:1.45; }
.playlist-admin-card-wrap { display:flex; flex-direction:column; gap:12px; }
.playlist-admin-bar { padding:14px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.playlist-vote-toggle { display:flex; align-items:center; }
.checkbox-row { display:flex; align-items:center; gap:10px; font-weight:600; color:var(--text); }
.checkbox-row input { width:18px; height:18px; }
@media (max-width: 1100px) {
  .playlist-editor-preview { position:static; }
}
@media (max-width: 767px) {
  .playlist-admin-bar { flex-direction:column; align-items:flex-start; }
}

.admin-message-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.admin-message-head h3 { margin:0; }
.admin-message-tools { justify-content:flex-end; }
.admin-message-list { max-height: 1040px; overflow-y: auto; padding-right: 8px; }
.admin-message-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:8px; }
.admin-message-card-head h4 { margin:0 0 8px; }
@media (max-width: 820px) {
  .admin-message-card-head { flex-direction:column; }
  .admin-message-tools { width:100%; justify-content:flex-start; }
  .admin-message-list { max-height: 75vh; }
}


.section-seo { padding-top: 10px; }
.seo-block { padding: 24px 26px; }
.seo-block h3 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 36px); line-height: 1.15; font-weight: 900; }
.seo-intro { margin: 0; color: var(--text); opacity: .96; max-width: 1100px; }
.seo-fold { margin-top: 16px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 14px; }
.seo-fold summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-weight: 800; font-size: 14px; color: var(--text); }
.seo-fold summary::-webkit-details-marker { display: none; }
.seo-fold summary::after { content: '▾'; font-size: 12px; opacity: .9; }
.seo-fold[open] summary::after { content: '▴'; }
.seo-content { padding-top: 16px; display: grid; gap: 14px; }
.seo-content p { margin: 0; color: var(--muted); }
@media (max-width: 820px) {
  .seo-block { padding: 18px; }
  .seo-fold summary { width: 100%; justify-content: center; }
}


/* === Home page rhythm tuning === */
.hero {
  padding-top: 60px;
  padding-bottom: 40px;
}

.hero-home {
  min-height: 585px;
}

.hero-grid {
  gap: 26px;
}

.section-platforms-compact {
  padding-top: 30px;
  padding-bottom: 20px;
}

.section-platforms-compact .section-head {
  margin-bottom: 18px;
}

.section-platforms-compact .rutube-note-banner {
  margin-top: 10px;
}

.section-platforms-compact .platform-grid {
  margin-top: 6px;
}

.section-platforms-compact + .section {
  padding-top: 34px;
}

.section-platforms-compact + .section .section-head {
  margin-bottom: 24px;
}

.section-platforms-compact + .section .section-subnote {
  margin-top: 14px;
  max-width: 760px;
}

@media (max-width: 980px) {
  .hero {
    padding-bottom: 30px;
  }

  .section-platforms-compact {
    padding-top: 24px;
    padding-bottom: 18px;
  }

  .section-platforms-compact + .section {
    padding-top: 28px;
  }
}

/* Music trends */
.section-mini-top{padding-top:8px;}
.trend-inline-banner{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 24px;border-radius:30px;border:1px solid rgba(102,148,255,.24);background:linear-gradient(180deg,rgba(7,23,63,.97),rgba(5,18,52,.98));box-shadow:0 20px 55px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03);}
.trend-inline-banner.is-live{border-color:rgba(126,214,255,.46);box-shadow:0 24px 60px rgba(0,0,0,.24), 0 0 0 1px rgba(110,205,255,.08), 0 0 40px rgba(76,193,255,.12);}
.trend-inline-banner__thumb{display:block;min-height:138px;border-radius:24px;overflow:hidden;border:1px solid rgba(175,214,255,.18);background:rgba(255,255,255,.04);}
.trend-inline-banner__thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;}
.trend-inline-banner h3{margin:8px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.025em;color:#f4f7ff;}
.trend-inline-banner p{margin:0;color:rgba(229,236,255,.84);font-size:18px;line-height:1.58;max-width:780px;}
.trend-inline-banner__meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:14px;color:rgba(214,226,255,.70);font-size:14px;font-weight:700;}
.trend-inline-banner__meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(111,149,230,.22);background:rgba(255,255,255,.03);}
.trend-inline-banner__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.trend-hero{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:28px;align-items:center;padding:26px;border-radius:34px;}
.trend-hero__media{overflow:hidden;border-radius:28px;border:1px solid rgba(160,208,255,.18);background:rgba(255,255,255,.04);}
.trend-hero__media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;}
.trend-hero h3{margin:8px 0 14px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.15;font-weight:800;letter-spacing:-.03em;color:#f5f8ff;}
.trend-hero__excerpt{margin:0;color:rgba(227,234,255,.84);font-size:19px;line-height:1.62;max-width:860px;}
.trend-hero__meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:16px;}
.trend-hero__meta span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(118,166,246,.22);background:rgba(255,255,255,.035);color:rgba(222,232,255,.78);font-size:14px;font-weight:800;}
.trend-hero__actions{margin-top:18px;}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.trend-card{display:flex;flex-direction:column;overflow:hidden;padding:0;}
.trend-card__image{display:block;overflow:hidden;border-bottom:1px solid rgba(108,152,232,.16);}
.trend-card__image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .28s ease;}
.trend-card:hover .trend-card__image img{transform:scale(1.03);}
.trend-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px;}
.trend-card__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(211,224,255,.64);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.trend-card h4{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.17;font-weight:800;letter-spacing:-.025em;}
.trend-card h4 a{color:#f3f7ff;text-decoration:none;}
.trend-card p{margin:0;color:rgba(226,234,255,.82);font-size:17px;line-height:1.62;}
.trend-tags{display:flex;flex-wrap:nowrap;gap:8px;overflow:hidden;margin-top:4px;}
.trend-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(73,123,205,.12);border:1px solid rgba(124,177,255,.14);color:#c9dcff;font-size:11px;font-weight:800;white-space:nowrap;}
.trend-card__actions{margin-top:auto;}
.trend-archive-list{display:grid;gap:10px;margin-top:18px;}
.trend-archive-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(111,151,229,.18);background:rgba(255,255,255,.03);text-decoration:none;color:#edf3ff;font-weight:800;}
.trend-archive-item__date{color:rgba(208,222,255,.66);font-size:14px;font-weight:700;white-space:nowrap;}
.trend-post-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:24px;align-items:start;}
.trend-post{padding:30px;}
.trend-post h1{margin:10px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.035em;color:#f4f7ff;}
.trend-post__meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:16px;}
.trend-post__meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(119,164,241,.20);color:rgba(220,231,255,.78);font-size:13px;font-weight:800;}
.trend-post__lead{margin:0 0 16px;color:#dbe6ff;font-size:17px;line-height:1.62;font-weight:700;}
.trend-post__body p{margin:0 0 14px;color:rgba(233,239,255,.88);font-size:16px;line-height:1.68;}
.trend-post__body strong{color:#fff3b5;font-weight:900;}
.trend-tags--post{margin-top:18px;}
.trend-post__actions{margin-top:22px;}
.trend-post-aside{padding:24px;position:sticky;top:92px;}
.trend-post-aside__thumb{overflow:hidden;border-radius:24px;border:1px solid rgba(168,212,255,.18);background:rgba(255,255,255,.05);margin-bottom:16px;}
.trend-post-aside__thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.trend-post-aside h3{margin:0 0 14px;font-family:'Montserrat',system-ui,sans-serif;font-size:24px;line-height:1.18;font-weight:800;letter-spacing:-.025em;color:#f4f7ff;}
.trend-post-aside__line{padding:12px 0;border-bottom:1px solid rgba(108,149,222,.12);color:rgba(225,234,255,.82);font-size:15px;line-height:1.55;}
.trend-post-aside__buttons{display:grid;gap:12px;margin-top:18px;}
.trend-popup[hidden]{display:none !important;}
.trend-popup{position:fixed;right:18px;bottom:18px;z-index:260;width:min(420px,calc(100vw - 20px));display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;padding:14px;border-radius:26px;border:1px solid rgba(121,168,255,.30);background:linear-gradient(180deg,rgba(7,24,63,.98),rgba(5,19,52,.98));box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02);transform:translateY(18px);opacity:0;transition:opacity .22s ease, transform .22s ease;}
.trend-popup.is-visible{opacity:1;transform:translateY(0);}
.trend-popup__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(170,210,255,.30);background:rgba(255,255,255,.06);color:#f1f5ff;font-size:22px;line-height:1;cursor:pointer;}
.trend-popup__thumb{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(168,212,255,.14);}
.trend-popup__thumb img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
.trend-popup__body{padding-right:26px;}
.trend-popup__eyebrow{margin-bottom:8px;color:#ffd98a;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.trend-popup__title{margin:0 0 8px;color:#f4f7ff;font-size:22px;line-height:1.08;font-weight:900;}
.trend-popup__text{margin:0;color:rgba(224,233,255,.78);font-size:14px;line-height:1.52;}
.trend-popup__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;margin-top:12px;border-radius:999px;background:linear-gradient(180deg,#f3c861,#e7ab3b);color:#1a1408;font-size:13px;font-weight:900;text-decoration:none;}
@media (max-width:1180px){.trend-inline-banner{grid-template-columns:220px minmax(0,1fr);}.trend-inline-banner__actions{grid-column:1 / -1;flex-direction:row;align-items:flex-start;}.trend-post-layout{grid-template-columns:1fr;}.trend-post-aside{position:static;}}
@media (max-width:980px){.trend-hero{grid-template-columns:1fr;}.trend-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.trend-inline-banner{grid-template-columns:1fr;padding:18px;gap:16px;}.trend-inline-banner h3{font-size:20px;}.trend-inline-banner p{font-size:16px;}.trend-inline-banner__actions{flex-direction:column;align-items:stretch;}.trend-hero{padding:18px;}.trend-hero h3{font-size:20px;}.trend-hero__excerpt{font-size:17px;}.trend-card h4{font-size:20px;}.trend-post{padding:18px 16px;}.trend-post h1{font-size:20px;line-height:1.18;}.trend-post__lead{font-size:16px;}.trend-post__body p{font-size:15px;}.trend-popup{grid-template-columns:92px 1fr;right:8px;bottom:8px;width:calc(100vw - 16px);padding:12px;}.trend-popup__title{font-size:18px;}.trend-popup__text{font-size:13px;}}

/* Trends finishing pass */
.section-head--wide,.trends-page-wrap{width:min(1520px,calc(100vw - 52px));max-width:none;margin:0 auto;}
.section-mini--trends{padding-bottom:12px;}
.section-trends-page{padding-top:18px;}
.compact-head--trends{margin-top:18px;}
.hero-side--trend .hero-side-content{justify-content:center;}
.hero-trend-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;margin:10px 0 8px;border-radius:999px;background:rgba(255,191,73,.14);border:1px solid rgba(255,191,73,.28);color:#ffd98a;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.hero-trend-title{margin:0 0 10px !important;color:#f6f8ff;font-size:28px !important;line-height:1.12 !important;font-weight:900;max-width:700px;}
.hero-side--trend h3{max-width:760px;}
.trend-hero--hot{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,26,67,.98),rgba(5,18,48,.98));}
.trend-hero--hot::before{content:"";position:absolute;inset:auto auto -120px -120px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,167,56,.18),rgba(255,167,56,0));pointer-events:none;}
.trend-hero__note{margin-top:14px;color:rgba(229,198,128,.84);font-size:14px;line-height:1.55;}
.trend-feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.trend-feed-card{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;padding:0;overflow:hidden;align-items:stretch;min-height:240px;}
.trend-feed-card__media{display:block;min-height:100%;border-right:1px solid rgba(108,152,232,.16);background:rgba(255,255,255,.04);}
.trend-feed-card__media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;}
.trend-feed-card__body{display:flex;flex-direction:column;gap:14px;padding:22px 24px;}
.trend-feed-card h4{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.025em;}
.trend-feed-card h4 a{color:#f4f7ff;text-decoration:none;}
.trend-feed-card p{margin:0;color:rgba(226,234,255,.82);font-size:17px;line-height:1.58;}
.trend-post-layout{width:min(1520px,calc(100vw - 52px));max-width:none;grid-template-columns:minmax(0,1.58fr) 320px;gap:20px;}
.trend-post--media{padding:24px 24px;}
.trend-post__hero{display:block;}
.trend-post__cover{overflow:hidden;border-radius:26px;border:1px solid rgba(168,212,255,.18);background:rgba(255,255,255,.04);}
.trend-post__cover img{display:block;width:100%;height:100%;aspect-ratio:16/12;object-fit:cover;}
.trend-post__intro h1{margin:6px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.035em;max-width:none;}
.trend-post__lead{font-size:16px;margin-bottom:14px;}
.trend-post__body--compact{max-width:none;margin-top:6px;}
.trend-post__body--compact p{font-size:15px;line-height:1.66;}
.trend-post__youtube-note{margin-top:14px;color:rgba(230,203,136,.84);font-size:14px;line-height:1.55;}
.trend-post-aside{padding:22px;top:88px;}
.trend-post-aside h3{font-size:22px;font-weight:800;line-height:1.18;letter-spacing:-.025em;}
.trend-popup--hot{width:min(430px,calc(100vw - 24px));right:20px;bottom:18px;border-color:rgba(255,177,74,.28);background:linear-gradient(180deg,rgba(10,28,72,.98),rgba(7,20,52,.98));box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03),0 0 28px rgba(255,159,51,.12);}
.trend-popup--hot::before{content:"";position:absolute;left:-46px;bottom:-46px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,147,58,.18),rgba(255,147,58,0));pointer-events:none;}
.trend-popup.is-dragging{cursor:grabbing;user-select:none;}
.trend-popup__drag{position:absolute;left:12px;top:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(238,243,255,.88);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:grab;z-index:1;}
.trend-popup__thumb{margin-top:22px;}
.trend-popup__body{padding-top:20px;}
.trend-popup__title{font-size:24px;}
.trend-popup__link{background:linear-gradient(180deg,#ffce6a,#ffae34);box-shadow:0 0 18px rgba(255,183,59,.18);}
@keyframes trendPulse{0%,100%{transform:translateY(0);box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03),0 0 28px rgba(255,159,51,.12);}50%{transform:translateY(-2px);box-shadow:0 28px 78px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03),0 0 34px rgba(255,171,84,.18);}}
.trend-popup--hot.is-visible{animation:trendPulse 2.6s ease-in-out infinite;}
@media (max-width:1400px){.trend-feed-card h4{font-size:20px;}}
@media (max-width:1180px){.section-head--wide,.trends-page-wrap,.trend-post-layout{width:min(100%,calc(100vw - 36px));}.trend-feed-list{grid-template-columns:1fr;}.trend-feed-card{grid-template-columns:280px minmax(0,1fr);} .trend-post__hero{grid-template-columns:1fr;} }
@media (max-width:760px){.section-head--wide,.trends-page-wrap,.trend-post-layout{width:calc(100vw - 24px);} .trend-feed-card{grid-template-columns:1fr;} .trend-feed-card h4{font-size:20px;line-height:1.18;} .trend-post--media{padding:18px;} .trend-popup__drag{display:none;} .hero-trend-title{font-size:20px !important;} }


/* === Hero premium ash/gold refinement === */
.hero-home .container.hero-grid{width:min(1560px,calc(100vw - 56px));max-width:none;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.hero-home .hero-card,
.hero-home .hero-side{position:relative;min-height:auto;aspect-ratio:16 / 9;border-radius:32px;overflow:hidden;border:1px solid rgba(249,235,186,.22);box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);background-color:#121418;background-repeat:no-repeat;background-size:cover;background-position:center;}
.hero-home .hero-card::before,
.hero-home .hero-side::after{content:"";position:absolute;inset:0;pointer-events:none;}
.hero-home .hero-card::before{background:linear-gradient(180deg, rgba(9,11,16,.22), rgba(9,11,16,.48));}
.hero-home .hero-side::after{background:linear-gradient(180deg, rgba(10,12,18,.18), rgba(10,12,18,.44));}
.hero-home .hero-card{padding:34px 34px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;}
.hero-home .hero-side-content{padding:30px 36px 28px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;}
.hero-home .eyebrow{color:#d0a86a;font-size:clamp(13px,.9vw,18px);letter-spacing:.12em;text-shadow:0 1px 8px rgba(0,0,0,.25);font-weight:900;}
.hero-home .hero-card h1{font-size:clamp(48px,4.9vw,72px);line-height:.98;margin:0 0 14px;background:linear-gradient(180deg,#d0a86a 0%, #f9ebba 42%, #fdf1c9 56%, #f0cf86 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;max-width:100%;}
.hero-home .hero-card .lead,
.hero-home .hero-side p{font-size:clamp(17px,1.2vw,22px);line-height:1.46;color:#fdfff9;opacity:.96;max-width:30ch;}
.hero-home .hero-card .lead{max-width:32ch;}
.hero-home .hero-actions{gap:12px;flex-wrap:wrap;align-items:center;}
.hero-home .btn{min-height:48px;padding:0 24px;border-radius:999px;font-size:14px;font-weight:900;letter-spacing:.01em;box-shadow:0 10px 26px rgba(0,0,0,.12);}
.hero-home .btn-primary{background:linear-gradient(180deg,#f5d585 0%, #d8a353 100%);color:#17140d;border:1px solid rgba(255,239,206,.22);}
.hero-home .btn-secondary,
.hero-home .btn-outline{background:linear-gradient(180deg,rgba(67,66,61,.36),rgba(66,69,74,.42));border:1px solid rgba(245,213,133,.58);color:#fdfff9;}
.hero-home .btn-secondary:hover,
.hero-home .btn-outline:hover{background:linear-gradient(180deg,rgba(88,86,81,.5),rgba(82,85,90,.56));}
.hero-home .hero-side h3{font-size:clamp(24px,2.45vw,32px);line-height:1.1;max-width:18ch;margin:0 0 10px;color:#fdfff9;font-weight:900;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.hero-home .hero-trend-chip{min-height:40px;padding:0 18px;margin:8px 0 10px;background:linear-gradient(180deg,rgba(107,96,72,.68),rgba(77,69,53,.78));border:1px solid rgba(245,213,133,.46);color:#f5d585;font-size:12px;letter-spacing:.06em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.10);}
.hero-home .hero-trend-title{font-size:clamp(22px,2vw,30px) !important;line-height:1.08 !important;max-width:18ch;margin:0 0 10px !important;color:#fdfff9;font-weight:900;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.hero-home .hero-side p{max-width:33ch;margin:0 0 18px;font-size:clamp(16px,1.05vw,20px);}
.hero-home .hero-side .hero-actions .btn{min-height:48px;padding:0 24px;}
.hero-home .hero-side .btn-outline{background:transparent;border-color:rgba(245,213,133,.52);}
.hero-home .hero-card .btn-primary:hover,
.hero-home .hero-side .btn-primary:hover{filter:brightness(1.04);}
.hero-home .hero-card .btn-secondary:hover,
.hero-home .hero-card .btn-outline:hover,
.hero-home .hero-side .btn-outline:hover{border-color:rgba(249,235,186,.75);box-shadow:0 0 0 1px rgba(249,235,186,.16),0 12px 24px rgba(0,0,0,.16);}
.hero-home .hero-side--trend{background-color:#13161b;}
.hero-home .hero-side--trend::before{opacity:0;}
@media (max-width: 1280px) {
  .platform-grid-compact { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 980px) {
  .track-grid { grid-template-columns: 1fr; }
  .track-row, .track-row-compact { grid-template-columns: 235px minmax(0,1fr); min-height: 152px; }
  .platform-name { font-size: 20px; }
}
@media (max-width: 820px) {
  .platform-grid-compact { grid-template-columns: 1fr 1fr; gap:10px; }
  .platform-card-compact { min-height: 86px; padding: 12px; gap:10px; }
  .platform-icon-wrap, .platform-icon { width:48px; height:48px; flex-basis:48px; }
  .platform-name { font-size: 16px; }
  .platform-subtitle { font-size: 10px; }
  .track-grid { grid-template-columns: 1fr; gap:12px; }
  .track-row, .track-row-compact { grid-template-columns: 1fr; min-height: auto; }
  .track-cover { aspect-ratio:16/9; }
  .track-body { padding: 12px 12px 14px; }
  .track-body h3 { font-size: 12px; line-height:1.2; }
  .track-mini-style { font-size: 11px; max-width: 140px; }
}


.listing-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;flex-wrap:wrap}
.listing-summary{color:rgba(214,224,244,.82);font-size:14px}
.per-page-links,.pagination-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.per-page-label{color:rgba(214,224,244,.82);font-size:14px;margin-right:2px}
.per-page-links a,.pagination-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(131,171,255,.22);background:rgba(9,18,42,.55);color:var(--text);font-weight:800;font-size:14px;text-decoration:none;transition:.2s ease}
.per-page-links a:hover,.pagination-nav a:hover{border-color:rgba(244,182,77,.45);color:#fff;transform:translateY(-1px)}
.per-page-links a.is-active,.pagination-nav a.is-active{background:var(--accent);border-color:transparent;color:#08101f}
.pagination-nav{margin-top:10px}
.page-arrow{padding:0 14px !important}
@media (max-width:820px){.listing-meta{align-items:flex-start}.listing-summary{font-size:13px}.per-page-links a,.pagination-nav a{min-width:34px;height:34px;font-size:13px;padding:0 10px}}


/* v23 fixes: compact search + compact rutube */
.quick-search-form,
.compact-track-search-form {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.home-search-shell,
.track-search-shell,
.search-shell {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
.search-shell .search-icon-3d,
.search-icon-3d {
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  flex:0 0 24px !important;
  display:block !important;
  object-fit:contain !important;
}
.track-search-shell {
  min-width:320px;
  flex:1 1 420px;
}
.home-search-shell {
  min-width:220px;
}
.track-search-form .search-input,
.quick-search-form .search-input {
  background:transparent !important;
  border:none !important;
  padding:0 !important;
}
.track-bottom-inline {
  grid-template-columns:minmax(0,1fr) 70px !important;
  gap:8px !important;
}
.track-rutube-inline {
  gap:2px !important;
}
.track-rutube-inline img {
  width:42px !important;
  height:42px !important;
}
.track-rutube-inline span {
  font-size:10px !important;
  line-height:1.05 !important;
}
.track-row,
.track-row-compact {
  min-height:146px !important;
}
.track-actions.compact-actions {
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
}
.track-actions.compact-actions .btn {
  min-width:auto;
}
@media (max-width: 820px) {
  .quick-search-form,
  .compact-track-search-form {
    width:100%;
  }
  .track-search-shell,
  .home-search-shell {
    min-width:0 !important;
    width:100%;
  }
  .search-shell .search-icon-3d,
  .search-icon-3d {
    width:22px !important;
    height:22px !important;
    max-width:22px !important;
    max-height:22px !important;
    flex-basis:22px !important;
  }
}


/* v24 tighter cards, fixed search, flatter buttons, youtube-like pager */
.search-shell,
.compact-search-shell,
.track-search-shell,
.home-search-shell{
  min-height:46px !important;
  padding:0 14px !important;
  border:1px solid rgba(131,171,255,.18) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.07) !important;
}
.search-input{background:transparent !important;border:0 !important;padding:0 !important;color:var(--text)}
.btn{
  border-radius:16px !important;
  padding:10px 18px !important;
  min-height:40px !important;
  font-size:14px !important;
}
.btn-small{
  padding:8px 14px !important;
  min-height:34px !important;
  font-size:12px !important;
}
.playlist-pill{
  padding:7px 14px !important;
  min-height:32px !important;
  border-radius:16px !important;
  font-size:11px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.track-grid{
  gap:12px !important;
}
.track-row,
.track-row-compact{
  grid-template-columns: 192px minmax(0,1fr) !important;
  min-height:104px !important;
  overflow:hidden !important;
}
.track-cover{
  aspect-ratio:auto !important;
  height:100% !important;
  min-height:104px !important;
  background:#070d18 !important;
}
.track-cover img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:transparent !important;
}
.track-body{
  padding:12px 16px !important;
  gap:6px !important;
}
.track-topline{
  margin-bottom:4px !important;
}
.track-mini-style{
  font-size:12px !important;
  max-width:210px !important;
}
.track-body h3{
  font-size:15px !important;
  line-height:1.1 !important;
  margin:0 0 6px !important;
  -webkit-line-clamp:2 !important;
}
.track-actions.compact-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;
}
.track-actions.compact-actions .btn{
  flex:0 0 auto !important;
}
.track-bottom-inline{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.track-bottom-main{
  flex:1 1 auto !important;
  min-width:0 !important;
}
.track-rutube-inline{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;
  width:62px !important;
  flex:0 0 62px !important;
  text-align:center !important;
  align-self:flex-end !important;
}
.track-rutube-inline img{
  width:38px !important;
  height:38px !important;
}
.track-rutube-inline span{
  font-size:10px !important;
  line-height:1.05 !important;
  white-space:normal !important;
}
.track-micro-note{
  font-size:11px !important;
  margin-top:6px !important;
}
.listing-meta{
  margin-top:16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}
.listing-summary{
  font-size:14px !important;
}
.per-page-links{
  gap:8px !important;
}
.per-page-links a{
  min-width:34px !important;
  height:34px !important;
  padding:0 10px !important;
  border-radius:14px !important;
}
.pagination-nav{
  margin-top:10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}
.pagination-summary{
  color:rgba(214,224,244,.86) !important;
  font-size:14px !important;
  min-width:120px !important;
  text-align:center !important;
}
.page-arrow{
  min-width:36px !important;
  height:36px !important;
  padding:0 !important;
  border-radius:14px !important;
  font-size:18px !important;
  line-height:1 !important;
}
.page-arrow.is-disabled{
  pointer-events:none !important;
  opacity:.35 !important;
}
@media (max-width: 980px){
  .track-row,
  .track-row-compact{
    grid-template-columns: 210px minmax(0,1fr) !important;
    min-height:124px !important;
  }
  .track-cover{min-height:124px !important;}
}
@media (max-width: 820px){
  .track-row,
  .track-row-compact{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  .track-cover{
    min-height:0 !important;
    aspect-ratio:16/9 !important;
  }
  .track-cover img{
    object-fit:cover !important;
  }
  .track-body{
    padding:12px !important;
  }
  .track-topline-slim{
    flex-wrap:wrap !important;
    align-items:flex-start !important;
  }
  .track-mini-style{
    max-width:none !important;
    width:100% !important;
    text-align:left !important;
  }
  .track-bottom-inline{
    flex-direction:column !important;
    align-items:flex-start !important;
  }
  .track-rutube-inline{
    width:auto !important;
    flex-direction:row !important;
    gap:8px !important;
    align-self:flex-start !important;
  }
  .track-rutube-inline span{
    white-space:nowrap !important;
  }
  .btn{
    min-height:36px !important;
    padding:8px 14px !important;
    font-size:13px !important;
  }
  .btn-small{
    min-height:32px !important;
    padding:7px 12px !important;
    font-size:11px !important;
  }
  .playlist-pill{
    min-height:30px !important;
    padding:6px 12px !important;
    font-size:10px !important;
  }
  .pagination-nav{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
  .pagination-summary{
    order:-1 !important;
    width:100% !important;
    text-align:left !important;
    min-width:0 !important;
  }
}


/* v27: fix compact rutube block on opened track page */
.detail-bottom-inline-fixed{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:8px !important;
}
.detail-like-note-inline{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
  color:rgba(214,224,244,.82) !important;
}
.rutube-promo-box.rutube-promo-inline{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 360px !important;
  max-width:360px !important;
  margin-left:auto !important;
  padding:10px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(131,171,255,.22) !important;
  background:linear-gradient(180deg, rgba(12,18,32,.86), rgba(9,14,26,.94)) !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}
.rutube-promo-inline .rutube-promo-icon{
  flex:0 0 48px !important;
  width:48px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.rutube-promo-inline .rutube-promo-icon img{
  width:48px !important;
  height:48px !important;
  object-fit:contain !important;
  display:block !important;
}
.rutube-promo-inline .rutube-promo-copy{
  min-width:0 !important;
}
.rutube-promo-inline .rutube-promo-title{
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.1 !important;
  margin-bottom:2px !important;
}
.rutube-promo-inline .rutube-promo-text{
  color:rgba(214,224,244,.82) !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
@media (max-width: 1100px){
  .rutube-promo-box.rutube-promo-inline{
    flex-basis:320px !important;
    max-width:320px !important;
  }
}
@media (max-width: 820px){
  .detail-bottom-inline-fixed{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  .rutube-promo-box.rutube-promo-inline{
    flex:1 1 auto !important;
    max-width:none !important;
    width:100% !important;
    margin-left:0 !important;
    padding:10px 12px !important;
  }
  .rutube-promo-inline .rutube-promo-icon,
  .rutube-promo-inline .rutube-promo-icon img{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
}

.playlist-editor-grid { align-items:start; }
.playlist-editor-preview { position:sticky; top:96px; }
.playlist-preview-media { border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(6,12,26,.5); }
.playlist-preview-media img { display:block; width:100%; aspect-ratio:16 / 9; object-fit:cover; }
.playlist-editor-note { margin-top:14px; color:rgba(214,224,244,.78); line-height:1.45; }
.playlist-admin-card-wrap { display:flex; flex-direction:column; gap:12px; }
.playlist-admin-bar { padding:14px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.playlist-vote-toggle { display:flex; align-items:center; }
.checkbox-row { display:flex; align-items:center; gap:10px; font-weight:600; color:var(--text); }
.checkbox-row input { width:18px; height:18px; }
@media (max-width: 1100px) {
  .playlist-editor-preview { position:static; }
}
@media (max-width: 767px) {
  .playlist-admin-bar { flex-direction:column; align-items:flex-start; }
}

.admin-message-head { display:flex; justify-content:space-between; align-items:flex-start; gap:14px; flex-wrap:wrap; margin-bottom:14px; }
.admin-message-head h3 { margin:0; }
.admin-message-tools { justify-content:flex-end; }
.admin-message-list { max-height: 1040px; overflow-y: auto; padding-right: 8px; }
.admin-message-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:8px; }
.admin-message-card-head h4 { margin:0 0 8px; }
@media (max-width: 820px) {
  .admin-message-card-head { flex-direction:column; }
  .admin-message-tools { width:100%; justify-content:flex-start; }
  .admin-message-list { max-height: 75vh; }
}


.section-seo { padding-top: 10px; }
.seo-block { padding: 24px 26px; }
.seo-block h3 { margin: 0 0 12px; font-size: clamp(24px, 3vw, 36px); line-height: 1.15; font-weight: 900; }
.seo-intro { margin: 0; color: var(--text); opacity: .96; max-width: 1100px; }
.seo-fold { margin-top: 16px; border-top: 1px solid rgba(255,255,255,.08); padding-top: 14px; }
.seo-fold summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-weight: 800; font-size: 14px; color: var(--text); }
.seo-fold summary::-webkit-details-marker { display: none; }
.seo-fold summary::after { content: '▾'; font-size: 12px; opacity: .9; }
.seo-fold[open] summary::after { content: '▴'; }
.seo-content { padding-top: 16px; display: grid; gap: 14px; }
.seo-content p { margin: 0; color: var(--muted); }
@media (max-width: 820px) {
  .seo-block { padding: 18px; }
  .seo-fold summary { width: 100%; justify-content: center; }
}


/* === Home page rhythm tuning === */
.hero {
  padding-top: 60px;
  padding-bottom: 40px;
}

.hero-home {
  min-height: 585px;
}

.hero-grid {
  gap: 26px;
}

.section-platforms-compact {
  padding-top: 30px;
  padding-bottom: 20px;
}

.section-platforms-compact .section-head {
  margin-bottom: 18px;
}

.section-platforms-compact .rutube-note-banner {
  margin-top: 10px;
}

.section-platforms-compact .platform-grid {
  margin-top: 6px;
}

.section-platforms-compact + .section {
  padding-top: 34px;
}

.section-platforms-compact + .section .section-head {
  margin-bottom: 24px;
}

.section-platforms-compact + .section .section-subnote {
  margin-top: 14px;
  max-width: 760px;
}

@media (max-width: 980px) {
  .hero {
    padding-bottom: 30px;
  }

  .section-platforms-compact {
    padding-top: 24px;
    padding-bottom: 18px;
  }

  .section-platforms-compact + .section {
    padding-top: 28px;
  }
}

/* Music trends */
.section-mini-top{padding-top:8px;}
.trend-inline-banner{display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 24px;border-radius:30px;border:1px solid rgba(102,148,255,.24);background:linear-gradient(180deg,rgba(7,23,63,.97),rgba(5,18,52,.98));box-shadow:0 20px 55px rgba(0,0,0,.20), inset 0 0 0 1px rgba(255,255,255,.03);}
.trend-inline-banner.is-live{border-color:rgba(126,214,255,.46);box-shadow:0 24px 60px rgba(0,0,0,.24), 0 0 0 1px rgba(110,205,255,.08), 0 0 40px rgba(76,193,255,.12);}
.trend-inline-banner__thumb{display:block;min-height:138px;border-radius:24px;overflow:hidden;border:1px solid rgba(175,214,255,.18);background:rgba(255,255,255,.04);}
.trend-inline-banner__thumb img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;}
.trend-inline-banner h3{margin:8px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.025em;color:#f4f7ff;}
.trend-inline-banner p{margin:0;color:rgba(229,236,255,.84);font-size:18px;line-height:1.58;max-width:780px;}
.trend-inline-banner__meta{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:14px;color:rgba(214,226,255,.70);font-size:14px;font-weight:700;}
.trend-inline-banner__meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(111,149,230,.22);background:rgba(255,255,255,.03);}
.trend-inline-banner__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-end;}
.trend-hero{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:28px;align-items:center;padding:26px;border-radius:34px;}
.trend-hero__media{overflow:hidden;border-radius:28px;border:1px solid rgba(160,208,255,.18);background:rgba(255,255,255,.04);}
.trend-hero__media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;}
.trend-hero h3{margin:8px 0 14px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.15;font-weight:800;letter-spacing:-.03em;color:#f5f8ff;}
.trend-hero__excerpt{margin:0;color:rgba(227,234,255,.84);font-size:15px;line-height:1.62;max-width:860px;}
.trend-hero__meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:16px;}
.trend-hero__meta span{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(118,166,246,.22);background:rgba(255,255,255,.035);color:rgba(222,232,255,.78);font-size:14px;font-weight:800;}
.trend-hero__actions{margin-top:18px;}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.trend-card{display:flex;flex-direction:column;overflow:hidden;padding:0;}
.trend-card__image{display:block;overflow:hidden;border-bottom:1px solid rgba(108,152,232,.16);}
.trend-card__image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .28s ease;}
.trend-card:hover .trend-card__image img{transform:scale(1.03);}
.trend-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px;}
.trend-card__meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(211,224,255,.64);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;}
.trend-card h4{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.17;font-weight:800;letter-spacing:-.025em;}
.trend-card h4 a{color:#f3f7ff;text-decoration:none;}
.trend-card p{margin:0;color:rgba(226,234,255,.82);font-size:17px;line-height:1.62;}
.trend-tags{display:flex;flex-wrap:nowrap;gap:8px;overflow:hidden;margin-top:4px;}
.trend-tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:rgba(73,123,205,.12);border:1px solid rgba(124,177,255,.14);color:#c9dcff;font-size:11px;font-weight:800;white-space:nowrap;}
.trend-card__actions{margin-top:auto;}
.trend-archive-list{display:grid;gap:10px;margin-top:18px;}
.trend-archive-item{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:18px;border:1px solid rgba(111,151,229,.18);background:rgba(255,255,255,.03);text-decoration:none;color:#edf3ff;font-weight:800;}
.trend-archive-item__date{color:rgba(208,222,255,.66);font-size:14px;font-weight:700;white-space:nowrap;}
.trend-post-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 360px;gap:24px;align-items:start;}
.trend-post{padding:30px;}
.trend-post h1{margin:10px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.035em;color:#f4f7ff;}
.trend-post__meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-bottom:16px;}
.trend-post__meta span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(119,164,241,.20);color:rgba(220,231,255,.78);font-size:13px;font-weight:800;}
.trend-post__lead{margin:0 0 16px;color:#dbe6ff;font-size:17px;line-height:1.62;font-weight:700;}
.trend-post__body p{margin:0 0 14px;color:rgba(233,239,255,.88);font-size:16px;line-height:1.68;}
.trend-post__body strong{color:#fff3b5;font-weight:900;}
.trend-tags--post{margin-top:18px;}
.trend-post__actions{margin-top:22px;}
.trend-post-aside{padding:24px;position:sticky;top:92px;}
.trend-post-aside__thumb{overflow:hidden;border-radius:24px;border:1px solid rgba(168,212,255,.18);background:rgba(255,255,255,.05);margin-bottom:16px;}
.trend-post-aside__thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;}
.trend-post-aside h3{margin:0 0 14px;font-family:'Montserrat',system-ui,sans-serif;font-size:24px;line-height:1.18;font-weight:800;letter-spacing:-.025em;color:#f4f7ff;}
.trend-post-aside__line{padding:12px 0;border-bottom:1px solid rgba(108,149,222,.12);color:rgba(225,234,255,.82);font-size:15px;line-height:1.55;}
.trend-post-aside__buttons{display:grid;gap:12px;margin-top:18px;}
.trend-popup[hidden]{display:none !important;}
.trend-popup{position:fixed;right:18px;bottom:18px;z-index:260;width:min(420px,calc(100vw - 20px));display:grid;grid-template-columns:126px minmax(0,1fr);gap:14px;padding:14px;border-radius:26px;border:1px solid rgba(121,168,255,.30);background:linear-gradient(180deg,rgba(7,24,63,.98),rgba(5,19,52,.98));box-shadow:0 20px 60px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.02);transform:translateY(18px);opacity:0;transition:opacity .22s ease, transform .22s ease;}
.trend-popup.is-visible{opacity:1;transform:translateY(0);}
.trend-popup__close{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(170,210,255,.30);background:rgba(255,255,255,.06);color:#f1f5ff;font-size:22px;line-height:1;cursor:pointer;}
.trend-popup__thumb{display:block;border-radius:18px;overflow:hidden;border:1px solid rgba(168,212,255,.14);}
.trend-popup__thumb img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;}
.trend-popup__body{padding-right:26px;}
.trend-popup__eyebrow{margin-bottom:8px;color:#ffd98a;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.trend-popup__title{margin:0 0 8px;color:#f4f7ff;font-size:22px;line-height:1.08;font-weight:900;}
.trend-popup__text{margin:0;color:rgba(224,233,255,.78);font-size:14px;line-height:1.52;}
.trend-popup__link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;margin-top:12px;border-radius:999px;background:linear-gradient(180deg,#f3c861,#e7ab3b);color:#1a1408;font-size:13px;font-weight:900;text-decoration:none;}
@media (max-width:1180px){.trend-inline-banner{grid-template-columns:220px minmax(0,1fr);}.trend-inline-banner__actions{grid-column:1 / -1;flex-direction:row;align-items:flex-start;}.trend-post-layout{grid-template-columns:1fr;}.trend-post-aside{position:static;}}
@media (max-width:980px){.trend-hero{grid-template-columns:1fr;}.trend-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.trend-inline-banner{grid-template-columns:1fr;padding:18px;gap:16px;}.trend-inline-banner h3{font-size:20px;}.trend-inline-banner p{font-size:16px;}.trend-inline-banner__actions{flex-direction:column;align-items:stretch;}.trend-hero{padding:18px;}.trend-hero h3{font-size:20px;}.trend-hero__excerpt{font-size:17px;}.trend-card h4{font-size:20px;}.trend-post{padding:18px 16px;}.trend-post h1{font-size:20px;line-height:1.18;}.trend-post__lead{font-size:16px;}.trend-post__body p{font-size:15px;}.trend-popup{grid-template-columns:92px 1fr;right:8px;bottom:8px;width:calc(100vw - 16px);padding:12px;}.trend-popup__title{font-size:18px;}.trend-popup__text{font-size:13px;}}

/* Trends finishing pass */
.section-head--wide,.trends-page-wrap{width:min(1520px,calc(100vw - 52px));max-width:none;margin:0 auto;}
.section-mini--trends{padding-bottom:12px;}
.section-trends-page{padding-top:18px;}
.compact-head--trends{margin-top:18px;}
.hero-side--trend .hero-side-content{justify-content:center;}
.hero-trend-chip{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;margin:10px 0 8px;border-radius:999px;background:rgba(255,191,73,.14);border:1px solid rgba(255,191,73,.28);color:#ffd98a;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.hero-trend-title{margin:0 0 10px !important;color:#f6f8ff;font-size:28px !important;line-height:1.12 !important;font-weight:900;max-width:700px;}
.hero-side--trend h3{max-width:760px;}
.trend-hero--hot{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(8,26,67,.98),rgba(5,18,48,.98));}
.trend-hero--hot::before{content:"";position:absolute;inset:auto auto -120px -120px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,167,56,.18),rgba(255,167,56,0));pointer-events:none;}
.trend-hero__note{margin-top:14px;color:rgba(229,198,128,.84);font-size:14px;line-height:1.55;}
.trend-feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;}
.trend-feed-card{display:grid;grid-template-columns:320px minmax(0,1fr);gap:0;padding:0;overflow:hidden;align-items:stretch;min-height:240px;}
.trend-feed-card__media{display:block;min-height:100%;border-right:1px solid rgba(108,152,232,.16);background:rgba(255,255,255,.04);}
.trend-feed-card__media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/11;}
.trend-feed-card__body{display:flex;flex-direction:column;gap:14px;padding:22px 24px;}
.trend-feed-card h4{margin:0;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.17;font-weight:800;letter-spacing:-.025em;}
.trend-feed-card h4 a{color:#f4f7ff;text-decoration:none;}
.trend-feed-card p{margin:0;color:rgba(226,234,255,.82);font-size:13px;line-height:1.58;}
.trend-post-layout{width:min(1520px,calc(100vw - 52px));max-width:none;grid-template-columns:minmax(0,1.58fr) 320px;gap:20px;}
.trend-post--media{padding:24px 24px;}
.trend-post__hero{display:block;}
.trend-post__cover{overflow:hidden;border-radius:26px;border:1px solid rgba(168,212,255,.18);background:rgba(255,255,255,.04);}
.trend-post__cover img{display:block;width:100%;height:100%;aspect-ratio:16/12;object-fit:cover;}
.trend-post__intro h1{margin:6px 0 12px;font-family:'Montserrat',system-ui,sans-serif;font-size:clamp(12px,1.4vw,20px);line-height:1.16;font-weight:800;letter-spacing:-.035em;max-width:none;}
.trend-post__lead{font-size:16px;margin-bottom:14px;}
.trend-post__body--compact{max-width:none;margin-top:6px;}
.trend-post__body--compact p{font-size:15px;line-height:1.66;}
.trend-post__youtube-note{margin-top:14px;color:rgba(230,203,136,.84);font-size:14px;line-height:1.55;}
.trend-post-aside{padding:22px;top:88px;}
.trend-post-aside h3{font-size:22px;font-weight:800;line-height:1.18;letter-spacing:-.025em;}
.trend-popup--hot{width:min(430px,calc(100vw - 24px));right:20px;bottom:18px;border-color:rgba(255,177,74,.28);background:linear-gradient(180deg,rgba(10,28,72,.98),rgba(7,20,52,.98));box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03),0 0 28px rgba(255,159,51,.12);}
.trend-popup--hot::before{content:"";position:absolute;left:-46px;bottom:-46px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,147,58,.18),rgba(255,147,58,0));pointer-events:none;}
.trend-popup.is-dragging{cursor:grabbing;user-select:none;}
.trend-popup__drag{position:absolute;left:12px;top:10px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(238,243,255,.88);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:grab;z-index:1;}
.trend-popup__thumb{margin-top:22px;}
.trend-popup__body{padding-top:20px;}
.trend-popup__title{font-size:24px;}
.trend-popup__link{background:linear-gradient(180deg,#ffce6a,#ffae34);box-shadow:0 0 18px rgba(255,183,59,.18);}
@keyframes trendPulse{0%,100%{transform:translateY(0);box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03),0 0 28px rgba(255,159,51,.12);}50%{transform:translateY(-2px);box-shadow:0 28px 78px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.03),0 0 34px rgba(255,171,84,.18);}}
.trend-popup--hot.is-visible{animation:trendPulse 2.6s ease-in-out infinite;}
.trend-popup.is-autohiding{opacity:0;transform:translateY(18px);pointer-events:none;}
@media (max-width:1400px){.trend-feed-card h4{font-size:20px;}}
@media (max-width:1180px){.section-head--wide,.trends-page-wrap,.trend-post-layout{width:min(100%,calc(100vw - 36px));}.trend-feed-list{grid-template-columns:1fr;}.trend-feed-card{grid-template-columns:280px minmax(0,1fr);} .trend-post__hero{grid-template-columns:1fr;} }
@media (max-width:760px){.section-head--wide,.trends-page-wrap,.trend-post-layout{width:calc(100vw - 24px);} .trend-feed-card{grid-template-columns:1fr;} .trend-feed-card h4{font-size:20px;line-height:1.18;} .trend-post--media{padding:18px;} .trend-popup__drag{display:none;} .hero-trend-title{font-size:20px !important;} }


/* === Hero premium ash/gold refinement === */
.hero-home .container.hero-grid{width:min(1560px,calc(100vw - 56px));max-width:none;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.hero-home .hero-card,
.hero-home .hero-side{position:relative;min-height:auto;aspect-ratio:16 / 9;border-radius:32px;overflow:hidden;border:1px solid rgba(245,213,133,.18);box-shadow:0 24px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);background-color:#121418;background-blend-mode:overlay,normal;}
.hero-home .hero-card::before,
.hero-home .hero-side::after{content:"";position:absolute;inset:0;pointer-events:none;}
.hero-home .hero-card::before{background:radial-gradient(circle at 10% 12%, rgba(216,163,83,.14), transparent 28%),radial-gradient(circle at 88% 84%, rgba(213,171,93,.10), transparent 22%),linear-gradient(180deg, rgba(9,11,16,.54), rgba(9,11,16,.78));}
.hero-home .hero-side::after{background:radial-gradient(circle at 84% 22%, rgba(216,163,83,.16), transparent 22%),radial-gradient(circle at 100% 100%, rgba(216,163,83,.10), transparent 24%),linear-gradient(180deg, rgba(10,12,18,.58), rgba(10,12,18,.78));}
.hero-home .hero-card{padding:46px 42px 38px;justify-content:flex-end;}
.hero-home .hero-side-content{padding:34px 38px 34px;height:100%;justify-content:center;}
.hero-home .eyebrow{color:#d0a86a;font-size:clamp(14px,1vw,19px);letter-spacing:.13em;text-shadow:0 1px 8px rgba(0,0,0,.25);}
.hero-home .hero-card h1{font-size:clamp(42px,4.8vw,60px);line-height:.98;margin:0 0 14px;color:#f9ebba;text-shadow:0 2px 22px rgba(0,0,0,.24);}
.hero-home .hero-card .lead,
.hero-home .hero-side p{font-size:clamp(20px,1.55vw,24px);line-height:1.44;color:#fdfff9;opacity:.96;max-width:38ch;}
.hero-home .hero-actions{gap:14px;flex-wrap:wrap;}
.hero-home .btn{min-height:56px;padding:0 28px;border-radius:999px;font-size:15px;font-weight:900;letter-spacing:.02em;box-shadow:0 10px 26px rgba(0,0,0,.14);}
.hero-home .btn-primary{background:linear-gradient(180deg,#f0c06f 0%, #d8a353 100%);color:#17140d;border:1px solid rgba(255,239,206,.24);}
.hero-home .btn-secondary,
.hero-home .btn-outline{background:linear-gradient(180deg,rgba(67,66,61,.72),rgba(66,69,74,.84));border:1px solid rgba(245,213,133,.55);color:#fdfff9;}
.hero-home .btn-secondary:hover,
.hero-home .btn-outline:hover{background:linear-gradient(180deg,rgba(88,86,81,.84),rgba(82,85,90,.94));}
.hero-home .hero-side h3{font-size:clamp(26px,3vw,44px);line-height:1.03;max-width:12ch;margin:0 0 14px;color:#fdfff9;}
.hero-home .hero-trend-chip{min-height:44px;padding:0 20px;margin:6px 0 10px;background:linear-gradient(180deg,rgba(107,96,72,.78),rgba(77,69,53,.88));border:1px solid rgba(245,213,133,.52);color:#f5d585;font-size:13px;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.12);}
.hero-home .hero-trend-title{font-size:clamp(22px,2vw,32px) !important;line-height:1.02 !important;max-width:16ch;margin:0 0 10px !important;color:#fdfff9;}
.hero-home .hero-side p{max-width:27ch;margin:0 0 20px;}
.hero-home .hero-side .hero-actions .btn{min-height:54px;padding:0 26px;}
.hero-home .hero-side .btn-outline{background:transparent;border-color:rgba(245,213,133,.52);}
.hero-home .hero-card .btn-primary:hover,
.hero-home .hero-side .btn-primary:hover{filter:brightness(1.04);}
.hero-home .hero-card .btn-secondary:hover,
.hero-home .hero-card .btn-outline:hover,
.hero-home .hero-side .btn-outline:hover{border-color:rgba(249,235,186,.75);box-shadow:0 0 0 1px rgba(249,235,186,.16),0 12px 24px rgba(0,0,0,.16);}
.hero-home .hero-side--trend{background-color:#13161b;}
.hero-home .hero-side--trend::before{opacity:0;}
.trend-popup--hot{width:min(390px,calc(100vw - 26px));grid-template-columns:108px minmax(0,1fr);gap:12px;padding:12px;border-color:rgba(245,213,133,.24);background:linear-gradient(180deg,rgba(15,19,25,.98),rgba(16,21,29,.98));box-shadow:0 22px 52px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.03),0 0 24px rgba(216,163,83,.10);}
.trend-popup__drag{font-size:11px;letter-spacing:.08em;padding:0 12px;min-height:30px;background:rgba(66,69,74,.88);border:1px solid rgba(245,213,133,.28);color:#f9ebba;border-radius:999px;left:12px;top:10px;}
.trend-popup__thumb{align-self:stretch;background:#0c0f15;}
.trend-popup__thumb img{aspect-ratio:9 / 16;object-fit:contain;background:#090c12;}
.trend-popup__body{padding-right:32px;padding-top:20px;}
.trend-popup__eyebrow{font-size:10px;letter-spacing:.14em;color:#d0a86a;margin-bottom:6px;}
.trend-popup__title{font-size:17px;line-height:1.08;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.2em;margin-bottom:6px;}
.trend-popup__text{font-size:13px;line-height:1.46;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.trend-popup__link{min-height:38px;padding:0 14px;font-size:12px;margin-top:10px;background:linear-gradient(180deg,#f0c06f 0%, #d8a353 100%);}
@media (max-width: 1280px){.hero-home .hero-card h1{font-size:clamp(36px,4vw,48px);} .hero-home .hero-side h3{font-size:clamp(20px,2vw,24px);max-width:19ch;} .hero-home .hero-trend-title{font-size:clamp(18px,1.6vw,21px) !important;max-width:19ch;}}
@media (max-width: 980px){.hero-home .container.hero-grid{width:min(100%,calc(100vw - 24px));grid-template-columns:1fr;} .hero-home .hero-card,.hero-home .hero-side{aspect-ratio:auto;min-height:unset;} .hero-home .hero-card h1{font-size:clamp(34px,10vw,48px);} .hero-home .hero-side h3{max-width:none;} .hero-home .hero-trend-title{max-width:none;}}
@media (max-width: 760px){.hero-home .hero-card,.hero-home .hero-side{border-radius:24px;} .hero-home .hero-card{padding:24px 22px 22px;} .hero-home .hero-side-content{padding:24px 22px;} .hero-home .hero-side h3{font-size:clamp(18px,7vw,24px);max-width:none;} .hero-home .hero-card .lead,.hero-home .hero-side p{font-size:16px;} .hero-home .hero-trend-title{font-size:18px !important;max-width:none;} .hero-home .btn{min-height:46px;padding:0 18px;font-size:14px;} .trend-popup--hot{width:min(340px,calc(100vw - 16px));grid-template-columns:88px minmax(0,1fr);} .trend-popup__thumb img{aspect-ratio:3/4;} }


/* === v2 isolated premium hero rebuild === */
.premium-home-hero-wrap { padding-top: 54px; padding-bottom: 34px; }
.premium-home-hero-wrap .hero-bg { opacity: .58; }
.premium-home-hero-wrap .hero-overlay { background: linear-gradient(180deg, rgba(7,9,14,.34), rgba(7,9,14,.72)); }
.premium-hero-shell { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; width: min(1520px, calc(100vw - 72px)); max-width: none; }
.premium-pane { position: relative; overflow: hidden; border-radius: 26px; border: 1px solid rgba(255,255,255,.12); aspect-ratio: 16 / 9; background-color: #0f1116; background-repeat: no-repeat; background-size: cover; background-position: center; box-shadow: 0 24px 56px rgba(0,0,0,.28); }
.premium-pane::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,13,20,.26), rgba(11,13,20,.46)); }
.premium-pane--right::before { background: linear-gradient(180deg, rgba(10,12,18,.20), rgba(10,12,18,.42)); }
.premium-pane__inner { position: relative; z-index: 1; height: 100%; }
.premium-pane__inner--left { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 38px 34px 34px; }
.premium-pane__inner--right { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding: 28px 34px 30px; }
.premium-overline, .premium-trend-topline { color: #d0a86a; font-size: 14px; line-height: 1.35; letter-spacing: .06em; font-weight: 800; margin: 0 0 18px; }
.premium-overline { max-width: 520px; text-transform: uppercase; }
.premium-brand-title { margin: 0 0 18px; font-size: clamp(54px, 4.4vw, 78px); line-height: .98; letter-spacing: -.03em; font-weight: 900; background: linear-gradient(180deg, #d0a86a 0%, #f9ebba 44%, #fdfff9 60%, #f5d585 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.premium-brand-copy { margin: 0 0 28px; max-width: 540px; color: #f3f3f0; font-size: clamp(18px, 1.15vw, 22px); line-height: 1.42; }
.premium-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.premium-hero-actions--left { justify-content: flex-start; }
.premium-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border-radius: 999px; font-size: 14px; letter-spacing: .01em; font-weight: 800; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease; }
.premium-btn:hover { transform: translateY(-1px); }
.premium-btn[type="button"] { font-family: inherit; cursor: pointer; }
.premium-btn--listen,
.premium-btn--gold,
.playlist-promo__btn,
.trend-popup__link,
.subscription-gate-modal__btn--primary,
.personal-playlist-visibility-panel__toggle.is-bright {
  position: relative;
  overflow: hidden;
}
.premium-btn--listen { gap: 8px; }
.premium-btn--listen::before,
.premium-btn--gold::before,
.playlist-promo__btn::before,
.trend-popup__link::before,
.subscription-gate-modal__btn--primary::before,
.personal-playlist-visibility-panel__toggle.is-bright::before {
  content:"";
  position:absolute;
  inset:-40% auto -40% -34%;
  width:42%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  animation:anteyListenShine 3.8s ease-in-out infinite;
}
@keyframes anteyListenShine {
  0%,58%{left:-34%;opacity:0;}
  68%{opacity:1;}
  86%,100%{left:112%;opacity:0;}
}
.premium-btn--gold { color: #1a1408; background: linear-gradient(180deg, #f5d585 0%, #d8a353 100%); border: 1px solid rgba(255, 236, 184, .30); box-shadow: 0 10px 24px rgba(216, 163, 83, .22); }
.premium-btn--ghost { color: #f3efe6; background: linear-gradient(180deg, rgba(67,66,61,.30), rgba(66,69,74,.34)); border: 1px solid rgba(245,213,133,.48); }
.premium-pane__inner--trend .premium-trend-title-static { margin: 0 0 16px; max-width: 12ch; color: #ffffff; font-size: clamp(28px, 2.6vw, 44px); line-height: 1.06; font-weight: 900; letter-spacing: -.03em; text-transform: uppercase; }
.premium-trend-chip { display: inline-flex; align-items: center; min-height: 46px; margin: 0 0 16px; padding: 0 22px; border-radius: 999px; border: 1px solid rgba(245, 213, 133, .46); background: linear-gradient(180deg, rgba(67,66,61,.38), rgba(66,69,74,.34)); color: #f5d585; font-size: 14px; font-weight: 800; letter-spacing: .02em; }
.premium-pane__inner--trend .premium-live-headline { margin: 0 0 14px; max-width: 13ch; color: #ffffff; font-size: clamp(24px, 2vw, 36px); line-height: 1.06; font-weight: 900; letter-spacing: -.03em; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.premium-trend-copy { margin: 0 0 24px; max-width: 21ch; color: #f1f1ef; font-size: clamp(16px, 1.08vw, 20px); line-height: 1.38; }
@media (max-width: 1320px) { .premium-hero-shell { width: min(1480px, calc(100vw - 40px)); } .premium-brand-title { font-size: clamp(50px, 4.2vw, 70px); } .premium-pane__inner--trend .premium-trend-title-static { font-size: clamp(26px, 2.2vw, 38px); max-width: 13ch; } .premium-pane__inner--trend .premium-live-headline { font-size: clamp(22px, 1.7vw, 30px); } }
@media (max-width: 1100px) { .premium-hero-shell { grid-template-columns: 1fr; width: min(100%, calc(100vw - 24px)); } .premium-pane { aspect-ratio: auto; min-height: 420px; } .premium-brand-title { font-size: clamp(44px, 7.5vw, 68px); } .premium-pane__inner--trend .premium-trend-title-static, .premium-pane__inner--trend .premium-live-headline, .premium-trend-copy { max-width: none; } }
@media (max-width: 760px) { .premium-home-hero-wrap { padding-top: 28px; } .premium-pane { border-radius: 22px; min-height: auto; } .premium-pane__inner--left, .premium-pane__inner--right { padding: 24px 22px; } .premium-overline, .premium-trend-topline { font-size: 12px; margin-bottom: 14px; } .premium-brand-title { font-size: clamp(40px, 12vw, 56px); margin-bottom: 14px; } .premium-brand-copy { font-size: 17px; margin-bottom: 22px; } .premium-pane__inner--trend .premium-trend-title-static { font-size: clamp(24px, 8vw, 34px); margin-bottom: 14px; } .premium-trend-chip { min-height: 40px; padding: 0 16px; font-size: 12px; margin-bottom: 12px; } .premium-pane__inner--trend .premium-live-headline { font-size: clamp(20px, 7vw, 28px); margin-bottom: 12px; } .premium-trend-copy { font-size: 16px; margin-bottom: 18px; } .premium-btn { min-height: 48px; padding: 0 20px; font-size: 13px; } }


/* === premium hero final isolated tune === */
.premium-home-hero-wrap { padding: 46px 0 34px; }
.premium-home-hero-wrap .container { width: min(1520px, calc(100vw - 56px)); max-width: none; }
.premium-hero-shell { gap: 22px; align-items: stretch; }
.premium-pane { aspect-ratio: 16 / 9; border-radius: 24px; border: 1px solid rgba(255,255,255,.11); box-shadow: 0 22px 52px rgba(0,0,0,.25); }
.premium-pane::before { background: linear-gradient(180deg, rgba(7,10,16,.34), rgba(8,11,18,.40)); }
.premium-pane--left { background-position: center center; }
.premium-pane--right { background-position: center center; }
.premium-pane__inner--left { padding: 34px 36px 28px; justify-content: center; }
.premium-pane__inner--right { padding: 30px 40px 28px; justify-content: flex-start; align-items: flex-start; }
.premium-overline { max-width: 560px; margin: 0 0 16px; font-size: 12px; letter-spacing: .07em; color: #d0a86a; }
.premium-brand-title { margin: 0 0 14px; font-size: clamp(50px, 4.3vw, 82px); line-height: .96; letter-spacing: -.035em; background: linear-gradient(180deg, #d0a86a 0%, #f9ebba 46%, #fdf6dd 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.premium-brand-copy { max-width: 600px; margin: 0 0 24px; font-size: clamp(15px, 1vw, 19px); line-height: 1.46; color: #f4f0e8; }
.premium-hero-actions { gap: 12px; }
.premium-btn { min-height: 48px; padding: 0 22px; font-size: 12px; letter-spacing: .02em; border-radius: 999px; }
.premium-btn--gold { background: linear-gradient(180deg, #f5d585 0%, #d8a353 100%); color: #1c160c; box-shadow: 0 10px 22px rgba(216,163,83,.18); }
.premium-btn--ghost { background: linear-gradient(180deg, rgba(67,66,61,.22), rgba(66,69,74,.30)); border: 1px solid rgba(245,213,133,.48); color: #f7f1e6; }
.premium-trend-topline { margin: 0 0 10px; font-size: 11px; letter-spacing: .06em; color: #d0a86a; }
.premium-pane__inner--trend .premium-trend-title-static { margin: 0 0 12px; max-width: 13ch; font-size: clamp(16px, 1.55vw, 24px); line-height: 1.03; letter-spacing: -.03em; }
.premium-trend-chip { min-height: 36px; padding: 0 16px; margin: 0 0 10px; font-size: 10px; letter-spacing: .03em; background: linear-gradient(180deg, rgba(77,70,56,.55), rgba(62,56,47,.35)); border-color: rgba(245,213,133,.45); color: #f4d78f; }
.premium-pane__inner--trend .premium-live-headline { margin: 0 0 10px; max-width: 22ch; font-size: clamp(16px, 1.18vw, 20px); line-height: 1.12; -webkit-line-clamp: 2; }
.premium-trend-copy { max-width: 44ch; margin: 0 0 16px; font-size: 13px; line-height: 1.42; color: #f1ede6; }
.premium-pane--right .premium-hero-actions { margin-top: 2px; }
@media (max-width: 1380px) {
  .premium-home-hero-wrap .container { width: min(100%, calc(100vw - 40px)); }
  .premium-brand-title { font-size: clamp(44px, 4.1vw, 72px); }
  .premium-pane__inner--trend .premium-trend-title-static { max-width: 13ch; font-size: clamp(16px, 1.7vw, 22px); }
  .premium-pane__inner--trend .premium-live-headline { font-size: clamp(15px, 1.2vw, 19px); max-width: 21ch; }
}
@media (max-width: 1100px) {
  .premium-hero-shell { grid-template-columns: 1fr; }
  .premium-pane { aspect-ratio: auto; min-height: 370px; }
  .premium-pane__inner--left, .premium-pane__inner--right { padding: 28px 28px 24px; }
  .premium-pane__inner--trend .premium-trend-title-static, .premium-pane__inner--trend .premium-live-headline, .premium-trend-copy, .premium-brand-copy { max-width: none; }
}
@media (max-width: 760px) {
  .premium-home-hero-wrap .container { width: calc(100vw - 24px); }
  .premium-pane { border-radius: 20px; }
  .premium-pane__inner--left, .premium-pane__inner--right { padding: 22px 20px 20px; }
  .premium-brand-title { font-size: clamp(36px, 12vw, 52px); }
  .premium-brand-copy { font-size: 16px; }
  .premium-pane__inner--trend .premium-trend-title-static { font-size: 24px; max-width: none; }
  .premium-pane__inner--trend .premium-live-headline { font-size: 18px; max-width: none; }
  .premium-trend-copy { font-size: 14px; }
  .premium-btn { min-height: 44px; padding: 0 18px; font-size: 12px; }
}

/* === premium hero right block hard fix === */
.premium-pane--right{display:flex;align-items:stretch;}
.premium-pane--right .premium-pane__inner--right{width:100%;}
.premium-pane__inner--trend .premium-trend-title-static,.premium-pane__inner--trend .premium-live-headline{overflow-wrap:normal;word-break:normal;text-wrap:balance;}


/* === premium trend story layout rebuild === */
.premium-pane__inner--trend { justify-content: flex-start; }
.premium-trend-topline { margin: 0 0 12px; font-size: 12px; letter-spacing: .05em; color: #d7a45e; }
.premium-pane__inner--trend .premium-trend-title-static {
  margin: 0 0 18px;
  max-width: 15ch;
  color: #f7f2e8;
  font-size: clamp(28px, 2.45vw, 50px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.045em;
  text-transform: none;
  text-wrap: balance;
}
.premium-trend-chip {
  display: block;
  min-height: 0;
  padding: 0;
  margin: 0 0 16px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #f0c86f;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.premium-trend-story {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(280px, 34%, 400px);
  grid-template-areas:
    "headline headline"
    "copy preview"
    "actions preview";
  column-gap: 28px;
  row-gap: 16px;
  align-items: start;
}
.premium-pane__inner--trend .premium-live-headline {
  grid-area: headline;
  margin: 0;
  max-width: none;
  color: #f8f2e7;
  font-size: clamp(20px, 1.45vw, 30px);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -.03em;
  text-transform: none;
  overflow: visible;
  display: block;
  text-wrap: pretty;
}
.premium-trend-copy {
  grid-area: copy;
  margin: 0;
  max-width: 38ch;
  color: #f3efe7;
  font-size: clamp(15px, .95vw, 18px);
  line-height: 1.42;
}
.premium-trend-preview {
  grid-area: preview;
  display: block;
  width: 100%;
  align-self: end;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(245, 213, 133, .44);
  background: linear-gradient(180deg, rgba(16, 20, 31, .88), rgba(10, 14, 22, .95));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 16px 32px rgba(0,0,0,.20);
  aspect-ratio: 16 / 9;
  min-height: 0;
  max-height: 100%;
  text-decoration: none;
}
.premium-trend-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.premium-trend-actions {
  grid-area: actions;
  align-self: end;
}
@media (max-width: 1380px) {
  .premium-pane__inner--trend .premium-trend-title-static { font-size: clamp(28px, 2.45vw, 46px); max-width: 17ch; }
  .premium-pane__inner--trend .premium-live-headline { font-size: clamp(20px, 1.45vw, 30px); }
  .premium-trend-story { grid-template-columns: minmax(0, 1fr) minmax(220px, 320px); }
}
@media (max-width: 1100px) {
  .premium-pane__inner--right.premium-pane__inner--trend { padding: 28px 28px 24px; }
  .premium-pane__inner--trend .premium-trend-title-static { max-width: none; }
  .premium-trend-story {
    grid-template-columns: 1fr;
    grid-template-areas:
      "headline"
      "preview"
      "copy"
      "actions";
  }
  .premium-trend-copy { max-width: none; }
  .premium-trend-preview { max-width: 560px; }
}
@media (max-width: 760px) {
  .premium-trend-topline { font-size: 11px; margin-bottom: 10px; }
  .premium-pane__inner--trend .premium-trend-title-static { font-size: clamp(24px, 7vw, 34px); margin-bottom: 14px; }
  .premium-trend-chip { min-height: 0; padding: 0; margin-bottom: 12px; font-size: 11px; }
  .premium-trend-story { row-gap: 14px; }
  .premium-pane__inner--trend .premium-live-headline { font-size: clamp(18px, 6vw, 24px); }
  .premium-trend-copy { font-size: 15px; }
  .premium-trend-preview { border-radius: 22px; }
}

/* PRAVKA_EXPORT_CSS_START */
/* Стабилизация правого новостного блока: элементы не толкают друг друга */
.premium-pane__inner--trend .premium-trend-story {
  position: relative;
  display: block;
  min-height: 240px;
  padding-right: 320px;
  padding-bottom: 74px;
}
.premium-pane__inner--trend .premium-live-headline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  min-height: calc(2 * 1.08em);
}
.premium-pane__inner--trend .premium-trend-copy {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 36ch;
  min-height: calc(4 * 1.45em);
  margin: 14px 0 0;
}
.premium-pane__inner--trend .premium-trend-actions {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding-top: 0;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: nowrap;
}
.premium-pane__inner--trend .premium-trend-actions .premium-btn {
  white-space: nowrap;
  min-width: 170px;
  justify-content: center;
}
.premium-pane__inner--trend .premium-trend-preview {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 300px;
  max-width: 300px;
  min-width: 240px;
  overflow: visible;
  isolation: isolate;
}
.premium-pane__inner--trend .premium-trend-preview img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
}
@media (max-width: 1180px) {
  .premium-pane__inner--trend .premium-trend-story {
    position: static;
    display: grid;
    min-height: 0;
    padding-right: 0;
    padding-bottom: 0;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
  .premium-pane__inner--trend .premium-trend-actions,
  .premium-pane__inner--trend .premium-trend-preview {
    position: static;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

/* page: public_html/index.php / desktop */
/* Сгенерировано редактором сайта: desktop */

/* Стабилизация правого новостного блока: элементы не толкают друг друга */
.premium-pane__inner--trend .premium-trend-story {
  position: relative;
  display: block;
  min-height: 240px;
  padding-right: 320px;
  padding-bottom: 74px;
}
.premium-pane__inner--trend .premium-live-headline {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  min-height: calc(2 * 1.08em);
}
.premium-pane__inner--trend .premium-trend-copy {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 36ch;
  min-height: calc(4 * 1.45em);
  margin: 14px 0 0;
}
.premium-pane__inner--trend .premium-trend-actions {
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding-top: 0;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: nowrap;
}
.premium-pane__inner--trend .premium-trend-actions .premium-btn {
  white-space: nowrap;
  min-width: 170px;
  justify-content: center;
}
.premium-pane__inner--trend .premium-trend-preview {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 300px;
  max-width: 300px;
  min-width: 240px;
  overflow: visible;
  isolation: isolate;
}
.premium-pane__inner--trend .premium-trend-preview img {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center center;
  border-radius: inherit;
}
.premium-pane__inner--trend .premium-trend-preview--hot {
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(245, 213, 133, .36),
    0 16px 32px rgba(0,0,0,.20),
    0 0 16px rgba(255, 183, 73, .10);
}
.premium-pane__inner--trend .premium-trend-preview--hot::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  border: 1px solid rgba(255, 218, 128, .36);
  box-shadow:
    inset 0 0 0 1px rgba(255, 126, 42, .08),
    0 0 14px rgba(255, 145, 46, .10);
}
.premium-trend-story {
  transition: opacity .22s ease, transform .22s ease;
}
.premium-trend-story.is-switching {
  opacity: .38;
  transform: translateY(2px);
}
@media (max-width: 1180px) {
  .premium-pane__inner--trend .premium-trend-story {
    position: static;
    display: grid;
    min-height: 0;
    padding-right: 0;
    padding-bottom: 0;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
  .premium-pane__inner--trend .premium-trend-actions,
  .premium-pane__inner--trend .premium-trend-preview {
    position: static;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > a.premium-trend-preview {
  width: 268px;
  height: 154px;
  max-width: none;
  overflow: hidden;
  top: -70px;
  left: 410px;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > a.premium-trend-preview > img {
  width: 100%;
  height: 100%;
  max-width: none;
  top: 0px;
  left: 0px;
  position: relative;
  z-index: 1;
  object-fit: cover;
  border-radius: inherit;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > p.premium-trend-copy {
  width: 384px;
  max-width: none;
  position: relative;
  top: 10px;
  left: 0px;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > div.premium-live-headline:nth-of-type(1) {
  font-size: 23px;
  width: 635px;
  max-width: none;
  position: relative;
  top: 10px;
  left: 0px;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-chip:nth-of-type(2) {
  position: relative;
  top: 10px;
  left: 0px;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: max-content;
  white-space: nowrap;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > h2.premium-trend-title-static {
  font-size: 31px;
  width: 629px;
  max-width: none;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.hero-overlay:nth-of-type(2) {
  max-width: none;
}

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--left:nth-of-type(1) > div.premium-pane__inner.premium-pane__inner--left > div.premium-overline:nth-of-type(1) {
  font-size: 18px;
  width: 400px;
  max-width: none;
}

/* page: public_html/index.php / mobile */
/* Сгенерировано редактором сайта: mobile */

@media (max-width: 767px) {

body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-chip:nth-of-type(2) {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: max-content;
  white-space: nowrap;
}

}
/* PRAVKA_EXPORT_CSS_END */

/* === global palette refresh: deep turquoise + soft gold === */
:root {
  --bg: #061317;
  --bg-2: #0d2328;
  --card: rgba(8, 26, 30, 0.92);
  --card-2: rgba(10, 31, 36, 0.97);
  --text: #f3f4ee;
  --muted: #c5d1cd;
  --accent: #2c8f9e;
  --accent-2: #c0a06d;
  --line: rgba(92, 160, 156, 0.22);
  --line-2: rgba(74, 143, 140, 0.36);
  --shadow: 0 18px 42px rgba(0,0,0,0.36);
  --glow: 0 0 0 1px rgba(85,148,144,.16), 0 14px 34px rgba(3,12,14,.34), inset 0 0 0 1px rgba(255,255,255,.03);
}

.header {
  background: rgba(3, 9, 11, .92);
  border-bottom-color: rgba(192, 160, 109, .10);
}

.nav a:hover,
.nav a.active {
  background: rgba(44, 143, 158, .16);
  color: var(--text);
  box-shadow: inset 0 0 0 1px rgba(44, 143, 158, .18);
}

.hero-overlay,
.panel-overlay {
  background: linear-gradient(180deg, rgba(4,8,10,.32), rgba(4,8,10,.80));
}

.hero-card,
.panel,
.card,
.playlist-card,
.detail-card,
.message-card,
.forum-post,
.track-row,
.trend-card,
.trend-feed-card,
.trend-post__hero,
.trend-post-aside,
.trend-inline-banner,
.trend-popup,
.platform-card,
.seo-fold summary,
.audio-box,
.notice,
.table,
.premium-pane,
.premium-trend-preview,
.premium-pane__inner--trend .premium-trend-preview {
  border-color: rgba(92, 160, 156, .20) !important;
  box-shadow: 0 0 0 1px rgba(92, 160, 156, .10), 0 16px 36px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.hero-card,
.panel,
.card,
.playlist-card,
.detail-card,
.message-card,
.forum-post,
.track-row,
.trend-card,
.trend-feed-card,
.trend-post__hero,
.trend-post-aside,
.trend-inline-banner,
.trend-popup,
.platform-card {
  background: linear-gradient(180deg, rgba(8, 24, 29, .95), rgba(10, 30, 34, .97)) !important;
}

.btn-primary,
.premium-btn--gold,
.trend-popup__link,
.hero-home .btn-primary,
.hero-home .hero-side .btn-primary,
.per-page-links a.is-active,
.pagination-nav a.is-active {
  background: linear-gradient(180deg, #3aa6b1 0%, #2c8f9e 100%) !important;
  color: #071215 !important;
  border-color: rgba(167, 226, 225, .20) !important;
  box-shadow: 0 10px 24px rgba(44, 143, 158, .22) !important;
}

.btn-secondary,
.btn-outline,
.premium-btn--ghost,
.hero-home .btn-secondary,
.hero-home .btn-outline,
.hero-home .hero-side .btn-outline,
.seo-fold summary,
.per-page-links a,
.pagination-nav a {
  background: linear-gradient(180deg, rgba(17, 45, 50, .72), rgba(13, 34, 38, .88)) !important;
  border-color: rgba(92, 160, 156, .28) !important;
  color: var(--text) !important;
}

.btn.is-active,
.hero-trend-chip,
.premium-trend-chip,
.trend-tags span,
.playlist-pill.playlist-link:hover {
  background: rgba(192, 160, 109, .14) !important;
  border-color: rgba(192, 160, 109, .28) !important;
  color: #e2c28c !important;
  box-shadow: none !important;
}

.eyebrow,
.playlist-label,
.premium-overline,
.premium-trend-topline,
.trend-popup__eyebrow,
.hero-home .eyebrow,
.section-kicker,
.section-label,
.hero-trend-chip,
.premium-trend-chip,
.trend-hero__eyebrow,
.trend-post__body strong,
.note-inline a,
.hero-home .hero-trend-chip {
  color: #c0a06d !important;
}

.hero-home .hero-card,
.hero-home .hero-side,
.premium-pane {
  background-color: #0d1517 !important;
  border-color: rgba(192,160,109,.18) !important;
}

.hero-home .hero-card::before,
.hero-home .hero-side::after,
.premium-pane::before {
  background:
    radial-gradient(circle at 10% 12%, rgba(192, 160, 109, .12), transparent 26%),
    radial-gradient(circle at 88% 84%, rgba(44, 143, 158, .10), transparent 22%),
    linear-gradient(180deg, rgba(8,10,12,.48), rgba(8,10,12,.76)) !important;
}

.hero-home .hero-card h1,
.premium-brand-title {
  background: linear-gradient(180deg, #c0a06d 0%, #f2ebd8 48%, #d7c5a0 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

.hero-home .hero-side h3,
.hero-home .hero-trend-title,
.premium-pane__inner--trend .premium-trend-title-static,
.premium-pane__inner--trend .premium-live-headline,
.trend-hero h3,
.trend-card h4 a,
.trend-feed-card h4 a,
.trend-post h1,
.trend-post-aside h3 {
  color: #f3f4ee !important;
}

.hero-home .hero-card .lead,
.hero-home .hero-side p,
.premium-brand-copy,
.premium-trend-copy,
.trend-card p,
.trend-feed-card p,
.trend-post__lead,
.trend-post__body p,
.trend-inline-banner p,
.section-head p,
.section-subnote,
.note-inline,
.small,
.muted,
label,
.track-desc,
.vote-note,
.platform-subtitle,
.trend-popup__text {
  color: #c8d4d0 !important;
}

input,
textarea,
select,
.search-input,
.search-shell,
.audio-box,
.seo-fold summary,
.per-page-links a,
.pagination-nav a {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(92, 160, 156, .18) !important;
  color: var(--text) !important;
}

input::placeholder,
textarea::placeholder,
.search-input::placeholder {
  color: rgba(197, 209, 205, .46) !important;
}

.track-cover,
.detail-cover,
.trend-card__image,
.trend-feed-card__media,
.trend-post__cover,
.trend-post-aside__thumb,
.trend-inline-banner__thumb,
.trend-popup__thumb,
.premium-trend-preview,
.track-cover img,
.detail-cover img,
.trend-popup__thumb img,
.premium-trend-preview img {
  background-color: #0a1214 !important;
}

.platform-card,
.track-row,
.playlist-card,
.trend-card,
.trend-feed-card,
.trend-inline-banner,
.trend-archive-item {
  border-color: rgba(92, 160, 156, .18) !important;
}

.track-meta,
.track-mini-style,
.like-note,
.track-micro-note,
.listing-summary,
.per-page-label,
.trend-card__meta,
.trend-feed-card__meta,
.trend-post__meta span,
.trend-hero__meta span,
.trend-inline-banner__meta,
.trend-archive-item__date,
.trend-post-aside__line {
  color: rgba(205, 218, 214, .74) !important;
}

.trend-post__meta span,
.trend-hero__meta span,
.trend-inline-banner__meta span,
.trend-tags span,
.trend-archive-item,
.playlist-pill {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(92, 160, 156, .18) !important;
}

.notice.success {
  background: rgba(44, 143, 158, .12) !important;
  border-color: rgba(44, 143, 158, .26) !important;
}
.notice.info {
  background: rgba(192, 160, 109, .12) !important;
  border-color: rgba(192, 160, 109, .24) !important;
}
.notice.error {
  background: rgba(183, 90, 90, .12) !important;
  border-color: rgba(183, 90, 90, .24) !important;
}

.table th,
.table td,
.seo-fold,
.trend-post-aside__line,
.header {
  border-color: rgba(92, 160, 156, .12) !important;
}

.track-row-compact .playlist-pill,
.track-row-compact .playlist-pill.playlist-link,
.track-row-compact .playlist-pill.playlist-link:hover {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Restored promo block and single-line home heading */
.section-playlist-promo {
  padding-top: 8px;
  padding-bottom: 8px;
}
.playlist-promo {
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  min-height: 182px;
  padding: 0;
  border: 1px solid rgba(86, 155, 255, .18);
  background-color: #0b1622;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 18px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.playlist-promo__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(5, 16, 31, .80) 0%, rgba(10, 23, 43, .62) 38%, rgba(11, 23, 44, .26) 58%, rgba(7, 15, 29, .06) 74%, rgba(5, 13, 25, 0) 100%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0) 28%);
}
.playlist-promo__content {
  position: relative;
  z-index: 1;
  width: 66.666%;
  min-height: 182px;
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.playlist-promo .eyebrow {
  margin-bottom: 10px;
}
.playlist-promo h2 {
  margin: 0;
  max-width: 860px;
  font-size: clamp(20px, 1.7vw, 28px);
  line-height: 1;
  font-weight: 900;
  text-wrap: nowrap;
}
.playlist-promo p {
  margin: 10px 0 0;
  max-width: 560px;
  color: rgba(229, 235, 246, .9);
  font-size: 13px;
  line-height: 1.5;
}
.playlist-promo__actions {
  margin-top: 14px;
}
.playlist-promo__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 20px;
  border: 1px solid rgba(160, 244, 255, .16);
  border-radius: 999px;
  background: linear-gradient(180deg, #3aa6b1 0%, #2c8f9e 100%);
  color: #071215;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .02em;
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(44, 143, 158, .22);
  transition: transform .18s ease, opacity .18s ease, background .18s ease;
  white-space: nowrap;
}
.playlist-promo__btn:hover {
  transform: translateY(-1px);
}
@media (max-width: 1180px) {
  .playlist-promo {
    min-height: 176px;
    background-position: center center;
  }
  .playlist-promo__content {
    width: 68%;
    min-height: 176px;
    padding: 18px 22px;
  }
  .playlist-promo h2 {
    font-size: clamp(15px, 1.2vw, 18px);
    max-width: 520px;
  }
  .playlist-promo p {
    max-width: 520px;
    font-size: 12px;
  }
}
@media (max-width: 760px) {
  .section-playlist-promo {
    padding-top: 0;
  }
  .playlist-promo {
    min-height: 220px;
    border-radius: 26px;
    background-position: 72% center;
    background-size: cover;
  }
  .playlist-promo__overlay {
    background:
      linear-gradient(180deg, rgba(5, 16, 31, .88) 0%, rgba(8, 20, 38, .72) 38%, rgba(10, 21, 39, .55) 100%),
      linear-gradient(90deg, rgba(5,16,31,.82) 0%, rgba(5,16,31,.14) 100%);
  }
  .playlist-promo__content {
    width: 100%;
    min-height: 220px;
    padding: 22px 20px;
  }
  .playlist-promo h2 {
    font-size: clamp(18px, 6vw, 24px);
    max-width: 100%;
    text-wrap: balance;
  }
  .playlist-promo p {
    max-width: 100%;
    font-size: 14px;
    line-height: 1.5;
  }
  .playlist-promo__btn {
    width: 100%;
    justify-content: center;
  }
}

.section-title--single-line {
  white-space: nowrap;
  font-size: clamp(28px, 3.7vw, 58px);
}
@media (max-width: 1180px) {
  .section-title--single-line {
    white-space: normal;
    font-size: clamp(28px, 5.2vw, 46px);
  }
}
.section-head p { margin:8px 0 0; color: var(--muted); max-width: 820px; }
.section-subnote { margin-top: 12px; color: var(--muted); font-size: 15px; max-width: 860px; }

.section-continue-listening {
  padding-top:8px;
  padding-bottom:6px;
}
.section-continue-listening[hidden] { display:none; }
.continue-listening-card {
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-height:82px;
  padding:10px 14px;
  border-radius:24px;
  background:linear-gradient(118deg, rgba(6,24,29,.96), rgba(10,35,40,.94));
}
.continue-listening-card__cover {
  width:82px;
  height:58px;
  object-fit:cover;
  border-radius:14px;
  background:#0a1214;
  border:1px solid rgba(92,160,156,.18);
}
.continue-listening-card__body {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-areas:
    "label title actions"
    "label meta actions";
  align-items:center;
  gap:2px 14px;
}
.continue-listening-card__body .eyebrow {
  grid-area:label;
  margin:0;
  white-space:nowrap;
  font-size:11px;
  letter-spacing:.14em;
}
.continue-listening-card__body h2 {
  grid-area:title;
  margin:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(17px, 1.35vw, 23px);
  line-height:1.08;
}
.continue-listening-card__body p {
  grid-area:meta;
  margin:0;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:13px;
  line-height:1.25;
}
.continue-listening-card__actions {
  grid-area:actions;
  display:flex;
  gap:8px;
  flex-wrap:nowrap;
  margin:0;
  justify-content:flex-end;
}
.continue-listening-card__actions .btn {
  min-height:42px;
  padding:0 16px;
  font-size:13px;
  white-space:nowrap;
}
@media (max-width:900px) {
  .continue-listening-card { grid-template-columns:70px minmax(0,1fr); }
  .continue-listening-card__cover { width:70px; height:54px; }
  .continue-listening-card__body {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"label" "title" "meta" "actions";
    gap:6px;
  }
  .continue-listening-card__actions { justify-content:flex-start; flex-wrap:wrap; margin-top:2px; }
}
@media (max-width:760px) {
  .continue-listening-card { grid-template-columns:1fr; padding:14px; }
  .continue-listening-card__cover { width:100%; height:auto; aspect-ratio:16/9; }
  .continue-listening-card__actions { flex-direction:column; }
  .continue-listening-card__actions .btn { width:100%; }
}
[data-like-track].is-like-feedback {
  position:relative;
  animation:anteyLikePop .52s ease-out;
}
[data-like-track].is-like-feedback::after {
  content:'❤';
  position:absolute;
  left:50%;
  top:-10px;
  transform:translate(-50%, 0);
  color:#f2d27a;
  font-size:18px;
  line-height:1;
  pointer-events:none;
  animation:anteyLikeHeart .72s ease-out forwards;
  text-shadow:0 0 14px rgba(242,210,122,.55);
}
.site-toast {
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translate(-50%, 16px);
  z-index:1200;
  max-width:min(92vw, 440px);
  padding:12px 18px;
  border:1px solid rgba(84,221,239,.32);
  border-radius:999px;
  background:rgba(7,24,27,.94);
  color:#f5f3e8;
  box-shadow:0 18px 44px rgba(0,0,0,.36), 0 0 22px rgba(84,221,239,.14);
  font-size:14px;
  font-weight:800;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.site-toast.is-visible {
  opacity:1;
  transform:translate(-50%, 0);
}
.site-toast[data-type="success"] {
  border-color:rgba(242,210,122,.42);
  box-shadow:0 18px 44px rgba(0,0,0,.36), 0 0 24px rgba(242,210,122,.14);
}
.site-toast[data-type="error"] { border-color:rgba(255,92,92,.42); }
@keyframes anteyLikePop {
  0%{transform:scale(1);}
  42%{transform:scale(1.14);}
  100%{transform:scale(1);}
}
@keyframes anteyLikeHeart {
  0%{opacity:0; transform:translate(-50%, 4px) scale(.82);}
  35%{opacity:1; transform:translate(-50%, -8px) scale(1.08);}
  100%{opacity:0; transform:translate(-50%, -26px) scale(.92);}
}
@media (max-width:760px) {
  .continue-listening-card { grid-template-columns:1fr; padding:14px; }
  .continue-listening-card__actions .btn { width:100%; }
}
@media (prefers-reduced-motion: reduce) {
  .premium-btn--listen::before,
  .premium-btn--gold::before,
  .playlist-promo__btn::before,
  .trend-popup__link::before,
  .subscription-gate-modal__btn--primary::before,
  .personal-playlist-visibility-panel__toggle.is-bright::before,
  .track-now-playing i,
  .premium-trend-preview--hot::before,
  .premium-trend-story,
  [data-like-track].is-like-feedback,
  [data-like-track].is-like-feedback::after,
  .site-toast,
  .trend-popup--hot.is-visible {
    animation:none;
    transition:none;
  }
}

/* Account dashboard: widened layout + compact playlist cards + inline support thread */
.section-account-dashboard { padding-top: 54px; }
.account-dashboard-container { max-width: none; }
.account-dashboard-panel { padding: 30px 34px 28px; }
.account-dashboard-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) 190px minmax(300px, .72fr);
  gap: 22px;
  align-items: start;
}
.account-dashboard-main { min-width: 0; }
.account-dashboard-title { margin: 0 0 12px; font-size: clamp(24px, 2.5vw, 32px); line-height: 1.06; font-weight: 900; max-width: 780px; }
.account-dashboard-form { display: grid; gap: 12px; max-width: 540px; margin-top: 16px; }
.account-dashboard-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.account-dashboard-side { display: flex; align-items: flex-start; justify-content: center; padding-top: 8px; }
.account-share-card {
  display: block;
  width: 100%;
  max-width: 190px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: transform .18s ease, filter .18s ease;
}
.account-share-card:hover { transform: translateY(-2px); filter: drop-shadow(0 18px 28px rgba(17, 86, 180, .18)); }
.account-share-card:active { transform: translateY(0) scale(.985); }
.account-share-card__media {
  display: block;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 16px 30px rgba(0,0,0,.22), 0 0 0 1px rgba(161, 214, 255, .16);
}
.account-share-card__media img { display: block; width: 100%; height: auto; }
.account-dashboard-support {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 24px;
  border: 1px solid rgba(92, 160, 156, .22);
  background: linear-gradient(180deg, rgba(10, 28, 38, .92), rgba(6, 20, 29, .96));
  box-shadow: inset 0 1px 0 rgba(188, 240, 241, .04);
  overflow: hidden;
}
.account-dashboard-support__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}
.account-dashboard-support__head h3 { margin: 0 0 6px; font-size: 18px; line-height: 1.08; font-weight: 900; }
.account-dashboard-support__head .small { font-size: 12px; line-height: 1.45; }
.account-dashboard-support .notice { margin-bottom: 0; padding: 12px 14px; border-radius: 16px; font-size: 13px; }
.account-dashboard-support .support-thread-log {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 236px;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 6px 4px 0;
  border-top: 1px solid rgba(92, 160, 156, .16);
  border-bottom: 1px solid rgba(92, 160, 156, .16);
}
.account-dashboard-support .support-bubble {
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 16px;
}
.account-dashboard-support .support-bubble__meta { margin-bottom: 6px; font-size: 11px; }
.account-dashboard-support .support-bubble__text { font-size: 12px; line-height: 1.45; }
.account-dashboard-support label { margin-bottom: 6px; }
.account-dashboard-support__form { display: grid; gap: 10px; min-width: 0; }
.account-dashboard-support__form textarea {
  display: block;
  width: 100%;
  min-height: 92px;
  margin: 0;
  padding: 12px 14px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.4;
}
.account-dashboard-support__actions { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.account-playlists-block { margin-top: 28px; }
.account-playlists-title { margin: 0 0 16px; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.06; font-weight: 900; }
.account-playlists-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: start; }
.account-playlist-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 24px;
  color: var(--text);
  text-decoration: none;
  transition: transform .18s ease, filter .18s ease;
}
.account-playlist-card:hover { transform: translateY(-3px); filter: drop-shadow(0 18px 28px rgba(17, 86, 180, .18)); }
.account-playlist-card:active { transform: translateY(-1px) scale(.988); }
.account-playlist-card__media {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 28px rgba(0,0,0,.22), 0 0 0 1px rgba(184, 236, 255, .14);
}
.account-playlist-card__media img { display: block; width: 100%; height: auto; }
.account-playlist-card__count {
  position: absolute;
  top: 12px;
  right: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(6, 18, 43, .88);
  border: 1px solid rgba(156, 214, 255, .3);
  color: #eef6ff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 16px rgba(0,0,0,.22);
}
.account-playlist-card__label {
  display: block;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.account-playlist-card__subnote {
  display: block;
  color: rgba(214,224,244,.82);
  font-size: 13px;
  line-height: 1.45;
}
.account-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.section-personal-playlist { padding-top: 54px; }
.personal-playlist-container { max-width: 1220px; }
.personal-playlist-hero { padding: 28px 28px 24px; }
.personal-playlist-hero__top { display: grid; grid-template-columns: minmax(0, 1fr) 280px; justify-content: space-between; align-items: start; gap: 22px; }
.personal-playlist-hero__content { min-width: 0; }
.personal-playlist-hero__title { margin: 0; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; font-weight: 900; }
.personal-playlist-hero__subnote { max-width: 720px; }
.personal-playlist-hero__side { display: grid; gap: 14px; }
.personal-playlist-hero__cover {
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 34px rgba(0,0,0,.24), 0 0 0 1px rgba(184, 236, 255, .14);
}
.personal-playlist-hero__cover img { display: block; width: 100%; height: auto; }
.personal-playlist-hero__actions { display: flex; justify-content: flex-end; }
.personal-playlist-hero__stats { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
.personal-playlist-hero__count,
.personal-playlist-hero__status {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(136, 184, 255, .2);
  color: var(--text);
  font-size: 14px;
  font-weight: 800;
}
.personal-playlist-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.personal-playlist-tabs__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid rgba(136, 184, 255, .2); background: rgba(255,255,255,.04); color: var(--text); text-decoration: none; font-weight: 800; }
 .personal-playlist-tabs__link.is-active { border-color: rgba(255, 207, 98, .52); background: linear-gradient(180deg, #f4c55c, #dfa73b); color: #1b1407; }
.personal-playlist-linkgrid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 20px 0 0; }
.mini-nav-card { display:block; text-decoration:none; color:inherit; min-height: 100%; }
.mini-nav-card h3 { margin: 0 0 12px; font-size: clamp(28px, 3vw, 42px); line-height: 1.04; font-weight: 900; }
.mini-nav-card p { margin: 0; color: rgba(214,224,244,.8); }
.mini-nav-card:hover { transform: translateY(-2px); }
.personal-playlist-shell { padding: 22px; }
.personal-playlist-shell__head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.personal-playlist-shell__count { font-size: 18px; color: var(--text); }
.personal-playlist-shell__hint { color: rgba(214,224,244,.74); font-size: 14px; }
.personal-playlist-list { display: grid; gap: 14px; }
.personal-track-row { display: grid; grid-template-columns: 34px 112px minmax(0, 1fr); gap: 16px; align-items: center; padding: 16px; border-radius: 24px; border: 1px solid rgba(136, 184, 255, .16); background: linear-gradient(180deg, rgba(8, 19, 40, .94), rgba(7, 14, 28, .98)); box-shadow: 0 14px 30px rgba(0,0,0,.18); }
.personal-track-row.is-dragging { opacity: .55; box-shadow: 0 10px 22px rgba(0,0,0,.12); }
.personal-track-row__drag { display: inline-flex; align-items: center; justify-content: center; width: 34px; min-height: 72px; border-radius: 16px; border: 1px dashed rgba(157, 212, 255, .2); color: rgba(219, 227, 246, .58); font-size: 20px; letter-spacing: -2px; cursor: grab; user-select: none; }
.personal-track-row__drag:active { cursor: grabbing; }
.personal-track-row__cover { display: flex; align-items: center; justify-content: center; min-height: 112px; border-radius: 18px; overflow: hidden; background: rgba(2, 10, 26, .94); }
.personal-track-row__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.personal-track-row__body { min-width: 0; display: grid; gap: 12px; }
.personal-track-row__meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.personal-track-row__title { margin: 0; font-size: clamp(20px, 2vw, 30px); line-height: 1.06; font-weight: 900; }
.personal-track-row__actions { display: flex; gap: 10px; flex-wrap: wrap; }
.personal-track-row__remove { border-color: rgba(255, 161, 161, .22); }
.personal-playlist-empty { padding: 30px; }
.personal-playlist-empty h2 { margin: 0 0 12px; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.05; }
.personal-playlist-empty p { margin: 0; color: rgba(214,224,244,.8); max-width: 720px; }
.personal-playlist-empty .action-row { margin-top: 20px; }

.personal-playlist-visibility-panel {
  margin-top: 20px;
  padding: 24px 24px 22px;
  background: linear-gradient(180deg, rgba(5, 20, 39, .96), rgba(6, 24, 42, .94));
}
.personal-playlist-visibility-panel.is-public {
  box-shadow: var(--shadow), 0 0 0 1px rgba(220, 22, 6, .18), 0 0 24px rgba(220, 22, 6, .12), inset 0 0 0 1px rgba(255,255,255,.03);
}
.personal-playlist-visibility-panel.is-private {
  box-shadow: var(--shadow), 0 0 0 1px rgba(50, 153, 166, .18), 0 0 24px rgba(50, 153, 166, .12), inset 0 0 0 1px rgba(255,255,255,.03);
}
.personal-playlist-visibility-panel__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  gap: 18px;
  align-items: start;
}
.personal-playlist-visibility-panel__head h2 {
  margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.06;
}
.personal-playlist-visibility-panel__head p { margin: 0; color: rgba(214,224,244,.82); }
.personal-playlist-visibility-panel__badges {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: wrap;
}
.info-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(111,149,230,.22);
  background: rgba(255,255,255,.03);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
  color: var(--text);
  font-size: 13px;
  font-weight: 800;
}
.info-chip.is-active { background: rgba(255,255,255,.04); border-color: rgba(50, 153, 166, .36); }
.personal-playlist-visibility-form { display: grid; gap: 16px; margin-top: 18px; }
.personal-playlist-visibility-panel__status-row {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-radius: 22px;
  border: 1px solid rgba(118, 202, 198, .26);
  background: linear-gradient(180deg, rgba(25, 73, 80, .92) 0%, rgba(12, 45, 51, .95) 56%, rgba(6, 25, 30, .98) 100%);
  box-shadow: inset 0 1px 0 rgba(202, 244, 243, .08);
}
.personal-playlist-visibility-panel__status-copy { display: grid; gap: 6px; min-width: 0; }
.personal-playlist-visibility-panel__status-copy strong { font-size: 22px; line-height: 1.08; }
.personal-playlist-visibility-panel__status-copy span { color: rgba(214,224,244,.8); font-size: 14px; }
.personal-playlist-visibility-panel__toggle {
  min-width: 320px;
  min-height: 56px;
  color: #031017;
  box-shadow: 0 14px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.32);
}
.personal-playlist-visibility-panel__toggle.is-bright { background: linear-gradient(180deg, #49cddb, #3299a6); }
.personal-playlist-visibility-panel__toggle.is-danger { background: linear-gradient(180deg, #ff7e73, #dc1606); color: #fff5f2; }
.personal-playlist-visibility-panel__checkbox {
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(118, 202, 198, .22);
  background: linear-gradient(180deg, rgba(21, 63, 69, .88) 0%, rgba(10, 38, 44, .94) 100%);
  box-shadow: inset 0 1px 0 rgba(202, 244, 243, .06);
}
.personal-playlist-visibility-panel__checkbox.is-muted { opacity: .9; }
.personal-playlist-visibility-panel__actions { margin-top: 2px; }
.checkbox-note { color: rgba(214,224,244,.72); font-size: 14px; }
.public-listeners-board { margin-top: 18px; }
.public-listeners-board__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.public-listeners-board__item {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(25, 73, 80, .92) 0%, rgba(12, 45, 51, .95) 56%, rgba(6, 25, 30, .98) 100%);
  border: 1px solid rgba(118, 202, 198, .24);
  box-shadow: inset 0 1px 0 rgba(202, 244, 243, .06);
}
.public-playlist-grid {
  display: grid;
  gap: 16px;
  margin-top: 18px;
}
.public-playlist-card {
  display: grid;
  grid-template-columns: 140px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 16px;
}
.public-playlist-card__media {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  width: 140px;
  min-height: 140px;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(2, 10, 26, .94);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.public-playlist-card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: rgba(5, 18, 22, .94);
}
.public-playlist-card__body { display: grid; gap: 9px; min-width: 0; align-content: start; }
.public-playlist-card__chips,
.public-playlist-card__meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.public-playlist-card__author {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  color: var(--accent-2);
  text-transform: uppercase;
}
.public-playlist-card h3 {
  margin: 0;
  font-size: clamp(18px, 1.9vw, 28px);
  line-height: 1.06;
}
.public-playlist-card p { margin: 0; color: rgba(214,224,244,.82); font-size: 14px; line-height: 1.45; }
.public-playlist-card__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(32, 85, 93, .90) 0%, rgba(14, 49, 55, .94) 56%, rgba(7, 28, 33, .98) 100%);
  border: 1px solid rgba(118, 202, 198, .24);
  box-shadow: inset 0 1px 0 rgba(202, 244, 243, .06);
  font-size: 12px;
  font-weight: 800;
}
.public-playlist-card__actions .btn { min-height: 40px; }
.tracklist-tools { display: grid; gap: 10px; margin-top: 10px; }
.tracklist-tools__actions { margin-top: 0; }
.tracklist-tools__panel { display: grid; gap: 8px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(118, 202, 198, .22); background: linear-gradient(180deg, rgba(21, 63, 69, .88) 0%, rgba(10, 38, 44, .94) 100%); box-shadow: inset 0 1px 0 rgba(202, 244, 243, .06); }
.tracklist-tools__hint { color: rgba(214,224,244,.74); font-size: 11px; }
.tracklist-tools__textarea { width: 100%; min-height: 156px; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(118, 202, 198, .22); background: rgba(5, 18, 22, .94); color: var(--text); resize: vertical; line-height: 1.35; font-size: 12px; }
.tracklist-tools__textarea:focus { outline: none; border-color: rgba(65, 211, 233, .42); box-shadow: 0 0 0 1px rgba(65, 211, 233, .18); }

@media (max-width: 1280px) {
  .account-dashboard-grid { grid-template-columns: minmax(0, 1fr) 190px; }
  .account-dashboard-support { grid-column: 1 / -1; }
  .account-playlists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .account-feature-grid { grid-template-columns: 1fr; }
}

@media (max-width: 980px) {
  .account-dashboard-grid { grid-template-columns: 1fr; }
  .account-share-card { max-width: 220px; }
  .account-dashboard-side { justify-content: flex-start; padding-top: 0; }
  .account-playlists-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .personal-playlist-hero__top { grid-template-columns: 1fr; }
  .personal-playlist-shell__head { flex-direction: column; align-items: flex-start; }
  .personal-playlist-hero__actions { justify-content: flex-start; }
  .personal-playlist-linkgrid { grid-template-columns: 1fr; }
  .personal-playlist-visibility-panel__head { grid-template-columns: 1fr; }
  .personal-playlist-visibility-panel__badges { justify-content: flex-start; }
  .personal-playlist-visibility-panel__status-row { flex-direction: column; align-items: flex-start; }
  .personal-playlist-visibility-panel__toggle { min-width: 0; width: 100%; }
  .public-listeners-board__grid { grid-template-columns: 1fr; }
  .public-playlist-card { grid-template-columns: 1fr; }
  .public-playlist-card__media { width: 140px; min-height: 140px; }
}

@media (max-width: 760px) {
  .account-dashboard-panel { padding: 22px 18px; }
  .account-dashboard-title { font-size: 24px; }
  .account-dashboard-form { max-width: none; }
  .account-dashboard-actions,
  .account-dashboard-support__actions { gap: 8px; }
  .account-dashboard-support { padding: 14px 14px 16px; }
  .account-dashboard-support__head h3 { font-size: 16px; }
  .account-playlists-grid { grid-template-columns: 1fr; }
  .account-playlist-card__count { top: 12px; right: 12px; min-height: 30px; font-size: 12px; }
  .account-playlist-card__label { font-size: 11px; }
  .account-playlist-card__subnote { font-size: 12px; }
  .personal-playlist-hero,
  .personal-playlist-shell,
  .personal-playlist-empty,
  .personal-playlist-visibility-panel,
  .public-playlist-card { padding: 16px; }
  .personal-track-row { grid-template-columns: 1fr; }
  .personal-track-row__drag { width: 100%; min-height: 42px; }
  .personal-track-row__cover { min-height: 180px; }
  .personal-track-row__actions .btn { width: 100%; }
}

/* support threads + admin hub */
.nav-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:6px;
  border-radius:999px;
  background:linear-gradient(180deg,#4fd7e9 0%, #20a9c8 100%);
  color:#08101f;
  font-size:11px;
  font-weight:900;
  line-height:1;
  vertical-align:middle;
}
.support-thread-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-height:280px;
}
.support-thread-head,
.admin-thread-view__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.support-thread-head h3,
.admin-thread-view__head h4{
  margin:0 0 6px;
}
.support-thread-count,
.admin-thread-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(79, 215, 233, .14);
  border:1px solid rgba(79, 215, 233, .32);
  color:#c8f7ff;
  font-size:12px;
  font-weight:900;
}
.support-thread-log,
.admin-thread-log{
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:520px;
  min-height:0;
  overflow-y:auto;
  padding-right:8px;
}
.support-bubble{
  max-width:92%;
  padding:14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
}
.support-bubble--user{
  align-self:flex-start;
  background:linear-gradient(180deg, rgba(14, 34, 49, .94), rgba(10, 27, 39, .98));
  border-color:rgba(79, 215, 233, .18);
}
.support-bubble--admin{
  align-self:flex-end;
  background:linear-gradient(180deg, rgba(31, 84, 92, .94), rgba(18, 67, 74, .98));
  border-color:rgba(79, 215, 233, .28);
  box-shadow:0 0 0 1px rgba(79, 215, 233, .08), 0 12px 26px rgba(0,0,0,.16);
}
.support-bubble__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
  color:rgba(214,224,244,.82);
  font-size:12px;
}
.support-bubble__text{
  color:var(--text);
  line-height:1.55;
  word-break:break-word;
}
.admin-thread-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:14px;
}
.admin-thread-list{
  display:grid;
  gap:10px;
  max-height:760px;
  overflow-y:auto;
  padding-right:6px;
}
.admin-thread-item{
  display:block;
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(131,171,255,.16);
  background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.admin-thread-item:hover,
.admin-thread-item.is-active{
  border-color:rgba(79, 215, 233, .34);
  background:linear-gradient(180deg, rgba(9, 30, 44, .96), rgba(9, 24, 36, .98));
}
.admin-thread-item__top,
.admin-thread-item__meta{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.admin-thread-item p{
  margin:10px 0 8px;
  color:rgba(214,224,244,.86);
  font-size:14px;
  line-height:1.45;
}
.admin-thread-view{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.admin-thread-reply textarea{
  min-height:140px;
}
.admin-edit-current{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:16px;
  margin-top:18px;
  margin-bottom:14px;
}
.admin-edit-current__item{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(131,171,255,.16);
  background:rgba(255,255,255,.05);
}
.admin-edit-current__cover{
  display:block;
  margin-top:10px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}
.admin-edit-current__cover img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.admin-edit-current__cover--empty{
  display:grid;
  place-items:center;
  min-height:180px;
  color:rgba(214,224,244,.72);
  text-align:center;
  background:rgba(255,255,255,.04);
  border-style:dashed;
}
.admin-edit-current__cover.is-hidden,
.admin-edit-current__cover--empty.is-hidden{
  display:none;
}
.admin-edit-current__file-name{
  margin:10px 0 0;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.admin-edit-current__item audio{
  width:100%;
  margin-top:10px;
}
.table tr.is-highlight td{
  background:rgba(46,194,126,.10);
}
.table tr.is-highlight td:first-child{
  box-shadow:inset 3px 0 0 #2ec27e;
}
@media (max-width: 1100px){
  .admin-thread-layout{
    grid-template-columns:1fr;
  }
  .admin-thread-list,
  .admin-thread-log,
  .support-thread-log{
    max-height:none;
  }
}
@media (max-width: 820px){
  .support-bubble{
    max-width:100%;
  }
  .admin-edit-current{
    grid-template-columns:1fr;
  }
}


/* AI Assistant module */
.assistant-page,
.admin-assistant-page {
  position: relative;
}
.assistant-page .container,
.admin-assistant-page .container {
  position: relative;
  z-index: 1;
}
.assistant-page__hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0,1fr);
  gap: 34px;
  align-items: center;
  margin-bottom: 24px;
  padding: 30px;
  overflow: hidden;
  border-radius: 40px;
  border: 2px solid rgba(226, 232, 235, .78);
  background:
    linear-gradient(90deg, rgba(2,10,15,.06), rgba(2,10,15,.14)),
    url('/assets/assistant/fon_blok_verx_16x9.webp') center center / 100% 100% no-repeat,
    radial-gradient(circle at 10% 50%, rgba(62, 212, 224, .12), transparent 20%),
    linear-gradient(180deg, rgba(5,20,28,.98), rgba(3,14,21,.99)) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -1px 0 rgba(0,0,0,.52),
    inset 0 0 0 1px rgba(255,255,255,.20),
    inset 0 0 0 10px rgba(196,204,210,.10),
    inset 0 0 0 20px rgba(4,18,24,.36),
    0 0 0 1px rgba(0,0,0,.34),
    0 0 34px rgba(44,143,158,.14);
}




.assistant-page__hero::before {
  content:'';
  position:absolute;
  inset:10px;
  border-radius:31px;
  border:1px solid rgba(255,255,255,.30);
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,0) 34%, rgba(0,0,0,.08)),
    radial-gradient(circle at 9% 50%, rgba(38,195,208,.10), transparent 22%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -14px 26px rgba(0,0,0,.12),
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 8px rgba(196,204,210,.035);
}




.assistant-page__hero::after {
  content:none;
  display:none;
}


.assistant-page__bot {
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  min-height:250px;
  border-radius:28px;
  background:transparent;
  border:0;
  box-shadow:none;
}

.assistant-page__bot img {
  width:min(245px,100%);
  height:auto;
  filter:none;
}


.assistant-page__intro { position:relative; z-index:1; }
.assistant-page__intro h1 {
  margin:0 0 12px;
  font-size:clamp(34px,4.2vw,62px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:-.035em;
  color:#f7f7f2;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
}
.assistant-page__intro p {
  margin:0 0 20px;
  color:rgba(243,244,238,.88);
  max-width:980px;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.55;
}
.assistant-quick-row { display:flex; flex-wrap:wrap; gap:10px; }
.assistant-quick-row button,
.assistant-admin-tab,
.assistant-widget__full {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(174, 195, 199, .42);
  background:linear-gradient(180deg,rgba(30,56,60,.96),rgba(8,27,31,.98));
  color:var(--text);
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 24px rgba(0,0,0,.18),0 0 0 1px rgba(44,143,158,.05);
}
.assistant-quick-row button::before,
.assistant-admin-tab::before,
.assistant-widget__full::before {
  content:'';
  position:absolute;
  top:-45%;
  bottom:-45%;
  width:42px;
  left:-65px;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  opacity:.42;
  transition:left .65s ease;
}
.assistant-quick-row button:hover,
.assistant-admin-tab:hover,
.assistant-widget__full:hover {
  transform:translateY(-1px);
  border-color:rgba(82,212,222,.72);
  background:linear-gradient(180deg,rgba(43,92,96,.98),rgba(10,36,40,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 30px rgba(0,0,0,.24),0 0 22px rgba(44,143,158,.18);
}
.assistant-quick-row button:hover::before,
.assistant-admin-tab:hover::before,
.assistant-widget__full:hover::before { left:calc(100% + 35px); }
.assistant-chat {
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:650px;
  padding:22px;
  overflow:hidden;
  border-radius:38px;
  border:2px solid rgba(226, 232, 235, .78);
  background:
    linear-gradient(90deg, rgba(2,10,15,.05), rgba(2,10,15,.12)),
    url('/assets/assistant/fon_blok_chat_16x9.webp') center center / 100% 100% no-repeat,
    radial-gradient(circle at 8% 18%, rgba(62, 212, 224, .10), transparent 18%),
    linear-gradient(180deg, rgba(4,17,24,.985), rgba(3,13,20,.995)) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -1px 0 rgba(0,0,0,.52),
    inset 0 0 0 1px rgba(255,255,255,.20),
    inset 0 0 0 10px rgba(196,204,210,.10),
    inset 0 0 0 20px rgba(4,18,24,.36),
    0 0 0 1px rgba(0,0,0,.34),
    0 0 34px rgba(44,143,158,.14);
}




.assistant-chat::before {
  content:'';
  position:absolute;
  inset:10px;
  border-radius:29px;
  border:1px solid rgba(255,255,255,.30);
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.04), transparent 36%, rgba(0,0,0,.06)),
    radial-gradient(circle at 8% 18%, rgba(40,190,205,.06), transparent 20%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -14px 24px rgba(0,0,0,.12),
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 0 0 8px rgba(196,204,210,.03);
}




.assistant-chat::after {
  content:none;
  display:none;
}



.assistant-chat__log {
  position:relative;
  z-index:1;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  gap:18px;
  min-height:430px;
  max-height:620px;
  overflow-y:auto;
  padding:10px 14px 24px 2px;
  scrollbar-color:rgba(190,202,206,.68) rgba(255,255,255,.06);
  scrollbar-width:thin;
}
.assistant-chat__log::-webkit-scrollbar { width:10px; }
.assistant-chat__log::-webkit-scrollbar-track { background:rgba(255,255,255,.055); border-radius:999px; }
.assistant-chat__log::-webkit-scrollbar-thumb { background:linear-gradient(180deg,rgba(226,232,232,.72),rgba(44,143,158,.62),rgba(202,160,109,.48)); border-radius:999px; }
.assistant-message {
  display:flex;
  gap:18px;
  align-items:flex-start;
}



.assistant-message--user {
  justify-content:flex-end;
}





.assistant-message__avatar {
  width:82px;
  height:96px;
  flex:0 0 82px;
  display:grid;
  place-items:start center;
  border-radius:0;
  border:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}



.assistant-message__avatar img {
  width:72px;
  height:92px;
  object-fit:contain;
  object-position:center top;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.24));
}




.assistant-message__bubble {
  position:relative;
  max-width:min(820px,calc(100% - 110px));
  padding:18px 22px;
  border-radius:26px 26px 26px 0;
  border:1px solid rgba(92, 210, 220, .45);
  background:
    linear-gradient(180deg, rgba(14,36,64,.985), rgba(3,18,34,.995));
  color:#f4f6f4;
  font-size:clamp(17px,1.35vw,22px);
  line-height:1.52;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 34px rgba(0,0,0,.24),
    0 0 22px rgba(44,143,158,.14);
  white-space:pre-wrap;
  overflow:visible;
}








.assistant-message__bubble::after {
  content:none;
  display:none;
}







.assistant-message--user .assistant-message__bubble {
  max-width:min(820px,calc(100% - 82px));
  border-radius:26px 26px 0 26px;
  border-color:rgba(230,233,232,.82);
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 42%),
    linear-gradient(180deg, #f6f6f3 0%, #e8e8e5 54%, #d8d9d8 100%);
  color:#07151b;
  font-weight:850;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(0,0,0,.06),
    0 16px 34px rgba(0,0,0,.22),
    0 8px 18px rgba(255,255,255,.12);
  overflow:visible;
}









.assistant-message--user .assistant-message__bubble::after {
  content:none;
  display:none;
}







.assistant-chat__form {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,230px);
  gap:14px;
  align-items:stretch;
  border-top:2px solid rgba(198,208,210,.24);
  padding:20px 6px 4px;
}
.assistant-chat__form label {
  grid-column:1 / -1;
  color:rgba(243,244,238,.88);
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.assistant-chat__form textarea {
  width:100%;
  min-height:96px;
  max-height:280px;
  padding:26px 28px;
  resize:vertical;
  overflow-y:auto;
  border-radius:38px;
  border:1px solid rgba(199,209,214,.56);
  background:#061722 !important;
  background-image:none !important;
  color:var(--text);
  font:inherit;
  font-size:clamp(16px,1.25vw,20px);
  line-height:1.55;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 1px 12px rgba(0,0,0,.48),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 12px 30px rgba(0,0,0,.22);
  outline:none;
  scrollbar-color:rgba(92,160,156,.55) rgba(255,255,255,.05);
}




.assistant-chat__form textarea:focus {
  border-color:rgba(92,220,230,.86);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 12px rgba(0,0,0,.26), 0 14px 34px rgba(0,0,0,.24),0 0 0 4px rgba(44,143,158,.13),0 0 28px rgba(44,143,158,.22);
}
.assistant-chat__form textarea::placeholder { color:rgba(243,244,238,.52); }
.assistant-chat__form .btn {
  min-width: 188px;
  min-height: 112px;
  align-self: stretch;
  border:1px solid rgba(210,218,220,.38);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(82,199,214,.96), rgba(54,171,188,.96));
  color: #07151b;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.14),
    0 12px 30px rgba(0,0,0,.22),
    0 0 22px rgba(44,143,158,.12);
}

.assistant-widget { position:fixed; right:18px; bottom:18px; z-index:230; display:flex; flex-direction:column; align-items:flex-end; gap:12px; }
.assistant-widget__button {
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:8px 18px 8px 8px;
  border-radius:999px;
  border:2px solid rgba(196,208,212,.54);
  background:radial-gradient(circle at 22% 0%,rgba(44,143,158,.24),transparent 34%), linear-gradient(180deg,rgba(20,44,48,.98),rgba(5,19,23,.99));
  color:var(--text);
  box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(44,143,158,.18),inset 0 1px 0 rgba(255,255,255,.16);
  cursor:pointer;
  font-size:13px;
  font-weight:900;
}
.assistant-widget__button img { width:46px; height:52px; object-fit:contain; }
.assistant-widget.is-hinting .assistant-widget__button { animation:assistantSoftPulse 2.8s ease-in-out 2; }
@keyframes assistantSoftPulse { 0%,100%{transform:translateY(0);box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 28px rgba(44,143,158,.18),inset 0 1px 0 rgba(255,255,255,.16)} 50%{transform:translateY(-3px);box-shadow:0 24px 54px rgba(0,0,0,.40),0 0 40px rgba(44,143,158,.30),inset 0 1px 0 rgba(255,255,255,.20)} }
.assistant-widget__panel {
  width:min(460px,calc(100vw - 24px));
  border-radius:32px;
  border:2px solid rgba(198,208,212,.58);
  background:radial-gradient(circle at 10% 0%,rgba(44,143,158,.22),transparent 32%), radial-gradient(circle at 90% 18%,rgba(202,160,109,.10),transparent 24%), repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px), linear-gradient(145deg,rgba(12,28,34,.99),rgba(4,15,20,.99));
  box-shadow:0 30px 76px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.09),0 0 34px rgba(44,143,158,.14);
  overflow:hidden;
}
.assistant-widget__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 16px 13px;
  border-bottom:2px solid rgba(198,208,212,.20);
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.015));
}
.assistant-widget__brand { display:flex; align-items:center; gap:10px; }
.assistant-widget__brand img { width:48px; height:52px; object-fit:contain; }
.assistant-widget__brand strong,
.assistant-widget__brand span { display:block; }
.assistant-widget__brand strong { font-size:15px; line-height:1.1; }
.assistant-widget__brand span { color:var(--muted); font-size:12px; font-weight:800; }
.assistant-widget__close {
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid rgba(210,218,220,.48);
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
  color:var(--text);
  cursor:pointer;
  font-size:24px;
  line-height:1;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
}
.assistant-chat--widget { min-height:auto; padding:12px; background:transparent; border:0; box-shadow:none; border-radius:0; }
.assistant-chat--widget::before,
.assistant-chat--widget::after { display:none; }
.assistant-chat--widget .assistant-chat__log { min-height:180px; max-height:315px; gap:12px; padding-right:4px; }
.assistant-chat--widget .assistant-message__avatar { width:38px; height:38px; border-width:1px; }
.assistant-chat--widget .assistant-message__avatar img { width:36px; height:46px; }
.assistant-chat--widget .assistant-message__bubble { max-width:calc(100% - 52px); padding:12px 14px; font-size:13px; line-height:1.45; border-radius:17px 17px 17px 5px; border-width:1px; }
.assistant-chat--widget .assistant-message__bubble::after { width:13px; height:13px; left:-6px; border-width:1px; }
.assistant-chat--widget .assistant-message--user .assistant-message__bubble { border-radius:17px 17px 5px 17px; }
.assistant-chat--widget .assistant-message--user .assistant-message__bubble::after { left:auto; right:-6px; border-width:1px; }
.assistant-quick-row--widget { margin:6px 0 10px; gap:8px; }
.assistant-quick-row--widget button { min-height:33px; padding:0 10px; font-size:11px; }
.assistant-chat--widget .assistant-chat__form { grid-template-columns:1fr; gap:8px; padding-top:12px; border-top:1px solid rgba(198,208,210,.18); }
.assistant-chat--widget .assistant-chat__form label { font-size:12px; }
.assistant-chat--widget .assistant-chat__form textarea { min-height:70px; max-height:140px; padding:13px 15px; border-radius:20px 20px 8px 20px; font-size:14px; border-width:1px; }
.assistant-chat--widget .assistant-chat__form .btn { width:100%; min-height:46px; border-width:1px; }
.assistant-widget__full { width:100%; margin-top:10px; }
.assistant-admin-tabs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:20px;
  padding:18px;
  border-radius:30px;
  border:2px solid rgba(198,208,212,.36);
  background:linear-gradient(180deg,rgba(11,32,36,.98),rgba(4,17,20,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.22);
}
.assistant-admin-tab.is-active {
  background:linear-gradient(180deg, rgba(73,206,216,.96), rgba(35,142,154,.98));
  color:#061317;
  border-color:rgba(214,229,232,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 24px rgba(44,143,158,.20);
}
.assistant-status-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  margin-bottom:20px;
}
.assistant-status-card {
  display:block;
  padding:18px 18px 16px;
  border-radius:22px;
  border:1px solid rgba(198,208,212,.30);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 30px rgba(0,0,0,.14);
}
.assistant-status-card strong,
.assistant-status-card span { display:block; }
.assistant-status-card strong { font-size:32px; line-height:1; color:#f7f7f2; }
.assistant-status-card span { margin-top:9px; color:var(--muted); font-size:13px; font-weight:900; }
.assistant-status-card--kb { border-color:rgba(46,194,126,.42); background:linear-gradient(180deg,rgba(46,194,126,.13),rgba(255,255,255,.035)); }
.assistant-status-card--external { border-color:rgba(71,156,255,.42); background:linear-gradient(180deg,rgba(71,156,255,.13),rgba(255,255,255,.035)); }
.assistant-status-card--candidate { border-color:rgba(255,105,180,.42); background:linear-gradient(180deg,rgba(255,105,180,.13),rgba(255,255,255,.035)); }
.assistant-status-card--unanswered { border-color:rgba(255,107,107,.42); background:linear-gradient(180deg,rgba(255,107,107,.13),rgba(255,255,255,.035)); }
.assistant-question-list,
.assistant-kb-list { display:grid; gap:18px; }
.assistant-question-card {
  position:relative;
  overflow:hidden;
  border-left:0;
  border-radius:28px;
  border:2px solid rgba(198,208,212,.30);
  background:
    radial-gradient(circle at 0% 0%,rgba(44,143,158,.16),transparent 32%),
    linear-gradient(180deg,rgba(7,28,32,.98),rgba(5,20,24,.98));
  box-shadow:0 20px 48px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.045);
}
.assistant-question-card::before {
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:rgba(92,160,156,.44);
}
.assistant-question-card--kb::before { background:#2ec27e; }
.assistant-question-card--external_ai::before { background:#479cff; }
.assistant-question-card--candidate::before { background:#ff69b4; }
.assistant-question-card--unanswered::before { background:#ff6b6b; }
.assistant-question-card__head {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}
.assistant-question-card__status,
.assistant-kb-item__category {
  color:var(--accent-2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:9px;
}
.assistant-question-card h3,
.assistant-kb-item h4 { margin:0; font-size:clamp(19px,1.8vw,26px); line-height:1.15; }
.assistant-question-card__meta {
  display:flex;
  flex-direction:column;
  gap:4px;
  align-items:flex-end;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
.assistant-question-card__answer {
  padding:16px 18px;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));
  border:1px solid rgba(198,208,212,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.assistant-question-card__answer p { margin:6px 0 0; color:rgba(243,244,238,.82); }
.assistant-admin-details { margin-top:14px; }
.assistant-admin-details summary { cursor:pointer; color:var(--accent-2); font-weight:900; }
.assistant-kb-inline-form,
.assistant-kb-form { display:grid; gap:12px; margin-top:12px; }
.assistant-kb-form label,
.assistant-kb-inline-form label,
.assistant-settings-panel label { display:grid; gap:7px; color:var(--muted); font-size:13px; font-weight:800; }
.assistant-check { display:flex; align-items:center; gap:10px; }
.assistant-check input { width:auto; }
.assistant-kb-list-wrap { max-height:1080px; overflow:auto; }
.assistant-kb-item {
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(198,208,212,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.13);
}
.assistant-kb-item.is-disabled { opacity:.58; }
.assistant-kb-item p { margin:8px 0 0; color:rgba(243,244,238,.78); font-size:14px; line-height:1.45; }
.assistant-raw-text { min-height:320px; }
.assistant-empty-state { display:flex; align-items:center; gap:18px; border-radius:28px; border:2px solid rgba(198,208,212,.30); }
.assistant-empty-state img { width:92px; height:auto; }
@media (max-width: 980px) {
  .assistant-page__hero,
  .assistant-admin-grid,
  .assistant-status-grid {
    grid-template-columns: 1fr;
  }
  .assistant-page__bot {
    min-height: 120px;
    place-items: center;
  }
  .assistant-page__bot img {
    width: 140px;
  }
  .assistant-question-card__head {
    flex-direction: column;
  }
  .assistant-question-card__meta {
    align-items: flex-start;
    white-space: normal;
  }
}
@media (max-width: 760px) {
  .assistant-widget {
    right: 8px;
    bottom: 8px;
  }
  .assistant-widget__button span {
    display: none;
  }
  .assistant-chat__form {
    grid-template-columns: 1fr;
  }
  .assistant-message__bubble {
    max-width: calc(100% - 56px);
  }
}

/* Targeted inner premium cards v24 */
/* Важно: большие контейнеры НЕ трогаем:
   .trend-feed-list, .share-grid, .public-playlist-lead-grid, .public-playlist-grid,
   .seo-block.panel, .playlist-body, .assistant-page__hero, .assistant-chat.
   Оформляем только конкретные внутренние карточки. */
:root {
  --as-premium-soft-bg:
    radial-gradient(circle at 10% 0%, rgba(44, 143, 158, .18), transparent 34%),
    radial-gradient(circle at 90% 18%, rgba(202, 160, 109, .08), transparent 26%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 5px),
    linear-gradient(145deg, rgba(12,28,34,.98), rgba(4,15,20,.99));
  --as-premium-soft-border: rgba(198, 208, 212, .58);
  --as-premium-soft-shadow:
    0 24px 58px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 0 26px rgba(44,143,158,.12);
}

/* Карточки внутри сеток, а не сами сетки. */
.trend-feed-card.panel,
.public-playlist-lead-grid > .panel,
.share-grid > .panel,
.public-listeners-board__item,
.public-playlist-card.panel,
.about-feature-card.panel,
.forum-post,
.message-card,
.detail-card,
.trend-post-aside,
.platform-card,
.personal-playlist-empty.panel,
.empty-block.panel,
.qr-panel.panel {
  position: relative;
  border: 2px solid var(--as-premium-soft-border);
  border-radius: 32px;
  background: var(--as-premium-soft-bg);
  box-shadow: var(--as-premium-soft-shadow);
  overflow: hidden;
}

/* Внутренняя тонкая рамка только у карточек, не у контейнеров. */
.trend-feed-card.panel::before,
.public-playlist-lead-grid > .panel::before,
.share-grid > .panel::before,
.public-listeners-board__item::before,
.public-playlist-card.panel::before,
.about-feature-card.panel::before,
.forum-post::before,
.message-card::before,
.detail-card::before,
.trend-post-aside::before,
.platform-card::before,
.personal-playlist-empty.panel::before,
.empty-block.panel::before,
.qr-panel.panel::before {
  content: '';
  position: absolute;
  inset: 8px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.16);
  pointer-events: none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,0) 34%, rgba(0,0,0,.10));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.02);
  z-index: 2;
}

.trend-feed-card.panel > *,
.public-playlist-lead-grid > .panel > *,
.share-grid > .panel > *,
.public-listeners-board__item > *,
.public-playlist-card.panel > *,
.about-feature-card.panel > *,
.forum-post > *,
.message-card > *,
.detail-card > *,
.trend-post-aside > *,
.platform-card > *,
.personal-playlist-empty.panel > *,
.empty-block.panel > *,
.qr-panel.panel > * {
  position: relative;
  z-index: 3;
}

/* Два баннера отдельно: только тёмная текстура и мягкая рамка, без обводки их родительских сеток. */
.trend-hero.panel.trend-hero--hot,
.panel.trend-inline-banner {
  position: relative;
  border: 2px solid var(--as-premium-soft-border);
  border-radius: 32px;
  background:
    linear-gradient(90deg, rgba(2,10,15,.22), rgba(2,10,15,.34)),
    url('/assets/assistant/fon_blok_verx_16x9.webp') center center / cover no-repeat,
    linear-gradient(145deg, rgba(12,28,34,.99), rgba(4,15,20,.99));
  box-shadow: var(--as-premium-soft-shadow);
  overflow: hidden;
}

/* Не ломаем штатный ::before тренд-баннера: добавляем глубину через inset-shadow, без нового псевдоэлемента. */
.trend-hero.panel.trend-hero--hot,
.panel.trend-inline-banner {
  box-shadow:
    var(--as-premium-soft-shadow),
    inset 0 0 0 8px rgba(255,255,255,.035);
}

/* У нижних карточек трендов оставляем их сетку, рамка только на каждой карточке. */
.trend-feed-list {
  background: transparent;
  border: 0;
  box-shadow: none;
}
/* /Targeted inner premium cards v24 */


/* Assistant page widget-like border + textures v27 */
/* Берём толщину рамки из всплывающего окна помощника: 2px / radius 32px.
   Сохраняем текстуры: верх — синий, низ — серый. */
.assistant-page__hero.panel {
  border: 2px solid rgba(198, 208, 212, .58) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(7, 19, 26, .30), rgba(7, 19, 26, .30)),
    url("../assistant/fon_blok_verx_16x9.webp") center center / cover no-repeat !important;
  box-shadow:
    0 30px 76px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 34px rgba(44,143,158,.10) !important;
  overflow: hidden;
}

.assistant-chat.panel {
  border: 2px solid rgba(198, 208, 212, .58) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(7, 19, 26, .24), rgba(7, 19, 26, .24)),
    url("../assistant/fon_blok_chat_16x9.webp") center center / cover no-repeat !important;
  box-shadow:
    0 30px 76px rgba(0,0,0,.38),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 34px rgba(44,143,158,.10) !important;
  overflow: hidden;
}

/* На этих двух контейнерах не нужны дополнительные псевдо-накладки. */
.assistant-page__hero.panel::before,
.assistant-chat.panel::before,
.assistant-page__hero.panel::after,
.assistant-chat.panel::after {
  content: none !important;
  display: none !important;
}

/* Большой робот без лишнего внешнего свечения — только то, что уже есть в самой картинке. */
.assistant-page__bot,
.assistant-page__bot::before,
.assistant-page__bot::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}
.assistant-page__bot img { filter: none !important; }

/* Аватары возле сообщений — без искусственной подложки и без лишнего ореола. */
.assistant-page .assistant-message__avatar,
.assistant-page .assistant-message__avatar::before,
.assistant-page .assistant-message__avatar::after {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: visible !important;
}
.assistant-page .assistant-message__avatar img {
  filter: drop-shadow(0 5px 8px rgba(0,0,0,.22)) !important;
}

/* Хвостики у сообщений полностью удалены по запросу пользователя. */
@media (max-width: 820px) {
  .assistant-page__hero.panel {
    background:
      linear-gradient(180deg, rgba(7, 19, 26, .30), rgba(7, 19, 26, .30)),
      url("../assistant/fon_blok_verx_1x1.webp") center center / cover no-repeat !important;
  }
  .assistant-chat.panel {
    background:
      linear-gradient(180deg, rgba(7, 19, 26, .24), rgba(7, 19, 26, .24)),
      url("../assistant/fon_blok_chat_1x1.webp") center center / cover no-repeat !important;
  }
}
/* /Assistant page widget-like border + textures v27 */


/* Permanent tail removal v28 */
.assistant-message__bubble::before,
.assistant-message__bubble::after,
.assistant-message--user .assistant-message__bubble::before,
.assistant-message--user .assistant-message__bubble::after,
.assistant-page .assistant-message__bubble::before,
.assistant-page .assistant-message__bubble::after,
.assistant-page .assistant-message--user .assistant-message__bubble::before,
.assistant-page .assistant-message--user .assistant-message__bubble::after,
.assistant-widget .assistant-message__bubble::before,
.assistant-widget .assistant-message__bubble::after,
.assistant-widget .assistant-message--user .assistant-message__bubble::before,
.assistant-widget .assistant-message--user .assistant-message__bubble::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clip-path: none !important;
  transform: none !important;
}
/* /Permanent tail removal v28 */


/* Site-wide assistant page panel style propagation v29
   Базируемся на текущем удачном стиле assistant.php.
   ВАЖНО: стилизуем дочерние карточки внутри контейнеров, а не общую внешнюю обёртку. */
:root {
  --as-premium-border: rgba(198,208,212,.58);
  --as-premium-line: rgba(255,255,255,.09);
  --as-premium-glow: rgba(44,143,158,.10);
  --as-premium-shadow: 0 30px 76px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.09), 0 0 34px rgba(44,143,158,.10);
  --as-premium-shadow-strong: 0 28px 72px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.54), inset 0 -1px 0 rgba(0,0,0,.52), inset 0 0 0 1px rgba(255,255,255,.20), inset 0 0 0 10px rgba(196,204,210,.10), inset 0 0 0 20px rgba(4,18,24,.36), 0 0 0 1px rgba(0,0,0,.34), 0 0 34px rgba(44,143,158,.14);
}

/* Небольшое раздвижение карточек, чтобы не слипались. */
.trend-feed-list,
.public-playlist-grid,
.public-playlist-lead-grid,
.share-grid,
.public-listeners-board__grid {
  gap: 22px !important;
}

/* Дочерние карточки с «нижней / чатовой» текстурой. */
.trend-feed-list > .trend-feed-card,
.playlist-card,
.playlist-admin-bar.panel,
.forum-post,
.continue-listening-card.panel,
.seo-block.panel,
.grid.grid-2.share-grid > .panel,
.track-filter-row.panel,
.public-playlist-lead-grid > .info-card,
.public-playlist-grid > .public-playlist-card,
.public-listeners-board.panel,
.about-feature-card.panel,
.anchor-chip.panel {
  border: 2px solid var(--as-premium-border) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.24), rgba(7,19,26,.24)),
    url("../assistant/fon_blok_chat_16x9.webp") center center / cover no-repeat !important;
  box-shadow: var(--as-premium-shadow) !important;
  overflow: hidden;
}

/* Внутренние маленькие карточки — отдельной рамкой каждая. */
.public-listeners-board__item,
.public-playlist-lead-grid > .info-card,
.anchor-chip.panel {
  border: 2px solid var(--as-premium-border) !important;
  border-radius: 26px !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.28), rgba(7,19,26,.28)),
    url("../assistant/fon_blok_chat_1x1.webp") center center / cover no-repeat !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.08), 0 0 24px rgba(44,143,158,.08) !important;
}

/* Два баннера — верхняя, более тёмная текстура. */
.trend-inline-banner.panel,
.trend-hero.panel.trend-hero--hot {
  border: 2px solid var(--as-premium-border) !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.46), rgba(7,19,26,.58)),
    url("../assistant/fon_blok_verx_16x9.webp") center center / cover no-repeat !important;
  box-shadow: var(--as-premium-shadow-strong) !important;
}

/* Чтобы у карточек-трендов и публичных плейлистов своя внутренняя картинка не ломалась. */
.trend-feed-list > .trend-feed-card .trend-feed-card__media,
.public-playlist-grid > .public-playlist-card .public-playlist-card__media,
.playlist-card .playlist-cover,
.continue-listening-card .continue-listening-card__cover,
.trend-inline-banner .trend-inline-banner__thumb,
.trend-hero .trend-hero__media {
  position: relative;
  z-index: 1;
}

/* Дополнительный акцент рамки на хедере ленты публичных слушателей — но без объединения всех детей в одну общую рамку. */
.public-listeners-board.panel {
  padding: 22px !important;
}

/* Плейлисты — не даём карточкам визуально слипаться. */
.playlist-grid,
.public-playlist-grid {
  gap: 18px !important;
}

/* Сохраняем удачный вид assistant.php как эталон. */
.assistant-page__hero.panel {
  border: 2px solid rgba(226, 232, 235, .78) !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -1px 0 rgba(0,0,0,.52),
    inset 0 0 0 1px rgba(255,255,255,.20),
    inset 0 0 0 10px rgba(196,204,210,.10),
    inset 0 0 0 20px rgba(4,18,24,.36),
    0 0 0 1px rgba(0,0,0,.34),
    0 0 34px rgba(44,143,158,.14) !important;
}
.assistant-chat.panel {
  border: 2px solid var(--as-premium-border) !important;
  box-shadow: var(--as-premium-shadow) !important;
}
/* /Site-wide assistant page panel style propagation v29 */



/* v30 — public playlists squares + tracks trend first */
.public-playlist-lead-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.public-playlist-lead-grid > .info-card {
  min-height: 0;
  aspect-ratio: 1 / 1;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 28px 28px 30px !important;
  border: 2px solid rgba(198,208,212,.58) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.44), rgba(7,19,26,.56)),
    url("../assistant/fon_blok_verx_1x1.webp") center center / cover no-repeat !important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 0 26px rgba(44,143,158,.10) !important;
  overflow: hidden;
}

.public-playlist-lead-grid > .info-card .eyebrow {
  margin-bottom: 16px;
}

.public-playlist-lead-grid > .info-card h3 {
  margin: 0 0 16px;
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.16;
}

.public-playlist-lead-grid > .info-card p {
  margin: 0;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(232,239,244,.92);
}

/* Трендовый баннер на странице треков должен идти раньше и быть темнее, поиск — ниже. */
.track-filter-row.panel {
  background:
    linear-gradient(180deg, rgba(7,19,26,.30), rgba(7,19,26,.34)),
    url("../assistant/fon_blok_chat_16x9.webp") center center / cover no-repeat !important;
}

@media (max-width: 1180px) {
  .public-playlist-lead-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .public-playlist-lead-grid > .info-card:last-child {
    grid-column: 1 / -1;
    aspect-ratio: auto;
    min-height: 260px;
  }
}

@media (max-width: 760px) {
  .public-playlist-lead-grid {
    grid-template-columns: 1fr !important;
  }
  .public-playlist-lead-grid > .info-card,
  .public-playlist-lead-grid > .info-card:last-child {
    aspect-ratio: auto;
    min-height: 0;
  }
}
/* /v30 */


/* v31 — fix tracks order, smaller playlist lead cards, clearer admin button label */
.public-playlist-lead-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.public-playlist-lead-grid > .info-card {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  padding: 28px 28px 30px !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.46), rgba(7,19,26,.58)),
    url("../assistant/fon_blok_verx_1x1.webp") center center / cover no-repeat !important;
}

.public-playlist-lead-grid > .info-card h3 {
  margin: 0 0 16px !important;
}

.public-playlist-lead-grid > .info-card p {
  margin: 0 !important;
}

/* Убираем прежнее растягивание последней карточки на всю ширину. */
@media (max-width: 1180px) {
  .public-playlist-lead-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .public-playlist-lead-grid > .info-card:last-child {
    grid-column: auto !important;
    aspect-ratio: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width: 760px) {
  .public-playlist-lead-grid {
    grid-template-columns: 1fr !important;
  }
}
/* /v31 */

/* v37 — trend hero dark border and blob removal */
/* Только точечная правка верхнего тренд-блока: не трогаем общие .panel/.card и не откатываем накопленные стили. */
.trend-hero.panel.trend-hero--hot,
.trend-hero--hot {
  border-color: rgba(56, 96, 102, .56) !important;
  box-shadow:
    0 0 0 1px rgba(34, 60, 64, .42),
    0 18px 38px rgba(0, 0, 0, .28),
    inset 0 0 0 1px rgba(255,255,255,.018) !important;
}

/* Убираем жёлтое пятно слева снизу: это был ::before у trend-hero--hot. */
.trend-hero.panel.trend-hero--hot::before,
.trend-hero--hot::before {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* /v37 — trend hero dark border and blob removal */

/* v38 — unified trend teaser borders */
/* Одинаковая окантовка для верхнего тренда на странице трендов
   и баннера тренда на странице треков. Берём толщину/ощущение от окна помощника. */
.trend-hero.panel.trend-hero--hot,
.panel.trend-inline-banner,
.trend-inline-banner.panel {
  border: 2px solid rgba(198, 208, 212, .58) !important;
  border-radius: 32px !important;
  box-shadow:
    0 30px 76px rgba(0, 0, 0, .38),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 34px rgba(44,143,158,.10) !important;
}

/* Убираем старый декоративный жёлтый блик/пятно и лишние псевдо-окантовки. */
.trend-hero.panel.trend-hero--hot::before,
.trend-hero--hot::before,
.panel.trend-inline-banner::before,
.trend-inline-banner.panel::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Если старые правила давали светлую внешнюю каёмку через ::after — тоже гасим. */
.trend-hero.panel.trend-hero--hot::after,
.trend-hero--hot::after,
.panel.trend-inline-banner::after,
.trend-inline-banner.panel::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}
/* /v38 — unified trend teaser borders */

/* v39 — public playlist lead child cards same border */
/* Стили применяются только к трём детям внутри public-playlist-lead-grid,
   а не к общей внешней сетке. */
.public-playlist-lead-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.public-playlist-lead-grid > .info-card,
.public-playlist-lead-grid > .panel.info-card,
.public-playlist-lead-grid > a.info-card,
.public-playlist-lead-grid > a.panel.info-card {
  border: 2px solid rgba(198, 208, 212, .58) !important;
  border-radius: 32px !important;
  background:
    linear-gradient(180deg, rgba(7,19,26,.44), rgba(7,19,26,.56)),
    url("../assistant/fon_blok_verx_1x1.webp") center center / cover no-repeat !important;
  box-shadow:
    0 30px 76px rgba(0, 0, 0, .38),
    inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 34px rgba(44,143,158,.10) !important;
  overflow: hidden;
}

/* Убираем возможные старые псевдо-накладки/блики у этих трёх карточек,
   чтобы рамка была такой же чистой, как у trend-hero / trend-inline-banner. */
.public-playlist-lead-grid > .info-card::before,
.public-playlist-lead-grid > .info-card::after,
.public-playlist-lead-grid > .panel.info-card::before,
.public-playlist-lead-grid > .panel.info-card::after,
.public-playlist-lead-grid > a.info-card::before,
.public-playlist-lead-grid > a.info-card::after,
.public-playlist-lead-grid > a.panel.info-card::before,
.public-playlist-lead-grid > a.panel.info-card::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

.public-playlist-lead-grid > .info-card h3,
.public-playlist-lead-grid > .panel.info-card h3,
.public-playlist-lead-grid > a.info-card h3,
.public-playlist-lead-grid > a.panel.info-card h3 {
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  .public-playlist-lead-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .public-playlist-lead-grid {
    grid-template-columns: 1fr !important;
  }
}
/* /v39 — public playlist lead child cards same border */

/* v42 — header exact existing rules polish */
/* Минимальная доводка шапки поверх существующих правил: только навигация и декоративная внутренняя рамка. */
.header {
  isolation: isolate;
}

.header::before {
  content: "";
  position: absolute;
  inset: 7px 10px;
  border-radius: 18px;
  pointer-events: none;
  border: 1px solid rgba(198,208,212,.22);
  background:
    linear-gradient(135deg, rgba(255,255,255,.045), transparent 30%, rgba(0,0,0,.10));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 14px 24px rgba(255,255,255,.020),
    inset 0 -18px 28px rgba(0,0,0,.22),
    0 0 18px rgba(44,143,158,.07);
  z-index: 0;
}

.header::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 1px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(95,227,238,.24), rgba(214,170,103,.18), rgba(95,227,238,.22), transparent);
  opacity: .82;
}

.header .header-inner,
.header .nav,
.header .nav-dropdown {
  position: relative;
  z-index: 2;
}

.header .nav a,
.header .nav-dropdown__toggle {
  position: relative;
  border-radius: 999px;
  transition: color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #f7fbfb;
  background:
    linear-gradient(180deg, rgba(35,66,71,.94), rgba(6,27,31,.98));
  border: 1px solid rgba(198,208,212,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 9px 22px rgba(0,0,0,.22),
    0 0 18px rgba(44,143,158,.12);
  transform: translateY(-1px);
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #fff;
  background:
    linear-gradient(180deg, rgba(38,75,81,.98), rgba(7,30,35,.99));
  border: 1px solid rgba(198,208,212,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 10px 24px rgba(0,0,0,.26),
    0 0 24px rgba(44,143,158,.18);
}

.header .nav-dropdown__menu {
  border: 1px solid rgba(198,208,212,.30);
  background:
    linear-gradient(180deg, rgba(12,28,34,.98), rgba(4,12,18,.98));
  box-shadow:
    0 22px 48px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.10);
}

@media (max-width: 760px) {
  .header {
    position: relative;
  }
  .header-inner {
    min-height: 70px;
  }
  .header::before {
    inset: 5px;
    border-radius: 14px;
  }
}
/* /v42 — header exact existing rules polish */


/* v43 — premium header compact inner capsule + round logo */
.header {
  padding: 8px 0 !important;
  background:
    linear-gradient(180deg, rgba(5,12,18,.96), rgba(3,8,14,.985)) !important;
  border-bottom: 1px solid rgba(150, 184, 196, .16) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.34),
    inset 0 -1px 0 rgba(255,255,255,.03) !important;
}

.header::before,
.header::after {
  display: none !important;
}

.header > .container.header-inner {
  position: relative !important;
  min-height: 66px !important;
  padding: 10px 22px !important;
  gap: 24px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(148, 173, 182, .30) !important;
  background:
    radial-gradient(circle at 14% 50%, rgba(79, 191, 199, .08), transparent 26%),
    radial-gradient(circle at 86% 40%, rgba(207, 158, 98, .08), transparent 24%),
    repeating-linear-gradient(125deg, rgba(255,255,255,.018) 0 1px, transparent 1px 12px),
    linear-gradient(180deg, rgba(22,34,41,.95), rgba(6,13,18,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 10px 28px rgba(0,0,0,.26),
    0 0 0 1px rgba(0,0,0,.20) !important;
  overflow: hidden;
}

.header > .container.header-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 50%, rgba(212, 170, 103, .10), transparent 16%),
    radial-gradient(circle at 90% 45%, rgba(95, 227, 238, .08), transparent 18%);
  opacity: .9;
}

.header > .container.header-inner::after {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 18px;
  pointer-events: none;
  border: 1px solid rgba(204, 214, 218, .12);
  box-shadow:
    inset 0 18px 26px rgba(255,255,255,.02),
    inset 0 -18px 26px rgba(0,0,0,.18);
}

.header .brand-banner-link.brand-mark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 0 1 auto;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.header .brand-mark__logo {
  width: 42px !important;
  height: 42px !important;
  max-width: none !important;
  object-fit: contain;
  border-radius: 50%;
  box-shadow:
    0 10px 22px rgba(0,0,0,.28),
    0 0 0 1px rgba(214, 170, 103, .20),
    inset 0 1px 0 rgba(255,255,255,.08);
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.18), rgba(255,255,255,0) 46%);
}

.header .brand-mark__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

.header .brand-mark__title {
  font-size: 15px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: .02em;
  color: #f5f2ea;
  text-shadow: 0 1px 0 rgba(0,0,0,.26);
}

.header .brand-mark__tagline {
  font-size: 11px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(210, 217, 222, .76);
}

.header .nav {
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  padding: 9px 12px !important;
  min-height: 38px;
  font-size: 11px !important;
  letter-spacing: .05em !important;
  border: 1px solid transparent !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  background:
    linear-gradient(180deg, rgba(36, 62, 68, .96), rgba(8, 24, 29, .99)) !important;
  border-color: rgba(173, 192, 198, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(44,143,158,.10) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  background:
    linear-gradient(180deg, rgba(40, 80, 87, .98), rgba(8, 31, 36, .99)) !important;
  border-color: rgba(191, 205, 210, .36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 22px rgba(0,0,0,.24),
    0 0 20px rgba(44,143,158,.16) !important;
}

.header .nav-dropdown__menu {
  margin-top: 10px;
}

@media (max-width: 1180px) {
  .header > .container.header-inner {
    padding: 10px 18px !important;
    gap: 18px !important;
  }
  .header .brand-mark__title {
    font-size: 14px;
  }
  .header .brand-mark__tagline {
    font-size: 10px;
  }
  .header .nav {
    gap: 4px !important;
  }
  .header .nav a,
  .header .nav-dropdown__toggle {
    padding: 8px 10px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 880px) {
  .header {
    padding: 6px 0 !important;
  }
  .header > .container.header-inner {
    min-height: 62px !important;
    padding: 10px 14px !important;
    border-radius: 20px !important;
  }
  .header .brand-mark__logo {
    width: 38px !important;
    height: 38px !important;
  }
  .header .brand-mark__text {
    gap: 0;
  }
}

@media (max-width: 760px) {
  .header > .container.header-inner {
    min-height: 70px !important;
    align-items: flex-start !important;
    padding: 12px !important;
  }
  .header .brand-banner-link.brand-mark {
    width: 100%;
  }
  .header .nav {
    width: 100%;
    justify-content: flex-start !important;
  }
  .header .brand-mark__tagline {
    letter-spacing: .04em;
  }
}
/* /v43 — premium header compact inner capsule + round logo */

/* v45 — full header and dropdown repair */
/* Шапка снова полноценная: не маленькая капсула, а широкий премиальный верхний бар. */
.header {
  padding: 0 !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(95, 227, 238, .08), transparent 24%),
    radial-gradient(circle at 90% 0%, rgba(214, 170, 103, .07), transparent 24%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 13px),
    linear-gradient(180deg, rgba(11, 23, 29, .99), rgba(3, 9, 13, .99)) !important;
  border-bottom: 1px solid rgba(155, 183, 192, .28) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.40) !important;
}

/* Отключаем маленькую внутреннюю капсулу из 43/44. */
.header > .container.header-inner {
  max-width: 1260px !important;
  width: min(1260px, calc(100% - 40px)) !important;
  min-height: 76px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.header > .container.header-inner::before,
.header > .container.header-inner::after {
  content: none !important;
  display: none !important;
}

/* Сама декоративная рамка теперь на всей шапке, а не на узком блоке. */
.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px 10px !important;
  border-radius: 14px !important;
  pointer-events: none !important;
  border: 1px solid rgba(198, 208, 212, .24) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.035), transparent 30%, rgba(0,0,0,.14)),
    repeating-linear-gradient(90deg, rgba(95,227,238,.026) 0 1px, transparent 1px 22px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -16px 28px rgba(0,0,0,.24),
    0 0 26px rgba(44,143,158,.08) !important;
  z-index: 0 !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 7px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(95,227,238,.28), rgba(214,170,103,.20), rgba(95,227,238,.26), transparent) !important;
  opacity: .9 !important;
}

/* Логотип с текстом оставляем, но делаем его читаемее и статуснее. */
.header .brand-banner-link.brand-mark {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(2, 9, 13, .18) !important;
}

.header .brand-mark__logo {
  width: 44px !important;
  height: 44px !important;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,.36));
}

.header .brand-mark__title {
  color: #fffaf0 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: .015em !important;
}

.header .brand-mark__tagline {
  color: rgba(214, 170, 103, .86) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}

/* Навигация: компактная, но не зажатая. */
.header .nav {
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  overflow: visible !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  min-height: 38px !important;
  padding: 9px 13px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 11px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  background:
    linear-gradient(180deg, rgba(44, 87, 94, .98), rgba(7, 30, 36, .99)) !important;
  border-color: rgba(198, 208, 212, .42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 10px 24px rgba(0,0,0,.26),
    0 0 22px rgba(44,143,158,.18) !important;
}

/* Починка выпадающего меню: нормальный вертикальный список вместо широкой полосы. */
.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

.header .nav-dropdown__menu {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  min-width: 230px !important;
  max-width: 280px !important;
  padding: 10px !important;
  display: none !important;
  flex-direction: column !important;
  gap: 6px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(198, 208, 212, .34) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(95,227,238,.08), transparent 34%),
    linear-gradient(180deg, rgba(12,28,34,.985), rgba(4,12,18,.992)) !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;
  z-index: 10000 !important;
}

.header .nav-dropdown:hover .nav-dropdown__menu,
.header .nav-dropdown:focus-within .nav-dropdown__menu,
.header .nav-dropdown.is-open .nav-dropdown__menu,
.header .nav-dropdown.open .nav-dropdown__menu {
  display: flex !important;
}

.header .nav-dropdown__menu a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
  text-align: left !important;
  color: rgba(235,242,246,.88) !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.045) !important;
}

.header .nav-dropdown__menu a:hover {
  color: #fff !important;
  background: linear-gradient(180deg, rgba(36,70,76,.94), rgba(8,27,32,.98)) !important;
  border-color: rgba(198,208,212,.22) !important;
  transform: none !important;
}

@media (max-width: 1180px) {
  .header > .container.header-inner {
    width: min(1260px, calc(100% - 24px)) !important;
    gap: 14px !important;
  }
  .header .nav {
    gap: 4px !important;
  }
  .header .nav a,
  .header .nav-dropdown__toggle {
    padding: 8px 9px !important;
    font-size: 10px !important;
  }
}

@media (max-width: 760px) {
  .header {
    position: relative !important;
  }
  .header > .container.header-inner {
    min-height: 70px !important;
    padding: 8px 0 !important;
  }
  .header .nav-dropdown__menu {
    left: 0 !important;
    transform: none !important;
  }
}
/* /v45 — full header and dropdown repair */

/* v46 — stronger premium full header */
/* Дожим шапки: полноценный широкий верхний бар, крупнее бренд, читабельнее меню, больше глубины. */
.header {
  min-height: 88px !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(95, 227, 238, .105), transparent 25%),
    radial-gradient(circle at 92% 0%, rgba(214, 170, 103, .085), transparent 26%),
    linear-gradient(90deg, rgba(255,255,255,.035), transparent 22%, rgba(95,227,238,.028) 52%, transparent 78%, rgba(255,255,255,.032)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.030) 0 1px, transparent 1px 12px),
    linear-gradient(180deg, rgba(16, 31, 37, .995), rgba(3, 9, 13, .995)) !important;
  border-bottom: 1px solid rgba(168, 195, 204, .34) !important;
  box-shadow:
    0 20px 48px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.48) !important;
}

.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px 10px !important;
  border-radius: 16px !important;
  pointer-events: none !important;
  border: 1px solid rgba(198, 208, 212, .31) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.052), transparent 30%, rgba(0,0,0,.15)),
    repeating-linear-gradient(90deg, rgba(95,227,238,.030) 0 1px, transparent 1px 20px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -18px 30px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.026),
    0 0 30px rgba(44,143,158,.10) !important;
  z-index: 0 !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 8px !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(95,227,238,.36), rgba(214,170,103,.24), rgba(95,227,238,.32), transparent) !important;
  opacity: .95 !important;
}

.header > .container.header-inner {
  max-width: 1320px !important;
  width: min(1320px, calc(100% - 52px)) !important;
  min-height: 88px !important;
  padding: 0 !important;
  gap: 34px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.header .brand-banner-link.brand-mark {
  padding: 8px 14px !important;
  gap: 13px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.010)) !important;
  border: 1px solid rgba(198,208,212,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 20px rgba(0,0,0,.18) !important;
}

.header .brand-mark__logo {
  width: 50px !important;
  height: 50px !important;
  filter:
    drop-shadow(0 10px 18px rgba(0,0,0,.40))
    drop-shadow(0 0 11px rgba(214,170,103,.10)) !important;
}

.header .brand-mark__title {
  font-size: 18px !important;
  line-height: 1.05 !important;
  color: #fffaf0 !important;
  letter-spacing: .01em !important;
}

.header .brand-mark__tagline {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.05 !important;
  color: rgba(214, 170, 103, .92) !important;
  letter-spacing: .125em !important;
}

.header .nav {
  gap: 9px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.030), rgba(255,255,255,.008)) !important;
  border: 1px solid rgba(198,208,212,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 20px rgba(0,0,0,.16) !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  min-height: 40px !important;
  padding: 10px 15px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .055em !important;
  color: rgba(238,245,248,.82) !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(43, 78, 84, .98), rgba(8, 27, 32, .99)) !important;
  border-color: rgba(198,208,212,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 9px 20px rgba(0,0,0,.22),
    0 0 18px rgba(44,143,158,.14) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #fff !important;
  background:
    linear-gradient(180deg, rgba(53, 101, 109, .98), rgba(8, 33, 39, .99)) !important;
  border-color: rgba(205, 218, 222, .46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 10px 24px rgba(0,0,0,.28),
    0 0 24px rgba(44,143,158,.20) !important;
}

/* Выпадающее меню оставляем компактным и поверх всех блоков. */
.header .nav-dropdown__menu {
  top: calc(100% + 14px) !important;
  min-width: 240px !important;
  max-width: 300px !important;
  padding: 11px !important;
  border-radius: 20px !important;
  z-index: 10000 !important;
}

@media (max-width: 1260px) {
  .header > .container.header-inner {
    width: min(1320px, calc(100% - 32px)) !important;
    gap: 20px !important;
  }
  .header .brand-mark__logo {
    width: 46px !important;
    height: 46px !important;
  }
  .header .brand-mark__title {
    font-size: 16px !important;
  }
  .header .nav {
    gap: 5px !important;
  }
  .header .nav a,
  .header .nav-dropdown__toggle {
    padding: 9px 11px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 900px) {
  .header {
    min-height: auto !important;
  }
  .header > .container.header-inner {
    min-height: 76px !important;
  }
  .header .nav {
    border-radius: 18px !important;
  }
}
/* /v46 — stronger premium full header */


/* v47 — metallic recessed header tabs */
/* Новый курс: тёмный алюминий / металлик, без пузырей, с утопленными вкладками и простыми выпадающими списками. */
.header {
  min-height: 92px !important;
  padding: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 12%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.020) 0 1px, rgba(0,0,0,0) 1px 4px),
    linear-gradient(90deg, #394247 0%, #667179 12%, #2a3136 28%, #4f5a61 48%, #1d2328 64%, #5b666d 82%, #2b3238 100%) !important;
  border-top: 1px solid rgba(255,255,255,.20) !important;
  border-bottom: 1px solid rgba(0,0,0,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 12px 28px rgba(0,0,0,.30) !important;
}

.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border-radius: 0 0 18px 18px !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 26%),
    linear-gradient(90deg, rgba(255,255,255,.03), rgba(255,255,255,.01) 18%, rgba(0,0,0,.07) 50%, rgba(255,255,255,.02) 82%, rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(184,197,205,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -20px 22px rgba(0,0,0,.18) !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 14px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.22)) !important;
}

.header > .container.header-inner {
  max-width: 1320px !important;
  width: min(1320px, calc(100% - 36px)) !important;
  min-height: 92px !important;
  position: relative !important;
  z-index: 2 !important;
  gap: 28px !important;
}

.header .brand-banner-link.brand-mark {
  padding: 7px 12px !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .brand-mark__logo {
  width: 48px !important;
  height: 48px !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.45)) !important;
}

.header .brand-mark__title {
  font-size: 17px !important;
  line-height: 1.05 !important;
  color: #f3ead2 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.6), 0 0 12px rgba(214,170,103,.10) !important;
}

.header .brand-mark__tagline {
  margin-top: 3px !important;
  font-size: 10px !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  color: rgba(214,170,103,.94) !important;
}

.header .nav {
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  min-height: 42px !important;
  padding: 10px 13px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
  color: rgba(245, 247, 248, .92) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.65) !important;
  transition: .18s ease !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff6dc !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.22), rgba(255,255,255,.02) 40%, rgba(0,0,0,.20) 100%) !important;
  border-color: rgba(177, 191, 199, .20) !important;
  box-shadow:
    inset 0 1px 2px rgba(0,0,0,.55),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 1px 0 rgba(255,255,255,.04) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.38), rgba(255,255,255,.03) 42%, rgba(0,0,0,.28)) !important;
  border-color: rgba(198, 170, 110, .36) !important;
  box-shadow:
    inset 0 2px 3px rgba(0,0,0,.62),
    inset 0 -1px 0 rgba(255,255,255,.06),
    0 0 0 1px rgba(255,255,255,.03) !important;
}

.header .nav-dropdown {
  position: relative !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 10px) !important;
  left: 0 !important;
  min-width: 250px !important;
  max-width: 310px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(86,95,102,.97), rgba(34,40,45,.985) 55%, rgba(20,24,28,.995)) !important;
  border: 1px solid rgba(182,195,202,.24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.45),
    0 18px 26px rgba(0,0,0,.42) !important;
  backdrop-filter: none !important;
}

.header .nav-dropdown__menu a {
  display: block !important;
  min-height: auto !important;
  padding: 11px 13px !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015) 40%, rgba(0,0,0,.12)) !important;
  border: 1px solid rgba(185,196,203,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.26) !important;
  color: rgba(245,247,248,.94) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  white-space: normal !important;
}

.header .nav-dropdown__menu a + a {
  margin-top: 6px !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  color: #ffefc7 !important;
  border-color: rgba(204,177,120,.28) !important;
  background:
    linear-gradient(180deg, rgba(104,112,118,.60), rgba(42,48,53,.94) 55%, rgba(22,26,30,.98)) !important;
}

.header .nav-badge {
  background: linear-gradient(180deg, #d8a95c, #8d6530) !important;
  color: #1b1310 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

@media (max-width: 1260px) {
  .header > .container.header-inner {
    width: min(1320px, calc(100% - 24px)) !important;
    gap: 20px !important;
  }
  .header .nav a,
  .header .nav-dropdown__toggle {
    padding: 10px 10px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 980px) {
  .header {
    min-height: auto !important;
  }
  .header > .container.header-inner {
    min-height: 78px !important;
  }
  .header .brand-mark__tagline {
    letter-spacing: .1em !important;
  }
}
/* /v47 — metallic recessed header tabs */

/* v48 — dark teal metallic header */
/* Затемнение шапки под основную палитру сайта: #041620 / #061d28 / #0f343f. */
.header {
  min-height: 88px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 16%),
    radial-gradient(circle at 18% 0%, rgba(15,52,63,.42), transparent 28%),
    radial-gradient(circle at 82% 0%, rgba(6,29,40,.42), transparent 26%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.014) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, #041620 0%, #061d28 26%, #0a2732 52%, #061d28 76%, #041620 100%) !important;
  border-top: 1px solid rgba(160, 184, 190, .12) !important;
  border-bottom: 1px solid rgba(0,0,0,.66) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.52),
    0 16px 34px rgba(0,0,0,.35) !important;
}

.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px 4px !important;
  border-radius: 0 0 16px 16px !important;
  pointer-events: none !important;
  border: 1px solid rgba(198,208,212,.13) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,0) 24%),
    linear-gradient(90deg, rgba(15,52,63,.20), transparent 22%, rgba(0,0,0,.12) 50%, transparent 78%, rgba(15,52,63,.16)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 1px, transparent 1px 12px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -18px 26px rgba(0,0,0,.22),
    0 0 18px rgba(15,52,63,.18) !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 10px !important;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.24)) !important;
  opacity: .9 !important;
}

.header > .container.header-inner {
  min-height: 88px !important;
}

.header .brand-banner-link.brand-mark {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .brand-mark__title {
  color: #f5f0e6 !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.72),
    0 0 10px rgba(15,52,63,.18) !important;
}

.header .brand-mark__tagline {
  color: rgba(214,170,103,.88) !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  color: rgba(236,244,246,.88) !important;
  background: transparent !important;
  border-color: transparent !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.70) !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff7df !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.28), rgba(15,52,63,.16) 50%, rgba(0,0,0,.26)) !important;
  border-color: rgba(198,208,212,.16) !important;
  box-shadow:
    inset 0 2px 3px rgba(0,0,0,.50),
    inset 0 -1px 0 rgba(255,255,255,.045),
    0 1px 0 rgba(255,255,255,.025) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.42), rgba(15,52,63,.18) 48%, rgba(0,0,0,.32)) !important;
  border-color: rgba(214,170,103,.26) !important;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.62),
    inset 0 -1px 0 rgba(255,255,255,.045),
    0 0 0 1px rgba(255,255,255,.020) !important;
}

.header .nav-dropdown__menu {
  background:
    linear-gradient(180deg, rgba(15,52,63,.98), rgba(6,29,40,.99) 48%, rgba(4,22,32,.995)) !important;
  border-color: rgba(198,208,212,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.46),
    0 18px 30px rgba(0,0,0,.44) !important;
}

.header .nav-dropdown__menu a {
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(0,0,0,.13)) !important;
  border-color: rgba(198,208,212,.08) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(15,52,63,.58), rgba(4,22,32,.98)) !important;
  border-color: rgba(214,170,103,.22) !important;
}
/* /v48 — dark teal metallic header */

/* v49 — tinted dark teal brushed metal header */
/* Тёмный металл в фирменном оттенке: #041620 / #061d28 / #0f343f, без светлого серого алюминия. */
.header {
  min-height: 88px !important;
  padding: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.010) 12%, rgba(0,0,0,.18) 100%),
    linear-gradient(90deg,
      #031219 0%,
      #041620 14%,
      #082331 31%,
      #0f343f 48%,
      #082331 64%,
      #061d28 82%,
      #031219 100%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.026) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.010) 0 1px, transparent 1px 9px) !important;
  background-blend-mode: screen, normal, soft-light, overlay !important;
  border-top: 1px solid rgba(145, 192, 202, .16) !important;
  border-bottom: 1px solid rgba(0,0,0,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.070),
    inset 0 -1px 0 rgba(0,0,0,.58),
    inset 0 -22px 38px rgba(0,0,0,.24),
    0 16px 36px rgba(0,0,0,.38) !important;
}

.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px 4px !important;
  border-radius: 0 0 16px 16px !important;
  pointer-events: none !important;
  border: 1px solid rgba(145,192,202,.17) !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.035) 18%,
      rgba(15,52,63,.34) 38%,
      rgba(255,255,255,.060) 50%,
      rgba(15,52,63,.26) 62%,
      rgba(0,0,0,.16) 84%,
      transparent 100%),
    repeating-linear-gradient(100deg, rgba(255,255,255,.020) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 30%, rgba(0,0,0,.18)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -18px 30px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 0 22px rgba(15,52,63,.22) !important;
  opacity: .96 !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 11px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(15,52,63,.42), transparent),
    linear-gradient(180deg, transparent, rgba(0,0,0,.30)) !important;
  opacity: .95 !important;
}

.header > .container.header-inner {
  min-height: 88px !important;
}

.header .brand-banner-link.brand-mark {
  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(0,0,0,.10)) !important;
  border: 1px solid rgba(145,192,202,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 8px 18px rgba(0,0,0,.18) !important;
}

.header .brand-mark__logo {
  filter:
    drop-shadow(0 8px 14px rgba(0,0,0,.42))
    drop-shadow(0 0 10px rgba(15,52,63,.18)) !important;
}

.header .brand-mark__title {
  color: #f6efe2 !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.75),
    0 0 10px rgba(15,52,63,.22) !important;
}

.header .brand-mark__tagline {
  color: rgba(214,170,103,.92) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.72) !important;
}

/* Вкладки остаются утопленными, но оттенок теперь тоже тёмно-бирюзовый, а не серый. */
.header .nav a,
.header .nav-dropdown__toggle {
  color: rgba(238,246,248,.88) !important;
  background: transparent !important;
  border-color: transparent !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.72) !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff7df !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.32), rgba(15,52,63,.22) 48%, rgba(0,0,0,.30)) !important;
  border-color: rgba(145,192,202,.20) !important;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.55),
    inset 0 -1px 0 rgba(255,255,255,.045),
    0 1px 0 rgba(255,255,255,.025) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(15,52,63,.24) 48%, rgba(0,0,0,.36)) !important;
  border-color: rgba(214,170,103,.30) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.66),
    inset 0 -1px 0 rgba(255,255,255,.050),
    0 0 0 1px rgba(255,255,255,.018) !important;
}

.header .nav-dropdown__menu {
  background:
    linear-gradient(180deg, rgba(15,52,63,.96), rgba(6,29,40,.99) 48%, rgba(4,22,32,.995)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px) !important;
  background-blend-mode: normal, soft-light !important;
  border-color: rgba(145,192,202,.20) !important;
}

.header .nav-dropdown__menu a {
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(15,52,63,.10) 45%, rgba(0,0,0,.16)) !important;
  border-color: rgba(145,192,202,.10) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(15,52,63,.64), rgba(4,22,32,.98)) !important;
  border-color: rgba(214,170,103,.24) !important;
}
/* /v49 — tinted dark teal brushed metal header */

/* v50 — horizontal brushed texture correction */
/* Исправление направления шлифовки: текстура металла идёт вдоль шапки, а не поперёк. */
.header {
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.010) 12%, rgba(0,0,0,.18) 100%),
    linear-gradient(90deg,
      #031219 0%,
      #041620 14%,
      #082331 31%,
      #0f343f 48%,
      #082331 64%,
      #061d28 82%,
      #031219 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.010) 0 1px, transparent 1px 9px) !important;
  background-blend-mode: screen, normal, soft-light, overlay !important;
}

.header::before {
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.030) 18%,
      rgba(15,52,63,.30) 38%,
      rgba(255,255,255,.050) 50%,
      rgba(15,52,63,.24) 62%,
      rgba(0,0,0,.16) 84%,
      transparent 100%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.016) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 30%, rgba(0,0,0,.18)) !important;
}

.header .nav-dropdown__menu {
  background:
    linear-gradient(180deg, rgba(15,52,63,.96), rgba(6,29,40,.99) 48%, rgba(4,22,32,.995)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 5px) !important;
  background-blend-mode: normal, soft-light !important;
}
/* /v50 — horizontal brushed texture correction */

/* v51 — dark brushed metal header and dropdown bridge */
/* Шапка: тёмный тонированный металл с горизонтальной шлифовкой + выпадающее меню не исчезает при переходе курсора. */

.header {
  min-height: 88px !important;
  padding: 0 !important;
  background:
    /* мягкая верхняя полировка */
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.018) 14%, rgba(0,0,0,.20) 100%),
    /* тёмный фирменный металл */
    linear-gradient(90deg,
      #031117 0%,
      #041620 16%,
      #061d28 34%,
      #0f343f 50%,
      #061d28 66%,
      #041620 84%,
      #031117 100%),
    /* горизонтальная шлифовка, вдоль шапки */
    repeating-linear-gradient(0deg, rgba(255,255,255,.030) 0 1px, rgba(255,255,255,0) 1px 3px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.16) 0 1px, rgba(0,0,0,0) 1px 7px),
    /* еле заметный длинный блик по центру */
    radial-gradient(ellipse at 50% 0%, rgba(95,227,238,.12), transparent 58%) !important;
  background-blend-mode: screen, normal, soft-light, multiply, screen !important;
  border-top: 1px solid rgba(180, 218, 224, .13) !important;
  border-bottom: 1px solid rgba(0,0,0,.74) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.60),
    inset 0 12px 20px rgba(255,255,255,.018),
    inset 0 -24px 38px rgba(0,0,0,.26),
    0 16px 36px rgba(0,0,0,.36) !important;
}

.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 3px 4px !important;
  border-radius: 0 0 16px 16px !important;
  pointer-events: none !important;
  border: 1px solid rgba(170, 206, 214, .15) !important;
  background:
    /* длинный металлический перелив слева направо */
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,255,255,.026) 18%,
      rgba(15,52,63,.34) 38%,
      rgba(255,255,255,.052) 50%,
      rgba(15,52,63,.24) 62%,
      rgba(0,0,0,.18) 84%,
      transparent 100%),
    /* тонкая горизонтальная структура */
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.12) 0 1px, transparent 1px 11px),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 28%, rgba(0,0,0,.19)) !important;
  background-blend-mode: screen, soft-light, multiply, normal !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -18px 30px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 0 22px rgba(15,52,63,.22) !important;
  opacity: .98 !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 11px !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, transparent, rgba(15,52,63,.42), transparent),
    linear-gradient(180deg, transparent, rgba(0,0,0,.32)) !important;
  opacity: .96 !important;
}

/* Выпадающее меню: убираем мёртвый зазор. */
.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

/* Невидимый мост между кнопкой и меню — курсор не теряет hover. */
.header .nav-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  right: -12px !important;
  top: 100% !important;
  height: 18px !important;
  display: block !important;
  background: transparent !important;
  pointer-events: auto !important;
  z-index: 9998 !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 2px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  min-width: 250px !important;
  max-width: 310px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(15,52,63,.96), rgba(6,29,40,.99) 48%, rgba(4,22,32,.995)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.016) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 10px) !important;
  background-blend-mode: normal, soft-light, multiply !important;
  border: 1px solid rgba(145,192,202,.20) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.46),
    0 18px 30px rgba(0,0,0,.44) !important;
  z-index: 10000 !important;
}

.header .nav-dropdown:hover .nav-dropdown__menu,
.header .nav-dropdown:focus-within .nav-dropdown__menu,
.header .nav-dropdown.is-open .nav-dropdown__menu,
.header .nav-dropdown.open .nav-dropdown__menu {
  display: flex !important;
}

/* Список — не пузыри, а простые металлические пластинки. */
.header .nav-dropdown__menu a {
  border-radius: 9px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040), rgba(15,52,63,.10) 45%, rgba(0,0,0,.16)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.012) 0 1px, transparent 1px 5px) !important;
  border: 1px solid rgba(145,192,202,.10) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(15,52,63,.64), rgba(4,22,32,.98)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0 1px, transparent 1px 5px) !important;
  border-color: rgba(214,170,103,.24) !important;
}
/* /v51 — dark brushed metal header and dropdown bridge */


/* v52 — stronger dark metal header + roomier brand capsule */
.header{
  position: sticky !important;
  top:0 !important;
  z-index:1000 !important;
  background-color:#061d28 !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.075) 0%, rgba(255,255,255,.025) 10%, rgba(0,0,0,.22) 100%),
    linear-gradient(90deg, #041620 0%, #061d28 22%, #0f343f 50%, #061d28 78%, #041620 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.050) 0 1px, rgba(255,255,255,0) 1px 4px),
    repeating-linear-gradient(180deg, rgba(0,0,0,.14) 0 2px, rgba(0,0,0,0) 2px 9px),
    linear-gradient(90deg, transparent 0%, rgba(110,231,240,.10) 50%, transparent 100%) !important;
  background-blend-mode: screen, normal, soft-light, multiply, screen !important;
  border-top:1px solid rgba(207,226,231,.12) !important;
  border-bottom:1px solid rgba(0,0,0,.82) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.58),
    inset 0 14px 28px rgba(255,255,255,.018),
    inset 0 -22px 34px rgba(0,0,0,.20),
    0 10px 28px rgba(0,0,0,.28) !important;
}
.header::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 22%, rgba(0,0,0,.16) 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.026) 0 1px, transparent 1px 6px),
    radial-gradient(ellipse at 50% -40%, rgba(104,218,228,.12), transparent 58%) !important;
  opacity:1 !important;
}
.header-inner{
  min-height:86px !important;
  gap:34px !important;
}
.header .brand-banner-link.brand-mark,
.header .brand-mark{
  display:inline-flex !important;
  align-items:center !important;
  gap:16px !important;
  padding:12px 22px 12px 16px !important;
  min-height:60px !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.015) 30%, rgba(0,0,0,.16)),
    linear-gradient(90deg, rgba(15,52,63,.34), rgba(4,22,32,.18) 30%, rgba(15,52,63,.30) 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.030) 0 1px, transparent 1px 4px) !important;
  border:1px solid rgba(170,205,214,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.38),
    0 8px 20px rgba(0,0,0,.20) !important;
}
.header .brand-mark__logo{
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
}
.header .brand-mark__text{
  gap:4px !important;
}
.header .brand-mark__title{
  font-size:16px !important;
  line-height:1.05 !important;
}
.header .brand-mark__tagline{
  font-size:11px !important;
  letter-spacing:.09em !important;
  color:rgba(223,210,160,.90) !important;
}
/* make menu sit visually lighter, header should not shout */
.header .nav a,
.header .nav-dropdown__toggle{
  background:transparent !important;
  border:1px solid transparent !important;
}
.header .nav a:hover,
.header .nav a.active,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle,
.header .nav-dropdown__toggle.active{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.18)),
    repeating-linear-gradient(180deg, rgba(255,255,255,.03) 0 1px, transparent 1px 4px) !important;
  border-color:rgba(214,170,103,.20) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 4px 12px rgba(0,0,0,.14) !important;
}
/* /v52 */

/* v54 — safe dark brushed header final */
/* Без изменения каркаса. Только внешний вид шапки, текстура на общей подложке, логоблок с воздухом и нормальная выпадашка. */

/* Общая подложка шапки: тёмный фирменный металл. Геометрию не трогаем. */
.header {
  background-color: #041620 !important;
  background-image:
    /* лёгкий верхний лак */
    linear-gradient(180deg, rgba(255,255,255,.060) 0%, rgba(255,255,255,.018) 13%, rgba(0,0,0,.24) 100%),
    /* фирменный тёмно-бирюзовый металл */
    linear-gradient(90deg, #031219 0%, #041620 16%, #061d28 35%, #0f343f 51%, #061d28 68%, #041620 86%, #031219 100%),
    /* горизонтальная шлифовка вдоль шапки */
    repeating-linear-gradient(0deg, rgba(255,255,255,.060) 0 1px, rgba(255,255,255,0) 1px 5px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.180) 0 1px, rgba(0,0,0,0) 1px 9px),
    /* широкий приглушённый блик, без серого алюминия */
    radial-gradient(ellipse at 50% -20%, rgba(109, 219, 228, .145), rgba(109, 219, 228, .030) 30%, transparent 66%) !important;
  background-blend-mode: screen, normal, soft-light, multiply, screen !important;
  border-top: 1px solid rgba(180, 218, 224, .12) !important;
  border-bottom: 1px solid rgba(0,0,0,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.070),
    inset 0 -1px 0 rgba(0,0,0,.60),
    inset 0 14px 24px rgba(255,255,255,.018),
    inset 0 -24px 36px rgba(0,0,0,.28),
    0 14px 32px rgba(0,0,0,.32) !important;
}

/* Декоративный слой только на подложке шапки, не на кнопках и не на логотипе. */
.header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.030) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(0deg, rgba(0,0,0,.115) 0 1px, transparent 1px 11px),
    linear-gradient(90deg, rgba(0,0,0,.22), transparent 18%, rgba(255,255,255,.040) 50%, transparent 82%, rgba(0,0,0,.20)) !important;
  background-blend-mode: soft-light, multiply, screen !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.052),
    inset 0 -1px 0 rgba(0,0,0,.44) !important;
  opacity: 1 !important;
  z-index: 0 !important;
}

.header::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 10px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.32)) !important;
  opacity: .95 !important;
  z-index: 0 !important;
}

/* Внутреннюю геометрию не задаём заново. Только гарантируем слой поверх текстуры. */
.header .header-inner,
.header > .container.header-inner,
.header .brand-banner-link,
.header .nav,
.header .nav-dropdown {
  position: relative !important;
  z-index: 2 !important;
}

/* Логотипный блок: больше воздуха, но без полос металла на самом блоке. */
.header .brand-banner-link.brand-mark,
.header .brand-mark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 22px 12px 16px !important;
  min-height: 60px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(18, 39, 47, .94), rgba(5, 16, 22, .97)) !important;
  border: 1px solid rgba(164, 193, 201, .16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.34),
    0 9px 22px rgba(0,0,0,.20) !important;
}

.header .brand-mark__logo {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
}

.header .brand-mark__text {
  gap: 4px !important;
}

.header .brand-mark__title {
  font-size: 16px !important;
  line-height: 1.05 !important;
  color: #f6efe2 !important;
}

.header .brand-mark__tagline {
  font-size: 11px !important;
  letter-spacing: .09em !important;
  color: rgba(223,210,160,.90) !important;
}

/* Меню: без пузырей. Нейтральные надписи, активное состояние — утопленная пластина. */
.header .nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  color: rgba(238,246,248,.90) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.72) !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff7df !important;
  background: linear-gradient(180deg, rgba(0,0,0,.28), rgba(15,52,63,.16) 52%, rgba(0,0,0,.24)) !important;
  border-color: rgba(170,205,214,.15) !important;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.44),
    inset 0 -1px 0 rgba(255,255,255,.045) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.42), rgba(15,52,63,.20) 50%, rgba(0,0,0,.34)) !important;
  border-color: rgba(214,170,103,.27) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.60),
    inset 0 -1px 0 rgba(255,255,255,.048) !important;
}

/* Выпадающее меню: не исчезает при движении мыши вниз. */
.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

.header .nav-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  right: -12px !important;
  top: 100% !important;
  height: 18px !important;
  display: block !important;
  pointer-events: auto !important;
  background: transparent !important;
  z-index: 9998 !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 2px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  min-width: 250px !important;
  max-width: 310px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(14,31,38,.98), rgba(5,14,19,.985)) !important;
  border: 1px solid rgba(170,198,206,.18) !important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.40) !important;
  z-index: 10000 !important;
}

.header .nav-dropdown__menu a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  background: linear-gradient(180deg, rgba(36,65,73,.92), rgba(7,23,29,.96)) !important;
  color: #ffefc7 !important;
}
/* /v54 — safe dark brushed header final */

/* v55 — real image texture header */
/* Шапка теперь использует настоящую тёмную metallic-подложку из картинки, а не имитацию одними CSS-градиентами. */
.header {
  background-color: #041620 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.20)),
    url('../branding/header_metal_dark.png') !important;
  background-repeat: repeat-x !important;
  background-size: auto 100% !important;
  background-position: center center !important;
  border-top: 1px solid rgba(210, 224, 228, .10) !important;
  border-bottom: 1px solid rgba(0,0,0,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(0,0,0,.58),
    0 12px 30px rgba(0,0,0,.30) !important;
}

/* Убираем CSS-полосы, чтобы не спорили с настоящей текстурой. */
.header::before,
.header::after {
  content: none !important;
  display: none !important;
}

/* Каркас не трогаем. Только слой поверх фоновой подложки. */
.header .header-inner,
.header > .container.header-inner,
.header .brand-banner-link,
.header .nav,
.header .nav-dropdown {
  position: relative !important;
  z-index: 2 !important;
}

/* Логотипный блок спокойнее: без лишней полосатости, с воздухом. */
.header .brand-banner-link.brand-mark,
.header .brand-mark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 22px 12px 16px !important;
  min-height: 60px !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, rgba(10,28,35,.76), rgba(3,12,17,.82)) !important;
  border: 1px solid rgba(190, 212, 218, .16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.34),
    0 9px 22px rgba(0,0,0,.22) !important;
}

.header .brand-mark__logo {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
}

.header .brand-mark__text {
  gap: 4px !important;
}

.header .brand-mark__title {
  font-size: 16px !important;
  line-height: 1.05 !important;
  color: #f6efe2 !important;
}

.header .brand-mark__tagline {
  font-size: 11px !important;
  letter-spacing: .09em !important;
  color: rgba(223,210,160,.90) !important;
}

/* Меню — без пузырей, поверх металлической основы. */
.header .nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  color: rgba(238,246,248,.90) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.72) !important;
}

.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff7df !important;
  background: linear-gradient(180deg, rgba(0,0,0,.32), rgba(15,52,63,.18) 52%, rgba(0,0,0,.28)) !important;
  border-color: rgba(190,212,218,.16) !important;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.46),
    inset 0 -1px 0 rgba(255,255,255,.045) !important;
}

.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background: linear-gradient(180deg, rgba(0,0,0,.48), rgba(15,52,63,.20) 50%, rgba(0,0,0,.36)) !important;
  border-color: rgba(214,170,103,.30) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.62),
    inset 0 -1px 0 rgba(255,255,255,.048) !important;
}

/* Выпадающее меню не исчезает при движении мыши вниз. */
.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

.header .nav-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  right: -12px !important;
  top: 100% !important;
  height: 18px !important;
  display: block !important;
  pointer-events: auto !important;
  background: transparent !important;
  z-index: 9998 !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 2px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  min-width: 250px !important;
  max-width: 310px !important;
  padding: 8px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(14,31,38,.98), rgba(5,14,19,.985)) !important;
  border: 1px solid rgba(170,198,206,.18) !important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.40) !important;
  z-index: 10000 !important;
}

.header .nav-dropdown__menu a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 10px !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  background: linear-gradient(180deg, rgba(36,65,73,.92), rgba(7,23,29,.96)) !important;
  color: #ffefc7 !important;
}
/* /v55 — real image texture header */

/* v56 — sample-like metal header final pass */
/* Шапка ближе к образцу: цельная металлическая подложка без повторов, логотип без лишней капсулы, меню встроено в панель. */

.header {
  background-color: #041620 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.16)),
    url('../branding/header_metal_dark.png') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  border-top: 1px solid rgba(225, 237, 240, .12) !important;
  border-bottom: 1px solid rgba(0,0,0,.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.60),
    0 14px 34px rgba(0,0,0,.34) !important;
}

/* Никаких дополнительных CSS-полос поверх картинки. */
.header::before,
.header::after {
  content: none !important;
  display: none !important;
}

/* Каркас не трогаем, только гарантируем, что элементы поверх подложки. */
.header .header-inner,
.header > .container.header-inner,
.header .brand-banner-link,
.header .nav,
.header .nav-dropdown {
  position: relative !important;
  z-index: 2 !important;
}

/* Логотип как часть панели, без отдельной тяжёлой "бочки". */
.header .brand-banner-link.brand-mark,
.header .brand-mark {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 4px 8px !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .brand-mark__logo {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  filter:
    drop-shadow(0 2px 3px rgba(0,0,0,.58))
    drop-shadow(0 0 8px rgba(214,170,103,.10)) !important;
}

.header .brand-mark__text {
  gap: 2px !important;
}

.header .brand-mark__title {
  font-size: 16px !important;
  line-height: 1.05 !important;
  color: #ead7b4 !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.78),
    0 0 9px rgba(214,170,103,.12) !important;
}

.header .brand-mark__tagline {
  font-size: 10px !important;
  line-height: 1.05 !important;
  letter-spacing: .13em !important;
  color: rgba(214,170,103,.92) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.78) !important;
}

/* Меню встроено в металл: без пузырей по умолчанию. */
.header .nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 12px !important;
}

.header .nav a,
.header .nav-dropdown__toggle {
  position: relative !important;
  min-height: 36px !important;
  padding: 9px 10px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  color: rgba(242,246,247,.90) !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.80),
    0 0 8px rgba(0,0,0,.24) !important;
}

/* Наведение — лёгкое углубление, не кнопка. */
.header .nav a:hover,
.header .nav-dropdown:hover .nav-dropdown__toggle,
.header .nav-dropdown:focus-within .nav-dropdown__toggle {
  color: #fff4d8 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.26), rgba(15,52,63,.14) 48%, rgba(0,0,0,.24)) !important;
  border-color: rgba(220, 196, 144, .16) !important;
  box-shadow:
    inset 0 2px 4px rgba(0,0,0,.46),
    inset 0 -1px 0 rgba(255,255,255,.04) !important;
}

/* Активная вкладка как в образце: вдавленная пластина + бирюзовая нижняя подсветка. */
.header .nav a.active,
.header .nav-dropdown__toggle.active,
.header .nav-dropdown.is-active .nav-dropdown__toggle {
  color: #ffefc7 !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.48), rgba(14,38,45,.46) 48%, rgba(0,0,0,.40)) !important;
  border-color: rgba(214,170,103,.34) !important;
  box-shadow:
    inset 0 2px 5px rgba(0,0,0,.68),
    inset 0 -1px 0 rgba(255,255,255,.05),
    0 0 0 1px rgba(255,255,255,.018) !important;
}

.header .nav a.active::after,
.header .nav-dropdown__toggle.active::after,
.header .nav-dropdown.is-active .nav-dropdown__toggle::after {
  content: "" !important;
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: -10px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(95,227,238,.86), transparent) !important;
  box-shadow:
    0 0 10px rgba(95,227,238,.52),
    0 0 20px rgba(95,227,238,.22) !important;
  pointer-events: none !important;
}

/* Выпадающее меню: стабильное, простое, без пузырей. */
.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

.header .nav-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -12px !important;
  right: -12px !important;
  top: 100% !important;
  height: 20px !important;
  display: block !important;
  pointer-events: auto !important;
  background: transparent !important;
  z-index: 9998 !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 3px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  min-width: 250px !important;
  max-width: 310px !important;
  padding: 8px !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(18,32,38,.98), rgba(5,12,17,.985)) !important;
  border: 1px solid rgba(185,205,210,.20) !important;
  box-shadow:
    0 18px 36px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.42) !important;
  z-index: 10000 !important;
}

.header .nav-dropdown__menu a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: rgba(238,246,248,.88) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  background: linear-gradient(180deg, rgba(35,58,66,.92), rgba(7,21,28,.96)) !important;
  color: #ffefc7 !important;
}

/* На узких экранах не ломаем меню. */
@media (max-width: 980px) {
  .header .nav {
    gap: 6px !important;
  }
  .header .brand-mark__logo {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }
}
/* /v56 — sample-like metal header final pass */


/* v57 — logo richer + dropdown without heavy outer frame */
/* Точечная доработка по фидбеку: богаче логотип, без капсулы; дропдаун без тяжёлого общего контейнера. */

.header .brand-banner-link.brand-mark,
.header .brand-mark {
  gap: 14px !important;
  padding: 2px 4px !important;
  align-items: center !important;
}

.header .brand-mark__logo {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  filter:
    drop-shadow(0 2px 2px rgba(0,0,0,.72))
    drop-shadow(0 6px 10px rgba(0,0,0,.34))
    drop-shadow(0 0 10px rgba(214,170,103,.10)) !important;
}

.header .brand-mark__text {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: baseline !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

.header .brand-mark__title {
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  color: #eddcbc !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.06),
    0 2px 0 rgba(0,0,0,.70),
    0 3px 6px rgba(0,0,0,.34),
    0 0 10px rgba(214,170,103,.11) !important;
}

.header .brand-mark__tagline {
  margin-top: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  color: rgba(214,170,103,.95) !important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.82),
    0 2px 5px rgba(0,0,0,.25) !important;
}

/* Выпадающее меню делаем «воздушным»: без общего тяжёлого бокса, только отдельные полупрозрачные пластины. */
.header .nav-dropdown__menu {
  top: calc(100% + 8px) !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  min-width: 0 !important;
  max-width: none !important;
  width: max-content !important;
  padding: 0 !important;
  display: none !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.header .nav-dropdown:hover .nav-dropdown__menu,
.header .nav-dropdown:focus-within .nav-dropdown__menu,
.header .nav-dropdown.is-open .nav-dropdown__menu,
.header .nav-dropdown.open .nav-dropdown__menu {
  display: flex !important;
}

.header .nav-dropdown__menu a {
  display: flex !important;
  align-items: center !important;
  min-height: 46px !important;
  padding: 12px 18px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(15, 40, 49, .72), rgba(4, 14, 20, .68)) !important;
  border: 1px solid rgba(171, 198, 205, .20) !important;
  color: rgba(244, 247, 248, .94) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.34) !important;
  backdrop-filter: blur(8px) saturate(115%) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  background:
    linear-gradient(180deg, rgba(28, 63, 74, .82), rgba(6, 22, 29, .78)) !important;
  border-color: rgba(214,170,103,.26) !important;
  color: #ffefc7 !important;
  box-shadow:
    0 16px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 16px rgba(95,227,238,.10) !important;
}

/* Небольшой запас для моста ховера. */
.header .nav-dropdown::after {
  left: -10px !important;
  right: -10px !important;
  height: 18px !important;
}

@media (max-width: 1180px) {
  .header .brand-mark__logo {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
  }
  .header .brand-mark__title {
    font-size: 16px !important;
  }
  .header .brand-mark__tagline {
    font-size: 10px !important;
    letter-spacing: .08em !important;
  }
  .header .brand-mark__text {
    gap: 8px !important;
  }
}

@media (max-width: 860px) {
  .header .brand-mark__text {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }
  .header .nav-dropdown__menu {
    left: 0 !important;
    transform: none !important;
  }
}
/* /v57 — logo richer + dropdown without heavy outer frame */

/* v58 — dropdown left aligned translucent plates */
/* Выпадающее меню: привязка к левому краю кнопки, легче/прозрачнее, без тяжёлой внешней рамки. */

.header .nav-dropdown {
  position: relative !important;
  overflow: visible !important;
}

/* Тонкая световая привязка от кнопки к выпадающим пунктам. */
.header .nav-dropdown:hover::before,
.header .nav-dropdown:focus-within::before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  top: calc(100% + 3px) !important;
  width: 42px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(95,227,238,.68), rgba(95,227,238,.16), transparent) !important;
  box-shadow: 0 0 10px rgba(95,227,238,.30) !important;
  pointer-events: none !important;
  z-index: 10001 !important;
}

/* Мостик для мышки оставляем, чтобы меню не пропадало. */
.header .nav-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -8px !important;
  right: -8px !important;
  top: 100% !important;
  height: 22px !important;
  display: block !important;
  pointer-events: auto !important;
  background: transparent !important;
  z-index: 9998 !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 11px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  width: 330px !important;
  min-width: 0 !important;
  max-width: 330px !important;
  padding: 0 !important;
  display: none !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 8px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  z-index: 10000 !important;
}

.header .nav-dropdown:hover .nav-dropdown__menu,
.header .nav-dropdown:focus-within .nav-dropdown__menu,
.header .nav-dropdown.is-open .nav-dropdown__menu,
.header .nav-dropdown.open .nav-dropdown__menu {
  display: flex !important;
}

/* Сами пункты — лёгкие стеклянно-металлические пластинки, примерно 20–25% плотности. */
.header .nav-dropdown__menu a {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-height: 42px !important;
  width: 100% !important;
  padding: 10px 15px !important;
  border-radius: 13px !important;
  white-space: normal !important;
  text-align: left !important;
  background:
    linear-gradient(180deg, rgba(15, 52, 63, .24), rgba(4, 18, 25, .20)) !important;
  border: 1px solid rgba(171, 198, 205, .18) !important;
  color: rgba(244, 247, 248, .92) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.070),
    inset 0 -1px 0 rgba(0,0,0,.22) !important;
  backdrop-filter: blur(8px) saturate(115%) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a.active {
  background:
    linear-gradient(180deg, rgba(25, 70, 82, .34), rgba(6, 24, 31, .30)) !important;
  border-color: rgba(214,170,103,.26) !important;
  color: #ffefc7 !important;
  box-shadow:
    0 14px 26px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.090),
    0 0 14px rgba(95,227,238,.12) !important;
}

@media (max-width: 860px) {
  .header .nav-dropdown__menu {
    width: 280px !important;
    max-width: 280px !important;
  }
}
/* /v58 — dropdown left aligned translucent plates */

/* v59 — dropdown plates more visible */
.header .nav-dropdown__menu {
  width: 318px !important;
  max-width: 318px !important;
  gap: 10px !important;
}

.header .nav-dropdown__menu a {
  min-height: 46px !important;
  padding: 11px 16px !important;
  background:
    linear-gradient(180deg, rgba(14, 52, 62, .48), rgba(6, 23, 30, .42)) !important;
  border: 1px solid rgba(180, 205, 212, .24) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.26) !important;
  backdrop-filter: blur(10px) saturate(120%) !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a:focus-visible,
.header .nav-dropdown__menu a.active {
  background:
    linear-gradient(180deg, rgba(22, 74, 86, .58), rgba(7, 28, 36, .50)) !important;
  border-color: rgba(214,170,103,.32) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.10),
    0 0 14px rgba(95,227,238,.14) !important;
}

@media (max-width: 860px) {
  .header .nav-dropdown__menu {
    width: 280px !important;
    max-width: 280px !important;
  }
}
/* /v59 — dropdown plates more visible */

/* v60 — dropdown compact readable plates */
/* Дропдаун: компактнее, темнее, не смешивается с крупным текстом под шапкой. */

.header .nav-dropdown:hover::before,
.header .nav-dropdown:focus-within::before {
  left: 8px !important;
  top: calc(100% + 2px) !important;
  width: 34px !important;
  height: 2px !important;
  opacity: .75 !important;
}

.header .nav-dropdown::after {
  left: -8px !important;
  right: -8px !important;
  top: 100% !important;
  height: 18px !important;
}

.header .nav-dropdown__menu {
  top: calc(100% + 7px) !important;
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  width: 292px !important;
  min-width: 0 !important;
  max-width: 292px !important;
  padding: 0 !important;
  gap: 6px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .nav-dropdown__menu a {
  min-height: 38px !important;
  padding: 8px 13px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  line-height: 1.15 !important;
  background:
    linear-gradient(180deg, #09232b, #03141c) !important;
  border: 1px solid rgba(177, 205, 212, .24) !important;
  color: rgba(246, 248, 248, .95) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.80) !important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.30) !important;
  backdrop-filter: none !important;
}

.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a:focus-visible,
.header .nav-dropdown__menu a.active {
  background:
    linear-gradient(180deg, #0e3641, #04141c) !important;
  border-color: rgba(214,170,103,.34) !important;
  color: #ffefc7 !important;
  box-shadow:
    0 12px 22px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.095),
    0 0 14px rgba(95,227,238,.12) !important;
}

@media (max-width: 860px) {
  .header .nav-dropdown__menu {
    width: 260px !important;
    max-width: 260px !important;
  }
}
/* /v60 — dropdown compact readable plates */


/* /v61 — hero panels strict premium polish */
.premium-home-hero-wrap .premium-pane {
  border: 1px solid rgba(240, 218, 160, .14) !important;
  background-color: #091218 !important;
  box-shadow:
    0 26px 60px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.42) !important;
}

.premium-home-hero-wrap .premium-pane::before {
  background: linear-gradient(180deg, rgba(5,9,13,.26), rgba(7,11,16,.44)) !important;
}

.premium-home-hero-wrap .premium-pane::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.015) 10%, rgba(255,255,255,0) 22%),
    linear-gradient(180deg, rgba(0,0,0,0) 68%, rgba(0,0,0,.14) 100%),
    linear-gradient(90deg, rgba(72,185,205,.055) 0%, rgba(72,185,205,0) 18%, rgba(72,185,205,0) 82%, rgba(232,205,150,.04) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 20px 34px rgba(255,255,255,.012);
}

/* убираем тёплое пятно слева сверху и оставляем строгую однородную подложку */
.premium-home-hero-wrap .premium-pane--left::before {
  background: linear-gradient(180deg, rgba(5,9,13,.24), rgba(7,11,16,.46)) !important;
}

.premium-home-hero-wrap .premium-pane--left::after {
  background:
    radial-gradient(circle at 11% 13%, rgba(7,14,18,.42) 0%, rgba(7,14,18,.26) 13%, rgba(7,14,18,0) 30%),
    linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.014) 11%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, rgba(0,0,0,0) 66%, rgba(0,0,0,.15) 100%),
    linear-gradient(90deg, rgba(74,190,210,.05) 0%, rgba(74,190,210,0) 18%, rgba(74,190,210,0) 82%, rgba(232,205,150,.035) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 20px 34px rgba(255,255,255,.012);
}

.premium-home-hero-wrap .premium-pane--right::before {
  background: linear-gradient(180deg, rgba(6,10,14,.22), rgba(7,11,16,.42)) !important;
}

.premium-home-hero-wrap .premium-pane__inner--left,
.premium-home-hero-wrap .premium-pane__inner--right {
  position: relative;
  z-index: 2;
}

.premium-home-hero-wrap .premium-pane__inner--left {
  padding: 36px 38px 30px !important;
}

.premium-home-hero-wrap .premium-pane__inner--right {
  padding: 30px 38px 28px !important;
}

/* лёгкая премиальная полировка текста и кнопок */
.premium-home-hero-wrap .premium-brand-title {
  text-shadow: 0 2px 18px rgba(0,0,0,.18);
}

.premium-home-hero-wrap .premium-brand-copy,
.premium-home-hero-wrap .premium-trend-copy {
  color: rgba(248, 245, 238, .95) !important;
}

.premium-home-hero-wrap .premium-btn {
  box-shadow:
    0 12px 24px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.premium-home-hero-wrap .premium-btn--ghost {
  background: linear-gradient(180deg, rgba(42,58,65,.30), rgba(18,32,39,.32)) !important;
  border-color: rgba(229, 199, 132, .34) !important;
}

/* превью новости — более встроенная рамка */
.premium-home-hero-wrap .premium-trend-preview,
.premium-home-hero-wrap .premium-pane__inner--trend .premium-trend-preview,
.premium-home-hero-wrap .premium-pane__inner--trend .premium-trend-preview--hot {
  border: 1px solid rgba(231, 202, 138, .34) !important;
  background: linear-gradient(180deg, rgba(8,15,21,.96), rgba(6,10,15,.98)) !important;
  box-shadow:
    0 18px 34px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.32),
    0 0 0 1px rgba(11,20,28,.32) !important;
}

.premium-home-hero-wrap .premium-trend-preview::before,
.premium-home-hero-wrap .premium-pane__inner--trend .premium-trend-preview::before,
.premium-home-hero-wrap .premium-pane__inner--trend .premium-trend-preview--hot::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 24%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.premium-home-hero-wrap .premium-trend-preview img,
.premium-home-hero-wrap .premium-pane__inner--trend .premium-trend-preview img {
  filter: saturate(1.03) contrast(1.04);
}

@media (max-width: 1100px) {
  .premium-home-hero-wrap .premium-pane__inner--left,
  .premium-home-hero-wrap .premium-pane__inner--right {
    padding: 28px 28px 24px !important;
  }
}

@media (max-width: 760px) {
  .premium-home-hero-wrap .premium-pane__inner--left,
  .premium-home-hero-wrap .premium-pane__inner--right {
    padding: 22px 20px 20px !important;
  }
}
/* /v61 — hero panels strict premium polish */

/* v62 — continue listening dark transition panel */
/* Блок "Продолжить прослушивание": тёмная переходная панель с готовой текстурой, без ковровой фактуры и белёсой рамки. */

.continue-listening-card.panel {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 9px 9px 22px 22px !important;
  border: 1px solid rgba(74, 112, 126, .34) !important;
  background-color: #061d28 !important;
  background-image:
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.24)),
    url('../branding/continue_listening_dark.webp') !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
  background-position: center center !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.050),
    inset 0 -1px 0 rgba(0,0,0,.38) !important;
}

/* Отключаем лишние старые декоративные слои, из-за которых появлялась светлая труба/ковёр. */
.continue-listening-card.panel::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.040) 0%, rgba(255,255,255,.010) 16%, rgba(0,0,0,0) 44%),
    linear-gradient(90deg, rgba(95,227,238,.040), transparent 20%, transparent 82%, rgba(214,170,103,.030)) !important;
  opacity: .85 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.016),
    inset 0 18px 28px rgba(255,255,255,.010) !important;
}

.continue-listening-card.panel::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  top: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(165,215,228,.22), transparent) !important;
  opacity: .75 !important;
}

.continue-listening-card__cover,
.continue-listening-card__body,
.continue-listening-card__actions {
  position: relative !important;
  z-index: 2 !important;
}

.continue-listening-card__cover {
  border-radius: 13px !important;
  border: 1px solid rgba(112, 157, 171, .26) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.continue-listening-card .eyebrow {
  color: rgba(214, 170, 103, .95) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.75) !important;
}

.continue-listening-card h2 {
  color: #f3f6f8 !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.42) !important;
}

.continue-listening-card p {
  color: rgba(222, 234, 239, .80) !important;
}

/* Кнопки в этом блоке немного спокойнее, чтобы сам блок был переходом, а не главным акцентом. */
.continue-listening-card__actions .btn {
  border-radius: 14px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.14) !important;
}

.continue-listening-card__actions .btn-primary {
  background: linear-gradient(180deg, #4ed2ef 0%, #35b8da 100%) !important;
  border-color: rgba(111, 228, 255, .25) !important;
  color: #06212b !important;
}

.continue-listening-card__actions .btn-outline {
  background: linear-gradient(180deg, rgba(10, 28, 36, .76), rgba(8, 22, 29, .92)) !important;
  border-color: rgba(91, 131, 145, .34) !important;
  color: #eef5f7 !important;
}

.continue-listening-card__actions .btn:hover {
  transform: translateY(-1px);
}

@media (max-width: 760px) {
  .continue-listening-card.panel {
    border-radius: 8px 8px 18px 18px !important;
  }
}
/* /v62 — continue listening dark transition panel */


/* v63 — premium platform cards
   Блок "Где ещё можно слушать и смотреть": делаем карточки благороднее,
   с более премиальной рамкой, мягким объёмом и встроенной иконкой. */
.section-platforms-compact .platform-grid,
.section-platforms-compact .platform-grid-compact {
  gap: 18px !important;
}

.section-platforms-compact .platform-card.platform-card-compact,
.section-platforms-compact .platform-card-compact {
  position: relative !important;
  overflow: hidden !important;
  align-items: center !important;
  min-height: 102px !important;
  padding: 16px 18px !important;
  gap: 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(76, 118, 132, .44) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,0) 18%),
    radial-gradient(circle at 16% 12%, rgba(83, 207, 216, .08), transparent 30%),
    linear-gradient(180deg, rgba(6, 22, 29, .94) 0%, rgba(4, 18, 24, .98) 100%) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.18),
    0 24px 44px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease !important;
}

.section-platforms-compact .platform-card.platform-card-compact::before,
.section-platforms-compact .platform-card-compact::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(173, 211, 222, .08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0) 22%, rgba(0,0,0,0) 72%, rgba(0,0,0,.08));
  pointer-events: none !important;
  z-index: 1 !important;
}

.section-platforms-compact .platform-card.platform-card-compact::after,
.section-platforms-compact .platform-card-compact::after {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  top: 0 !important;
  height: 24px !important;
  border-radius: 0 0 18px 18px !important;
  background: linear-gradient(180deg, rgba(180, 236, 244, .08), rgba(180,236,244,0));
  opacity: .9 !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.section-platforms-compact .platform-card.platform-card-compact > *,
.section-platforms-compact .platform-card-compact > * {
  position: relative !important;
  z-index: 2 !important;
}

.section-platforms-compact .platform-icon-wrap {
  width: 64px !important;
  height: 64px !important;
  flex: 0 0 64px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.08), transparent 42%),
    linear-gradient(180deg, rgba(11, 34, 43, .95), rgba(6, 22, 28, .98)) !important;
  border: 1px solid rgba(97, 143, 157, .34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 10px 18px rgba(0,0,0,.22) !important;
}

.section-platforms-compact .platform-icon {
  width: 52px !important;
  height: 52px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.28));
}

.section-platforms-compact .platform-copy {
  min-width: 0 !important;
}

.section-platforms-compact .platform-name {
  margin: 0 0 5px !important;
  color: #f5f7f8 !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.55) !important;
}

.section-platforms-compact .platform-subtitle {
  color: rgba(223, 233, 237, .72) !important;
  letter-spacing: .045em !important;
}

.section-platforms-compact .platform-card.platform-card-compact:hover,
.section-platforms-compact .platform-card-compact:hover,
.section-platforms-compact .platform-card.platform-card-compact:focus-within,
.section-platforms-compact .platform-card-compact:focus-within {
  transform: translateY(-2px) !important;
  border-color: rgba(110, 179, 197, .58) !important;
  box-shadow:
    0 16px 28px rgba(0,0,0,.22),
    0 30px 52px rgba(0,0,0,.22),
    0 0 0 1px rgba(126, 220, 235, .06),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,255,255,.028) !important;
}

.section-platforms-compact .platform-card.platform-card-compact:hover .platform-icon-wrap,
.section-platforms-compact .platform-card-compact:hover .platform-icon-wrap,
.section-platforms-compact .platform-card.platform-card-compact:focus-within .platform-icon-wrap,
.section-platforms-compact .platform-card-compact:focus-within .platform-icon-wrap {
  border-color: rgba(120, 191, 210, .48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 12px 24px rgba(0,0,0,.24),
    0 0 18px rgba(86, 214, 227, .08) !important;
}

@media (max-width: 900px) {
  .section-platforms-compact .platform-grid,
  .section-platforms-compact .platform-grid-compact {
    gap: 12px !important;
  }

  .section-platforms-compact .platform-card.platform-card-compact,
  .section-platforms-compact .platform-card-compact {
    min-height: 92px !important;
    padding: 13px 14px !important;
    border-radius: 20px !important;
  }

  .section-platforms-compact .platform-card.platform-card-compact::before,
  .section-platforms-compact .platform-card-compact::before {
    inset: 5px !important;
    border-radius: 15px !important;
  }

  .section-platforms-compact .platform-icon-wrap {
    width: 54px !important;
    height: 54px !important;
    flex-basis: 54px !important;
    border-radius: 15px !important;
  }

  .section-platforms-compact .platform-icon {
    width: 44px !important;
    height: 44px !important;
  }
}
/* /v63 — premium platform cards */

/* v64 — platform cards lighter final */
/* Облегчаем карточки площадок: ниже, мягче рамка, меньше тяжёлой кромки, иконки свободнее. */

.section-platforms-compact .platform-grid,
.section-platforms-compact .platform-grid-compact {
  gap: 16px !important;
}

.section-platforms-compact .platform-card.platform-card-compact,
.section-platforms-compact .platform-card-compact {
  min-height: 88px !important;
  padding: 12px 16px !important;
  gap: 13px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(78, 119, 132, .34) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.026) 0%, rgba(255,255,255,0) 18%),
    radial-gradient(circle at 14% 10%, rgba(83, 207, 216, .055), transparent 30%),
    linear-gradient(180deg, rgba(6, 22, 29, .91) 0%, rgba(4, 18, 24, .96) 100%) !important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.15),
    0 18px 34px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.052),
    inset 0 -1px 0 rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.016) !important;
}

.section-platforms-compact .platform-card.platform-card-compact::before,
.section-platforms-compact .platform-card-compact::before {
  inset: 7px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(173, 211, 222, .045) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,0) 24%, rgba(0,0,0,0) 78%, rgba(0,0,0,.045)) !important;
  box-shadow: none !important;
}

.section-platforms-compact .platform-card.platform-card-compact::after,
.section-platforms-compact .platform-card-compact::after {
  left: 18px !important;
  right: 18px !important;
  top: 0 !important;
  height: 18px !important;
  border-radius: 0 0 14px 14px !important;
  background: linear-gradient(180deg, rgba(180, 236, 244, .045), rgba(180,236,244,0)) !important;
  opacity: .7 !important;
}

.section-platforms-compact .platform-icon-wrap {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.065), transparent 42%),
    linear-gradient(180deg, rgba(10, 32, 40, .90), rgba(5, 19, 25, .94)) !important;
  border: 1px solid rgba(97, 143, 157, .26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 8px 14px rgba(0,0,0,.17) !important;
}

.section-platforms-compact .platform-icon {
  width: 48px !important;
  height: 48px !important;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.24)) !important;
}

.section-platforms-compact .platform-name {
  margin: 0 0 4px !important;
  font-size: 21px !important;
}

.section-platforms-compact .platform-subtitle {
  color: rgba(223, 233, 237, .68) !important;
}

.section-platforms-compact .platform-card.platform-card-compact:hover,
.section-platforms-compact .platform-card-compact:hover,
.section-platforms-compact .platform-card.platform-card-compact:focus-within,
.section-platforms-compact .platform-card-compact:focus-within {
  transform: translateY(-1px) !important;
  border-color: rgba(110, 179, 197, .48) !important;
  box-shadow:
    0 12px 22px rgba(0,0,0,.18),
    0 22px 40px rgba(0,0,0,.18),
    0 0 0 1px rgba(126, 220, 235, .045),
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.018) !important;
}

.section-platforms-compact .platform-card.platform-card-compact:hover .platform-icon-wrap,
.section-platforms-compact .platform-card-compact:hover .platform-icon-wrap,
.section-platforms-compact .platform-card.platform-card-compact:focus-within .platform-icon-wrap,
.section-platforms-compact .platform-card-compact:focus-within .platform-icon-wrap {
  border-color: rgba(120, 191, 210, .38) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 9px 16px rgba(0,0,0,.18),
    0 0 14px rgba(86, 214, 227, .055) !important;
}

@media (max-width: 900px) {
  .section-platforms-compact .platform-card.platform-card-compact,
  .section-platforms-compact .platform-card-compact {
    min-height: 82px !important;
    padding: 11px 12px !important;
    border-radius: 19px !important;
  }

  .section-platforms-compact .platform-icon-wrap {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
    border-radius: 14px !important;
  }

  .section-platforms-compact .platform-icon {
    width: 42px !important;
    height: 42px !important;
  }

  .section-platforms-compact .platform-name {
    font-size: 17px !important;
  }
}
/* /v64 — platform cards lighter final */

/* v66 — playlist banner frame only */
/* Откат размеров баннера. Добавляем только аккуратную рамку/кромку и рамку кнопке. */

.playlist-promo,
.playlist-share-banner,
.playlist-builder-banner,
.home-playlist-banner,
.playlist-cta,
.share-playlist-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(150, 185, 194, .30) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.060),
    inset 0 -1px 0 rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.018) !important;
}

/* Только тонкая внутренняя кромка, без изменения размера баннера. */
.playlist-promo::after,
.playlist-share-banner::after,
.playlist-builder-banner::after,
.home-playlist-banner::after,
.playlist-cta::after,
.share-playlist-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255,255,255,.035) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.18) !important;
  background: none !important;
  z-index: 2 !important;
}

.playlist-promo > *,
.playlist-share-banner > *,
.playlist-builder-banner > *,
.home-playlist-banner > *,
.playlist-cta > *,
.share-playlist-card > * {
  position: relative !important;
  z-index: 3 !important;
}

/* Кнопку не меняем по размеру, только делаем рамку/кромку аккуратнее. */
.playlist-promo .btn,
.playlist-share-banner .btn,
.playlist-builder-banner .btn,
.home-playlist-banner .btn,
.playlist-cta .btn,
.share-playlist-card .btn {
  border: 1px solid rgba(111, 228, 255, .30) !important;
  box-shadow:
    0 10px 20px rgba(38,172,209,.14),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(0,0,0,.12) !important;
}

.playlist-promo .btn:hover,
.playlist-share-banner .btn:hover,
.playlist-builder-banner .btn:hover,
.home-playlist-banner .btn:hover,
.playlist-cta .btn:hover,
.share-playlist-card .btn:hover {
  border-color: rgba(145, 238, 255, .42) !important;
  box-shadow:
    0 12px 22px rgba(38,172,209,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.12) !important;
}
/* /v66 — playlist banner frame only */

/* v68 — playlist promo sharp corner no tail */
/* Убираем отдельный треугольник/хвост. Только сам левый нижний угол рамки делаем чуть острее. */

.playlist-promo {
  overflow: hidden !important;
  border-top-left-radius: 34px !important;
  border-top-right-radius: 34px !important;
  border-bottom-right-radius: 34px !important;
  border-bottom-left-radius: 12px !important;
}

/* Внутренняя кромка повторяет форму блока, без отдельного хвоста. */
.playlist-promo::after {
  border-radius: inherit !important;
}

/* На всякий случай запрещаем старый хвост, если где-то остался в кэше/старых правилах. */
.playlist-promo::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  .playlist-promo {
    border-top-left-radius: 26px !important;
    border-top-right-radius: 26px !important;
    border-bottom-right-radius: 26px !important;
    border-bottom-left-radius: 10px !important;
  }
}
/* /v68 — playlist promo sharp corner no tail */

/* =========================================================
   v83 — ANTEY SOUND MOBILE/TABLET SAFE RESPONSIVE PATCH
   Goal: fix mobile overflow without changing desktop design.
   This block is intentionally appended last.
   ========================================================= */

@media screen and (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  video,
  canvas,
  svg {
    max-width: 100% !important;
  }

  main,
  .hero,
  .hero-home,
  .premium-home-hero-wrap,
  .section,
  .container,
  .header > .container,
  .header-inner,
  .premium-hero-shell,
  .premium-pane,
  .premium-pane--left,
  .premium-pane--right,
  .premium-pane__inner,
  .premium-pane__inner--left,
  .premium-pane__inner--right,
  .premium-pane__inner--trend,
  .premium-trend-story,
  .continue-listening-card,
  .playlist-promo,
  .playlist-promo__content,
  .platform-grid,
  .track-grid,
  .track-row {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .container,
  .header > .container.header-inner,
  .premium-home-hero-wrap > .container,
  .premium-hero-shell,
  .section > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Header: compact mobile layout, no overlap. */
  .header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .header > .container.header-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    align-items: center !important;
    row-gap: 8px !important;
    min-height: 110px !important;
    height: auto !important;
    overflow: hidden !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .header .brand-banner-link.brand-mark,
  .brand-banner-link.brand-mark,
  .brand-mark {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    text-align: left !important;
    z-index: 2 !important;
  }

  .header .brand-mark__logo,
  .brand-mark__logo {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
  }

  .header .brand-mark__text,
  .brand-mark__text {
    min-width: 0 !important;
    max-width: calc(100vw - 92px) !important;
    overflow: hidden !important;
    display: block !important;
  }

  .header .brand-mark__title,
  .brand-mark__title {
    display: block !important;
    color: #f5f0e6 !important;
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.02 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .header .brand-mark__tagline,
  .brand-mark__tagline {
    display: block !important;
    color: rgba(214,170,103,.95) !important;
    font-size: clamp(11px, 3.2vw, 14px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .header .nav,
  .nav {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  .header .nav a,
  .header .nav-dropdown__toggle,
  .nav a,
  .nav-dropdown__toggle {
    position: static !important;
    transform: none !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    max-width: 46vw !important;
    padding: 7px 10px !important;
    font-size: clamp(13px, 3.8vw, 17px) !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .header .nav a[href="index.php"],
  .header .nav a[href="tracks.php"],
  .header .nav a[href="music-trends"],
  .header .nav .nav-dropdown,
  .header .nav a[href="forum.php"],
  .header .nav a[href="account.php"],
  .header .nav a[href="logout.php"] {
    display: none !important;
  }

  .header .nav a[href="login.php"],
  .header .nav a[href="register.php"] {
    display: inline-flex !important;
  }

  /* Hero shell and cards: keep background and rounded panels, only constrain geometry. */
  .premium-home-hero-wrap {
    padding-top: 18px !important;
    overflow: hidden !important;
  }

  .premium-hero-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    overflow: hidden !important;
  }

  .premium-pane,
  .premium-pane--left,
  .premium-pane--right {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background-size: cover !important;
    background-position: center center !important;
  }

  .premium-pane__inner,
  .premium-pane__inner--left,
  .premium-pane__inner--right,
  .premium-pane__inner--trend {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 26px 16px !important;
    overflow: hidden !important;
    transform: none !important;
    inset: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .premium-pane__inner--left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  .premium-overline,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--left:nth-of-type(1) > div.premium-pane__inner.premium-pane__inner--left > div.premium-overline:nth-of-type(1) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 0 16px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
    font-size: clamp(14px, 4.2vw, 18px) !important;
    line-height: 1.16 !important;
    letter-spacing: .055em !important;
  }

  .premium-brand-title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
    font-size: clamp(34px, 10.3vw, 44px) !important;
    line-height: .95 !important;
    letter-spacing: -.055em !important;
  }

  .premium-brand-copy {
    width: 100% !important;
    max-width: 36ch !important;
    min-width: 0 !important;
    margin: 0 auto 22px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
    font-size: clamp(15px, 4.4vw, 18px) !important;
    line-height: 1.38 !important;
  }

  .premium-hero-actions,
  .premium-trend-actions,
  .premium-pane__inner--trend .premium-trend-actions {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .premium-btn,
  .premium-pane__inner--trend .premium-trend-actions .premium-btn,
  .btn,
  .playlist-promo__btn {
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    min-height: 46px !important;
    padding: 0 18px !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(12px, 3.7vw, 15px) !important;
    line-height: 1.05 !important;
  }

  /* News card: override generated editor coordinates and clamp only inner text, not the card. */
  .premium-pane__inner--trend {
    display: block !important;
    text-align: left !important;
  }

  .premium-trend-topline {
    display: block !important;
    margin: 0 0 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(12px, 3.6vw, 14px) !important;
    line-height: 1.18 !important;
    letter-spacing: .055em !important;
  }

  .premium-trend-title-static,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > h2.premium-trend-title-static {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-transform: none !important;
    text-align: left !important;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.045em !important;
  }

  .premium-trend-chip,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-chip:nth-of-type(2) {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(12px, 3.6vw, 14px) !important;
    line-height: 1.2 !important;
  }

  .premium-trend-story,
  .premium-pane__inner--trend .premium-trend-story,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 14px !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .premium-live-headline,
  .premium-pane__inner--trend .premium-live-headline,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > div.premium-live-headline:nth-of-type(1) {
    order: 1 !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-transform: none !important;
    text-align: left !important;
    font-size: clamp(22px, 6.3vw, 29px) !important;
    line-height: 1.10 !important;
    letter-spacing: -.04em !important;
  }

  .premium-trend-preview,
  .premium-trend-preview--hot,
  .premium-pane__inner--trend .premium-trend-preview,
  .premium-pane__inner--trend .premium-trend-preview--hot,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > a.premium-trend-preview {
    order: 2 !important;
    position: relative !important;
    display: block !important;
    float: none !important;
    clear: both !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: min(100%, 460px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
    border-radius: 18px !important;
    z-index: 1 !important;
  }

  .premium-trend-preview img,
  .premium-trend-preview--hot img,
  .premium-pane__inner--trend .premium-trend-preview img,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > a.premium-trend-preview > img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
    z-index: 1 !important;
  }

  .premium-trend-copy,
  .premium-pane__inner--trend .premium-trend-copy,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > p.premium-trend-copy {
    order: 3 !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: left !important;
    font-size: clamp(15px, 4.1vw, 18px) !important;
    line-height: 1.38 !important;
  }

  .premium-trend-actions,
  .premium-pane__inner--trend .premium-trend-actions {
    order: 4 !important;
  }

  .continue-listening-card,
  .platform-grid,
  .platform-grid-compact,
  .track-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .playlist-promo,
  .playlist-promo__content,
  .track-row,
  .track-row-compact,
  .section-head,
  .section-tools,
  .home-tools {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .playlist-promo__content h2,
  .section h2,
  .section-title--single-line {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 430px) {
  .container,
  .header > .container.header-inner,
  .premium-home-hero-wrap > .container,
  .premium-hero-shell,
  .section > .container {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .premium-pane__inner,
  .premium-pane__inner--left,
  .premium-pane__inner--right,
  .premium-pane__inner--trend {
    padding: 24px 12px !important;
  }

  .premium-overline,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--left:nth-of-type(1) > div.premium-pane__inner.premium-pane__inner--left > div.premium-overline:nth-of-type(1) {
    font-size: clamp(12px, 3.75vw, 15px) !important;
    letter-spacing: .035em !important;
  }

  .premium-brand-title {
    font-size: clamp(31px, 10vw, 40px) !important;
    letter-spacing: -.065em !important;
  }

  .premium-brand-copy {
    font-size: clamp(14px, 4vw, 17px) !important;
  }

  .premium-trend-title-static,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > h2.premium-trend-title-static {
    font-size: clamp(21px, 6.15vw, 27px) !important;
  }

  .premium-live-headline,
  .premium-pane__inner--trend .premium-live-headline,
  body > main > section.hero.hero-home:nth-of-type(1) > div.container.premium-hero-shell:nth-of-type(3) > div.premium-pane.premium-pane--right:nth-of-type(2) > div.premium-pane__inner.premium-pane__inner--right > div.premium-trend-story:nth-of-type(3) > div.premium-live-headline:nth-of-type(1) {
    font-size: clamp(19px, 5.5vw, 24px) !important;
  }
}

@media screen and (max-width: 340px) {
  .header .brand-mark__logo,
  .brand-mark__logo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    flex-basis: 42px !important;
  }

  .header .brand-mark__title,
  .brand-mark__title {
    font-size: 17px !important;
  }

  .header .brand-mark__tagline,
  .brand-mark__tagline {
    font-size: 11px !important;
  }

  .premium-brand-title {
    font-size: clamp(28px, 9.3vw, 34px) !important;
  }

  .premium-btn,
  .btn,
  .playlist-promo__btn {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
/* /v83 — ANTEY SOUND MOBILE/TABLET SAFE RESPONSIVE PATCH */

/* =========================================================
   v84 — MOBILE HEADER MENU RESTORE
   Restores all main menu items on mobile. The previous v83 layer
   intentionally hid most links; this override keeps the improved
   mobile blocks but makes the header navigation wrap safely.
   ========================================================= */

@media screen and (max-width: 767px) {
  .header {
    overflow: visible !important;
  }

  .header > .container.header-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .header .brand-banner-link.brand-mark,
  .brand-banner-link.brand-mark,
  .brand-mark {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .header .nav,
  .nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 5px 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0 2px !important;
  }

  .header .nav a[href="index.php"],
  .header .nav a[href="tracks.php"],
  .header .nav a[href="music-trends"],
  .header .nav .nav-dropdown,
  .header .nav a[href="forum.php"],
  .header .nav a[href="account.php"],
  .header .nav a[href="logout.php"],
  .header .nav a[href="login.php"],
  .header .nav a[href="register.php"] {
    display: inline-flex !important;
  }

  .header .nav a,
  .header .nav-dropdown,
  .header .nav-dropdown__toggle,
  .nav a,
  .nav-dropdown,
  .nav-dropdown__toggle {
    position: static !important;
    transform: none !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(50vw - 16px) !important;
    min-height: 28px !important;
    padding: 5px 7px !important;
    font-size: clamp(9px, 2.65vw, 12px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .header .nav-dropdown {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .header .nav-dropdown__toggle {
    margin: 0 !important;
  }

  .header .nav-dropdown__menu {
    display: none !important;
  }
}

@media screen and (max-width: 360px) {
  .header .nav,
  .nav {
    gap: 4px 5px !important;
  }

  .header .nav a,
  .header .nav-dropdown__toggle,
  .nav a,
  .nav-dropdown__toggle {
    max-width: calc(50vw - 12px) !important;
    min-height: 26px !important;
    padding: 4px 5px !important;
    font-size: clamp(8px, 2.45vw, 10px) !important;
    letter-spacing: .01em !important;
  }
}

@media screen and (min-width: 520px) and (max-width: 767px) {
  .header .nav a,
  .header .nav-dropdown__toggle,
  .nav a,
  .nav-dropdown__toggle {
    max-width: none !important;
    font-size: clamp(10px, 1.8vw, 12px) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
/* /v84 — MOBILE HEADER MENU RESTORE */

/* =========================================================
   v85 — TRENDS MOBILE ARCHIVE CARDS HARD FIX
   ========================================================= */
@media screen and (max-width: 767px) {
  .section-trends-page, .section-trends-page .container, .section-head--wide, .trends-page-wrap,
  .trend-feed-list, .trend-feed-card, .trend-feed-card.panel, .trend-feed-card__media, .trend-feed-card__body {
    width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important;
  }
  .section-head--wide, .trends-page-wrap {
    margin-left:auto !important; margin-right:auto !important; padding-left:12px !important; padding-right:12px !important; overflow-x:hidden !important;
  }
  .trend-feed-list { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px !important; overflow:visible !important; }
  .trend-feed-list > .trend-feed-card, .trend-feed-card, .trend-feed-card.panel {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-auto-flow:row !important; align-items:stretch !important; justify-items:stretch !important; min-height:0 !important; padding:0 !important; overflow:hidden !important; border-radius:28px !important;
  }
  .trend-feed-card__media { display:block !important; min-height:0 !important; height:auto !important; border-right:0 !important; border-bottom:1px solid rgba(108,152,232,.16) !important; overflow:hidden !important; }
  .trend-feed-card__media img { display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; height:auto !important; aspect-ratio:16/10 !important; object-fit:cover !important; object-position:center center !important; transform:none !important; }
  .trend-feed-card__body { display:flex !important; flex-direction:column !important; gap:12px !important; padding:18px 16px 20px !important; overflow:hidden !important; }
  .trend-feed-card__body > *, .trend-feed-card__meta, .trend-feed-card h4, .trend-feed-card h4 a, .trend-feed-card p, .trend-feed-card .trend-tags, .trend-feed-card .trend-card__actions, .trend-feed-card .btn { max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .trend-feed-card__meta { display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; align-items:center !important; gap:6px 10px !important; overflow:hidden !important; white-space:normal !important; }
  .trend-feed-card__meta *, .trend-feed-card__meta span, .trend-feed-card__meta time { max-width:100% !important; min-width:0 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; text-overflow:clip !important; overflow:visible !important; }
  .trend-feed-card h4 { margin:0 !important; font-size:clamp(20px,6.7vw,28px) !important; line-height:1.12 !important; letter-spacing:-.035em !important; white-space:normal !important; overflow:visible !important; }
  .trend-feed-card h4 a { display:block !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; overflow:visible !important; text-overflow:clip !important; -webkit-line-clamp:unset !important; -webkit-box-orient:initial !important; }
  .trend-feed-card p { margin:0 !important; font-size:clamp(15px,4.4vw,18px) !important; line-height:1.48 !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; overflow:visible !important; text-overflow:clip !important; -webkit-line-clamp:unset !important; -webkit-box-orient:initial !important; }
  .trend-feed-card .trend-tags, .trend-tags { display:flex !important; flex-wrap:wrap !important; gap:8px !important; overflow:visible !important; }
  .trend-feed-card .trend-tags span, .trend-tags span { flex:0 1 auto !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; }
  .trend-feed-card .trend-card__actions, .trend-feed-card__actions { display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin-top:4px !important; overflow:visible !important; }
  .trend-feed-card .btn { flex:1 1 130px !important; width:auto !important; min-height:46px !important; padding-left:14px !important; padding-right:14px !important; white-space:normal !important; overflow-wrap:anywhere !important; text-align:center !important; }
  .trend-inline-banner, .trend-hero, .trend-hero--hot, .trend-post-layout, .trend-post, .trend-post__hero, .trend-post__intro, .trend-post__body, .trend-post-aside, .trend-card, .trend-card__body { max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; }
  .trend-inline-banner h3, .trend-hero h3, .trend-card h4, .trend-card h4 a, .trend-post h1, .trend-post__lead, .trend-post__body p { white-space:normal !important; overflow-wrap:anywhere !important; word-break:normal !important; max-width:100% !important; }
}
@media screen and (max-width:430px) {
  .section-head--wide, .trends-page-wrap { padding-left:8px !important; padding-right:8px !important; }
  .trend-feed-card__body { padding:16px 14px 18px !important; }
  .trend-feed-card h4 { font-size:clamp(19px,6.25vw,24px) !important; }
  .trend-feed-card p { font-size:clamp(14px,4.1vw,17px) !important; }
}
/* /v85 — TRENDS MOBILE ARCHIVE CARDS HARD FIX */


/* =========================================================
   v89 — Assistant admin real integration / status colors
   ========================================================= */
.assistant-color-legend {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:-6px 0 20px;
  padding:14px;
  border-radius:24px;
}
.assistant-color-legend__item {
  border-radius:18px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.14);
  display:grid;
  gap:4px;
  min-width:0;
}
.assistant-color-legend__item b { color:#fff; font-size:13px; line-height:1.1; }
.assistant-color-legend__item span { color:rgba(243,244,238,.82); font-size:12px; line-height:1.25; }
.assistant-color-legend__item--kb { background:linear-gradient(180deg,rgba(46,194,126,.34),rgba(7,52,36,.72)); border-color:rgba(46,194,126,.50); }
.assistant-color-legend__item--external { background:linear-gradient(180deg,rgba(71,156,255,.34),rgba(13,43,82,.72)); border-color:rgba(71,156,255,.50); }
.assistant-color-legend__item--candidate { background:linear-gradient(180deg,rgba(255,105,180,.34),rgba(74,30,61,.72)); border-color:rgba(255,105,180,.50); }
.assistant-color-legend__item--unanswered { background:linear-gradient(180deg,rgba(255,107,107,.34),rgba(84,28,28,.72)); border-color:rgba(255,107,107,.50); }
.assistant-question-card--kb {
  background:radial-gradient(circle at 0% 0%,rgba(46,194,126,.22),transparent 38%),linear-gradient(180deg,rgba(8,48,36,.98),rgba(5,24,22,.98)) !important;
  border-color:rgba(46,194,126,.42) !important;
}
.assistant-question-card--external_ai {
  background:radial-gradient(circle at 0% 0%,rgba(71,156,255,.24),transparent 38%),linear-gradient(180deg,rgba(10,42,74,.98),rgba(6,26,46,.98)) !important;
  border-color:rgba(71,156,255,.42) !important;
}
.assistant-question-card--candidate {
  background:radial-gradient(circle at 0% 0%,rgba(255,105,180,.25),transparent 38%),linear-gradient(180deg,rgba(68,28,58,.98),rgba(35,16,34,.98)) !important;
  border-color:rgba(255,105,180,.42) !important;
}
.assistant-question-card--unanswered {
  background:radial-gradient(circle at 0% 0%,rgba(255,107,107,.26),transparent 38%),linear-gradient(180deg,rgba(70,25,28,.98),rgba(31,13,16,.98)) !important;
  border-color:rgba(255,107,107,.46) !important;
}
.assistant-question-card__answer--needs-admin {
  background:linear-gradient(180deg,rgba(255,107,107,.16),rgba(255,255,255,.035)) !important;
  border-color:rgba(255,107,107,.28) !important;
}
.assistant-question-card__answer--needs-admin small {
  display:block;
  margin-top:10px;
  color:rgba(255,221,221,.86);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}
@media (max-width: 980px) {
  .assistant-color-legend { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 520px) {
  .assistant-color-legend { grid-template-columns:1fr; }
}


/* =========================================================
   v90 — Assistant admin counters, legend, user labels
   ========================================================= */
.assistant-status-grid--admin {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:0 0 22px;
}
.assistant-status-card {
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}
.assistant-status-card::before {
  content:"";
  position:absolute;
  inset:0;
  opacity:.95;
  pointer-events:none;
  z-index:0;
}
.assistant-status-card > * { position:relative; z-index:1; }
.assistant-status-card--kb::before { background:radial-gradient(circle at 18% 0%,rgba(75,255,174,.35),transparent 42%),linear-gradient(180deg,rgba(26,122,82,.92),rgba(8,48,36,.94)); }
.assistant-status-card--external::before { background:radial-gradient(circle at 18% 0%,rgba(106,184,255,.36),transparent 42%),linear-gradient(180deg,rgba(24,94,166,.92),rgba(10,43,82,.94)); }
.assistant-status-card--candidate::before { background:radial-gradient(circle at 18% 0%,rgba(255,146,207,.38),transparent 42%),linear-gradient(180deg,rgba(147,58,111,.92),rgba(74,30,61,.94)); }
.assistant-status-card--unanswered::before { background:radial-gradient(circle at 18% 0%,rgba(255,142,142,.38),transparent 42%),linear-gradient(180deg,rgba(150,55,55,.92),rgba(84,28,28,.94)); }
.assistant-status-card--all::before { background:radial-gradient(circle at 18% 0%,rgba(215,226,240,.34),transparent 42%),linear-gradient(180deg,rgba(72,84,104,.92),rgba(30,37,49,.94)); }
.assistant-status-card--answers::before { background:radial-gradient(circle at 18% 0%,rgba(255,224,119,.44),transparent 42%),linear-gradient(180deg,rgba(166,121,27,.95),rgba(88,58,13,.96)); }
.assistant-color-legend {
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.assistant-color-legend__item--answers { background:linear-gradient(180deg,rgba(255,213,79,.38),rgba(88,58,13,.78)); border-color:rgba(255,213,79,.58); }
.assistant-question-card__user {
  color:#fff7cc !important;
  border-color:rgba(255,213,79,.28) !important;
  background:rgba(255,213,79,.10) !important;
}
.assistant-question-card--unanswered .assistant-question-card__meta {
  align-items:flex-start;
}
.assistant-question-card--unanswered .assistant-question-card__user {
  font-weight:900;
}
@media (max-width:1180px){
  .assistant-status-grid--admin { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .assistant-color-legend { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:720px){
  .assistant-status-grid--admin { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .assistant-color-legend { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:520px){
  .assistant-status-grid--admin, .assistant-color-legend { grid-template-columns:1fr; }
}
/* /v90 — Assistant admin counters, legend, user labels */

/* =========================================================
   v92 — Assistant admin bulk actions
   ========================================================= */
.assistant-bulk-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin: 18px 0 20px;
  padding: 14px 16px;
}
.assistant-bulk-check,
.assistant-card-select {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
}
.assistant-bulk-check input,
.assistant-card-select input {
  width: 20px;
  height: 20px;
  accent-color: #37c6d6;
}
.assistant-bulk-select {
  max-width: 280px;
  min-height: 44px;
}
.assistant-bulk-count {
  color: var(--muted);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .04em;
}
.assistant-question-card__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
}
.assistant-card-select {
  margin-top: 8px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
}
.assistant-question-card.is-selected {
  outline: 2px solid rgba(55, 198, 214, .85);
  box-shadow: 0 0 0 4px rgba(55, 198, 214, .18), var(--shadow);
}
@media (max-width: 760px) {
  .assistant-question-card__head {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .assistant-question-card__meta {
    grid-column: 1 / -1;
  }
  .assistant-bulk-toolbar {
    align-items: stretch;
  }
  .assistant-bulk-select,
  .assistant-bulk-toolbar .btn {
    width: 100%;
    max-width: 100%;
  }
}

/* Assistant clarification status */
.assistant-question-card--clarifying::before { background:#ffd166; }
.assistant-status-card--clarifying { border-color:rgba(255,209,102,.42); background:linear-gradient(180deg,rgba(255,209,102,.13),rgba(255,255,255,.035)); }
.assistant-color-legend__item--clarifying { background:linear-gradient(180deg,rgba(255,209,102,.34),rgba(85,58,16,.72)); border-color:rgba(255,209,102,.50); }
.assistant-question-card--clarifying {
  background:radial-gradient(circle at 0% 0%,rgba(255,209,102,.22),transparent 38%),linear-gradient(180deg,rgba(60,42,16,.98),rgba(28,22,12,.98)) !important;
  border-color:rgba(255,209,102,.42) !important;
}


/* v92.3 — непрозрачные вкладки выпадающего меню: читаемость на телефоне */
.header .nav-dropdown__menu,
.nav-dropdown__menu{
  background-color:#060c18!important;
}
.header .nav-dropdown__menu a,
.nav-dropdown__item{
  background:linear-gradient(180deg,#09232b,#03141c)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.header .nav-dropdown__menu a:hover,
.header .nav-dropdown__menu a:focus-visible,
.header .nav-dropdown__menu a.active,
.nav-dropdown__item:hover,
.nav-dropdown__item.active{
  background:linear-gradient(180deg,#0e3641,#04141c)!important;
}


/* v93.4 — mobile dropdown wider and easier to tap */
@media (max-width: 860px) {
  .header .nav-dropdown__menu {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    gap: 8px !important;
  }
  .header .nav-dropdown__menu a {
    width: 100% !important;
    min-height: 46px !important;
    padding: 11px 14px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
  }
}
@media (max-width: 430px) {
  .header .nav-dropdown__menu {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  .header .nav-dropdown__menu a {
    min-height: 48px !important;
    padding: 12px 14px !important;
  }
}
/* /v93.4 — mobile dropdown wider and easier to tap */

/* v93.5 — mobile dropdown buttons fill the panel correctly
   Fix after v93.4: older mobile nav rules limited every .header .nav a to half viewport,
   so dropdown items stayed short inside a wide panel. */
@media (max-width: 860px) {
  .header .nav-dropdown__menu,
  .nav-dropdown__menu {
    box-sizing: border-box !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    min-width: 0 !important;
    padding: 8px !important;
  }

  .header .nav-dropdown__menu a,
  .nav-dropdown__menu a,
  .nav-dropdown__item {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 46px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 430px) {
  .header .nav-dropdown__menu,
  .nav-dropdown__menu {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    padding: 8px !important;
  }

  .header .nav-dropdown__menu a,
  .nav-dropdown__menu a,
  .nav-dropdown__item {
    min-height: 48px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
  }
}
/* /v93.5 — mobile dropdown buttons fill the panel correctly */

/* v93.6 — mobile dropdown contextual drawer, not fullscreen
   Keeps a visible strip of the site on the right and makes items slightly larger. */
@media (max-width: 860px) {
  .header .nav-dropdown__menu,
  .nav-dropdown__menu {
    box-sizing: border-box !important;
    width: min(88vw, 440px) !important;
    max-width: calc(100vw - 48px) !important;
    min-width: 0 !important;
    padding: 10px !important;
    gap: 10px !important;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
    border-right: 1px solid rgba(91,235,255,.22) !important;
  }

  .header .nav-dropdown__menu a,
  .nav-dropdown__menu a,
  .nav-dropdown__item {
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    padding: 13px 20px !important;
    border-radius: 16px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 430px) {
  .header .nav-dropdown__menu,
  .nav-dropdown__menu {
    width: calc(100vw - 56px) !important;
    max-width: calc(100vw - 56px) !important;
    padding: 10px !important;
    gap: 10px !important;
  }

  .header .nav-dropdown__menu a,
  .nav-dropdown__menu a,
  .nav-dropdown__item {
    min-height: 54px !important;
    padding: 13px 18px !important;
    font-size: 16px !important;
  }
}
/* /v93.6 — mobile dropdown contextual drawer, not fullscreen */


/* v93.7 — nano menu group: Metatrack + audiofabulas + author audiofabulas */
.header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item,
.nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item{
  position:relative!important;
  padding-right:58px!important;
}
.header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item::after,
.nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item::after{
  content:'✓';
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%) rotate(-8deg);
  width:28px;
  height:28px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#c9ff80;
  font-size:26px;
  line-height:1;
  font-weight:1000;
  text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 8px rgba(128,255,78,.44);
  filter:drop-shadow(0 0 4px rgba(117,255,79,.36));
  pointer-events:none;
}
.header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item--first,
.nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item--first{
  margin-top:4px!important;
}
.header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item.active::after,
.nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item.active::after{
  color:#e6ff9b;
  text-shadow:0 2px 0 rgba(0,0,0,.34),0 0 12px rgba(197,255,87,.62);
}
@media(max-width:860px){
  .header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item,
  .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item{
    padding-right:58px!important;
  }
  .header .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item::after,
  .nav-nano-dropdown .nav-dropdown__item.nav-nano-chain-item::after{
    right:17px;
    width:30px;
    height:30px;
    font-size:28px;
  }
}
/* /v93.7 — nano menu group */

/* 094: публичная отметка треков, выложенных на лейбл / доступных через Алису */
.track-alice-release{
  display:inline-flex!important;
  flex:0 0 auto!important;
  min-width:54px!important;
  min-height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0 4px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#9cff58!important;
  text-decoration:none!important;
  text-align:center!important;
  line-height:1!important;
  white-space:nowrap!important;
  user-select:none!important;
}
.track-alice-release__check{
  display:block!important;
  font-size:34px!important;
  line-height:.82!important;
  font-weight:1000!important;
  color:#9cff58!important;
  text-shadow:0 0 10px rgba(156,255,88,.78),0 2px 2px rgba(0,0,0,.38)!important;
  transform:translateY(1px) rotate(-3deg)!important;
}
.track-alice-release__text{
  display:block!important;
  margin-top:1px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#eef7ff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.42)!important;
}
.track-row-compact .track-alice-release--card{
  min-width:50px!important;
  min-height:36px!important;
  margin-left:-3px!important;
}
.track-row-compact .track-alice-release--card .track-alice-release__check{
  font-size:32px!important;
}
.track-row-compact .track-alice-release--card .track-alice-release__text{
  font-size:8px!important;
}
.track-row:not(.track-row-compact) .track-alice-release--card,
.track-alice-release--detail{
  min-width:58px!important;
  min-height:42px!important;
}
.track-row:not(.track-row-compact) .track-alice-release--card .track-alice-release__check,
.track-alice-release--detail .track-alice-release__check{
  font-size:36px!important;
}
.track-actions.compact-actions .track-alice-release{
  align-self:center!important;
}
@media(max-width:820px){
  .track-row-compact .track-actions.compact-actions,
  .track-row-compact .compact-actions-clean{
    gap:10px!important;
    flex-wrap:wrap!important;
  }
  .track-row-compact .track-alice-release--card{
    margin-left:0!important;
  }
}
@media(max-width:520px){
  .track-alice-release__check{font-size:30px!important;}
  .track-alice-release__text{font-size:8px!important;}
}

.site-sticky-player__alice{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  min-width:54px!important;
  min-height:46px!important;
  padding:0 5px!important;
  color:#9cff58!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.site-sticky-player__alice[hidden]{display:none!important;}
.site-sticky-player__alice-check{
  display:block!important;
  font-size:35px!important;
  line-height:.78!important;
  font-weight:1000!important;
  color:#9cff58!important;
  text-shadow:0 0 12px rgba(156,255,88,.82),0 2px 3px rgba(0,0,0,.42)!important;
  transform:translateY(1px) rotate(-3deg)!important;
}
.site-sticky-player__alice-text{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  color:#eef7ff!important;
}
@media(max-width:860px){
  .site-sticky-player__alice{min-width:46px!important;min-height:40px!important;}
  .site-sticky-player__alice-check{font-size:30px!important;}
  .site-sticky-player__alice-text{font-size:8px!important;}
}
.personal-track-row__actions .track-alice-release--personal{
  min-width:54px!important;
  min-height:36px!important;
}
.personal-track-row__actions .track-alice-release--personal .track-alice-release__check{
  font-size:32px!important;
}
.personal-track-row__actions .track-alice-release--personal .track-alice-release__text{
  font-size:8px!important;
}

/* 095: точная посадка отметки «Алиса» внутри компактных карточек треков */
.track-row-compact.is-label-released .track-body,
.track-row-compact:has(.track-alice-release--card) .track-body{
  position:relative!important;
  padding-right:50px!important;
}
.track-row-compact .track-actions.compact-actions .track-alice-release--card,
.track-row-compact .compact-actions-clean .track-alice-release--card,
.track-row-compact .track-alice-release--card{
  position:absolute!important;
  right:7px!important;
  bottom:32px!important;
  z-index:6!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:39px!important;
  min-height:39px!important;
  max-height:39px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform:none!important;
}
.track-row-compact .track-alice-release--card .track-alice-release__check{
  font-size:31px!important;
  line-height:.76!important;
  margin:0!important;
  transform:translateY(0) rotate(-3deg)!important;
}
.track-row-compact .track-alice-release--card .track-alice-release__text{
  display:block!important;
  width:100%!important;
  margin-top:1px!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.track-row-compact.is-label-released .track-actions.compact-actions,
.track-row-compact.is-label-released .compact-actions-clean{
  max-width:100%!important;
  padding-right:0!important;
  overflow:visible!important;
}
.track-row-compact.is-label-released .track-download-inline{
  min-width:96px!important;
}
@supports not selector(:has(*)){
  .track-row-compact.is-label-released .track-body{
    position:relative!important;
    padding-right:50px!important;
  }
}
@media(max-width:820px){
  .track-row-compact.is-label-released .track-body,
  .track-row-compact:has(.track-alice-release--card) .track-body{
    padding-right:46px!important;
  }
  .track-row-compact .track-alice-release--card{
    right:6px!important;
    bottom:30px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
  }
}
@media(max-width:520px){
  .track-row-compact .track-alice-release--card{
    right:7px!important;
    bottom:28px!important;
  }
}

/* 096 — промо-блок Алисы над списками треков */
.alice-listening-promo{
  display:block;
  margin:0 0 24px;
  border-radius:34px;
  color:#f7fbff;
}
.alice-listening-promo__summary{
  display:block;
  position:relative;
  list-style:none;
  cursor:pointer;
  border-radius:34px;
  overflow:hidden;
  outline:none;
  border:1px solid rgba(172,91,255,.28);
  background:rgba(10,7,35,.72);
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 34px rgba(153,61,255,.12);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.alice-listening-promo__summary::-webkit-details-marker{display:none;}
.alice-listening-promo__summary::marker{content:'';}
.alice-listening-promo__summary:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  border-color:rgba(196,112,255,.48);
  box-shadow:0 22px 58px rgba(0,0,0,.35),0 0 44px rgba(171,73,255,.18);
}
.alice-listening-promo[open] .alice-listening-promo__summary{
  border-color:rgba(210,136,255,.55);
}
.alice-listening-promo__summary img{
  display:block;
  width:100%;
  height:auto;
  border-radius:inherit;
}
.alice-listening-promo__details{
  margin-top:14px;
  padding:22px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(13,18,48,.94),rgba(34,11,60,.86));
  border:1px solid rgba(178,106,255,.28);
  box-shadow:inset 0 0 36px rgba(190,92,255,.08),0 18px 44px rgba(0,0,0,.22);
}
.alice-listening-promo__copy h3{
  margin:6px 0 10px;
  font-size:clamp(24px,2.1vw,36px);
  line-height:1.12;
  color:#fff;
}
.alice-listening-promo__copy p{
  margin:0;
  max-width:1060px;
  color:#e5dcff;
  font-size:17px;
  line-height:1.58;
  font-weight:650;
}
.alice-listening-promo__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.alice-listening-promo__card{
  padding:16px 17px;
  border-radius:20px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(205,158,255,.18);
}
.alice-listening-promo__card strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:16px;
  line-height:1.25;
}
.alice-listening-promo__card span{
  display:block;
  color:#ded5f7;
  font-size:14px;
  line-height:1.45;
  font-weight:650;
}
.alice-listening-promo__platforms{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}
.alice-listening-promo__platforms span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,rgba(141,63,242,.64),rgba(40,206,215,.20));
  border:1px solid rgba(218,181,255,.22);
  font-size:13px;
  line-height:1.1;
  font-weight:900;
}
.section-music-list .alice-listening-promo,
.section .container > .alice-listening-promo,
.personal-playlist-container > .alice-listening-promo{
  margin-top:0;
}
@media(max-width:980px){
  .alice-listening-promo{border-radius:26px;margin-bottom:18px;}
  .alice-listening-promo__summary{border-radius:26px;}
  .alice-listening-promo__details{padding:18px;border-radius:22px;}
  .alice-listening-promo__grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .alice-listening-promo{border-radius:20px;margin-bottom:16px;}
  .alice-listening-promo__summary{border-radius:20px;}
  .alice-listening-promo__summary img{
    min-height:112px;
    object-fit:cover;
    object-position:center;
  }
  .alice-listening-promo__details{padding:16px;border-radius:18px;}
  .alice-listening-promo__copy h3{font-size:24px;}
  .alice-listening-promo__copy p{font-size:15px;}
  .alice-listening-promo__platforms span{font-size:12px;min-height:30px;}
}
/* /096 */

/* 097 — видимая кнопка "Подробнее" поверх баннера Алисы */
.alice-listening-promo__cta{
  position:absolute!important;
  left:18.2%!important;
  bottom:15.5%!important;
  z-index:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:184px!important;
  min-height:42px!important;
  padding:10px 30px!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#8e32ff 0%,#b94cff 55%,#c777ff 100%)!important;
  border:1px solid rgba(234,205,255,.36)!important;
  box-shadow:0 14px 30px rgba(91,18,165,.30),0 0 24px rgba(185,76,255,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;
  font-size:clamp(14px,1.04vw,18px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.24)!important;
  pointer-events:none!important;
}
.alice-listening-promo__summary:hover .alice-listening-promo__cta{
  transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 18px 36px rgba(91,18,165,.34),0 0 30px rgba(202,96,255,.30),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.alice-listening-promo[open] .alice-listening-promo__cta{
  background:linear-gradient(135deg,#7326d9 0%,#a244f0 55%,#bd6aff 100%)!important;
}
@media(max-width:980px){
  .alice-listening-promo__cta{
    left:18%!important;
    bottom:13%!important;
    min-width:150px!important;
    min-height:36px!important;
    padding:8px 22px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
}
@media(max-width:640px){
  .alice-listening-promo__cta{
    left:50%!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    min-width:128px!important;
    min-height:32px!important;
    padding:7px 18px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .alice-listening-promo__summary:hover .alice-listening-promo__cta{
    transform:translateX(-50%) translateY(-1px)!important;
  }
}
/* /097 */

/* 098 — список площадок Алисы: не кнопки, а лёгкий список с галочками */
.alice-listening-promo__platform-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin-top:18px!important;
}
.alice-platform-group{
  padding:18px 20px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.032)!important;
  border:1px solid rgba(218,181,255,.12)!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.018)!important;
}
.alice-platform-group h4{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 15px!important;
  color:#fff!important;
  font-size:clamp(18px,1.35vw,24px)!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.alice-platform-check,
.alice-platform-items i{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  border-radius:5px!important;
  color:#fff!important;
  background:#2f9099!important;
  box-shadow:none!important;
  font-style:normal!important;
  font-size:19px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.alice-platform-items{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:26px!important;
  row-gap:13px!important;
}
.alice-platform-group--ru .alice-platform-items{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.alice-platform-items span{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#f3ecff!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:650!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  cursor:default!important;
  box-shadow:none!important;
}
.alice-platform-items i{
  width:24px!important;
  height:24px!important;
  border-radius:4px!important;
  font-size:16px!important;
  background:#2f9099!important;
}
.alice-listening-promo__platforms{display:none!important;}
@media(max-width:1100px){
  .alice-platform-items{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .alice-platform-group--ru .alice-platform-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .alice-platform-group{padding:16px!important;border-radius:18px!important;}
  .alice-platform-items,
  .alice-platform-group--ru .alice-platform-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px 16px!important;}
  .alice-platform-items span{font-size:13px!important;gap:9px!important;}
  .alice-platform-items i{width:21px!important;height:21px!important;font-size:14px!important;}
}
@media(max-width:460px){
  .alice-platform-items,
  .alice-platform-group--ru .alice-platform-items{grid-template-columns:1fr!important;}
}
/* /098 */


/* 099 — баннер Алисы в тонах сайта + кнопка правее + тёмное окно подробностей */
.alice-listening-promo{
  margin:0 0 24px!important;
  border-radius:28px!important;
}
.alice-listening-promo__summary{
  border-radius:28px!important;
  border:1px solid rgba(31,213,230,.60)!important;
  background:linear-gradient(135deg,rgba(2,18,31,.96),rgba(4,38,50,.88))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28),0 0 30px rgba(31,213,230,.12),inset 0 0 18px rgba(31,213,230,.05)!important;
}
.alice-listening-promo__summary:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.045)!important;
  border-color:rgba(54,235,248,.78)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.34),0 0 42px rgba(36,218,233,.20),inset 0 0 22px rgba(31,213,230,.07)!important;
}
.alice-listening-promo[open] .alice-listening-promo__summary{
  border-color:rgba(72,237,250,.82)!important;
  border-bottom-left-radius:22px!important;
  border-bottom-right-radius:22px!important;
}
.alice-listening-promo__summary img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  border-radius:inherit!important;
}
.alice-listening-promo__cta{
  left:52.8%!important;
  top:42%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  min-width:168px!important;
  min-height:42px!important;
  padding:10px 28px!important;
  border-radius:18px!important;
  color:#f8ffff!important;
  background:linear-gradient(135deg,rgba(5,39,52,.92),rgba(16,173,190,.82))!important;
  border:1px solid rgba(91,235,255,.66)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28),0 0 22px rgba(43,224,239,.22),inset 0 1px 0 rgba(255,255,255,.18)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34)!important;
}
.alice-listening-promo__summary:hover .alice-listening-promo__cta{
  transform:translateY(-52%)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 30px rgba(58,234,248,.30),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.alice-listening-promo[open] .alice-listening-promo__cta{
  background:linear-gradient(135deg,rgba(4,31,45,.96),rgba(20,139,156,.88))!important;
}
.alice-listening-promo__details{
  margin-top:12px!important;
  padding:24px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(3,19,32,.96),rgba(5,38,48,.92) 56%,rgba(7,25,42,.95))!important;
  border:1px solid rgba(75,219,232,.28)!important;
  box-shadow:inset 0 0 36px rgba(53,221,235,.055),0 18px 44px rgba(0,0,0,.22)!important;
}
.alice-listening-promo__copy h3{
  color:#ffffff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.24)!important;
}
.alice-listening-promo__copy p{
  color:#d6eaf2!important;
}
.alice-listening-promo__card,
.alice-platform-group{
  background:rgba(3,27,42,.62)!important;
  border:1px solid rgba(69,216,229,.18)!important;
  box-shadow:inset 0 0 22px rgba(255,255,255,.018)!important;
}
.alice-listening-promo__card strong,
.alice-platform-group h4{
  color:#f8ffff!important;
}
.alice-listening-promo__card span,
.alice-platform-items span{
  color:#d7ebf2!important;
}
.alice-platform-check,
.alice-platform-items i{
  color:#031821!important;
  background:linear-gradient(135deg,#62f4fd,#35b8ca)!important;
  box-shadow:0 0 14px rgba(67,231,245,.14)!important;
}
@media(max-width:980px){
  .alice-listening-promo{border-radius:22px!important;margin-bottom:18px!important;}
  .alice-listening-promo__summary{border-radius:22px!important;}
  .alice-listening-promo__cta{
    left:50%!important;
    top:52%!important;
    min-width:140px!important;
    min-height:36px!important;
    padding:8px 20px!important;
    border-radius:14px!important;
    font-size:14px!important;
  }
  .alice-listening-promo__details{padding:18px!important;border-radius:20px!important;}
}
@media(max-width:640px){
  .alice-listening-promo__summary img{
    min-height:112px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .alice-listening-promo__cta{
    left:50%!important;
    top:auto!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
    min-width:128px!important;
    min-height:32px!important;
    padding:7px 18px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  .alice-listening-promo__summary:hover .alice-listening-promo__cta{
    transform:translateX(-50%) translateY(-1px)!important;
  }
}
/* /099 */

/* 100 — кнопка "Подробнее" на баннере Алисы: ниже и левее, в место из макета */
.alice-listening-promo__cta{
  left:48.6%!important;
  top:70%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
.alice-listening-promo__summary:hover .alice-listening-promo__cta{
  transform:translateY(-52%)!important;
}
@media(max-width:1180px){
  .alice-listening-promo__cta{
    left:47.5%!important;
    top:70%!important;
    min-width:150px!important;
    min-height:38px!important;
    padding:8px 22px!important;
  }
}
@media(max-width:980px){
  .alice-listening-promo__cta{
    left:47%!important;
    top:68%!important;
  }
}
@media(max-width:640px){
  .alice-listening-promo__cta{
    left:50%!important;
    top:auto!important;
    bottom:8px!important;
    transform:translateX(-50%)!important;
  }
  .alice-listening-promo__summary:hover .alice-listening-promo__cta{
    transform:translateX(-50%) translateY(-1px)!important;
  }
}
/* /100 */

/* 101: первые 10 дней после отметки лейбла показываем «скоро», потом «Алиса» */
.track-alice-release.is-pending .track-alice-release__check{
  color:#f7fbff!important;
  text-shadow:0 0 10px rgba(255,255,255,.72),0 0 18px rgba(92,243,251,.28),0 2px 2px rgba(0,0,0,.42)!important;
}
.track-alice-release.is-pending .track-alice-release__text{
  color:#f7fbff!important;
  text-shadow:0 0 8px rgba(255,255,255,.34),0 1px 2px rgba(0,0,0,.5)!important;
}
.track-alice-release.is-released .track-alice-release__check{
  color:#9cff58!important;
  text-shadow:0 0 10px rgba(156,255,88,.78),0 2px 2px rgba(0,0,0,.38)!important;
}
.site-sticky-player__alice.is-pending .site-sticky-player__alice-check{
  color:#f7fbff!important;
  text-shadow:0 0 12px rgba(255,255,255,.76),0 0 18px rgba(92,243,251,.28),0 2px 3px rgba(0,0,0,.42)!important;
}
.site-sticky-player__alice.is-pending .site-sticky-player__alice-text{
  color:#f7fbff!important;
}
.site-sticky-player__alice.is-released .site-sticky-player__alice-check{
  color:#9cff58!important;
  text-shadow:0 0 12px rgba(156,255,88,.82),0 2px 3px rgba(0,0,0,.42)!important;
}


/* MESSAGE DELIVERY STATUS 18 */
.support-bubble--with-status{
  position:relative;
  padding-bottom:34px;
}
.support-message-status{
  position:absolute;
  right:13px;
  bottom:8px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:1px;
  min-width:36px;
  height:21px;
  line-height:1;
  user-select:none;
  z-index:2;
}
.support-message-status__tick{
  display:inline-block;
  font-size:18px;
  font-weight:1000;
  line-height:1;
  color:#929ba6;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
  transition:color .18s ease,text-shadow .18s ease,transform .18s ease;
}
.support-message-status--pending .support-message-status__tick{
  color:#8d959e;
  text-shadow:none;
}
.support-message-status--server .support-message-status__tick--first{
  color:#28a8ff;
  text-shadow:0 0 7px rgba(40,168,255,.72);
}
.support-message-status--server .support-message-status__tick--second{
  color:#8d959e;
  text-shadow:none;
}
.support-message-status--delivered .support-message-status__tick{
  color:#28a8ff;
  text-shadow:0 0 8px rgba(40,168,255,.78);
}
.support-message-status--read .support-message-status__tick{
  color:#39ef7d;
  text-shadow:0 0 8px rgba(57,239,125,.92),0 0 15px rgba(57,239,125,.34);
}
.support-message-status--read .support-message-status__tick--second{
  transform:translateX(1px);
}
.support-message-status-pending-clone{
  opacity:.96;
}
@media(max-width:640px){
  .support-bubble--with-status{padding-bottom:32px;}
  .support-message-status{right:11px;bottom:7px;}
  .support-message-status__tick{font-size:17px;}
}