@media (min-width: 1400px) and (max-width: 1600px) {
    .product-cart-wrap .product-card-bottom .add-cart .add {
        padding: 8px;
    }
}
.quick-view-content .detail-gallery {
    display: none;
}

.quick-view-content .product-detail .detail-info .product-badges {
    display: none;
}

.quick-view-content .product-detail .title-detail {
    display: none;
}

.quick-view-content .product-detail-rating {
    display: none;
}

.quick-view-content .detail-info .product-price-cover {
    display: none;
}

.quick-view-content .product-detail .detail-info .short-desc {
    display: none;
}

.quick-view-content .font-xs {
    display: none;
}

.quick-view-content .col-md-6.col-sm-12.col-xs-12.mb-md-0.mb-sm-5 {
    display: none;
}
.modal-content {
    position: relative;
    display: flex;
    width: 50%;
    pointer-events: auto;
    background-color: #fffdfda8 !important;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    margin: 0 auto;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
 .modal-content {
    width: 100% !important;
 }
}
.product-extra-link2 .button.button-add-to-cart {
  border: 0;
  border-radius: 5px;
  font-family: var(--font-heading), sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  line-height: 1.2;
  overflow: visible;
  width: max-content;
}

#quick-view-modal .modal-dialog .modal-content {
    max-width: 600px !important;
}

.product-option-item-values {
  border: 4px solid #007bff; // base border color
  border-radius: 20px;
  padding: 8px;
  animation: pulse-border 2s infinite;

  // Optional: add a subtle box-shadow pulse instead of border if preferred
  // animation: pulse-shadow 2s infinite;
}

@keyframes pulse-border {
  0% {
    border-color: #007bff;
  }
  50% {
    border-color: #66b2ff;
  }
  100% {
    border-color: #007bff;
  }
}

/* Alternative: soft shadow pulse (can replace the above animation) */
@keyframes pulse-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 10px 2px rgba(0, 123, 255, 0.6);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.4);
  }
}