/* Google yorumları şeridi (2026-10-11). Sınıflarla; satır içi stil yok (telefon CSS'indeki [style*] kuralları karışmasın). */
.vy{padding:96px 56px 88px;max-width:1440px;margin:0 auto;box-sizing:border-box}
.vy-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.vy-eyebrow{font:600 12px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6b5f48;margin-bottom:8px}
.vy h2{margin:0;font:500 40px 'Fraunces',serif;color:#1a2530}
a.vy-score{display:flex;align-items:center;gap:14px;color:#1a2530}
.vy-num{font:500 52px/1 'Fraunces',serif;font-variant-numeric:lining-nums}
.vy-score small{display:block;font:500 13.5px 'Karla',sans-serif;color:#6b5f48;margin-top:4px}
.vy-stars{color:#8a5e17;letter-spacing:2px;font-size:15px}
.vy-score .vy-stars{font-size:19px}
.vy-car{position:relative}
.vy-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.vy-track::-webkit-scrollbar{display:none}
.vy-track:focus-visible{outline:2px solid #42698c;outline-offset:4px;border-radius:12px}
#yorumlar{scroll-margin-top:110px}
.vy-card{scroll-snap-align:start;background:#fbf6ea;border:1px solid #e6ddc8;border-radius:12px;padding:24px 24px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.vy-card header{display:flex;align-items:center;gap:12px}
.vy-card header div{flex:1;min-width:0;display:flex;flex-direction:column}
.vy-card strong{font:600 15px 'Archivo',sans-serif;color:#1a2530}
.vy-card header span:not(.vy-av):not(.vy-g){font-size:13px;color:#6b5f48;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vy-av{width:40px;height:40px;border-radius:50%;background:#42698c;color:#f4ecd9;display:grid;place-items:center;font:600 17px 'Fraunces',serif;flex:none}
.vy-card:nth-child(3n+2) .vy-av{background:#c08a3e;color:#1a2530}.vy-card:nth-child(3n) .vy-av{background:#1a2530}
.vy-g{width:24px;height:24px;border-radius:50%;border:1px solid #e6ddc8;display:grid;place-items:center;font:700 12px 'Archivo',sans-serif;color:#1967d2;background:#fff;flex:none}
.vy-text{margin:0;font-size:15.5px;line-height:1.6;color:#2f3a44}
.vy-note{margin:auto 0 0;font-size:12.5px;color:#6b5f48;font-style:italic}
.vy-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1.5px solid #1a2530;background:#f4ecd9;color:#1a2530;font:400 28px/1 'Fraunces',serif;cursor:pointer;z-index:2;display:grid;place-items:center;padding:0 0 4px;transition:background .15s,color .15s,opacity .15s}
.vy-btn:hover,.vy-btn:focus-visible{background:#1a2530;color:#f4ecd9}
.vy-btn[disabled]{opacity:.3;cursor:default;background:#f4ecd9;color:#1a2530}
.vy-prev{left:-54px}.vy-next{right:-54px}
@media (max-width:1200px){.vy-prev{left:-28px}.vy-next{right:-28px}.vy-track{padding-inline:30px;scroll-padding:0 30px}}
.vy-dots{display:flex;justify-content:center;gap:0;margin-top:14px;min-height:24px}
/* nokta düğmeleri 24×24 dokunma alanı (erişilebilirlik); görünen nokta ::before */
.vy-dots button{width:24px;height:24px;border:0;padding:0;background:none;cursor:pointer;position:relative}
.vy-dots button::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:9px;height:9px;border-radius:50%;background:#d8ccb2}
.vy-dots button.on{width:36px}
.vy-dots button.on::before{background:#1a2530;width:22px;border-radius:5px}
.vy-foot{display:flex;justify-content:center;align-items:baseline;gap:8px 28px;flex-wrap:wrap;margin-top:26px;font:600 14px 'Archivo',sans-serif}
.vy-foot a{color:#42698c;text-decoration:underline;text-underline-offset:4px;padding:10px 0;display:inline-block}
.vy-legal{max-width:720px;margin:20px auto 0;text-align:center;font-size:12.5px;line-height:1.55;color:#6b5f48}
.vy-legal a{color:inherit;text-decoration:underline}
@media (max-width:1100px){.vy-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media (max-width:760px){
  .vy{padding:64px 0 60px}
  .vy-head{padding:0 18px;margin-bottom:22px}
  .vy h2{font-size:32px}
  .vy-num{font-size:42px}
  .vy-track{grid-auto-columns:84%;gap:14px;padding:4px 18px 8px;scroll-padding:0 18px}
  .vy-btn{display:none}
  .vy-foot,.vy-legal{padding:0 18px}
  .vy-dots button::before{width:8px;height:8px}
}
@media (prefers-reduced-motion:reduce){.vy-track{scroll-behavior:auto}}