.car img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.page-header {
      background: #fff;
      padding: 2.5rem 1rem 1rem;
      text-align: center;
      border-bottom: 1px solid #e0e0e0;
    }
    .page-header h1 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 3px;
    color: rgb(36, 32, 31);
    font-family: 'Roboto';
}
    .breadcrumb {
         color: #a19e9e;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
      margin-top: 6px;
    }
    .breadcrumb a {
    color: #272727;
    text-decoration: none;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
}
    .breadcrumb span { margin: 0 5px; }
 
    /* ── SECTION WRAPPER ── */
    .products-section {
      max-width: 1100px;
      margin: 0 auto;
      padding: 2.5rem 1.5rem;
    }
 
    /* ── GRID ── */
    .prod-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 3rem 2.5rem;
    }
    .prod-card { display: flex; flex-direction: column; gap: 12px; }
    .prod-card.full-row { grid-column: 1; }
 
    /* ── PRODUCT NAME HEADING ── */
    .prod-name {
        font-family: Roboto;
      font-size:30px;
      font-weight: 400;
      color: rgb(20, 20, 20);
    }
 
    /* ── IMAGE BOX ── */
    .prod-img-box {
      height: 500px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
 
    /* image starts small + invisible, animates to full size */
    .prod-img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(0.7);
      opacity: 0;
      transition: transform 0.8s ease, opacity 0.8s ease;
    }
 
    .prod-img-box.img-visible img {
      transform: scale(1);
      opacity: 1;
    }
 
    /* backgrounds */
    /* .bg-blue-grad   { background: linear-gradient(135deg, #8bb8d8 0%, #4878a8 100%); }
    .bg-purple-grad { background: linear-gradient(135deg, #c0a8d8 0%, #8870b8 100%); }
    .bg-yellow-grad { background: linear-gradient(135deg, #f5e070 0%, #e8c020 100%); }
    .bg-brown-grad  { background: linear-gradient(135deg, #c8a070 0%, #906030 100%); }
    .bg-sky-grad    { background: linear-gradient(135deg, #90b8e0 0%, #4878b8 100%); }
    .bg-orange-grad { background: linear-gradient(135deg, #e8c880 0%, #d09040 100%); }
    .bg-cobalt-grad { background: linear-gradient(135deg, #5888c8 0%, #2858a0 100%); }
    .bg-green-grad  { background: linear-gradient(135deg, #a8c870 0%, #78a040 100%); } */
 
    /* ── TEXT BELOW IMAGE ── */
    .prod-title-sm {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-family: 'Roboto';
    line-height: 24px;
}
    .prod-sub {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin-top: 2px;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 24px;
}
   .prod-cert {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin: 20px 0 20px;
    font-family: 'Roboto';
    line-height: 24px;
}
    .uses-heading {
    font-size: 14px;
    font-weight: 700;
    color: rgb(0, 0, 0);
    margin-bottom: 6px;
    font-family: 'Roboto';
}
    .uses-list     { list-style: none; padding: 0; display: flex; flex-direction: column; gap: 5px; }
    .uses-list li {
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-family: 'Roboto';
    line-height: 20px;
}
    .sugar-free    { color: #e03020; font-weight: 700; }
 
    /* ── DIVIDER BETWEEN SECTIONS ── */
    .section-divider {
      border: none;
      border-top: 1px solid #ddd;
      margin: 1rem 0 2.5rem;
    }
 
    @media (max-width: 640px) {
      .prod-grid { grid-template-columns: 1fr; }
      .prod-card.full-row { grid-column: 1; }
    }