/* Custom CSS for additional styling */
html {
  scroll-behavior: smooth;
}

.container {
  max-width: 1200px;
}

/* Navigation scroll effect */
.nav-scrolled {
  background-color: white !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

/* Testimonial transitions */
.testimonial-item {
  transition: opacity 0.5s ease-in-out;
}

.testimonial-item.active {
  opacity: 1;
}

.testimonial-item.inactive {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 2rem;
}

/* FAQ animations */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.faq-answer.open {
  max-height: 500px;
}

/* Hover effects */
.hover-scale:hover {
  transform: scale(1.05);
}

/* Star rating */
.star {
  width: 20px;
  height: 20px;
  fill: #c3b39b;
  stroke: #c3b39b;
  stroke-width: 1;
}

/* Maximum quality image rendering */
img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Ensure images load properly on all devices at maximum quality */
img {
  max-width: 100%;
  height: auto;
}

/* Force maximum quality rendering for shop and gallery images */
#shop-grid img,
#gallery-grid img {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
  backface-visibility: hidden;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

/* Prevent image blurring during animations */
.group img {
  will-change: transform;
  transform: translateZ(0);
}