/* Testimonials slider – Wizytowka-Fryzjer */
.testimonials-section { background: var(--color-surface-2); overflow: hidden; }
.testimonials-slider { position: relative; overflow: hidden; }
.testimonials-track { display: flex; width: 400%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.testimonial-slide { flex: 0 0 25%; padding: 0 var(--container-padding); display: flex; flex-direction: column; align-items: center; text-align: center; gap: var(--space-5); padding-bottom: var(--space-8); }
.testimonial-slide__stars { color: var(--color-gold); font-size: var(--font-size-xl); letter-spacing: 3px; }
.testimonial-slide__text { font-family: var(--font-display); font-size: var(--font-size-xl); font-style: italic; color: var(--color-text-muted); line-height: var(--line-height-relaxed); max-width: 600px; }
.testimonial-slide__author { display: flex; align-items: center; gap: var(--space-4); }
.testimonial-slide__avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid var(--color-gold); }
.testimonial-slide__name { display: block; font-weight: var(--font-weight-semi); color: var(--color-text); font-style: normal; }
.testimonial-slide__role { font-size: var(--font-size-sm); color: var(--color-text-dim); }
/* Controls */
.testimonials-controls { display: flex; align-items: center; justify-content: center; gap: var(--space-4); padding-top: var(--space-6); padding-bottom: var(--space-4); }
.testimonials-prev, .testimonials-next { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--color-gold); color: var(--color-gold); display: flex; align-items: center; justify-content: center; font-size: var(--font-size-lg); transition: all var(--transition-fast); }
.testimonials-prev:hover, .testimonials-next:hover { background: var(--color-gold); color: #fff; }
.testimonials-prev:focus-visible, .testimonials-next:focus-visible { outline: 3px solid var(--color-gold); outline-offset: 3px; }
.testimonials-dots { display: flex; gap: var(--space-2); }
.t-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--color-border-dark); border: none; padding: 0; transition: background var(--transition-base), transform var(--transition-base); cursor: pointer; }
.t-dot[aria-selected="true"] { background: var(--color-gold); transform: scale(1.3); }
.t-dot:focus-visible { outline: 3px solid var(--color-gold); outline-offset: 3px; }