﻿.catalog-sort {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            gap: 18px;
            margin: 0 0 16px;
        }
        .sort-help,
        .sort-toggle {
            min-height: 36px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            border: 0;
            border-radius: 4px;
            background: linear-gradient(180deg, #f0322b, #d81717);
            color: #fff;
            padding: 0 14px;
            font: inherit;
            font-weight: 800;
            cursor: pointer;
        }
        .sort-help > span,
        .sort-toggle em {
            font-style: normal;
        }
        .sort-menu { position: relative; }
        .sort-toggle {
            background: transparent;
            border: 1px solid rgba(255, 255, 255, 0.14);
            padding-right: 14px;
        }
        .sort-toggle > span {
            font-size: 26px;
            line-height: 1;
        }
        .sort-options {
            display: none;
            position: absolute;
            top: calc(100% + 10px);
            right: 0;
            z-index: 50;
            min-width: 260px;
            padding: 8px;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28);
        }
        .sort-menu.open .sort-options { display: block; }
        .sort-options button {
            width: 100%;
            min-height: 36px;
            display: block;
            border: 0;
            border-radius: 4px;
            background: transparent;
            color: #333;
            padding: 8px 12px;
            text-align: left;
            font: inherit;
            cursor: pointer;
        }
        .sort-options button:hover,
        .sort-options button.active {
            background: #f0f0f0;
        }
        .filter-grid select[data-search-select] {
            position: absolute;
            width: 1px;
            height: 1px;
            opacity: 0;
            pointer-events: none;
        }
        .search-select {
            position: relative;
            min-height: 46px;
            z-index: 1;
        }
        .search-select.open { z-index: 30; }
        .search-select.disabled { opacity: 0.58; pointer-events: none; }
        .search-select-toggle {
            width: 100%;
            min-height: 46px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 0 44px 0 17px;
            border: 1px solid rgba(245, 245, 245, 0.09);
            border-radius: 4px;
            background: #1d2127;
            color: #f7f8fb;
            text-align: left;
            font: inherit;
            cursor: pointer;
        }
        .search-select-toggle::after {
            content: "";
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-top: 6px solid #aeb6c2;
            position: absolute;
            right: 17px;
            top: 20px;
        }
        .search-select-panel {
            display: none;
            position: absolute;
            top: calc(100% + 4px);
            left: 0;
            right: 0;
            max-height: 300px;
            overflow: hidden;
            border: 1px solid rgba(245, 245, 245, 0.18);
            border-radius: 4px;
            background: #f4f4f4;
            color: #111318;
            box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
        }
        .search-select.open .search-select-panel { display: block; }
        .search-select-input {
            width: 100%;
            min-height: 42px;
            border: 0;
            border-bottom: 1px solid #d0d0d0;
            border-radius: 0;
            background: #1d2127;
            color: #fff;
            padding: 0 14px;
        }
        .search-select-list {
            max-height: 250px;
            overflow-y: auto;
            padding: 0;
        }
        .search-select-option,
        .search-select-empty {
            width: 100%;
            display: block;
            min-height: 34px;
            border: 0;
            background: transparent;
            color: #111318;
            padding: 8px 14px;
            text-align: left;
            font: inherit;
        }
        .search-select-option:hover,
        .search-select-option.active {
            background: #bdbdbd;
            color: #fff;
        }
        .car-badge,
        .legend-badge {
            display: inline-flex;
            align-items: center;
            min-height: 24px;
            padding: 3px 8px;
            border-radius: 4px;
            color: #fff;
            font-size: 12px;
            font-style: normal;
            font-weight: 800;
            line-height: 1;
        }
        .car-badge {
            position: absolute;
            top: 12px;
            right: 12px;
            z-index: 3;
        }
        .car-badge.good,
        .legend-badge.good { background: #2f963d; }
        .car-badge.warn,
        .legend-badge.warn { background: #e9782b; }
        .inventory-photo > span {
            z-index: 2;
        }
        .legend-modal {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 1000;
            padding: 44px 18px;
            overflow-y: auto;
            background: rgba(0, 0, 0, 0.62);
            backdrop-filter: blur(2px);
        }
        .legend-modal.open { display: block; }
        .legend-dialog {
            width: min(100%, 1120px);
            margin: 0 auto;
            position: relative;
            padding: 40px;
            border-radius: 8px;
            background: #fff;
            color: #222;
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
        }
        .legend-dialog h2 { margin-bottom: 24px; font-size: 34px; }
        .legend-dialog p { margin-bottom: 18px; color: #6b6b6b; font-size: 18px; line-height: 1.45; }
        .legend-close {
            position: absolute;
            top: 18px;
            right: 18px;
            width: 28px;
            height: 28px;
            border: 0;
            background: #222;
            color: #fff;
            cursor: pointer;
        }
        .legend-note {
            margin-top: 28px;
            padding: 22px 26px;
            border-radius: 6px;
            background: #f2f2f2;
        }
        .car-location {
            min-height: 24px;
            margin-bottom: 10px;
            color: #cbd5e1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .car-specs {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px 14px;
            margin: 10px 0 14px;
            min-height: 48px;
        }
        .car-specs span {
            display: inline-flex;
            align-items: center;
            min-width: 0;
            min-height: 20px;
            color: #d6dce6;
            font-size: 14px;
            line-height: 1.25;
        }
        .car-specs span {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .car-specs span::before {
            content: "";
            width: 17px;
            height: 17px;
            flex: 0 0 17px;
            margin-right: 7px;
            background: #aeb6c2;
            border-radius: 50%;
        }
        .catalog-card {
            display: flex;
            flex-direction: column;
        }
        .car-body {
            flex: 1;
            display: grid;
            grid-template-rows: 78px auto 28px 58px 38px;
            align-content: start;
        }
        .catalog-card .car-location {
            min-height: 0;
            margin: 0;
            align-self: start;
        }
        .catalog-card .car-specs {
            min-height: 0;
            margin: 0;
            padding: 8px 0 10px;
            align-content: start;
        }
        .car-body h3 {
            min-height: 78px;
            margin-bottom: 0;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .price-row {
            width: 100%;
            align-self: stretch;
            justify-content: space-between;
            padding-top: 13px;
            border-top: 1px solid rgba(255, 255, 255, 0.09);
            min-height: 38px;
        }
        .price-row .price-label {
            color: #929aa6;
            font-size: 12px;
            line-height: 1.3;
        }
        .price-row strong {
            display: inline;
            padding: 0;
            border-radius: 0;
            background: transparent;
            color: #f5f7fa;
            font-size: 18px;
            line-height: 1.2;
            white-space: nowrap;
        }
        .pagination {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            margin: 46px 0 70px;
        }
        .pagination a,
        .pagination span {
            min-width: 38px;
            min-height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.22);
            border-radius: 4px;
            background: #fff;
            color: #111318;
            padding: 0 10px;
            font-weight: 800;
        }
        .pagination a:hover,
        .pagination .active {
            background: #111318;
            border-color: #111318;
            color: #fff;
        }
        .pagination .disabled {
            opacity: 0.45;
            pointer-events: none;
        }
        @media (max-width: 1199.98px) {
            .filter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
            .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        }
        @media (max-width: 991.98px) {
            .catalog-sort {
                justify-content: stretch;
                align-items: stretch;
                flex-wrap: wrap;
                gap: 10px;
            }
            .sort-help,
            .sort-menu,
            .sort-toggle {
                width: 100%;
            }
            .sort-options {
                left: 0;
                right: auto;
                width: min(100%, 320px);
            }
            .filter-grid,
            .catalog-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .car-body { grid-template-rows: 78px auto 28px 58px 38px; }
        }
        @media (max-width: 767.98px) {
            .legend-modal {
                padding: 24px 12px;
            }
            .legend-dialog {
                padding: 32px 18px 24px;
            }
            .legend-dialog h2 {
                font-size: clamp(24px, 8vw, 32px);
            }
            .legend-dialog p {
                font-size: 16px;
            }
            .filter-actions {
                display: grid;
                grid-template-columns: 1fr;
                gap: 12px;
            }
            .switch-field,
            .filter-reset,
            .filter-actions .btn {
                width: 100%;
                min-width: 0;
            }
        }
        @media (max-width: 575.98px) {
            .filter-grid,
            .catalog-grid {
                grid-template-columns: 1fr;
            }
            .filter-grid label.wide {
                grid-column: auto;
            }
            .catalog-sort {
                margin-top: 0;
            }
            .car-body h3 {
                min-height: 0;
            }
            .car-body {
                grid-template-rows: auto;
                gap: 8px;
            }
            .car-location {
                white-space: normal;
                min-height: 0;
            }
            .car-specs {
                grid-template-columns: 1fr;
                min-height: 0;
            }
            .price-row {
                min-height: 0;
                align-items: flex-start;
                flex-direction: column;
            }
            .pagination {
                flex-wrap: wrap;
                margin: 32px 0 48px;
            }
        }

.breadcrumbs ol { display:flex; gap:.6rem; list-style:none; padding:0; flex-wrap:wrap; }
.breadcrumbs li + li::before { content:'→'; margin-right:.6rem; color:#777; }
.catalog-page > h1 { font-size:clamp(2rem,4vw,3.4rem); margin:1rem 0; }
.catalog-intro { max-width:1000px; font-size:1.05rem; }
.catalog-intro p { color:#c3cad4; font-size:16px; line-height:1.7; max-width:980px; }
.catalog-page section > h2,.catalog-results > h2 { margin:38px 0 10px; font-size:clamp(24px,3vw,34px); line-height:1.2; }
.catalog-results > p { color:#b8c1cd; line-height:1.65; max-width:1000px; }
.stock-intro-panel {
  position:relative;
  width:100%;
  max-width:none;
  margin:4px 0 30px;
  padding:26px 30px 24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(39,44,51,.96),rgba(24,27,32,.98));
  box-shadow:0 18px 45px rgba(0,0,0,.2);
}
.stock-intro-panel::before {
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,#e42b25,#8d0b08);
}
.stock-intro-panel .catalog-intro { max-width:920px; }

/* Korea commercial content: varied layouts after the catalog. */
.korea-content { max-width:1180px; margin:80px auto 0; }
.korea-content > section { margin:0 0 88px; }
.korea-content h2 { margin:0 0 22px; font-size:clamp(26px,3vw,34px); line-height:1.15; }
.korea-content h3 { font-size:18px; }
.korea-content p,.korea-content li { color:#c6ccd5; font-size:15px; line-height:1.55; }
.korea-surface { border:1px solid #343941; border-radius:16px; background:#22252b; }
.korea-service { display:grid; grid-template-columns:1.05fr .95fr; gap:56px; padding:52px; }
.korea-service-copy .btn { margin-top:20px; }
.korea-vertical-steps { margin:0; padding:0; list-style:none; }
.korea-vertical-steps li { position:relative; display:flex; gap:18px; padding:0 0 22px; }
.korea-vertical-steps li:not(:last-child)::after { content:""; position:absolute; left:17px; top:38px; bottom:4px; width:1px; background:#555b65; }
.korea-vertical-steps b,.korea-timeline b { color:#ff514b; font-size:13px; letter-spacing:.08em; }
.korea-vertical-steps span { display:grid; gap:3px; }
.korea-vertical-steps small,.korea-timeline small { color:#9ca5b2; }
.korea-cost-check { padding:0 12px; }
.korea-duo { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.korea-duo article { padding:36px; border-radius:14px; background:#2c3138; }
.korea-duo article > span { color:#ff514b; font-weight:800; }
.korea-duo h3 { margin:14px 0; font-size:24px; }
.korea-duo a,.korea-duo button { border:0; padding:0; background:none; color:#ff625d; font:inherit; font-weight:800; cursor:pointer; text-decoration:none; }
.korea-why,.korea-final { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:28px; }
.korea-feature-image { min-height:360px; overflow:hidden; border-radius:12px; background:#17191d; }
.korea-feature-image img { width:100%; height:100%; min-height:360px; object-fit:cover; }
.korea-checks { display:grid; gap:14px; margin:24px 0 0; padding:0; list-style:none; }
.korea-checks li::before { content:"✓"; margin-right:11px; color:#ff514b; font-weight:900; }
.korea-model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.korea-model-grid article { overflow:hidden; border:1px solid #343941; border-radius:12px; background:#22252b; }
.korea-model-grid a,.korea-model-placeholder { display:grid; color:#fff; text-decoration:none; }
.korea-model-grid img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.korea-model-grid span { padding:16px 16px 4px; font-size:18px; font-weight:800; }
.korea-model-grid small { padding:0 16px 17px; color:#aeb6c2; }
.korea-model-placeholder { width:100%; min-height:250px; align-content:center; justify-items:start; border:0; padding:24px; background:linear-gradient(145deg,#2c3138,#202329); color:#fff; text-align:left; cursor:pointer; }
.korea-model-placeholder b { color:#ff514b; font-size:38px; line-height:1; }
.korea-model-placeholder em { margin:14px 16px 0; color:#ff625d; font-style:normal; font-weight:800; }
.korea-chips,.korea-useful { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 88px; }
.korea-chips a,.korea-chips span,.korea-useful a { padding:10px 16px; border:1px solid #3b414a; border-radius:999px; background:#22252b; color:#dce1e8; text-decoration:none; }
.korea-timeline { min-height:170px; padding:30px 38px; border-radius:16px; background:#17191d; }
.korea-timeline ol { display:grid; grid-template-columns:repeat(6,1fr); margin:28px 0 0; padding:0; list-style:none; }
.korea-timeline li { position:relative; display:grid; gap:7px; padding:25px 14px 8px 0; border-top:3px solid #626975; }
.korea-timeline li::before { content:""; position:absolute; top:-9px; width:16px; height:16px; border-radius:50%; background:#ff3b35; box-shadow:0 0 0 4px rgba(255,59,53,.16); }
.korea-timeline b { font-size:14px; }.korea-timeline strong { font-size:16px; }.korea-timeline small { font-size:13px; line-height:1.4; }
.korea-faq { max-width:920px; margin-left:auto!important; margin-right:auto!important; }
.korea-useful { justify-content:center; }
.korea-final { background:linear-gradient(135deg,#22252b,#2c3138); }

@media (max-width: 767.98px) {
  .korea-content { margin-top:56px; }
  .korea-content > section { margin-bottom:64px; }
  .korea-service,.korea-why,.korea-final,.korea-duo { grid-template-columns:1fr; gap:28px; padding:24px; }
  .korea-model-grid { grid-template-columns:1fr; }
  .korea-timeline { padding:24px; }
  .korea-timeline ol { grid-template-columns:1fr; }
  .korea-timeline li { padding:10px 0 20px 34px; border-top:0; border-left:2px solid #444a53; }
  .korea-timeline li::before { left:-7px; top:13px; }
  .korea-feature-image,.korea-feature-image img { min-height:240px; }
}
.stock-intro-panel .catalog-intro p { margin:18px 0 0; color:#d2d7df; line-height:1.75; }
.supplier-badge {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border:1px solid rgba(116,211,176,.2);
  border-radius:9px;
  background:rgba(40,117,89,.17);
  color:#bcebd9;
  font-size:14px;
  font-weight:800;
}
.supplier-badge::before { content:"✓"; color:#6fdbb4; font-size:16px; }
.fine-print,.updated { font-size:.85rem; color:#777f8a; }
.stock-intro-panel .fine-print { margin:9px 0 0; color:#8f98a5; line-height:1.55; }
.country-grid,.benefits,.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin:1.5rem 0 2.5rem; }
.country-grid a,.country-grid .country-card,.benefits span,.steps article,.selection-form,.faq details {
  padding:1.15rem 1.25rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:linear-gradient(180deg,#202329,#191c21);
  color:var(--text);
}
.country-grid a,.country-grid .country-card { color:var(--text); text-decoration:none; min-height:170px; display:flex; flex-direction:column; }
.country-grid h3,.steps h3 { color:#fff; margin:0 0 .65rem; }
.country-grid p,.steps p,.selection-form p,.faq p { color:#b8c1cd; line-height:1.6; margin:.25rem 0; }
.country-grid span { color:#ff5a54; font-weight:800; margin-top:auto; padding-top:.8rem; }
.country-grid .country-card span { color:#7f8792; }
.benefits span { min-height:72px; display:flex; align-items:center; color:#eef2f7; font-weight:700; }
.results-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:1.5rem 0; }
.catalog-results .filter-grid label > span {
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal;
  margin:0 0 7px;
  color:#c4cad3;
  font-size:13px;
  font-weight:700;
}
.catalog-results .filter-grid { align-items:end; }
.fixed-filter-value { min-height:45px; padding:9px 12px; border:1px solid #3a414c; border-radius:8px; background:#20242a; display:flex; flex-direction:column; justify-content:center; }
.fixed-filter-value span { color:#c4cad3; font-size:13px; }
.fixed-filter-value strong { color:#fff; }
.filter-mobile-toggle { display:none; min-height:44px; }
.faq summary { cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:700; }
.selection-form,.faq,.steps { margin-top:44px; }
.selection-form h2,.faq h2 { color:#fff; }
.faq details + details { margin-top:8px; }
.faq summary { color:#fff; }
@media(max-width:768px){
  .stock-intro-panel { margin-top:0; padding:20px 18px 18px 22px; border-radius:14px; }
  .supplier-badge { width:100%; align-items:flex-start; line-height:1.45; }
  .stock-intro-panel .catalog-intro p { margin-top:15px; font-size:15px; line-height:1.65; }
  .country-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; }
  .country-grid a { min-width:82%; scroll-snap-align:start; }
  .benefits,.steps { grid-template-columns:1fr; }
  .filter-mobile-toggle { display:block; width:100%; }
  .catalog-filter { display:none; }
  .catalog-filter.is-open { display:block; }
  .catalog-grid { grid-template-columns:1fr !important; }
  .card-actions .btn,.filter-actions .btn { width:100%; min-height:44px; }
  .results-head { align-items:flex-start; flex-direction:column; }
}
.catalog-statistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0}.catalog-statistics div{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#252b34}.catalog-statistics strong,.catalog-statistics span{display:block}.catalog-statistics strong{font-size:22px;color:#fff}.catalog-statistics span,.catalog-statistics p{color:#cbd5e1}.catalog-statistics p{grid-column:1/-1;margin:0;font-size:14px}@media(max-width:767.98px){.catalog-statistics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.catalog-statistics{grid-template-columns:1fr}}
.model-year-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}.model-year-links strong{margin-right:4px}.model-year-links a{padding:8px 12px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#252b34;color:#fff}.model-year-links a:hover{border-color:#d81717}
.seo-link-section{margin:24px 0}.seo-link-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.seo-link-head h2{margin:0}.seo-link-head button{border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#252b34;color:#fff;padding:9px 14px;cursor:pointer}.seo-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.seo-link-grid a{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#252b34;color:#fff}.seo-link-grid a[hidden]{display:none!important}.seo-link-grid a:hover{border-color:#d81717}.seo-link-grid span{color:#cbd5e1;font-size:13px}.model-characteristics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.model-characteristics div{padding:14px;border-radius:8px;background:#252b34}.model-characteristics strong,.model-characteristics span{display:block}.model-characteristics span{margin-top:5px;color:#cbd5e1}.card-taxonomy{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 7px}.card-taxonomy a{position:relative;z-index:2;color:#d9e2ee;font-size:13px;text-decoration:underline;text-underline-offset:3px}.catalog-card .inventory-photo{display:block}.car-body h3 a{color:inherit}.catalog-card{color:inherit;text-decoration:none}@media(max-width:900px){.seo-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.model-characteristics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.seo-link-grid,.model-characteristics{grid-template-columns:1fr}}
