/* Desktop layout for destinations.html - filters sidebar (theme + country) on the left,
   sticky alongside the results grid, instead of stacking everything in one narrow column. */
@media (min-width: 761px) {
  .package-content {
    max-width: 1200px;
  }
  .package-layout {
    align-items: start;
    display: grid;
    gap: 32px;
    grid-template-columns: 240px 1fr;
  }
  .package-filters-sidebar {
    position: sticky;
    top: 24px;
  }
  /* Grid items default to min-width:auto, so the horizontally-scrolling rows inside (pick-row,
     package-result cards) would otherwise force this whole column wider than its 1fr share
     instead of actually scrolling within it. */
  .package-main {
    min-width: 0;
  }
  .package-filters-sidebar .theme-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .package-filters-sidebar .country-row {
    align-items: stretch;
    flex-direction: column;
    overflow-x: visible;
    padding-bottom: 0;
  }
  .package-filters-sidebar .country-chip {
    text-align: left;
  }
  .package-main .package-results-list {
    grid-template-columns: repeat(3, 1fr);
  }
}