#travel-videos{ position: relative; }

  #travel-videos .tv-shell{
    position: relative;
    z-index: 41;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 24px;
    background: rgba(255, 249, 241, 0.96);
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
    overflow: hidden;
  }

  #travel-videos .tv-shell::after{
    content:"";
    position:absolute; inset:0;
    pointer-events:none;
    opacity: 0;
    transition: opacity .18s ease;
    background:
      radial-gradient(900px 520px at 50% 20%, rgba(0,0,0,.15), rgba(0,0,0,.35)),
      rgba(0,0,0,.15);
    mix-blend-mode: multiply;
  }
  #travel-videos .tv-shell.is-dim::after{ opacity: 1; }

  #travel-videos.tv-focus::before{
    content:"";
    position: fixed;
    inset: 0;
    z-index: 40;
    pointer-events: none;
    background:
      radial-gradient(900px 520px at 50% 20%,
        rgba(0,0,0,.28),
        rgba(0,0,0,.60)
      ),
      rgba(0,0,0,.35);
    transition: opacity .18s ease;
    opacity: 1;
  }

  #travel-videos.tv-focus > .tv-focus-layer{
    position: relative;
    z-index: 40;
    border-radius: 28px;
    background:
      radial-gradient(900px 520px at 50% 20%,
        rgba(17, 24, 39, .10),
        rgba(17, 24, 39, .34)
      );
  }


  #travel-videos .tv-meta{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap: 10px;
    background: transparent;
    border: 0;
    padding: 6px 0 2px;
  }

  #travel-videos .tv-meta-creator{
    font-size: 14px;
    line-height: 1.1;
    font-weight: 650;
    color: rgba(17,24,39,.92);
    max-width: 100%;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* Continents: ALWAYS a row (wrap) */
  #travel-videos .tv-meta-continents{
    width: 100%;
    display:flex;
    flex-direction: row;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap: .55rem;
    min-width:0;
  }

  #travel-videos .tv-meta-tags{
    width: min(680px, 100%);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem .75rem;
  }

  #travel-videos .tv-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.4rem;
    padding: .55rem .85rem;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.92);
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    color: rgba(55,65,81,.94);
    white-space: nowrap;
  }

  @media (min-width: 640px){
    #travel-videos .tv-meta{ gap: 12px; padding: 0px 0 4px; }
    #travel-videos .tv-meta-creator{ font-size: 15px; }
    #travel-videos .tv-tag{ padding: .6rem .95rem; font-size: 14px; }
  }

  /* ====== 3) CONTROLS (Pills + globe + bulb) ====== */

  #travel-videos .tv-pill{
    display:inline-flex; align-items:center; gap:.45rem;
    padding:.55rem .85rem;
    border-radius:999px;
    border:1px solid rgba(0,0,0,.10);
    background:#fff;
    color: rgba(17,24,39,.92);
    font-size: 13px;
    line-height: 1;
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, background .12s ease;
    user-select:none;
    white-space: nowrap;
  }
  #travel-videos .tv-pill:hover{
    transform: translateY(-1px);
    border-color: rgba(0,0,0,.18);
    box-shadow: 0 4px 10px rgba(0,0,0,.08);
  }
  #travel-videos .tv-pill.is-active{
    border-color: rgba(217, 119, 6, .85);
    background: linear-gradient(180deg,
      rgba(255, 247, 237, .92),
      rgba(255, 255, 255, .96)
    );
    box-shadow:
      0 4px 10px rgba(0,0,0,.06),
      inset 0 0 0 1px rgba(251, 191, 36, .25);
    color: rgba(30, 117, 27, 0.95);
  }

  #travel-videos .tv-globe{
    width:10px; height:10px; border-radius:999px;
    border:1px solid rgba(0,0,0,.25);
    background: radial-gradient(circle at 35% 35%,
      rgba(16,185,129,.35),
      rgba(59,130,246,.22),
      rgba(255,255,255,.85)
    );
  }

  /* Category row: horizontal scroll, but allow wrap on very small screens */
  #travel-videos .tv-cat-row{
    display:flex;
    gap:.5rem;
    overflow:auto;
    padding-bottom:.25rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    min-width:0;
  }
  #travel-videos .tv-cat-row::-webkit-scrollbar{ display:none; }

  @media (max-width: 420px){
    #travel-videos .tv-cat-row{
      flex-wrap: wrap;
      overflow: visible;
    }
    #travel-videos .tv-pill{ padding:.52rem .78rem; }
  }

  /* ====== 4) STAGE / FRAME ====== */

  #travel-videos .tv-frame{
    border-radius: 18px;
    overflow:hidden;
    border: 1px solid rgba(0,0,0,.10);
    background: #0b0b0c;
    box-shadow: 0 18px 40px rgba(0,0,0,.14);
  }

  #travel-videos .tv-stage{
    display:grid;
    grid-template-columns: 1fr minmax(0, 820px) 1fr;
    gap: 14px;
    align-items: center;
  }

  @media (max-width: 1024px){
    #travel-videos .tv-stage{
      grid-template-columns: 1fr;
      gap: 10px;
    }
    #travel-videos .tv-stage .tv-nav{
      display:flex;
      justify-content:space-between;
      gap:10px;
    }
  }

  /* ====== 5) CONTINENT TAG GRADIENT BORDERS ====== */

  #travel-videos .tv-tag--continent{
    border: 1px solid transparent;
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(0,0,0,.10), rgba(0,0,0,.10)) border-box;
  }

  #travel-videos .tv-tag--europe{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(59,130,246,.85), rgba(16,185,129,.75), rgba(99,102,241,.85)) border-box;
  }
  #travel-videos .tv-tag--asia{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(244,63,94,.85), rgba(249,115,22,.80), rgba(234,179,8,.80)) border-box;
  }
  #travel-videos .tv-tag--africa{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(245,158,11,.85), rgba(34,197,94,.78), rgba(168,85,247,.78)) border-box;
  }
  #travel-videos .tv-tag--north-america{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(14,165,233,.85), rgba(99,102,241,.82), rgba(59,130,246,.82)) border-box;
  }
  #travel-videos .tv-tag--central-america{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(34,197,94,.82), rgba(59,130,246,.78), rgba(14,165,233,.82)) border-box;
  }
  #travel-videos .tv-tag--south-america{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(16,185,129,.85), rgba(34,197,94,.78), rgba(234,179,8,.75)) border-box;
  }
  #travel-videos .tv-tag--oceania{
    background:
      linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)) padding-box,
      linear-gradient(135deg, rgba(6,182,212,.85), rgba(56,189,248,.80), rgba(167,139,250,.78)) border-box;
  }

  #travel-videos .tv-meta-divider{
    width: min(520px, 100%);
    height: 1px;
    margin: .4rem 0 .2rem;
    background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.18), rgba(0,0,0,0));
  }

  /* ====== 6) Responsive fine tuning ====== */

  /* Mobile: outer padding consistent */
  #travel-videos .tv-outer{
    padding-left: 12px;
    padding-right: 12px;
  }
  @media (min-width: 640px){
    #travel-videos .tv-outer{ padding-left: 24px; padding-right: 24px; }
  }
  @media (min-width: 768px){
    #travel-videos .tv-outer{ padding-left: 32px; padding-right: 32px; }
  }

  /* 14" breakpoint (typical laptops): slightly tighter spacing */
  @media (min-width: 1280px) and (max-width: 1536px){
    #travel-videos .tv-shell{ border-radius: 22px; }
    #travel-videos .tv-stage{ gap: 12px; grid-template-columns: 1fr minmax(0, 760px) 1fr; }
    #travel-videos .tv-meta-tags{ width: min(640px, 100%); }
  }

  /* Very small: keep headings tidy */
  @media (max-width: 380px){
    #travel-videos h1{ font-size: 28px !important; }
  }