/* Style reminder: mobile-first tube navigation with a compact responsive header, a dedicated search row, a 2–3 column category grid, and zero reserved ad whitespace. Desktop layout remains unchanged. */
.vt-mobile-search-row { display:none; }

@media (max-width:720px) {
  .vt-header { overflow:visible; }
  .vt-header__inner { width:calc(100% - 12px); min-height:52px; gap:5px; }
  .vt-brand { flex:1 1 auto; min-width:0; max-width:calc(100% - 72px); overflow:hidden; }
  .vt-brand__wordmark { max-width:100%; overflow:hidden; font-size:clamp(17px, 7vw, 22px); letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; }
  .vt-brand__image { width:auto; max-width:clamp(105px, 38vw, 150px); max-height:34px; }
  .vt-menu-toggle { flex:0 0 32px; width:32px; height:32px; }
  .vt-favorites-link { flex:0 0 28px !important; width:28px !important; height:32px !important; font-size:20px; }
  .vt-header__tools > .vt-search { display:none; }
  .vt-mobile-search-row { display:block; width:100%; box-sizing:border-box; padding:7px 8px 8px; border-top:1px solid #282b2d; background:#111214; }
  .vt-mobile-search-row .vt-search { display:flex; width:100%; min-width:0; min-height:34px; padding:7px 9px; border-color:#45494c; background:#1b1d1f; }
  .vt-mobile-search-row .vt-search > span { flex:0 0 auto; }
  .vt-mobile-search-row .vt-search input { min-width:0; width:100%; font-size:12px; }
  .vt-mobile-search-row .vt-search__suggestions { top:calc(100% + 4px); }

  .vt-nav.is-open { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); left:0; right:0; top:100%; max-height:calc(100vh - 104px); overflow-y:auto; overflow-x:hidden; gap:6px; padding:8px; background:#111a1c; }
  .vt-nav.is-open li { display:block; width:auto; height:auto; margin:0; padding:0; }
  .vt-nav.is-open li + li,
  .vt-nav.is-open > a + a { margin-top:0; }
  .vt-nav.is-open a,
  .vt-nav.is-open li a { display:flex; width:100%; min-height:38px; height:100%; align-items:center; justify-content:flex-start; padding:8px 9px; border:1px solid #2c474a; border-radius:4px; background:#1b292b; color:#edf5f5; font-size:12px; font-weight:600; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .vt-nav.is-open a:hover,
  .vt-nav.is-open a:focus-visible { border-color:#49b6c7; background:#243b3e; color:#fff; }

  .vt-single-mobile-inline-widgets,
  .vt-single-under-player-widgets { width:100%; min-width:0; margin:8px 0 0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
  .vt-single-mobile-inline-widgets .widget,
  .vt-single-under-player-widgets .widget { width:100%; min-width:0; margin:0; padding:0; background:transparent; }
  .vt-single-mobile-inline-widgets .widget-title,
  .vt-single-under-player-widgets .widget-title { display:none; }
  .vt-single-mobile-inline-widgets .textwidget,
  .vt-single-under-player-widgets .textwidget { padding:0; }
  .vt-single-mobile-inline-widgets img,
  .vt-single-mobile-inline-widgets iframe,
  .vt-single-under-player-widgets img,
  .vt-single-under-player-widgets iframe { margin:0 auto; }
  .vt-single-mobile-inline-widgets .textwidget,
  .vt-single-under-player-widgets .textwidget { width:100%; max-width:100%; overflow:visible; text-align:center; }
  .vt-single-mobile-inline-widgets img[width="300"],
  .vt-single-mobile-inline-widgets iframe[width="300"],
  .vt-single-under-player-widgets img[width="300"],
  .vt-single-under-player-widgets iframe[width="300"] { width:min(300px, calc(100vw - 20px)); max-width:100%; height:auto; }
  .vt-single-mobile-inline-widgets img[width="728"],
  .vt-single-mobile-inline-widgets iframe[width="728"],
  .vt-single-under-player-widgets img[width="728"],
  .vt-single-under-player-widgets iframe[width="728"] { width:min(728px, calc(100vw - 20px)); max-width:100%; height:auto; }
}

@media (max-width:359px) {
  .vt-nav.is-open { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .vt-brand__wordmark { font-size:17px; }
  .vt-brand__image { max-width:104px; }
  .vt-header__inner { gap:4px; }
}

@media (min-width:721px) {
  .vt-mobile-search-row { display:none !important; }
}