/* GKPV Thanh Ca 1.0.6 - scoped to body.gk-page / .gk-app. Site header (#header, .header-wrapper) and footer (#footer) keep Flatsome colors. */
body.gk-page #main, body.gk-page #content, body.gk-page .page-wrapper { background: #170f23 !important; color: #fff; }
body.gk-page .page-wrapper { padding-top: 0 !important; padding-bottom: 0 !important; }
body.gk-page #main > .row, body.gk-page #content > .row, body.gk-page .page-wrapper > .row { max-width: none; padding: 0; margin: 0; }
body.gk-page #main .row > .col:has(> .col-inner > .gk-app), body.gk-page #main .col-inner:has(> .gk-app) { padding: 0 !important; max-width: 100% !important; flex-basis: 100% !important; }
body.gk-page .gk-app:not(.gk-app--part) { width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; }
body.gk-page .gk-app, .gk-app {
  --gk-bg: #170f23; --gk-bg-2: #231b2e; --gk-card: #2a2139; --gk-line: rgba(255,255,255,.1);
  --gk-text: #ffffff; --gk-muted: rgba(255,255,255,.6); --gk-gold: #9b4de0; --gk-rose: #c273ed;
  color: #fff; font-family: Inter, Roboto, "Segoe UI", system-ui, sans-serif;
}
.gk-app--part { display: contents; }
body.gk-page .gk-app:not(.gk-app--part) { background: #170f23; border-radius: 0; width: 100%; max-width: none; }
body.gk-page .gk-layout { background: #170f23; color: #fff; }
body.gk-page .gk-layout__side, body.gk-page .gk-side { background: #231b2e; border-radius: 10px; }
body.gk-page .gk-app a, body.gk-page .gk-layout a { color: inherit; }
body.gk-page .gk-app h1, body.gk-page .gk-app h2, body.gk-page .gk-app h3, body.gk-page .gk-layout h1, body.gk-page .gk-layout h2, body.gk-page .gk-layout h3 { color: #fff; }
body.gk-page .gk-play, body.gk-page .gk-btn { background: #9b4de0; color: #fff; border-color: #9b4de0; }
.gk-app,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-layout {
  --gk-bg: #170f23;
  --gk-bg-2: #231b2e;
  --gk-card: #2a1d38;
  --gk-line: rgba(255, 244, 230, 0.08);
  --gk-text: #f7f3ea;
  --gk-muted: #b7a8c4;
  --gk-gold: #9b4de0;
  --gk-rose: #e07a78;
  color: var(--gk-text);
  font-family: "Be Vietnam Pro", "Source Sans 3", "Segoe UI", sans-serif;
}

.gk-app {
  background: radial-gradient(1200px 500px at 10% -10%, #3a2448 0%, transparent 55%), var(--gk-bg);
  padding: 28px 4vw 72px;
  border-radius: 18px;
}

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-kicker {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 11px;
  color: var(--gk-gold);
  margin: 0 0 6px;
}

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row { margin: 28px 0; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row__head,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-list > .gk-row__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row__head h2,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-list h2,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-lyrics h2,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-note-block h2 {
  font-size: 22px;
  font-weight: 650;
  margin: 0;
  letter-spacing: -0.02em;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-more { color: var(--gk-gold); margin-left: auto; text-decoration: none; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row__nav { display: flex; gap: 6px; margin-left: auto; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row__nav button,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__close {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid var(--gk-line);
  background: transparent;
  color: var(--gk-text);
  cursor: pointer;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-row__scroller {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
  scrollbar-width: thin;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card {
  flex: 0 0 168px;
  scroll-snap-align: start;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__cover {
  position: relative;
  aspect-ratio: 1;
  border-radius: 12px;
  overflow: hidden;
  background: var(--gk-card);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__cover img,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tile img,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__img,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__hit {
  position: absolute;
  inset: 0;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-play {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: var(--gk-text);
  color: #170f23;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-play--mini {
  position: static;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-play.is-off { background: transparent; color: var(--gk-muted); border: 1px solid var(--gk-line); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-badges {
  position: absolute;
  left: 8px;
  top: 8px;
  display: flex;
  gap: 4px;
  z-index: 2;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line .gk-badges { position: static; margin-left: auto; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-badge {
  min-width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 0;
  background: rgba(23, 15, 35, 0.72);
  color: var(--gk-text);
  cursor: pointer;
  font-size: 12px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__title,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__title {
  font-size: 14px;
  margin: 10px 0 2px;
  font-weight: 620;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__title a,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__title,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__title:hover,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__artist a,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-side a,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tab,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-chips a {
  color: inherit;
  text-decoration: none;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__artist,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-card__album,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__meta,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero__desc {
  color: var(--gk-muted);
  font-size: 13px;
  margin: 0;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--gk-line);
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__img {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  flex: 0 0 48px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__body { min-width: 0; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-rank {
  width: 24px;
  color: var(--gk-gold);
  font-variant-numeric: tabular-nums;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-line__time { color: var(--gk-muted); font-size: 12px; }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-side {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--gk-line);
  border-radius: 16px;
  padding: 8px 14px 16px;
  position: sticky;
  top: 16px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-acc__btn {
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  color: var(--gk-text);
  font-weight: 650;
  padding: 12px 0;
  cursor: pointer;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-acc__panel { display: none; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-acc.is-open .gk-acc__panel { display: flex; flex-direction: column; gap: 8px; padding-bottom: 8px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-acc__panel a:hover { color: var(--gk-gold); }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-banner { position: relative; min-height: 280px; border-radius: 18px; overflow: hidden; background: #100a16; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 280px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide[hidden] { display: none; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide img { width: 100%; height: 100%; object-fit: cover; min-height: 280px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide__copy { padding: 36px 28px; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(90deg, rgba(23,15,35,0.2), #170f23 28%); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide__copy h2 { font-size: 36px; margin: 0 0 8px; line-height: 1.05; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide__actions { display: flex; gap: 8px; margin-top: 16px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-btn {
  border: 0;
  border-radius: 999px;
  background: var(--gk-gold);
  color: #23180d;
  padding: 10px 16px;
  cursor: pointer;
  font-weight: 650;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-btn.gk-play {
  position: static;
  width: auto;
  height: auto;
  background: var(--gk-gold);
  color: #23180d;
  font-size: 14px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-btn--ghost { background: transparent; color: var(--gk-text); border: 1px solid var(--gk-line); }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search { position: relative; margin-bottom: 18px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search input {
  width: 100%;
  background: #120b1a;
  border: 1px solid var(--gk-line);
  color: var(--gk-text);
  border-radius: 999px;
  padding: 12px 16px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search__panel {
  position: absolute;
  z-index: 20;
  left: 0; right: 0;
  background: #24182f;
  border-radius: 14px;
  margin-top: 6px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search__panel a { display: flex; gap: 10px; padding: 8px 12px; color: var(--gk-text); text-decoration: none; align-items: center; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search__panel img { width: 40px; height: 40px; object-fit: cover; border-radius: 6px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-search__panel a:hover { background: rgba(255,255,255,.05); }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero { min-height: 240px; border-radius: 18px; background-size: cover; background-position: center; position: relative; overflow: hidden; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero__shade { background: linear-gradient(transparent, #170f23 85%); min-height: 240px; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero h1 { margin: 0; font-size: 40px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tabs { display: flex; gap: 8px; margin: 18px 0; flex-wrap: wrap; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tab,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-pager a {
  border: 1px solid var(--gk-line);
  border-radius: 999px;
  padding: 6px 12px;
  color: var(--gk-muted);
  text-decoration: none;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tab.is-on,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-pager a.is-on { color: #23180d; background: var(--gk-gold); border-color: transparent; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tile { color: var(--gk-text); text-decoration: none; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tile img { aspect-ratio: 1; border-radius: 14px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-tile span { display: block; margin-top: 8px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-grid.is-people .gk-tile img { border-radius: 999px; }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail { display: grid; grid-template-columns: 220px 1fr; gap: 22px; align-items: end; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail__cover img { width: 220px; height: 220px; object-fit: cover; border-radius: 16px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail h1 { margin: 0 0 8px; font-size: 36px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-chips { list-style: none; padding: 0; margin: 8px 0 0; color: var(--gk-muted); display: flex; flex-wrap: wrap; gap: 10px 16px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-chips a { color: var(--gk-gold); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-lyrics,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-note-block { margin-top: 28px; max-width: 68ch; line-height: 1.7; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-lyrics--track { margin: 0 0 12px 48px; color: var(--gk-muted); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail__tools { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-empty,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-warn,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-note { color: var(--gk-muted); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-warn { color: #ffb4b0; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-sonaar-boot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-front-form input,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-front-form textarea {
  width: 100%;
  margin-top: 6px;
  background: #120b1a;
  color: var(--gk-text);
  border: 1px solid var(--gk-line);
  border-radius: 10px;
  padding: 8px 10px;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-pager { display: flex; gap: 6px; margin-top: 16px; }

:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal[hidden] { display: none; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal { position: fixed; inset: 0; z-index: 100000; display: grid; place-items: center; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__backdrop { position: absolute; inset: 0; background: rgba(8, 5, 12, 0.72); }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__dialog {
  position: relative;
  width: min(960px, calc(100% - 24px));
  background: #120b18;
  border-radius: 16px;
  overflow: hidden;
  z-index: 1;
}
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__body iframe { width: 100%; height: min(70vh, 540px); border: 0; background: #000; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__actions { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 12px 14px; }
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-modal__close { position: absolute; right: 8px; top: 8px; z-index: 2; }

@media (max-width: 860px) {
  :where(body.gk-page:not(.gk-shell),.gk-app) .gk-layout,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail { grid-template-columns: 1fr; }
  :where(body.gk-page:not(.gk-shell),.gk-app) .gk-side { position: static; }
  :where(body.gk-page:not(.gk-shell),.gk-app) .gk-slide__copy h2,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-hero h1,
:where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail h1 { font-size: 28px; }
  :where(body.gk-page:not(.gk-shell),.gk-app) .gk-detail__cover img { width: 100%; height: auto; aspect-ratio: 1; }
  .gk-app { padding: 16px 14px 88px; }
}

body.gk-page #sonaar-player{background:#130c1c!important;border-top:1px solid rgba(255,255,255,.1)!important;color:#fff!important;z-index:70!important}
body.gk-page #sonaar-player .player,body.gk-page #sonaar-player .mobilePanel,body.gk-page #sonaar-player .playlist{background:#130c1c!important}
body.gk-page #sonaar-player .track-title,body.gk-page #sonaar-player .track-name,body.gk-page #sonaar-player .srp_track_title{color:#fff!important;font-weight:600}
body.gk-page #sonaar-player .track-artist,body.gk-page #sonaar-player .srp_artist,body.gk-page #sonaar-player .track-album,body.gk-page #sonaar-player .track-lenght{color:rgba(255,255,255,.68)!important}
body.gk-page #sonaar-player .control--item,body.gk-page #sonaar-player .control--item:before,body.gk-page #sonaar-player .volume,body.gk-page #sonaar-player .sricon-volume,body.gk-page #sonaar-player .sricon-list{color:rgba(255,255,255,.85)!important}
body.gk-page #sonaar-player .control--item:hover,body.gk-page #sonaar-player .control--item:hover:before{color:#c273ed!important}
body.gk-page #sonaar-player .progressDot,body.gk-page #sonaar-player .mobileProgressing{background:#9b4de0!important}
body.gk-page .gk-app .iron-audioplayer, body.gk-page .gk-layout .iron-audioplayer{background:#231b2e!important;color:#fff!important;border-radius:10px}
body.gk-page .gk-app .iron-audioplayer .track-title, body.gk-page .gk-app .iron-audioplayer .album-title, body.gk-page .gk-layout .iron-audioplayer .track-title, body.gk-page .gk-layout .iron-audioplayer .album-title{color:#fff!important}

/* 1.0.7 - Zing-style dark Flatsome header + mobile menu, ONLY on hymn pages (body.gk-page). Logo untouched. */
body.gk-page #header,
body.gk-page #masthead,
body.gk-page .header-wrapper,
body.gk-page .header-main,
body.gk-page .header-top,
body.gk-page .header-bottom,
body.gk-page .header-wrapper.stuck,
body.gk-page .header.has-sticky .stuck,
body.gk-page .sticky-jump .header-wrapper,
body.gk-page .header-bg-container,
body.gk-page .header-bg-color { background-color: #1e1630 !important; }
body.gk-page .header-bg-image { background-image: none !important; }
body.gk-page .header-main, body.gk-page .header-wrapper.stuck .header-main { border-bottom: 1px solid rgba(255,255,255,.06) !important; box-shadow: none !important; }
body.gk-page .header-top, body.gk-page .header-bottom { border-color: rgba(255,255,255,.06) !important; }
body.gk-page .top-divider { border-top-color: rgba(255,255,255,.06) !important; }
body.gk-page #header,
body.gk-page #header .nav > li > a,
body.gk-page #header .header-nav a,
body.gk-page #header .html,
body.gk-page #header .icon,
body.gk-page #header [class^="icon-"],
body.gk-page #header [class*=" icon-"],
body.gk-page #header .nav-icon a,
body.gk-page #header .header-search a,
body.gk-page #header .mobile-nav a { color: #dadada !important; }
body.gk-page #header .nav > li > a:hover,
body.gk-page #header .nav > li.active > a,
body.gk-page #header .nav > li.current-menu-item > a,
body.gk-page #header a:hover .icon,
body.gk-page #header .nav-icon a:hover { color: #c273ed !important; }
body.gk-page #header .nav-icon .icon-menu,
body.gk-page #header .icon-menu { color: #fff !important; }
body.gk-page #header .nav-dropdown { background: #231b2e !important; border-color: rgba(255,255,255,.08) !important; }
body.gk-page #header .nav-dropdown a { color: #dadada !important; }
body.gk-page #header .nav-dropdown a:hover { color: #c273ed !important; background: rgba(255,255,255,.05) !important; }
body.gk-page #header .searchform input, body.gk-page #header .search-field { background: #2a2139 !important; color: #fff !important; border-color: rgba(255,255,255,.1) !important; }
/* Off-canvas mobile menu (Flatsome magnific popup) */
body.gk-page .mfp-bg.off-canvas, body.gk-page .mfp-bg { background: rgba(10,6,16,.7) !important; }
body.gk-page #main-menu, body.gk-page .mobile-sidebar, body.gk-page .off-canvas-left .mfp-content, body.gk-page .off-canvas-right .mfp-content, body.gk-page .off-canvas .sidebar-menu { background: #170f23 !important; color: #dadada !important; }
body.gk-page #main-menu .nav-sidebar > li { border-color: rgba(255,255,255,.06) !important; }
body.gk-page #main-menu a, body.gk-page #main-menu .toggle, body.gk-page #main-menu .icon { color: #dadada !important; }
body.gk-page #main-menu a:hover, body.gk-page #main-menu .active > a { color: #c273ed !important; }
body.gk-page #main-menu .searchform input, body.gk-page #main-menu .search-field { background: #2a2139 !important; color: #fff !important; border-color: rgba(255,255,255,.1) !important; }
body.gk-page .mfp-close { color: #fff !important; }

/* ===== 1.1.1 Sonaar boxed player – Zing dark skin (only body.gk-page) ===== */
body.gk-page .iron-audioplayer{--gkp-accent:#9b4de0;--gkp-hover:#c273ed;--gkp-muted:#b9a6d6;color:#fff}
body.gk-page .iron-audioplayer .srp_player_boxed,
body.gk-page .iron-audioplayer .album-player{background:linear-gradient(135deg,#2a1d3f,#1e1630)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(0,0,0,.35)!important}
body.gk-page .iron-audioplayer .playlist,
body.gk-page .iron-audioplayer .srp_tracklist,
body.gk-page .iron-audioplayer .sr-playlist-item,
body.gk-page .iron-audioplayer .sr-playlist-item-flex{background:transparent!important}
body.gk-page .iron-audioplayer .album-title,
body.gk-page .iron-audioplayer .srp_player_title,
body.gk-page .iron-audioplayer .track-title,
body.gk-page .iron-audioplayer .sr_it-playlist-title,
body.gk-page .iron-audioplayer .tracklist-item-title,
body.gk-page .iron-audioplayer .srp_player_meta{color:#fff!important}
body.gk-page .iron-audioplayer .sr_it-playlist-artists,
body.gk-page .iron-audioplayer .srp_subtitle,
body.gk-page .iron-audioplayer .album-subtitle,
body.gk-page .iron-audioplayer .tracklist-item-time,
body.gk-page .iron-audioplayer .track-number,
body.gk-page .iron-audioplayer .currentTime,
body.gk-page .iron-audioplayer .totalTime,
body.gk-page .iron-audioplayer .sr_progressbar .sr_time{color:var(--gkp-muted)!important}
/* waveform / simple bar */
body.gk-page .iron-audioplayer .sonaar_wave_base{background-color:rgba(255,255,255,.25)}
body.gk-page .iron-audioplayer .sonaar_wave_cut{background-color:var(--gkp-accent)}
body.gk-page .iron-audioplayer .sonaar_wave_base svg path,body.gk-page .iron-audioplayer .sonaar_wave_base rect{fill:rgba(255,255,255,.25)!important}
body.gk-page .iron-audioplayer .sonaar_wave_cut svg path,body.gk-page .iron-audioplayer .sonaar_wave_cut rect{fill:var(--gkp-accent)!important}
/* main play button */
body.gk-page .iron-audioplayer .srp-play-button,
body.gk-page .iron-audioplayer .control .play,
body.gk-page .iron-audioplayer .srp-play-circle{background:var(--gkp-accent)!important;border-color:var(--gkp-accent)!important;color:#fff!important;border-radius:50%!important}
body.gk-page .iron-audioplayer .srp-play-button .sricon-play,body.gk-page .iron-audioplayer .srp-play-button .sricon-pause,body.gk-page .iron-audioplayer .control .play .sricon-play{color:#fff!important}
body.gk-page .iron-audioplayer .srp-play-button-label-container{background:var(--gkp-accent)!important;color:#fff!important}
body.gk-page .iron-audioplayer .srp-play-circle,body.gk-page .iron-audioplayer .srp-play-button svg circle{stroke:var(--gkp-accent)!important}
/* control icons */
body.gk-page .iron-audioplayer .control > div,
body.gk-page .iron-audioplayer .control [class^="sricon-"],
body.gk-page .iron-audioplayer .control [class*=" sricon-"],
body.gk-page .iron-audioplayer .srp_main_control [class^="sricon-"],
body.gk-page .iron-audioplayer .srp_main_control [class*=" sricon-"],
body.gk-page .iron-audioplayer .srp_main_control .sr_speedRate div,
body.gk-page .iron-audioplayer .srp_main_control svg{color:#dadada!important;fill:#dadada!important}
body.gk-page .iron-audioplayer .control > div:hover,
body.gk-page .iron-audioplayer .srp_main_control [class*="sricon-"]:hover,
body.gk-page .iron-audioplayer .srp_main_control .sr_speedRate:hover div{color:var(--gkp-hover)!important;fill:var(--gkp-hover)!important}
body.gk-page .iron-audioplayer .srp_main_control .sr_speedRate div{border-color:rgba(255,255,255,.35)!important}
/* tracklist rows */
body.gk-page .iron-audioplayer .sr-playlist-item{border-radius:8px!important;border:0!important;border-left:3px solid transparent!important;border-bottom:1px solid rgba(255,255,255,.05)!important;transition:background .2s}
body.gk-page .iron-audioplayer .sr-playlist-item:hover{background:rgba(255,255,255,.05)!important}
body.gk-page .iron-audioplayer .sr-playlist-item .audio-track,
body.gk-page .iron-audioplayer .sr-playlist-item .tracklist-item-title,
body.gk-page .iron-audioplayer .sr-playlist-item .srp_audio_trigger{color:#fff!important}
body.gk-page .iron-audioplayer .sr-playlist-item.current{background:rgba(155,77,224,.18)!important;border-left-color:var(--gkp-accent)!important}
body.gk-page .iron-audioplayer .sr-playlist-item.current .tracklist-item-title,
body.gk-page .iron-audioplayer .sr-playlist-item.current .audio-track,
body.gk-page .iron-audioplayer .sr-playlist-item.current .srp_audio_trigger,
body.gk-page .iron-audioplayer .sr-playlist-item.current .tracklist-item-time{color:#fff!important;font-weight:600}
body.gk-page .iron-audioplayer .sr-playlist-item.current .track-number,
body.gk-page .iron-audioplayer .sr-playlist-item.current .number,
body.gk-page .iron-audioplayer .sr-playlist-item.current [class*="sricon-"],
body.gk-page .iron-audioplayer .sr-playlist-item .srp_audio_trigger:hover [class*="sricon-"]{color:var(--gkp-hover)!important}
body.gk-page .iron-audioplayer .sr-playlist-item.current .sr_track_cover .srp_play,
body.gk-page .iron-audioplayer .sr-playlist-item.current .srp_equalizer,
body.gk-page .iron-audioplayer .sr-playlist-item.current .srp_equalizer *{color:var(--gkp-hover)!important;fill:var(--gkp-hover)!important;background-color:var(--gkp-hover)}
/* per-track CTA icons (download, share, PDF, info) */
body.gk-page .iron-audioplayer .store-list .song-store,
body.gk-page .iron-audioplayer .store-list a,
body.gk-page .iron-audioplayer .store-list [class*="fa-"],
body.gk-page .iron-audioplayer .store-list [class*="sricon-"],
body.gk-page .iron-audioplayer .song-store-list-menu .fa-ellipsis-v{color:var(--gkp-muted)!important;background:transparent!important}
body.gk-page .iron-audioplayer .store-list a:hover,
body.gk-page .iron-audioplayer .store-list a:hover [class*="fa-"],
body.gk-page .iron-audioplayer .store-list a:hover [class*="sricon-"]{color:var(--gkp-hover)!important}
body.gk-page .iron-audioplayer .song-store-list-container{background:#231b2e!important;border-radius:8px}
body.gk-page .iron-audioplayer .sr_store_force_dl_bt,body.gk-page .iron-audioplayer .sr_store_force_share_bt{background:transparent!important}
/* sticky bar: same palette */
body.gk-page #sonaar-player{background:linear-gradient(90deg,#1e1630,#2a1d3f)!important}
body.gk-page #sonaar-player .sonaar_wave_cut svg path,body.gk-page #sonaar-player .sonaar_wave_cut rect{fill:#9b4de0!important}
body.gk-page #sonaar-player .sonaar_wave_base svg path,body.gk-page #sonaar-player .sonaar_wave_base rect{fill:rgba(255,255,255,.25)!important}
/* 1.1.7: sticky play/pause = plain icon like prev/next (the 1.1.1 purple fill drew a full-height rectangle) */
body.gk-page #sonaar-player .play.control--item{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-color:transparent!important;color:#fff!important}
body.gk-page #sonaar-player .play.control--item:before{color:#fff!important}
body.gk-page #sonaar-player .play.control--item:hover,body.gk-page #sonaar-player .play.control--item:hover:before{color:#c273ed!important}
body.gk-page #sonaar-player .tracklist li.current,body.gk-page #sonaar-player .playlist li.current{background:rgba(155,77,224,.18)!important;color:#fff!important}
body.gk-page #sonaar-player .tracklist li.current *,body.gk-page #sonaar-player .playlist li.current *{color:#fff!important}
body.gk-page #sonaar-player .store-list a,body.gk-page #sonaar-player .srp_track_cta a{color:#b9a6d6!important}
body.gk-page #sonaar-player .store-list a:hover{color:#c273ed!important}

/* ===== 1.1.6: shared Zing-style album component (.gk-zalb) – desktop >=1024px only =====
   Used by the album/song detail page (.gk-zalb--page) and the hub "Album nổi bật" block (.gk-zalb--hub).
   Re-arranges existing blocks; every Sonaar element (waveform, controls, per-track CTAs) stays.
   ":is(#gkm,body.gk-page)" lifts specificity above shell.css "#gkm .gks-sonaar ..." rules. */
.gk-detail__desk,.gk-zalb__side,.gk-tl-head{display:none}
body.gk-page .gk-tl-thumb,body.gk-page .gk-tl-artist,body.gk-page .gk-tl-album{display:none}
@media (min-width:1024px){
  /* --- detail page grid --- */
  body.gk-page .gk-app.gk-zalb--page{display:grid!important;grid-template-columns:300px minmax(0,1fr);column-gap:32px;align-items:start}
  body.gk-page .gk-zalb--page > *{grid-column:2;min-width:0}
  body.gk-page .gk-zalb--page > .gk-detail{grid-column:1;grid-row:1 / span 30;position:sticky;top:86px;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:0;margin:0}
  body.gk-page .gk-zalb--page .gk-detail__cover{width:300px}
  body.gk-page .gk-zalb--page .gk-detail__cover img{width:300px!important;height:300px!important;object-fit:cover;border-radius:10px!important;box-shadow:0 10px 30px rgba(0,0,0,.35);display:block;transition:transform .4s}
  body.gk-page .gk-zalb--page .gk-detail__cover:hover img{transform:scale(1.02)}
  body.gk-page .gk-zalb--page .gk-detail__copy{width:100%;margin-top:12px}
  body.gk-page .gk-zalb--page .gk-detail .gk-kicker{display:none}
  body.gk-page .gk-zalb--page .gk-detail h1{font-size:20px!important;line-height:1.4!important;font-weight:700;margin:0 0 4px!important;color:#fff}
  body.gk-page .gk-zalb--page .gk-detail .gk-chips{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
  body.gk-page .gk-zalb--page .gk-detail .gk-chips li{background:none!important;border:0!important;padding:0!important;margin:0!important;font-size:12px;color:rgba(255,255,255,.6)}
  body.gk-page .gk-zalb--page .gk-detail .gk-chips li a{color:rgba(255,255,255,.75)}
  body.gk-page .gk-zalb--page .gk-detail .gk-chips li a:hover{color:#c273ed;text-decoration:underline}
  body.gk-page .gk-zalb--page .gk-detail__desk{display:flex;flex-direction:column;align-items:center;width:100%}
  body.gk-page .gk-zalb--page > .gk-detail__player{margin-top:0!important}

  /* --- hub block grid --- */
  :is(#gkm,body.gk-page) .gk-zalb--hub{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:28px;align-items:start}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__main{min-width:0}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__side{display:flex;flex-direction:column;align-items:center;text-align:center;position:sticky;top:86px}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__cover{display:block;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__cover img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .4s}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__cover:hover img{transform:scale(1.04)}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__title{margin:12px 0 4px;font-size:20px;line-height:1.4;font-weight:700;color:#fff}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__title a{color:#fff;text-decoration:none}
  :is(#gkm,body.gk-page) .gk-zalb--hub .gk-zalb__title a:hover{color:#c273ed}

  /* --- shared: meta, pill, icons, menu --- */
  :is(#gkm,body.gk-page) .gk-zalb .gk-detail__meta{margin:2px 0 0!important;font-size:12px;line-height:1.6;color:rgba(255,255,255,.6)}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;padding:9px 24px;border:0;border-radius:999px;background:#9b4de0;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;line-height:1.2;min-height:0;text-transform:uppercase;box-shadow:none}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play svg{display:inline-block}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play:hover{background:#8a3fd0}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play .gk-i-pause{display:none}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play.is-playing .gk-i-play{display:none}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-play.is-playing .gk-i-pause{display:inline}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-acts{display:flex;gap:12px;margin-top:16px;justify-content:center}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-ico{width:36px;height:36px;min-height:0;border-radius:50%;border:0;padding:0;margin:0;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-ico:hover{background:rgba(255,255,255,.18)}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-fav.is-on{color:#9b4de0}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-fav.is-on path{fill:#9b4de0}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-more{position:relative}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);min-width:180px;background:#34224f;border-radius:8px;padding:6px 0;box-shadow:0 8px 24px rgba(0,0,0,.4);z-index:20;text-align:left}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu[hidden]{display:none}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu button,:is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu a{display:block;width:100%;padding:9px 16px;margin:0;border:0;background:none;color:#dadada;font-size:13px;text-align:left;cursor:pointer;min-height:0;text-transform:none;text-decoration:none;line-height:1.3}
  :is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu button:hover,:is(#gkm,body.gk-page) .gk-zalb .gk-desk-menu a:hover{background:rgba(255,255,255,.08);color:#fff}

  /* --- shared: Sonaar boxed player on top of the right column (unchanged content) --- */
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .srp_player_boxed .album-art img{max-width:150px}
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .playlist{padding-left:0!important;padding-right:0!important}

  /* --- shared: column header + rows  [num][thumb][title/artist][album][time][CTA] --- */
  :is(#gkm,body.gk-page) .gk-zalb{--gk-cols:46px 40px minmax(0,1.3fr) minmax(0,1fr) 52px;--gk-cta-w:76px}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head{display:grid;grid-template-columns:98px minmax(0,1.3fr) minmax(0,1fr) 52px var(--gk-cta-w);column-gap:12px;align-items:center;padding:10px 10px;margin:4px 0 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.55);text-transform:uppercase}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head__song{grid-column:1 / span 2;display:flex;align-items:center;gap:8px}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head__song svg{display:inline-block}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head__album{grid-column:3}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head__time{grid-column:4;justify-self:end;white-space:nowrap}
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .sr-playlist-item{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;border-radius:4px!important;padding:0!important;margin:0!important;background:transparent!important}
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .sr-playlist-item:hover{background:rgba(255,255,255,.05)!important}
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .sr-playlist-item.current{background:rgba(155,77,224,.18)!important;box-shadow:inset 3px 0 0 #9b4de0}
  :is(#gkm,body.gk-page) .gk-zalb .iron-audioplayer .sr-playlist-item-flex{display:flex!important;align-items:center!important;gap:12px;padding:8px 10px!important;min-height:56px}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .srp_audio_trigger{flex:1 1 auto;min-width:0;display:grid!important;grid-template-columns:var(--gk-cols);grid-template-areas:"num thumb title album time" "num thumb artist album time";column-gap:12px;align-items:center;padding:0!important;margin:0!important;width:auto!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .srp_audio_trigger .track-number{grid-area:num;position:relative!important;left:auto!important;top:auto!important;width:46px!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap;font-size:13px;color:rgba(255,255,255,.55)!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .track-number .number{padding:0!important;min-width:16px;text-align:right}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .track-number [class*="sricon-"]{position:static!important;margin:0!important;font-size:11px;line-height:1!important;top:auto!important;transform:none!important;align-self:center}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-thumb{grid-area:thumb;display:block!important;width:40px;height:40px;border-radius:4px;overflow:hidden}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-thumb img{width:40px;height:40px;object-fit:cover;display:block}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .tracklist-item-title{grid-area:title;align-self:end;min-width:0;padding:0!important;margin:0!important;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;color:#fff!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-artist{display:block!important;grid-area:artist;align-self:start;min-width:0;font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-album{display:block!important;grid-area:album;align-self:center;min-width:0;font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .tracklist-item-time{grid-area:time;justify-self:end;align-self:center!important;top:auto!important;line-height:1.3!important;position:static!important;padding:0!important;margin:0!important;font-size:12px;color:rgba(255,255,255,.55)!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .srp_tracklist-item-date{grid-column:4;grid-row:1}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row.current .gk-tl-artist,:is(#gkm,body.gk-page) .gk-zalb .gk-tl-row.current .gk-tl-album{color:#d6b8f5}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row.current .tracklist-item-title{color:#c273ed!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .store-list{flex:0 0 auto;position:static!important;display:flex!important;align-items:center}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .song-store-list-container{display:flex!important;gap:4px;align-items:center}
}
@media (min-width:1024px) and (max-width:1279px){
  :is(#gkm,body.gk-page) .gk-zalb--hub{grid-template-columns:220px minmax(0,1fr);column-gap:22px}
  body.gk-page .gk-app.gk-zalb--page{grid-template-columns:260px minmax(0,1fr)}
  body.gk-page .gk-zalb--page .gk-detail__cover,body.gk-page .gk-zalb--page .gk-detail__cover img{width:260px!important}
  body.gk-page .gk-zalb--page .gk-detail__cover img{height:260px!important}
  :is(#gkm,body.gk-page) .gk-zalb{--gk-cols:46px 40px minmax(0,1.4fr) minmax(0,.8fr) 48px}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-head{grid-template-columns:98px minmax(0,1.4fr) minmax(0,.8fr) 48px var(--gk-cta-w)}
}

/* ===== 1.1.8: tracklist row alignment (all widths, hymn pages only) =====
   Per-track CTA icons (PDF / download / share): 22px boxes, 14px apart; duration text and icons share one vertical centre. */
body.gk-page .iron-audioplayer .sr-playlist-item .sr-playlist-item-flex{display:flex!important;align-items:center!important}
body.gk-page .iron-audioplayer .sr-playlist-item .srp_track_description:empty{display:none!important}
body.gk-page .iron-audioplayer .sr-playlist-item .srp_audio_trigger{align-items:center!important}
body.gk-page .iron-audioplayer .sr-playlist-item .tracklist-item-time{display:inline-flex!important;align-items:center!important;justify-content:flex-end;align-self:center!important;height:22px!important;line-height:22px!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;top:auto!important;transform:none!important}
body.gk-page .iron-audioplayer .sr-playlist-item .store-list{display:flex!important;align-items:center!important;align-self:center!important;margin-top:0!important;margin-bottom:0!important;top:auto!important}
body.gk-page .iron-audioplayer .sr-playlist-item .song-store-list-menu{display:flex!important;align-items:center!important}
body.gk-page .iron-audioplayer .sr-playlist-item .song-store-list-container{display:flex!important;align-items:center!important;gap:14px!important}
body.gk-page .iron-audioplayer .sr-playlist-item .song-store-list-container a.song-store{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;margin:0!important;padding:0!important;line-height:1!important;flex:0 0 22px}
body.gk-page .iron-audioplayer .sr-playlist-item .song-store-list-container a.song-store i{display:block!important;font-size:16px!important;line-height:1!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important}
/* desktop Zing layout: keep the album column / time column vertically centred too */
@media (min-width:1024px){
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .tracklist-item-time{align-self:center!important;height:22px!important}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .song-store-list-container{gap:14px!important}
}
/* 1.1.8: row play triangle was black (Sonaar global tracklist colour) on the dark rows */
body.gk-page .iron-audioplayer .sr-playlist-item:not(.current) .track-number [class*="sricon-"]{color:rgba(255,255,255,.85)!important}

/* ===== 1.2.3: per-track credit line (Sonaar track description) inside the title cell, no extra row =====
   desk.js copies the text into .gk-tl-desc (title attr = full text): --d = desktop grid cell, --m = inside the title on
   narrow layouts. Sonaar's own row is hidden only when the copy exists. */
body.gk-page .gk-zalb .gk-tl-row.gk-has-desc > .srp_track_description{display:none!important}
body.gk-page .gk-zalb .gk-tl-desc{display:none;min-width:0;max-width:100%;font-size:11px;line-height:1.35;font-weight:400;color:rgba(255,255,255,.42);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:normal;letter-spacing:0}
body.gk-page .gk-zalb .gk-tl-row.current .gk-tl-desc{color:rgba(214,184,245,.75)!important}
@media (max-width:1023px){
  body.gk-page .gk-zalb .gk-tl-row.gk-has-desc .tracklist-item-title{min-width:0;overflow:hidden}
  body.gk-page .gk-zalb .gk-tl-row .gk-tl-desc--m{display:block;margin-top:1px}
}
@media (min-width:1024px){
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row.gk-has-desc .srp_audio_trigger{grid-template-areas:"num thumb title album time" "num thumb artist album time" "num thumb desc album time"}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row .gk-tl-desc--d{display:block;grid-area:desc;align-self:start}
  :is(#gkm,body.gk-page) .gk-zalb .gk-tl-row.gk-has-desc .sr-playlist-item-flex{min-height:60px}
}

/* ===== 1.2.4: sticky bar second line = track singers (front.js adds div.track-album.gk-sticky-artist, so it
   inherits Sonaar's own album-line styling/position; Sonaar's album + "by" lines are hidden only when it has text) ===== */
body.gk-page #sonaar-player .metadata-inner .gk-sticky-artist{display:none!important}
body.gk-page #sonaar-player .metadata-inner.gk-has-artist .gk-sticky-artist{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.gk-page #sonaar-player .metadata-inner.gk-has-artist .track-album:not(.gk-sticky-artist),body.gk-page #sonaar-player .metadata-inner.gk-has-artist .track-artist{display:none!important}
/* 1.2.4: rows without a PDF have one icon less – keep the action column a fixed width so album/time columns line up */
@media (min-width:1024px){body.gk-page .gk-zalb .gk-tl-row .sr-playlist-item-flex > .store-list{flex:0 0 94px;min-width:94px;display:flex;justify-content:flex-end}}