.smyk-cmp { padding: clamp(36px, 5vw, 68px) 0; background: #fff; font-family: 'Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }
.smyk-cmp__container { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.smyk-cmp__head { margin: 0 0 clamp(20px, 2.6vw, 32px); }
.smyk-cmp__title { font-size: clamp(24px, 3vw, 36px); font-weight: 800; color: #222222; margin: 0; line-height: 1.15; }
.smyk-cmp__sub { font-family: 'Inter','Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: clamp(14px,1.3vw,16px); color: #64748b; margin: 8px 0 0; }

.smyk-cmp__card { border: 1px solid #e5e5e5; border-radius: 20px; overflow: hidden; }
.smyk-cmp__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.smyk-cmp__table { width: 100%; min-width: 620px; border-collapse: collapse; }

.smyk-cmp__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.smyk-cmp__table thead th {
  font-family: 'Inter','Figtree', 'Circular', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 14px; font-weight: 600; color: #64748b;
  text-align: center; padding: 20px 18px;
  white-space: nowrap;
}
.smyk-cmp__feat-head { width: 34%; }

.smyk-cmp__cell { text-align: center; padding: 16px 18px; vertical-align: middle; }
/* Highlighted Travinger column */
.smyk-cmp__cell--own { background: #fdeef2; }
thead th.smyk-cmp__cell--own.smyk-cmp__cell--own { background: #e41d56; color: #ffffff !important; font-weight: 800; border-radius: 14px 14px 0 0; }
tbody tr:last-child .smyk-cmp__cell--own { border-radius: 0 0 14px 14px; }

.smyk-cmp__table tbody tr { border-top: 1px solid #eef0f3; }

.smyk-cmp__feat { display: flex; align-items: center; gap: 12px; padding: 16px 18px; }
.smyk-cmp__feat-icon { flex-shrink: 0; width: 24px; height: 24px; color: #222222; }
.smyk-cmp__feat-icon svg { width: 24px; height: 24px; }
.smyk-cmp__feat-label { font-size: 15px; font-weight: 600; color: #222222; }

.smyk-cmp__yes, .smyk-cmp__no { display: inline-flex; align-items: center; justify-content: center; }
.smyk-cmp__yes {
  width: 24px; height: 24px; border-radius: 50%;
  background: #16a34a;
}
.smyk-cmp__yes svg { width: 15px; height: 15px; stroke: #fff; }
.smyk-cmp__no { color: #cbd5e1; }
.smyk-cmp__no svg { width: 20px; height: 20px; }

@media (max-width: 600px) {
  .smyk-cmp__table thead th { font-size: 12.5px; padding: 16px 10px; }
  .smyk-cmp__cell { padding: 14px 10px; }
  .smyk-cmp__feat { padding: 14px 12px; gap: 9px; }
  .smyk-cmp__feat-label { font-size: 13.5px; }
}