/* Final Final: Segoe UI, accent #367455, arrows inside rev-right near stars, no IP usage */

.ts-reviews-wrap{max-width:1000px;margin:0 auto;font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color:#0f1724}
.ts-review{display:flex;gap:20px;padding:22px;border-radius:12px;margin-bottom:14px;background:#fff;box-shadow:0 10px 24px rgba(15,23,36,0.06);align-items:flex-start;border:1px solid rgba(15,23,36,0.04); position:relative}
.ts-review .meta{width:88px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;color:#fff;background:#6b7280;box-shadow:0 6px 14px rgba(0,0,0,0.06)}

.body{flex:1}
.rev-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px; position:relative}
.rev-left{display:flex;align-items:center}
.rev-name{font-weight:700;color:#16a34a;font-size:16px}
.rev-right{display:flex;align-items:center;gap:10px; position:relative}

/* stars */
.ts-stars-display{display:flex;gap:6px}
.ts-star-svg{width:18px;height:18px;fill:#e6eef8}
.ts-star-svg.filled{fill:#ffb400;filter:drop-shadow(0 3px 6px rgba(255,160,0,0.12))}

/* nav inside rev-right near stars */
.ts-slide-nav{position:relative; display:flex; gap:8px; margin-left:6px; z-index:20}
.ts-slide-btn{background:#367455; color:#fff; border-radius:8px; padding:8px 10px; cursor:pointer; border:none; font-size:16px; line-height:1; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 12px rgba(0,0,0,0.08)}
.ts-slide-btn .arrow{color:#fff; font-weight:700; font-size:18px}

/* text */
.rev-text{font-size:14px;color:#243247;line-height:1.6;margin-bottom:10px;margin-top:6px}
.rev-date{font-size:13px;color:#7b8899}

/* form */
.ts-form-finalfinal{max-width:520px;padding:6px 12px; font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}
.ts-form-row{margin-bottom:14px}
.ts-form-row label{display:block;margin-bottom:6px;font-weight:600;color:#0b2540}
.ts-form-row input[type="text"], .ts-form-row textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6eef8;background:#fff;box-sizing:border-box;font-size:14px}
.ts-form-row textarea{min-height:110px;resize:vertical}
.ts-submit-btn{background:#367455;color:#fff;border:none;padding:10px 16px;border-radius:10px;font-weight:600;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,0.08)}
.ts-result{margin-top:8px;color:#0b2540;font-weight:600}

/* star input */
.ts-star-input{display:inline-flex;gap:6px;align-items:center}
.star-btn{background:transparent;border:none;font-size:26px;line-height:1;cursor:pointer;color:#6b7280;padding:6px;border-radius:8px;transition:all .12s ease}
.star-btn.active{color:#ffb400;text-shadow:0 4px 10px rgba(255,160,0,0.12);transform:translateY(-2px)}

/* highlight effect */
.highlight-name{background:rgba(22,163,74,0.12); padding:4px 6px; border-radius:6px; transition: background .3s ease;}

/* slider base */
.ts-reviews-slider{position:relative}
.ts-reviews-slider .ts-review{position:absolute;left:0;top:0;width:100%;opacity:0;transform:translateY(6px);transition:opacity .55s ease, transform .55s ease;pointer-events:none}
.ts-reviews-slider .ts-review.active{opacity:1;transform:translateY(0);pointer-events:auto;position:relative}

@media (max-width:900px){
  .ts-review{flex-direction:column;align-items:flex-start}
  .meta{width:100%;display:flex;justify-content:flex-start;padding-left:6px}
  .avatar{width:60px;height:60px;font-size:18px}
  .ts-slide-nav{position:static;margin-top:8px}
}