.catalog-page{background:#f4f6f9;color:#173a60}
.catalog-header{background:#fff;border-bottom:1px solid #e0e7ee}
.catalog-header-inner{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-header .brand{flex:none}
.catalog-header-actions{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700}
.catalog-header-actions>a:first-child:hover{color:#416fba}
.catalog-hotline{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;background:#416fba;color:#fff;border-radius:4px;white-space:nowrap}
.catalog-hotline:hover{background:#315d9d}
.catalog-navline{background:#416fba;color:#fff}
.catalog-navline .container{min-height:45px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}
.catalog-navline a{color:#e8f1ff}
.catalog-navline a:hover{text-decoration:underline}
.catalog-navline strong{font-weight:800}
.catalog-content{padding-top:42px;padding-bottom:85px}
.catalog-intro{padding:38px 42px;background:#fff;border:1px solid #e1e7ed;border-top:4px solid #416fba;box-shadow:0 16px 36px #173a6010}
.catalog-kicker{display:block;color:#416fba;font-size:10px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase}
.catalog-intro h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.4px;line-height:1.25;margin:12px 0}
.catalog-intro>p{max-width:780px;color:#607082;font-size:14px;line-height:1.8;margin:0}
.catalog-notice{display:flex;align-items:flex-start;gap:10px 17px;margin-top:24px;padding:15px 18px;background:#eef4fb;border-left:3px solid #416fba;font-size:12px;line-height:1.6}
.catalog-notice strong{color:#315d9d;white-space:nowrap}
.catalog-notice span{color:#53687c}
.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:28px;margin-top:32px;align-items:start;min-width:0}
.catalog-sidebar{min-width:0;background:#fff;border:1px solid #e1e7ed;padding:22px 18px;position:sticky;top:18px}
.catalog-sidebar h2{font-size:15px;margin:0 0 15px}
.catalog-sidebar nav{display:grid}
.catalog-sidebar a{display:block;padding:10px 12px;border-bottom:1px solid #edf0f3;color:#66717c;font-size:12px;line-height:1.45}
.catalog-sidebar a:last-child{border-bottom:0}
.catalog-sidebar a:hover,.catalog-sidebar a.active{color:#315d9d;background:#eef4fb;font-weight:800}
.catalog-results{min-width:0}
.catalog-results-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:3px 0 23px}
.catalog-results-heading span{color:#416fba;font-size:10px;font-weight:800;letter-spacing:1.6px}
.catalog-results-heading h2{font-size:25px;letter-spacing:-.8px;margin:6px 0 0}
.catalog-results-heading small{font-size:11px;color:#66717c;white-space:nowrap}
.mock-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mock-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e7ed;box-shadow:0 10px 26px #173a600b;transition:transform .2s,box-shadow .2s}
.mock-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px #173a6020}
.mock-card-art{height:190px;position:relative;overflow:hidden;background:#e7eef8}
.mock-card-art>img{width:100%;height:100%;object-fit:cover}
.mock-image-label{position:absolute;left:12px;top:12px;padding:5px 8px;background:#fffdf0e8;color:#526275;font-size:9px;font-weight:800;letter-spacing:.5px}
.mock-icon-art{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:linear-gradient(140deg,#edf4ff,#ccdff3);color:#416fba}
.mock-icon-art svg{width:80px;height:80px;stroke:currentColor;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.mock-icon-art span{font-size:12px;font-weight:800;letter-spacing:1px}
.mock-tire{background:linear-gradient(140deg,#eef2f6,#c9d7e4);color:#354d63}
.mock-parts{background:linear-gradient(140deg,#eff4f8,#d9e6ed);color:#365e87}
.mock-card-body{flex:1;display:flex;flex-direction:column;padding:19px 18px 20px}
.mock-label{color:#416fba;font-size:9px;font-weight:800;letter-spacing:1.2px}
.mock-card h3{font-size:16px;line-height:1.4;margin:8px 0 8px}
.mock-card p{color:#66717c;font-size:11px;line-height:1.7;margin:0 0 18px}
.mock-card-body>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px;border-top:1px solid #e9edf2;color:#315d9d;font-size:11px;font-weight:800}
.mock-card-body>a:hover{text-decoration:underline}
.mock-card-body>a span{font-size:19px;font-weight:400}
.catalog-help{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding:22px 25px;background:#173a60;color:#fff}
.catalog-help strong{font-size:15px}
.catalog-help p{margin:4px 0 0;color:#d0deeb;font-size:11px}
.catalog-help>a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;background:#fff;color:#173a60;border-radius:3px;font-size:11px;font-weight:800;white-space:nowrap}
.catalog-help>a:hover{background:#eaf1fb}
.catalog-footer{background:#0d1f32;color:#bac7d3}
.catalog-footer .container{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}
.catalog-footer .container>div{display:flex;gap:18px;flex-wrap:wrap}
.catalog-footer a:hover{color:#fff}
@media(max-width:1100px){.mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.catalog-layout{grid-template-columns:minmax(0,1fr)}.catalog-results{order:1}.catalog-sidebar{order:2;position:static;max-width:100%;overflow:hidden;padding:17px}.catalog-sidebar h2{margin-bottom:10px}.catalog-sidebar nav{display:flex;max-width:100%;gap:7px;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.catalog-sidebar a{flex:none;padding:8px 12px;border:1px solid #e2e8ef;border-radius:3px;white-space:nowrap}.catalog-sidebar a:last-child{border:1px solid #e2e8ef}.catalog-intro{padding:29px}.catalog-header-inner{min-height:81px}}
@media(max-width:620px){.catalog-header-inner{min-height:72px;gap:12px}.catalog-header .brand-type strong{font-size:15px}.catalog-header .brand-type small{font-size:8px}.catalog-header-actions>a:first-child{display:none}.catalog-hotline{padding:9px;font-size:10px}.catalog-navline .container{font-size:10px}.catalog-content{padding-top:22px;padding-bottom:55px}.catalog-intro{padding:24px 20px}.catalog-intro h1{font-size:29px}.catalog-intro>p{font-size:12px}.catalog-notice{display:block;padding:12px 14px}.catalog-notice strong{display:block;margin-bottom:2px}.catalog-layout{gap:21px;margin-top:22px}.catalog-results-heading h2{font-size:22px}.mock-grid{grid-template-columns:1fr}.mock-card-art{height:220px}.catalog-help{align-items:flex-start;flex-direction:column}.catalog-footer .container{align-items:flex-start;flex-direction:column;justify-content:center;padding:20px 0}}
@media(max-width:380px){.catalog-header .brand-type small{display:none}.catalog-hotline{font-size:9px}}