.product-card {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #ddd;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }
  .product-img {
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  .card-title, .card-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Base styles (mobile-first) */
.card-title {
  font-size: 0.9rem;      /* ~14.4px */
  font-weight: 600;
}

.card-text {
  font-size: 0.8rem;      /* ~12.8px */
  color: #666;
}

/* Tablet and up (≥768px) */
@media (min-width: 768px) {
  .card-title {
    font-size: 1rem;      /* ~16px */
  }

  .card-text {
    font-size: 0.9rem;    /* ~14.4px */
  }
}

/* Desktop and up (≥992px) */
@media (min-width: 992px) {
  .card-title {
    font-size: 1.05rem;   /* ~16.8px */
  }

  .card-text {
    font-size: 1rem;      /* ~16px */
  }
}


  .whatsapp-button {
  display: flex;
  align-items: center;
  padding: 1rem;
  background-color: #25D366; /* WhatsApp green */
  color: white; /* Sets text color to white */
  text-decoration: none;
  border-radius: 8px;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.whatsapp-button:hover {
  background-color: #1DA851; /* Darker green on hover */
  transform: scale(1.05);
}

.whatsapp-button h3,
.whatsapp-button span,
.whatsapp-button i {
  color: white; /* Ensures all child elements have white text */
}


/* ---------- Testimonial slider typography ---------- */

.testimonial-item{
  /* Base size for small screens */
  font-size: 1rem;            /* 16 px */
  line-height: 1.5;
}

.testimonial-rating i{
  font-size: 1rem;            /* star icons */
  color: #ffc107;             /* Bootstrap’s warning‑yellow */
}

.testimonial-content p{
  font-size: 0.95rem;         /* 15 px */
  margin-bottom: 0.75rem;
}

.author-content h3{
  font-size: 1rem;            /* customer name */
  font-weight: 600;
  margin: 0 0 .25rem;
}

.author-content p{
  font-size: 0.875rem;        /* 14 px, customer position */
  color: #6c757d;             /* subtle grey */
  margin: 0;
}

/* --------- Tablet (≥ 768 px) --------- */
@media (min-width: 768px){
  .testimonial-item{font-size: 1.05rem;}     /* 16.8 px */
  .testimonial-content p{font-size: 1rem;}   /* 16 px */
  .author-content h3{font-size: 1.1rem;}     /* 17.6 px */
}

/* --------- Desktop (≥ 992 px) --------- */
@media (min-width: 992px){
  .testimonial-item{font-size: 1.1rem;}      /* 17.6 px */
  .testimonial-content p{font-size: 1.05rem;}/* 16.8 px */
  .author-content h3{font-size: 1.2rem;}     /* 19.2 px */
}

.testimonial-content p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  line-clamp: 10; /* 🔧 Standard property for future support */
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.95rem;
  line-height: 1.5;
  max-height: calc(1.5em * 10); /* Fallback for unsupported browsers */
}

/* Default (mobile-first) */
.team-member-item .team-content h3 {
  font-size: 0.8rem;          /* ~16px on mobile */
  line-height: 1.3;
  margin-top: 0.5rem;
  text-align: center;
}

/* Tablet (≥768px) */
@media (min-width: 768px) {
  .team-member-item .team-content h3 {
    font-size: 1.1rem;      /* ~17.6px */
  }
}

/* Desktop (≥992px) */
@media (min-width: 992px) {
  .team-member-item .team-content h3 {
    font-size: 1.2rem;      /* ~19.2px */
  }
}