.compare-page{background:#f6f8fc;padding:38px 0 64px;color:#24364f;min-height:65vh}
.compare-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.compare-back{display:inline-flex;gap:10px;align-items:center;color:var(--red);font-size:13px;font-weight:600;text-decoration:none;margin-bottom:16px}
.compare-back:hover{color:#8f1017;text-decoration:underline}
.compare-heading h1{color:#15253d;font-size:clamp(30px,4vw,44px);font-weight:700;letter-spacing:-.045em;margin:0 0 12px}
.compare-heading p{color:#687991;max-width:600px;font-size:15px;line-height:1.7;margin:0}
.compare-symbol{display:grid;place-items:center;flex-shrink:0;width:88px;height:88px;border:1px solid #ecd9dc;border-radius:24px;background:linear-gradient(135deg,#fff,#f9e8e9);color:var(--red);font-size:52px}
.compare-picker{padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 30px #15253d05;margin-bottom:28px}
.compare-slot{background:#f8fafc;border:1px solid #e5eaf1;border-radius:14px;padding:18px;height:100%}
.compare-slot:focus-within{border-color:#b6171e;box-shadow:0 0 0 3px #b6171e0a}
.compare-slot-number{display:block;color:#b6171e;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:10px}
.compare-slot .form-label{font-size:14px;color:#24364f;font-weight:600;margin-bottom:12px}
.compare-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px;padding-top:22px;border-top:1px solid #edf0f5}
.compare-submit{background:var(--red);border:1px solid var(--red);color:#fff;font-weight:600;border-radius:10px;padding:12px 28px;box-shadow:0 4px 12px #b6171e20}
.compare-submit:hover,.compare-submit:focus-visible{background:#951219;border-color:#951219;color:#fff}
.compare-clear{color:#64748b;border-radius:10px;padding:12px 18px;font-size:14px}
.compare-clear:hover{background:#f1f5f9;color:#24364f}
.compare-empty{background:#fff;border:1px dashed #d5dde8;border-radius:20px;padding:48px 24px;text-align:center}
.compare-empty-icon{display:grid;place-items:center;margin:0 auto 18px;width:64px;height:64px;border-radius:18px;background:#fbeef0;color:var(--red);font-size:38px}
.compare-empty h2{font-size:21px;font-weight:600;color:#24364f;margin-bottom:10px}
.compare-empty p{font-size:14px;line-height:1.7;color:#748298;max-width:440px;margin:0 auto}
.compare-table-wrap{border:1px solid #e2e8f0;border-radius:20px;background:#fff}
.compare-table{margin:0;--bs-table-bg:#fff;--bs-table-color:#384961;--bs-table-border-color:#edf0f5;font-size:14px}
.compare-table>:not(caption)>*>*{padding:18px 22px;border-inline-end:1px solid #edf0f5}
.compare-table tr>:last-child{border-inline-end:0}
.compare-table thead th{vertical-align:top;padding-top:22px;padding-bottom:24px}
.compare-table .compare-row-label{vertical-align:bottom;font-size:12px;letter-spacing:.04em;color:#748298}
.compare-car-heading{min-width:240px;width:28%}
.compare-car-image{width:100%;height:170px;object-fit:cover;border-radius:12px;margin-bottom:16px}
.compare-car-name{font-size:17px;font-weight:700;color:#15253d;line-height:1.5;margin-bottom:12px}
.compare-details{color:var(--red);background:#fff5f5;border:1px solid #efd1d3;border-radius:8px;font-size:11px;font-weight:600;padding:8px 12px}
.compare-details:hover{background:var(--red);color:#fff;border-color:var(--red)}
.compare-table tbody th{font-size:13px;font-weight:500;min-width:145px;color:#64748b}
.compare-table tbody tr:nth-child(even)>*{background:#fafbfd}
.compare-table .compare-price-row>*{background:#fff6f6}
.compare-table .compare-price-row td{color:var(--red);font-weight:700;font-size:18px;white-space:nowrap}
.compare-table tbody tr:last-child>*{border-bottom:0}
.compare-page .select2-container{width:100%!important}
.compare-page .select2-container .select2-selection--single{min-height:46px;height:auto;border:1px solid #dfe5ee;border-radius:9px;padding:8px;background:#fff}
.compare-page .select2-container .select2-selection--single .select2-selection__rendered{white-space:normal;overflow-wrap:anywhere;padding-inline-end:24px;color:#384961;font-size:13px;line-height:28px}
.compare-page .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
.compare-page .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#7a879b}
.compare-dropdown{border:1px solid #dfe5ee!important;border-radius:10px!important;overflow:hidden;box-shadow:0 12px 32px #15253d14}
.compare-dropdown .select2-search--dropdown{padding:10px}
.compare-dropdown .select2-search__field{border:1px solid #dfe5ee!important;border-radius:7px;padding:9px!important;outline-color:var(--red);font-size:13px}
.compare-dropdown .select2-results__option{padding:10px 14px;font-size:13px;color:#384961}
.compare-dropdown .select2-results__option--highlighted[aria-selected]{background:var(--red)!important;color:#fff}
@media(max-width:767px){.compare-page{padding:24px 0 40px}.compare-symbol{width:56px;height:56px;font-size:34px;border-radius:16px}.compare-heading{gap:12px;align-items:flex-start}.compare-picker{padding:16px;border-radius:16px}.compare-slot{padding:14px}.compare-slot-number{display:inline-block;margin-inline-end:8px;margin-bottom:8px}.compare-submit{flex:1}.compare-empty{padding:32px 20px}.compare-car-heading{min-width:210px}.compare-car-image{height:135px}.compare-table>:not(caption)>*>*{padding:14px}.compare-table tbody th{min-width:120px}.compare-table thead th{padding-top:16px}.compare-table tbody th,.compare-row-label{position:sticky;inset-inline-start:0;z-index:1;background:#fff;box-shadow:2px 0 5px #15253d05}}