/* Müşteri yorumları — bento ızgara (ts-reviews.css) */
#testimonial.ts-bento{position:relative;margin:0!important;padding:60px 0!important;background:#fbf9fe!important;overflow:hidden}
.ts-bento .container{max-width:1240px}
.ts-bento-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.ts-bento-head h2{margin:0!important;font-size:34px!important;line-height:1.1!important;font-weight:700!important;letter-spacing:-.8px!important;color:#17203b!important;text-transform:none!important}
.ts-bento-head p{margin:0;font-size:14px;color:#6b7086}
.ts-bento-head p b{font-weight:600;color:#4a4f66}

.ts-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);gap:16px}
.ts-bento-stars{display:inline-flex;gap:2px;font-size:13px;color:#e2deea}
.ts-bento-stars .on{color:#ffb020}

/* puan kutusu */
.ts-bento-score{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:24px;border-radius:24px;color:#fff;
  background:radial-gradient(120% 100% at 0% 0%,#6d28d9 0%,#3b1580 55%,#24104f 100%)}
.ts-bento-score::after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(240,36,104,.55),transparent 70%)}
.ts-bento-label{position:absolute;top:22px;left:24px;font-size:13px;color:rgba(255,255,255,.75)}
.ts-bento-score strong{font-size:64px;line-height:1;font-weight:700;letter-spacing:-2px}
.ts-bento-score strong small{font-size:20px;font-weight:500;opacity:.6;letter-spacing:0;margin-left:2px}
.ts-bento-score .ts-bento-stars{font-size:15px;color:rgba(255,255,255,.25)}
.ts-bento-score .ts-bento-stars .on{color:#ffc54d}
.ts-bento-count{font-size:13px;color:rgba(255,255,255,.75)}

/* yorum kartları */
.ts-bento-card{display:flex;flex-direction:column;gap:12px;margin:0;padding:22px;border-radius:24px;background:#fff;border:1px solid #ece8f2;transition:transform .2s ease,box-shadow .2s ease}
.ts-bento-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(40,30,90,.09)}
.ts-bento-card blockquote{flex:1;margin:0;padding:0;border:0;font-size:14.5px;line-height:1.6;color:#3e4560;font-style:normal}
.ts-bento-card figcaption{display:flex;align-items:center;gap:10px}
.ts-bento-card figcaption img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:0 0 38px}
.ts-bento-card figcaption b{display:block;font-size:14px;font-weight:600;color:#17203b;line-height:1.2}
.ts-bento-card figcaption small{display:block;font-size:12.5px;color:#6b7086}

.ts-bento-featured{grid-column:span 2;padding:28px 30px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#d62976,#8a3ab9) border-box;border:1.5px solid transparent}
.ts-bento-featured blockquote{font-size:21px;line-height:1.5;color:#17203b;font-weight:500;letter-spacing:-.2px}
.ts-bento-featured figcaption img{width:46px;height:46px;flex-basis:46px}
.ts-bento-featured figcaption b{font-size:15px}

/* CTA kutusu */
.ts-bento-cta{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:24px;border-radius:24px;text-decoration:none!important;color:#fff!important;
  background:linear-gradient(135deg,#f0386f 0%,#c0247a 55%,#8a3ab9 100%);overflow:hidden;transition:transform .2s ease}
.ts-bento-cta:hover{transform:translateY(-3px)}
.ts-bento-cta span{font-size:13px;opacity:.85}
.ts-bento-cta strong{font-size:22px;font-weight:700;letter-spacing:-.3px}
.ts-bento-cta i{position:absolute;top:22px;right:22px;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.18);font-size:16px}

body.dark #testimonial.ts-bento{background:#202127!important}
body.dark .ts-bento-card{background:#2a2b33;border-color:#3a3c48}
body.dark .ts-bento-head h2,body.dark .ts-bento-card figcaption b,body.dark .ts-bento-featured blockquote{color:#f0f0f4!important}
body.dark .ts-bento-card blockquote{color:#c9cbd6}
body.dark .ts-bento-featured{background:linear-gradient(#2a2b33,#2a2b33) padding-box,linear-gradient(135deg,#d62976,#8a3ab9) border-box}

@media(max-width:991px){
  .ts-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ts-bento-featured{grid-column:span 2}
}
@media(max-width:575px){
  #testimonial.ts-bento{padding:40px 0!important}
  .ts-bento-head h2{font-size:27px!important}
  .ts-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
  .ts-bento-featured{grid-column:auto;padding:22px}
  .ts-bento-featured blockquote{font-size:17px}
  .ts-bento-score,.ts-bento-cta{min-height:150px}
  .ts-bento-score strong{font-size:52px}
}
@media (prefers-reduced-motion:reduce){.ts-bento-card,.ts-bento-cta{transition:none}}
/* masaüstünde sarmalayıcı görünmez; mobilde yatay kaydırma */
.ts-bento-rest{display:contents}
@media(max-width:575px){
  .ts-bento-label{position:static;margin-bottom:auto}
  .ts-bento-score{min-height:0;justify-content:flex-start;padding:20px 22px}
  .ts-bento-score strong{font-size:48px;margin-top:8px}
  .ts-bento-rest{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
  .ts-bento-rest::-webkit-scrollbar{display:none}
  .ts-bento-rest .ts-bento-card{flex:0 0 82%;scroll-snap-align:start}
  .ts-bento-cta{min-height:0;padding:20px 22px}
  .ts-bento-cta i{top:50%;transform:translateY(-50%)}
}
@media(max-width:575px){.ts-bento-rest{margin:0 -16px 0 0;padding:2px 16px 6px 0}}
