@media (max-width: 768px) {
  .about-header {
    padding-top: 12rem !important;
    padding-bottom: 6rem !important;
    background: linear-gradient(135deg, #baac6c, #d9ce8f) !important;
    background-size: cover !important;
    background-position: center -5rem !important;
  }

  .about-image {
    max-width: 100% !important;
    height: auto;
  }

  .mb-5 {
    margin-bottom: 1rem !important;
  }

  /* Product Page css */
  .nav-pills .nav-item .btn {
    font-size: 14px !important;
    padding: 6px 14px !important;
  }
}

/* On larger screens, add spacing and visual balance */
@media (min-width: 992px) {
  .about-image {
    height: 420px;
    object-fit: cover; /* fills area nicely */
  }
}

@media (max-width: 576px) {
  .nav-pills {
    flex-direction: column !important;
    align-items: center !important;
  }
  .nav-pills .nav-item {
    width: 100% !important;
    text-align: center !important;
  }
  .nav-pills .nav-item .btn {
    width: 100% !important;
  }
}