body {
    font-family: 'Poppins', sans-serif;
}

body.overflow-hidden {
    overflow: hidden;
}

.hero-bg {
    background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url('./images/hero_net4horse.jpg');
    background-size: cover;
    background-position: center;
}

/* Lightbox */
#fullscreen-overlay {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
}

#fullscreen-overlay.active {
    visibility: visible;
    opacity: 1;
}

#close-overlay {
    background: none;
    border: none;
    cursor: pointer;
}

/* Cart Styles */
#cart-sidebar {
    /* Tailwind handles most, but ensuring z-index matches lightbox */
    z-index: 60; 
}

#cart-overlay {
    z-index: 50;
}

/* Ensure product tiles interact nicely */
.product-tile img {
    cursor: zoom-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.4s ease-out forwards;
}

/* STYLIZACJA POJEDYNCZEJ OPINII */
.testimonials-section {
  padding: 60px 20px;
  background-color: #f9f9f9; 
  text-align: center;
}

.testimonials-section .section-title {
  font-size: 2em;
  color: #333;
  margin-bottom: 40px;
}

.single-testimonial {
  background: #ffffff;
  border-radius: 10px;
  padding: 40px 30px;
  max-width: 700px; /* Ogranicza szerokość, żeby tekst dobrze się czytało */
  margin: 0 auto; /* Centruje opinię na środku strony */
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  text-align: center; /* Wyśrodkowany tekst wygląda elegancko przy 1 opinii */
  border-top: 4px solid #4CAF50; /* Delikatny zielony pasek nawiązujący do natury/koni (zmień kolor pod swoje logo, jeśli chcesz) */
}

.stars {
  font-size: 1.5em;
  margin-bottom: 20px;
}

.review-text {
  font-style: italic;
  color: #444;
  line-height: 1.6;
  margin-bottom: 25px;
  font-size: 1.1em;
}

.reviewer-name {
  color: #2c3e50;
  margin: 0;
  font-size: 1.2em;
}

.reviewer-role {
  color: #888;
  font-size: 0.9em;
  margin-top: 5px;
}