/* ===== S3 — המלצות (Google reviews carousel) ===== */
.dzt{background:transparent;position:relative;z-index:2;padding-block:24px 0}
.dzt__title{display:flex;align-items:center;justify-content:center;gap:24px;color:var(--navy);font-size:clamp(26px,2vw,36px);font-weight:600;margin-bottom:34px}
.dzt__title::before,.dzt__title::after{content:"";height:1px;flex:0 0 auto;width:clamp(60px,14vw,200px)}
.dzt__title::before{background:linear-gradient(90deg,var(--gold),rgba(176,145,67,0))}
.dzt__title::after{background:linear-gradient(90deg,rgba(176,145,67,0),var(--gold))}
.dzt__frame{
  position:relative;border:2px solid var(--gold);border-radius:6px;
  padding:28px 30px;
}
/* Splide carousel (loop) — arrows anchor to .dzt__frame like before. */
.dzt__splide{position:static}
.dzt__splide .splide__slide{display:flex;height:auto}
.dzt__splide .dzt__card{width:100%;height:100%}
.dzt__card{
  background:#fff;border:1px solid var(--line);border-radius:6px;
  padding:22px 22px 24px;display:flex;flex-direction:column;
}
.dzt__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.dzt__rating{display:flex;align-items:center;gap:8px}
.dzt__glogo{width:26px;height:26px;flex:0 0 26px}
.dzt__stars{display:inline-flex;gap:3px}
.dzt__star{width:17px;height:17px}
.dzt__q{width:30px;height:30px;opacity:.9}
.dzt__text{color:var(--ink-soft);font-size:15px;line-height:1.55;text-align:right;flex:1 0 auto;margin-bottom:22px}
.dzt__who{display:flex;align-items:center;gap:10px;text-align:right}
.dzt__name{color:var(--navy);font-size:17px;font-weight:700;white-space:nowrap}
.dzt__role{color:#8a8a94;font-size:15px;font-weight:400}

/* arrows */
.dzt__arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;background:#fff;
  border:1px solid var(--line);box-shadow:0 6px 18px rgba(7,12,30,.12);
  display:grid;place-items:center;z-index:3;
}
.dzt__arrow img{width:11px;height:19px}
.dzt__arrow--prev{right:-22px;left:auto}   /* RTL prev = start side (right) */
.dzt__arrow--next{left:-22px;right:auto}   /* next = left */
.dzt__arrow:hover{background:var(--gold)}
.dzt__arrow:hover img{filter:brightness(0) invert(1)}

@media (max-width:1200px){
  .dzt{padding-block:12px 52px}
  .dzt__title{gap:12px}
  .dzt__title::before,.dzt__title::after{display:none}
  .dzt__frame{padding:20px 16px;border-width:2px}
  .dzt__arrow--prev{right:-6px;left:auto}
  .dzt__arrow--next{left:-6px;right:auto}
}