@media (max-width: 768px) {
   
  .sarmila-producet {
    padding-left: 15px;
    padding-right: 15px;
  }

  .card-container {
    gap: 18px;
  }

  .card-body {
    width: calc(50% - 9px);
    max-width: none;
  }

  .image-wrapper {
    height: 180px;
  }

  .details-content {
    padding: 23px 14px 14px;
  }

  .title {
    font-size: 17px;
  }

  .specs-grid {
    column-gap: 8px;
  }

  .spec-item {
    font-size: 10.5px;
    gap: 5px;
  }

  .spec-item i {
    font-size: 12px;
  }

  .price-ribbon {
    width: 175px;
  }

  .price-main {
    font-size: 17px;
  }

  .btn {
    font-size: 11px;
    padding: 8px 3px;
  }
    .sarmila-producet-mixed-heading h2 {
        font-size: var(--heading776);
        letter-spacing: 1.5px;
    }

    .sarmila-producet-divider {
        width: 190px;
    }

    .sarmila-producet-divider::before,
    .sarmila-producet-divider::after {
        height: 3px;
        border-top-width: 2px;
        border-bottom-width: 2px;
    }

    .sarmila-producet-diamond {
        font-size: 17px;
        margin: 0 9px;
    }

    .sarmila-producet-main-title {
        font-size: var(--sub-heading776);
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .sarmila-producet-description {
        max-width: 500px;
        font-size: var(--sub-paragraph776);
        line-height: 1.6;
        margin-bottom: 28px;
    }

}

@media (max-width: 600px) {

  .sarmila-producet {
    padding-left: 12px;
    padding-right: 12px;
  }

  .card-container {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  .card-body {
    width: 100%;
    max-width: 380px;
  }

  .image-wrapper {
    height: 210px;
  }

  .details-content {
    padding: 24px 16px 16px;
  }

  .title {
    font-size: 19px;
  }

  .subtitle {
    font-size: 12px;
  }

  .spec-item {
    font-size: 11px;
  }

  .price-ribbon {
    width: 185px;
  }

  .price-main {
    font-size: 18px;
  }

  .btn {
    font-size: 12px;
  }

}
@media (max-width: 575px) {
 .sarmila-producet-mixed-heading h2 {
        font-size: var(--heading575);
        letter-spacing: 1.2px;
    }

    .sarmila-producet-divider {
        width: 170px;
    }

    .sarmila-producet-diamond {
        font-size: 16px;
        margin: 0 8px;
    }

    .sarmila-producet-main-title {
        font-size: var(--sub-heading575);
        line-height: 1.3;
    }

    .sarmila-producet-description {
        font-size: var(--sub-paragraph575);
        margin-bottom: 25px;
    }
  }
  
@media (max-width: 480px) {

  .sarmila-producet {
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-container {
    gap: 18px;
  }

  .card-body {
    width: 100%;
    max-width: 100%;
  }

  .image-wrapper {
    height: 195px;
  }

  .best-seller-badge {
    left: 10px;
    bottom: -15px;
    padding: 3px 10px;
  }

  .badge-text {
    font-size: 12px;
  }

  .details-content {
    padding: 23px 13px 14px;
  }

  .rating-row {
    gap: 5px;
  }

  .stars-group {
    font-size: 12px;
  }

  .review-text {
    font-size: 11px;
  }

  .title {
    font-size: 18px;
  }

  .subtitle {
    font-size: 11px;
    margin-bottom: 13px;
  }

  .specs-grid {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }

  .spec-item {
    font-size: 11px;
  }

  .price-ribbon {
    width: 180px;
  }

  .price-main {
    font-size: 17px;
  }

  .buttons-row {
    gap: 7px;
  }

  .btn {
    font-size: 11px;
    padding: 8px 3px;
  }

}