.mct-table-wrap { width: 100%; overflow-x: auto; margin: 24px 0; }
.mct-table { width: 100%; border-collapse: collapse; min-width: 760px; table-layout: fixed; font-size: 15px; color: #454545; }
.mct-table th, .mct-table td { border: 1px solid #dfdfdf; padding: 16px 14px; text-align: center; vertical-align: middle; background: #fff; }
.mct-table th { width: 190px; text-align: left; background: #f7f7f7; font-weight: 700; }
.mct-preview-row td { position: relative; padding-top: 54px; height: 190px; }
.mct-badge { position: absolute; inset: 0 0 auto 0; padding: 11px 10px; background: #0f70b7; color: #fff; font-size: 14px; }
.mct-img { display: block; max-width: 130px; max-height: 145px; object-fit: contain; margin: 0 auto; }
.mct-title { color: #1970ad; font-weight: 600; }
.mct-stars { display: inline-flex; gap: 2px; font-size: 22px; line-height: 1; }
.mct-stars span { color: #ddd; }
.mct-stars span.is-active { color: #f6c64d; }
.mct-button { display: inline-block; padding: 10px 18px; border-radius: 4px; background: #f5c451; color: #222 !important; border: 1px solid #bf9131; text-decoration: none !important; font-weight: 600; box-shadow: inset 0 1px 0 rgba(255,255,255,.45); }
.mct-button:hover { filter: brightness(.96); }
@media (max-width: 767px) {
    .mct-table { min-width: 620px; font-size: 14px; }
    .mct-table th { width: 145px; }
    .mct-table th, .mct-table td { padding: 12px 10px; }
}