/* Tablet and general adjustments */
@media (min-width: 768px) {
  .offer-grid {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    gap: 20px;
  }

  .offer-card__media {
    height: 280px;
  }

  .hero__banner {
    height: clamp(120px, 16vw, 180px);
  }
}

/* Mobile hide rules */
@media (max-width: 767px) {
  /* Hide the other offer cards in main grids on mobile to match prints */
  .offer-grid:not(.expandable .offer-grid) .offer-card:nth-child(n+2) {
    display: none !important;
  }
}

/* Desktop Styles */
@media (min-width: 1024px) {
  /* Header items */
  .topbar {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  
  .header-right {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  
  .header-link {
    display: inline-flex !important;
  }
  
  .user-menu-btn {
    display: inline-flex !important;
  }

  .topbar-phone {
    display: inline-flex !important;
    padding: 8px 18px;
  }

  /* Hero header */
  .hero__inner {
    padding: 24px 0 28px;
  }

  .trip-header-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
  }

  .hero__title {
    font-size: 32px;
    margin-bottom: 0;
  }

  .trip-controls {
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  /* Search input layout horizontal on desktop */
  .search-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: start;
    gap: 14px;
  }

  .trip-panel[data-trip-panel="standard"] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: start;
    gap: 14px;
  }

  .search-panel[data-segment] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .origin-dest {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .origin-dest .field {
    padding-right: 32px;
  }

  .origin-dest .field + .field {
    border-top: 0;
    border-left: 1px solid #cfd3da;
  }

  .swap-button {
    left: 50%;
    right: auto;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .swap-icon-vertical {
    display: none !important;
  }

  .swap-icon-horizontal {
    display: inline-block !important;
  }

  .search-actions {
    margin-top: 0;
  }

  .search-submit {
    height: 56px;
    width: auto;
    padding: 0 28px;
    border-radius: 8px;
  }

  .switch-row {
    grid-column: span 2;
  }

  /* Section Title and Chip */
  .section-header .chip {
    display: none !important;
  }

  /* Main grids - display 4 cards side by side */
  .offer-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }

  .offer-grid .offer-card:nth-child(n+2) {
    display: block !important;
  }

  /* Companion logos */
  .logos-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    overflow: visible;
  }

  .logo-tile {
    flex: none;
    padding: 36px 24px;
  }

  /* Search results flight grid in oferta.html */
  .results-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}