/* ============================================================================
   Карусель отзывов. Одна на все страницы, где она нужна.

   Листается пальцем сама, без библиотек: полоса с прилипанием (scroll-snap).
   Стрелки и точки — круги и кольца, единственная фигура системы.
   Плашка слайда всегда контрастна фону: на кремовом экране она льняная,
   на льняном — кремовая.
   ========================================================================= */
.car{position:relative;margin-top:44px}
.track{
  display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:4px;
}
.track::-webkit-scrollbar{display:none}
.slide{
  flex:0 0 auto;scroll-snap-align:center;
  width:min(520px,86vw);
  background:var(--linen);padding:clamp(14px,1.6vw,22px);
  display:flex;flex-direction:column;
}
.linen .slide{background:var(--cream)}
.slide img{
  width:100%;height:clamp(300px,52vh,560px);object-fit:contain;object-position:top center;
  cursor:zoom-in;background:var(--cream);
}
.slide figcaption{
  margin-top:14px;font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em;
  display:flex;align-items:center;gap:10px;
}
.slide figcaption::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--clay);flex:none}

/* Управление */
.car-bar{display:flex;align-items:center;gap:18px;margin-top:26px;flex-wrap:wrap}
.arrow-btn{
  width:52px;height:52px;border-radius:50%;border:0;flex:none;
  background:var(--clay);color:var(--cream);cursor:pointer;
  font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:background .2s ease;
}
.arrow-btn:hover{background:var(--clay-dark)}
.arrow-btn[disabled]{background:var(--linen);color:var(--muted);cursor:default}
.linen .arrow-btn[disabled]{background:var(--cream)}
.dots{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dot{
  width:11px;height:11px;border-radius:50%;padding:0;cursor:pointer;
  background:none;border:2px solid var(--clay);transition:background .2s ease;
}
.dot[aria-current="true"]{background:var(--clay)}
.car-hint{font-size:13.5px;color:var(--muted);margin-left:auto}
.car-all{font-weight:600;color:var(--clay);font-size:15px}
.car-all:hover{color:var(--clay-dark)}

/* Крупно */
.zoom{
  position:fixed;inset:0;z-index:100;background:rgba(44,24,16,.94);
  display:none;align-items:center;justify-content:center;padding:clamp(14px,3vw,40px);
}
.zoom.on{display:flex}
.zoom img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-out}
.zoom-close{
  position:absolute;top:18px;right:18px;width:48px;height:48px;border-radius:50%;
  border:2px solid var(--cream);background:none;color:var(--cream);
  font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.zoom-close:hover{background:var(--cream);color:var(--earth)}

@media (max-width:760px){
  .car-hint{display:none}
  .slide{width:88vw}
}