/* Media Queries */
@media (max-width: 768px) {
   .product-container {
      display: flex;
      flex-wrap: nowrap;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      gap: 16px;
      padding: 16px;
      justify-content: flex-start;
      -webkit-overflow-scrolling: touch;
   }

   .product-container::-webkit-scrollbar {
      height: 6px;
   }

   .product-container::-webkit-scrollbar-track {
      background: var(--color-lightest);
      border-radius: 3px;
   }

   .product-container::-webkit-scrollbar-thumb {
      background: var(--color-medium);
      border-radius: 3px;
   }

   .product-card {
      flex: 0 0 85%;
      scroll-snap-align: center;
      margin: 0 5px;
      max-width: none;
   }

   h2 {
      padding-left: 16px;
      padding-top: 2rem;
   }

   h2::after {
      left: 16px;
   }

   .img-modal-content {
      max-width: 90vw;
      max-height: 85vh;
   }

   .img-modal-content img {
      max-width: 85%;
      max-height: 75%;
   }

   .logo {
      display: none;
   }

   header {
      padding: 12px 16px;
      flex-direction: column;
      gap: 8px;
   }

   .header-content {
      margin: 0;
   }

   header h1 {
      font-size: 2.4rem;
   }

   header p {
      font-size: 1.1rem;
      letter-spacing: 1px;
   }

   .airport-showcase {
      padding: 4rem 1.5rem;
   }

   .airport-showcase h2 {
      font-size: 2.6rem;
   }

   .airport-showcase .search-bar {
      flex-direction: column;
      border-radius: 16px;
   }

   .airport-showcase .search-bar input,
   .airport-showcase .search-bar button {
      width: 100%;
      border-radius: 0;
   }

   .airport-showcase .search-bar input {
      border-radius: 16px 16px 0 0;
   }

   .airport-showcase .search-bar button {
      border-radius: 0 0 16px 16px;
   }
}