/* Business scenarios: original five cards remain the no-JS/manual fallback. */
body.miyou-refresh.miyou-dynamic .testimonials { overflow: hidden; }
body.miyou-refresh.miyou-dynamic .testimonials > .container { width: 100%; max-width: none; padding-inline: 0; }
body.miyou-refresh.miyou-dynamic .testimonials .section-header { width: min(100%,1200px); margin-inline: auto; padding-inline: 24px; }
body.miyou-refresh.miyou-dynamic .testimonials-grid {
  width: 100%; max-width: 100%; margin-inline: 0; padding: 5px 0 18px;
  gap: 20px; overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}
body.miyou-refresh.miyou-dynamic .testimonials-grid > .testimonial-card {
  flex: 0 0 300px; min-width: 0; padding: 25px 22px; align-self: stretch;
}
body.miyou-refresh.miyou-dynamic .testimonials-grid.scenario-auto {
  scroll-snap-type: none; scroll-behavior: auto; scrollbar-width: none;
  touch-action: pan-y; cursor: grab;
  mask-image: linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);
}
body.miyou-refresh.miyou-dynamic .testimonials-grid.scenario-auto::-webkit-scrollbar { display: none; width: 0; height: 0; }
body.miyou-refresh.miyou-dynamic .testimonials-grid.scenario-auto:active { cursor: grabbing; }
body.miyou-refresh.miyou-dynamic [data-carousel-clone] { pointer-events: none; user-select: none; }
body.miyou-refresh.miyou-dynamic .scenario-controls {
  width: min(100%,1200px); margin: 13px auto 0; padding-inline: 24px; flex-wrap: wrap;
}
body.miyou-refresh.miyou-dynamic .scenario-hint { font-size: 12px; color: #647c99; margin-right: 4px; }
body.miyou-refresh.miyou-dynamic .scenario-auto + .scenario-controls :is(.scenario-prev,.scenario-next) { display: none; }
body.miyou-refresh.miyou-dynamic .testimonials-grid:not(.scenario-auto) + .scenario-controls .scenario-toggle { display: none; }
@media (max-width: 768px) {
  body.miyou-refresh.miyou-dynamic .testimonials-grid > .testimonial-card { flex-basis: 280px; padding: 23px 20px; }
  body.miyou-refresh.miyou-dynamic .testimonials .section-header,
  body.miyou-refresh.miyou-dynamic .scenario-controls { padding-inline: 20px; }
  body.miyou-refresh.miyou-dynamic .scenario-controls { justify-content: center; gap: 8px; }
  body.miyou-refresh.miyou-dynamic .scenario-hint { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  body.miyou-refresh.miyou-dynamic .testimonials-grid { touch-action: auto; scroll-behavior: auto; }
}
