/* ref slider */
.reference-slider{width:100%;max-width:920px;margin:0 auto;position:relative;}
.reference-slider__viewport{overflow:hidden;border-radius:16px;touch-action:pan-y;cursor:grab;}
.reference-slider__viewport.is-dragging{cursor:grabbing;}
.reference-slider__track{display:flex;transition:transform 0.45s ease;will-change:transform;}
.reference-slider__track.is-dragging{transition:none;}
.reference-slide{min-width:100%;box-sizing:border-box;padding:48px 60px;background:#ffffff;text-align:center;user-select:none;}
.reference-slide__stars{margin-bottom:22px;color:#e4a400;font-size:22px;line-height:1;letter-spacing:4px;}
.reference-slide__text{max-width:720px;margin:0 auto;padding:0;border:0;color:#333333;font-size:19px;line-height:1.75;font-style:normal;}
.reference-slide__author{display:flex;flex-direction:column;gap:4px;margin-top:28px;}
.reference-slide__author strong{color:#151515;font-size:17px;}
.reference-slide__author span{color:#777777;font-size:15px;}
.reference-slider__controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:24px;}
.reference-slider__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#222222;color:#ffffff;font-size:22px;line-height:1;cursor:pointer;transition:background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;}
.reference-slider__arrow:hover{background:#e4a400;color:#111111;transform:scale(1.05);}
.reference-slider__arrow:focus-visible,.reference-slider__dot:focus-visible{outline:3px solid rgba(228,164,0,0.4);outline-offset:3px;}
.reference-slider__dots{display:flex;align-items:center;justify-content:center;gap:9px;}
.reference-slider__dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#c9c9c9;cursor:pointer;transition:width 0.2s ease,background-color 0.2s ease;}
.reference-slider__dot.is-active{width:28px;border-radius:10px;background:#222222;}
.reference-slider__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

@media (max-width: 700px) {
  .reference-slide{padding:38px 25px;}
  .reference-slide__text{font-size:17px;line-height:1.65;}
  .reference-slider__controls{gap:15px;}
  .reference-slider__arrow{width:44px;height:44px;}
}

@media (max-width: 420px) {
  .reference-slide{padding:32px 20px;}
  .reference-slider__controls{gap:10px;}
  .reference-slider__dots{gap:6px;}
  .reference-slider__arrow{width:40px;height:40px;}
  .reference-slide__text {font-size: 15px;line-height: 1.35;}
}

@media (prefers-reduced-motion: reduce) {
  .reference-slider__track,    
  .reference-slider__arrow,    
  .reference-slider__dot {transition: none;}
}