/** Shopify CDN: Minification failed

Line 91:4 Unexpected "{"
Line 91:5 Expected identifier but found "%"
Line 91:33 Unexpected "{"
Line 91:34 Expected identifier but found "%"

**/

  .lab-diamond-gallery {
    padding: 23px 5px;
    background: #F6F6FC;
    font-family: 'Playfair Display', serif !important;
  }

  /* ── Header with arrows ── */
  .lab-diamond-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family: 'Playfair Display', serif !important;
  min-height: 80px;
}


  .lab-diamond-heading-content {
    text-align: center;
    max-width: 100%;
    margin-bottom: 10px;
  }
  .lab-diamond-heading-content .heading1 {
    margin: 0 0 6px 0;
    padding: 0;
    text-align: center;
    font-family: 'Playfair Display', serif !important;
  }
  .lab-diamond-heading-content .subheading {
    font-size: 15px;
    color: #666;
    margin-top: 4px;
    font-family: Mulish !important;
  }

.nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  color: #000;
  font-family: 'Playfair Display', serif !important;
  z-index: 2;
}

.nav-arrow.left {
  left: 0;
}

.nav-arrow.right {
  right: 0;
}


  /* ── Carousel ─ */
  .carousel-viewport {
    overflow: hidden;
    max-width: 1320px;
    margin: 0 auto;
  }
  .carousel-track {
    display: flex;
    gap: 27px;
    transition: transform 0.4s ease;
  }

  /* ── Card ─ */
  .carousel-card {
    flex: 0 0 310px;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: 'Playfair Display', serif !important;
  }
  .carousel-card img {
    width: 100%;
    {% comment %} height: 450px; {% endcomment %}
    object-fit: cover;
    border-radius: 6px;
  }
  .card-title {
    margin-top: 12px;
    font-family: 'Playfair Display', serif !important;
  }
  .carousel-card a {
    text-decoration: none;
  }

  /* ── Medium screens ≤1180px (3 cards visible) ── */
  @media (max-width: 1180px) {
    .carousel-card {
      flex: 0 0 31%;
      max-width: 31%;
    }
    .carousel-card img {
      height:auto;
    }
  }

  /* ── Mobile ≤768px (no carousel, simple grid) ── */
  @media (max-width: 768px) {
    .lab-diamond-header {
      flex-direction: column;
      gap: 12px;
      padding: 0 20px;
    }

    .nav-arrow {
      display: none;
    }

    .carousel-viewport {
      overflow: visible;
      max-width: 100%;
    }

    .carousel-track {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      transform: none !important;
    }

    .lab-diamond-heading-content {
      text-align: center;
      width: 100%;
    }

    .lab-diamond-heading-content .heading1 {
      width: 100%;
      text-align: center;
    }

    .lab-diamond-heading-content .subheading {
      text-align: center;
    }

    .carousel-card {
      flex: 0 0 45%;
      max-width: 45%;
      height: auto;
    }

    .carousel-card img {
       height: auto; 
    }

    .card-title {
      font-size: 14px !important;
      text-align: center !important;
    }
  }