.sdc-reviews-slider { 
  width: 100%; 
  background-color: #f8f9fa;
  border-radius: 2rem;
  padding: 2.2rem;
  position: relative; /* Ensure children are contained */
}

/* Override bg-lt-gray background to transparent for views containing slider */
.bg-lt-gray:has(.sdc-reviews-slider) {
  background: transparent !important;
}

.review-card {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 1rem;
}

.review-top {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: .75rem;
}
.review-icon img {
  width: 44px; height: 44px; object-fit: cover; border-radius: 9999px;
}
.review-id { display: grid; gap: .15rem; }
.review-name { 
  color: #111; 
  margin: 0;
}
.review-stars .star { font-size: 1.5rem; letter-spacing: .05em; color: #f5a623; }
.review-text { 
  font: 400 .95rem/1.6 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; 
  color: #333; 
  font-size: 1.5rem;
}

.review-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.25rem;
  margin-top: .75rem;
}
.sdc-reviews-slider .swiper-pagination {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: 100% !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}
.sdc-reviews-slider .swiper-pagination-bullet { 
  background: transparent !important; 
  border: 2px solid #111;
  opacity: .35;
  margin: 0 4px !important;
  display: inline-block;
  vertical-align: middle;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}
.sdc-reviews-slider .swiper-pagination-bullet-active { 
  opacity: 1;
  background: #111 !important;
}

div.sdc-reviews-slider .swiper-button-prev,
div.sdc-reviews-slider .swiper-button-next {
  position: static !important; /* Force static to override home-slider absolute */
  width: 36px !important; 
  height: 36px !important;
  border-radius: 9999px !important;
  background-color: #f2f2f2 !important; /* Background color only */
  background-image: none !important;  /* Kill the home slider's arrow image */
  color: #111 !important;
  display: inline-flex !important; 
  align-items: center !important; 
  justify-content: center !important;
  margin: 0 !important;
  transform: none !important;
  &:focus{
    outline: solid 1px #111 !important;
  }
}

/* Hide any injected SVG to use the standard Swiper font icon instead */
div.sdc-reviews-slider .swiper-button-prev svg,
div.sdc-reviews-slider .swiper-button-next svg {
  display: none !important;
}

/* Ensure default Swiper icons show up clearly */
.sdc-reviews-slider .swiper-button-prev::after,
.sdc-reviews-slider .swiper-button-next::after {
  font-family: swiper-icons !important; /* Ensure Swiper font is used */
  font-size: 16px !important;
  display: block !important;
  content: 'prev' !important; /* Standard Swiper prev icon code */
}

.sdc-reviews-slider .swiper-button-next::after {
  content: 'next' !important; /* Standard Swiper next icon code */
}

.sdc-reviews-slider .swiper-button-prev:hover,
.sdc-reviews-slider .swiper-button-next:hover { 
  background-color: #e7e7e7 !important; 
  transform: scale(1.05) !important;
}

@media (min-width: 640px) {
  .review-icon img { width: 52px; height: 52px; }
}