/* ============================================================
   Global Base — font, color, line-height
   ============================================================ */
body {
  font-family: var(--font-sans);
  color: var(--text);
  background-color: var(--white);
  line-height: var(--line-height-normal);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text);
  line-height: var(--line-height-tight);
}

.cursor-pointer {
  cursor: pointer;
}

/* Search form / input focus — navy ring, not Bootstrap blue */
.form-control:focus,
.form-select:focus {
  border-color: var(--navy-500);
  box-shadow: 0 0 0 0.25rem rgba(45, 78, 122, 0.18);
}

/* Banner responsive switching */
.banner-desktop {
  display: none;
}

.banner-mobile {
  display: block;
}

@media (min-width: 400px) {
  .banner-desktop {
    display: block;
  }

  .banner-mobile {
    display: none;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .display-4 {
    font-size: 2rem;
  }

  .product-card .card-title {
    font-size: 1rem;
  }
}