.smyk-rv {
  --navy:   #222222;
  --orange: #e41d56;
  --amber:  #e41d56;
  --border: #ececf3;
  --muted:  #64748b;
  --text:   #334155;
}
.smyk-rv.smyk-section { padding: clamp(48px, 6vw, 72px) 0; background: #fafafb; }

/* ── Trust header ── */
.smyk-rv__head { text-align: center; margin-bottom: clamp(28px, 4vw, 44px); }
.smyk-rv__summary {
  display: inline-flex; align-items: center; flex-wrap: wrap;
  justify-content: center; gap: 10px; margin-top: 14px;
}
.smyk-rv__score { font-family: 'Figtree', var(--smyk-font, sans-serif); font-weight: 800; font-size: 1.2rem; color: var(--navy); }
.smyk-rv__starswrap { position: relative; display: inline-block; font-size: 1.1rem; line-height: 1; letter-spacing: 2px; }
.smyk-rv__starsbg { color: #e2e5ea; }
.smyk-rv__starsfg { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: var(--amber); }
.smyk-rv__sumtext { font-family: 'Inter', sans-serif; font-size: 0.95rem; color: var(--muted); }
.smyk-rv__sumtext strong { color: var(--navy); font-weight: 700; }
.smyk-rv__tp { display: inline-flex; align-items: center; gap: 5px; text-decoration: none; font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-weight: 800; font-size: 0.92rem; color: var(--navy); }
.smyk-rv__tp svg { width: 16px; height: 16px; color: #00b67a; }
.smyk-rv__tp:hover { text-decoration: underline; }

/* ── Cards carousel ── */
.smyk-rv__carousel { position: relative; }
.smyk-rv__track {
  display: grid; grid-auto-flow: column;
  grid-auto-columns: calc((100% - 40px) / 3);
  gap: 20px;
  overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  padding: 4px 2px;
}
.smyk-rv__track::-webkit-scrollbar { display: none; }
@media (max-width: 900px) { .smyk-rv__track { grid-auto-columns: calc((100% - 16px) / 2); gap: 16px; } }
@media (max-width: 600px) { .smyk-rv__track { grid-auto-columns: 86%; gap: 14px; } }

.smyk-rv__dots { display: flex; justify-content: center; gap: 8px; margin-top: 24px; }
.smyk-rv__dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #d6d9e0; cursor: pointer; transition: background .2s, width .2s; }
.smyk-rv__dot:hover { background: #b9bdc7; }
.smyk-rv__dot.is-active { background: #e41d56; width: 22px; border-radius: 999px; }
.smyk-rv__dot.is-active:hover { background: #c2164a; }

.smyk-rv__card {
  scroll-snap-align: start;
  position: relative; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--border); border-radius: 18px;
  padding: 26px 24px;
  transition: box-shadow .2s, transform .2s, border-color .2s;
}
.smyk-rv__card:hover {
  border-color: #ffd9bf;
  box-shadow: 0 18px 44px -24px rgba(10, 22, 40, 0.30);
  transform: translateY(-3px);
}
.smyk-rv__stars { display: flex; gap: 2px; margin-bottom: 12px; }
.smyk-rv__star { color: #e2e5ea; font-size: 1rem; line-height: 1; }
.smyk-rv__star.is-on { color: #00b67a; }
.smyk-rv__title { font-family: 'Figtree', var(--smyk-font, sans-serif); font-weight: 700; font-size: 1rem; color: var(--navy); margin: 0 0 8px; letter-spacing: -0.01em; }
.smyk-rv__body { font-family: 'Inter', sans-serif; font-size: 0.92rem; line-height: 1.65; color: var(--text); margin: 0 0 18px; flex: 1; }
.smyk-rv__foot { display: flex; align-items: center; gap: 12px; padding-top: 16px; border-top: 1px solid #f1f0f7; }
.smyk-rv__avatar {
  width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, #e41d56, #ec4a72);
  color: #fff; display: flex; align-items: center; justify-content: center;
  font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 1rem;
}
.smyk-rv__avatar--0 { background: linear-gradient(135deg, #2563eb, #3b82f6); }
.smyk-rv__avatar--1 { background: linear-gradient(135deg, #e41d56, #ec4a72); }
.smyk-rv__avatar--2 { background: linear-gradient(135deg, #16a34a, #22c55e); }
.smyk-rv__who { min-width: 0; }
.smyk-rv__name { font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-weight: 700; font-size: 0.9rem; color: var(--navy); margin: 0; }
.smyk-rv__meta { font-family: 'Inter', sans-serif; font-size: 0.8rem; color: var(--muted); margin: 2px 0 0; }