.model-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.model-chip{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden;gap:0;background:#fff}.model-chip>.model-photo{height:133px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;overflow:hidden;position:relative}.model-photo img{width:100%;height:100%;object-fit:contain;padding:8px}.model-photo>.ui-icon{width:38px;height:38px;stroke-width:1.2;color:#8aa4b9}.model-photo>span{font-size:10px;color:#73869a}.model-name{display:flex;align-items:center;gap:8px;padding:13px 13px 0;font-size:13px;font-weight:700;line-height:1.45}.model-name .ui-icon{margin-left:auto;width:16px;height:16px;color:#00a1e1;flex-shrink:0}.model-applications{padding:6px 13px 0;font-size:10px;color:#6c8499;font-weight:400}.model-photo-source{padding:4px 13px 12px;font-size:8px!important;color:#7d8c9f!important;font-weight:400!important;line-height:1.5}.model-chip.selected .model-name{color:#008bc5}.vehicle-context{display:flex;align-items:flex-start;gap:17px;border:1px solid #b5dce9;background:#eef9fd;padding:23px;border-radius:13px;margin-bottom:25px}.vehicle-context-icon{height:43px;width:43px;display:grid;place-items:center;background:#d7f0fb;color:#008cbf;border-radius:11px;flex-shrink:0}.vehicle-context-icon .ui-icon{height:25px;width:25px}.vehicle-context>div{flex:1}.vehicle-context small{font-size:8px;font-weight:800;letter-spacing:1.2px;color:#2685a6}.vehicle-context h3{font-size:21px;margin:5px 0 9px;line-height:1.4}.vehicle-context p{font-size:12px;line-height:1.8;margin:0 0 7px;max-width:720px}.vehicle-context .no-tonneau{font-size:11px;font-weight:700;color:#697e95}.application-help{font-size:10px;display:block;color:#647e94}.vehicle-context>button{border:0;background:#fff9;color:#5f8296;width:31px;height:31px;border-radius:8px;display:grid;place-items:center}.vehicle-context>button .ui-icon{width:16px;height:16px}.category-tabs button{position:relative}.category-tabs button:disabled{opacity:.46;cursor:default;box-shadow:none}.category-count{background:#e8f4fc;color:#397d9b;border-radius:5px;font-size:9px;padding:1px 5px;margin-left:3px;min-width:20px}.category-tabs button.active .category-count{background:#fff2;color:inherit}.catalog-toolbar{flex-wrap:wrap}.catalog-toolbar>.search-field{min-width:200px}.advanced-filters{gap:12px;flex:1;justify-content:flex-end}.advanced-filters .filter-label{width:145px;min-width:0}.filter-label select{width:100%;text-overflow:ellipsis}.fit-badge{display:block;border-radius:5px;padding:5px 7px;margin:1px 0 9px;font-size:9px;line-height:1.5;background:#eff5f8;color:#46657f}.vehicle-form-feedback{grid-column:1/-1;font-size:10px;color:#468099;line-height:1.65}.vehicle-form-feedback:empty{display:none}.application-gallery{display:flex;gap:8px;overflow-x:auto;margin:18px 0 12px}.application-gallery:empty{display:none}.application-gallery>button{border:1px solid #cadbe7;background:#fff;border-radius:8px;padding:5px;flex-shrink:0;width:94px;cursor:zoom-in}.application-gallery img{width:80px;height:66px;object-fit:contain}.application-gallery span{font-size:8px;display:block;color:#608099}.photo-credit{font-size:9px;line-height:1.7;display:block;color:#4189a5;margin-bottom:19px;text-decoration:underline}#product-empty .text-button{display:inline-flex;margin-left:17px;margin-top:12px}
html[data-theme=dark] .model-grid .model-chip{background:#19273b}html[data-theme=dark] .model-name{color:#dce8f5}html[data-theme=dark] .model-applications{color:#a1b9cf}html[data-theme=dark] .vehicle-context{background:linear-gradient(120deg,#16334a,#15243a);border-color:#315875}html[data-theme=dark] .vehicle-context h3{color:#e2f2ff}html[data-theme=dark] .vehicle-context small{color:#6acff4}html[data-theme=dark] .vehicle-context p{color:#b6cbdf}html[data-theme=dark] .vehicle-context .no-tonneau,html[data-theme=dark] .application-help{color:#9eb8cd}html[data-theme=dark] .vehicle-context-icon{background:#214863;color:#74d9ff}html[data-theme=dark] .vehicle-context>button{background:#294359;color:#c6e3f8}html[data-theme=dark] .category-count{background:#23465f;color:#a3d8f1}html[data-theme=dark] .vehicle-form-feedback{color:#8ec0db}html[data-theme=dark] .fit-badge{color:#b0cbdf;background:#253d52}html[data-theme=dark] .photo-credit{color:#80c7e6}
@media(max-width:1100px){.advanced-filters .filter-label{width:135px}.catalog-toolbar>.search-field{flex-basis:100%}.advanced-filters{justify-content:flex-start}.advanced-filters .filter-label{flex:1}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.model-chip{padding:0;gap:0}.model-chip>.model-photo{height:115px}.model-name{padding:10px 10px 0;font-size:12px}.model-applications{font-size:9px;padding:5px 10px 0}.model-photo-source{padding:4px 10px 10px;font-size:7px!important}.model-name .ui-icon{width:14px;height:14px}.vehicle-context{padding:16px 13px;gap:10px}.vehicle-context-icon{width:33px;height:35px}.vehicle-context-icon .ui-icon{width:21px;height:21px}.vehicle-context h3{font-size:17px}.vehicle-context small{font-size:7px;letter-spacing:.7px}.vehicle-context p{font-size:10px;line-height:1.8}.vehicle-context .no-tonneau,.application-help{font-size:9px}.vehicle-context>button{width:25px;height:27px;flex-shrink:0}.category-tabs button{flex-wrap:wrap;font-size:10px}.category-count{font-size:8px;min-width:16px}.advanced-filters{flex:none;padding:14px;gap:11px}.advanced-filters .filter-label{width:auto;flex-basis:calc(50% - 6px)}.advanced-filters .model-filter-label{flex-basis:100%}.vehicle-form-feedback{font-size:9px}.fit-badge{font-size:8px;padding:4px 6px}.catalog-toolbar>.search-field{min-width:0}#product-empty .text-button{margin-left:0;display:flex;justify-content:center;font-size:11px}}
.model-chip .model-name{font-size:13px;color:var(--ink)}.model-chip .model-applications{font-size:10px;color:#6c8499}.model-chip .model-photo-source{font-size:8px;color:#7d8c9f}.model-chip .model-photo>span{font-size:10px;color:#73869a}@media(max-width:600px){.model-chip .model-name{font-size:12px}.model-chip .model-applications{font-size:9px}.model-chip .model-photo-source{font-size:7px}}
.supplier-button:disabled{opacity:.42;cursor:default}.supplier-button:disabled:hover{background:transparent;box-shadow:none}