:root{--ink:#173546;--ink-soft:#45606d;--accent:#d95045;--accent-dark:#b83b33;--surface:#f5f9fa;--line:#d9e3e6;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);line-height:1.5}.catalog-shell{width:min(1440px,calc(100% - 64px));margin:0 auto}.catalog-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{height:76px;display:flex;align-items:center;gap:36px}.catalog-brand{display:block;line-height:0}.catalog-brand img{width:152px;height:auto}.catalog-header nav{display:flex;align-items:center;gap:25px;margin-right:auto}.catalog-header nav a,.catalog-footer a{font-size:14px;color:var(--ink);text-decoration:none}.catalog-header nav a:hover,.catalog-header nav a.active{color:var(--accent)}.header-cta{border:1px solid var(--accent);background:var(--accent);color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 16px;border-radius:4px}.header-cta:hover{background:var(--accent-dark)}
.catalog-intro{background:#e9f0f2;border-bottom:1px solid var(--line);padding:62px 0 54px}.eyebrow{margin:0 0 8px;font-family:var(--font-data);font-size:11px;letter-spacing:.08em;color:var(--accent);font-weight:700}.breadcrumb{font-size:13px;color:var(--ink-soft);margin:0 0 22px}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb span{margin:0 7px;color:#93a4ab}.catalog-intro h1,.results-topline h2{font-family:var(--font-industrial);letter-spacing:0;margin:0;color:var(--ink);font-weight:700}.catalog-intro h1{font-size:clamp(42px,5vw,66px);line-height:.95;max-width:650px}.intro-copy{max-width:680px;color:var(--ink-soft);font-size:17px;margin:20px 0 0}.catalog-section{padding:44px 0 72px}.catalog-layout{display:grid;grid-template-columns:minmax(210px,.26fr) minmax(0,1fr);align-items:start;gap:42px}.catalog-sidebar{background:#fff;border:1px solid var(--line);padding:22px;position:sticky;top:96px}.search-field{display:block;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.04em}.search-field span{display:block;margin-bottom:8px}.search-field input{width:100%;height:42px;border:1px solid var(--line);padding:0 11px;color:var(--ink);background:#f9fbfc;font:13px var(--font-body);border-radius:3px;outline:none}.search-field input:focus{border-color:var(--accent);background:#fff}.sidebar-rule{height:1px;background:var(--line);margin:20px 0}.filter-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}.filter-heading button,.catalog-empty button{appearance:none;border:0;background:transparent;color:var(--accent);font:700 12px var(--font-body);cursor:pointer;padding:0}.category-tree{margin-top:12px}.category-tree button{display:flex;width:100%;border:0;background:transparent;align-items:center;text-align:left;gap:8px;padding:8px 0;color:var(--ink-soft);font:13px var(--font-body);cursor:pointer}.category-tree button:hover,.category-tree button.selected{color:var(--accent)}.category-tree .level-1{font-weight:700;color:var(--ink);padding-top:12px}.category-tree .level-2{padding-left:12px}.category-tree .level-3{padding-left:25px;font-size:12px}.tree-dot{width:5px;height:5px;border-radius:50%;background:#bccbd1;flex:0 0 auto}.selected .tree-dot{background:var(--accent)}.results-topline{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:3px 0 22px;border-bottom:1px solid var(--line);margin-bottom:24px}.results-topline h2{font-size:36px;line-height:1}.results-topline #catalogResultCount{margin:0;color:var(--ink-soft);font:12px var(--font-data);white-space:nowrap}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-card{background:var(--white);border:1px solid var(--line);min-width:0;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.catalog-card:hover{transform:translateY(-4px);border-color:#b9cbd1;box-shadow:0 14px 25px rgba(23,53,70,.09)}.catalog-image{display:block;background:#edf2f3;aspect-ratio:1/1;overflow:hidden}.catalog-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.catalog-card:hover .catalog-image img{transform:scale(1.035)}.catalog-card-body{padding:15px 15px 16px}.catalog-category,.catalog-sku{font:11px var(--font-data);display:block}.catalog-category{color:var(--accent);margin-bottom:6px}.catalog-sku{color:#82939a;margin-bottom:9px}.catalog-card h3{font-family:var(--font-industrial);font-size:23px;line-height:1;margin:0 0 11px;font-weight:700}.catalog-card h3 a{color:var(--ink);text-decoration:none}.catalog-spec{font:12px var(--font-data);color:var(--ink-soft);margin:0 0 15px;min-height:34px}.catalog-detail{font-size:12px;color:var(--accent);font-weight:700;text-decoration:none}.catalog-empty{background:#fff;border:1px dashed #b9cbd1;text-align:center;padding:55px 20px;color:var(--ink-soft)}.catalog-empty p{margin:0 0 12px}.catalog-footer{background:#183848;color:#d7e3e6}.footer-inner{padding:34px 0;display:flex;justify-content:space-between;gap:35px;align-items:flex-end}.footer-inner img{width:138px;filter:brightness(0) invert(1);margin-bottom:12px}.footer-inner p{max-width:430px;margin:0;font-size:13px;color:#b8c9cf}.footer-inner>div:last-child{display:flex;gap:22px}.catalog-footer a{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.16);text-align:center;padding:12px 24px;font-size:11px;color:#a9bcc3}
@media(max-width:1100px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.catalog-shell{width:min(100% - 40px,1440px)}.catalog-header nav{gap:14px}.catalog-header nav a:nth-child(4),.catalog-header nav a:nth-child(5){display:none}.catalog-layout{gap:25px;grid-template-columns:minmax(190px,.3fr) minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.catalog-shell{width:calc(100% - 32px)}.header-inner{height:65px;gap:15px}.catalog-brand img{width:125px}.catalog-header nav{display:none}.header-cta{margin-left:auto;font-size:12px;padding:9px 11px}.catalog-intro{padding:40px 0}.catalog-intro h1{font-size:45px}.intro-copy{font-size:15px}.catalog-section{padding:25px 0 48px}.catalog-layout{display:block}.catalog-sidebar{position:static;margin-bottom:25px;padding:17px}.category-tree{display:flex;flex-wrap:wrap;gap:3px}.category-tree button{width:auto;padding:7px 9px;border:1px solid var(--line);border-radius:3px}.category-tree .level-1{padding-top:7px}.category-tree .level-2,.category-tree .level-3{padding-left:9px}.category-tree .level-3{font-size:12px}.tree-dot{display:none}.results-topline{align-items:start}.results-topline h2{font-size:31px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-card-body{padding:12px}.catalog-card h3{font-size:20px}.catalog-spec{font-size:11px}.footer-inner{display:block;padding:28px 0}.footer-inner>div:last-child{margin-top:21px;display:flex;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:32px 0 0}.catalog-pagination button{height:36px;min-width:36px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 12px var(--font-data);cursor:pointer;border-radius:3px;padding:0 10px}.catalog-pagination button:hover:not(:disabled),.catalog-pagination button.current{border-color:var(--accent);background:var(--accent);color:#fff}.catalog-pagination button:disabled{opacity:.42;cursor:not-allowed}.catalog-pagination .page-arrow{font-family:var(--font-body);min-width:76px}
@media(max-width:767px){.catalog-pagination{justify-content:space-between;gap:4px}.catalog-pagination button{height:34px;min-width:31px;padding:0 8px}.catalog-pagination .page-arrow{min-width:auto;font-size:11px}}

/* Shared catalog title scale. */
.catalog-intro h1,.results-topline h2{font-size:var(--section-title-size);line-height:var(--section-title-line-height)}
.intro-copy{font-size:var(--section-subtitle-size);font-weight:600;line-height:var(--section-subtitle-line-height)}

/* Keep the catalog's sourcing context visible without competing with its copy. */
.catalog-intro,.results-topline{position:relative;isolation:isolate;overflow:hidden}
.catalog-intro>.catalog-shell,.results-topline>div,.results-topline>#catalogResultCount{position:relative;z-index:1}
.catalog-intro::before,.results-topline::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("assets/img/generated/catalog-tire-sourcing-background-v1.png");background-repeat:no-repeat}
.catalog-intro::before{background-position:right center;background-size:cover;opacity:.14}
.results-topline::before{background-position:right 44% center;background-size:720px auto;opacity:.06}
@media(max-width:767px){.catalog-intro::before{background-position:72% center;opacity:.07}.results-topline::before{display:none}}

/* Final catalog hierarchy pass: give the hero message more authority and keep cards calm. */
.catalog-intro h1{font-size:54px;line-height:1.04;max-width:720px}
.catalog-sidebar{border-color:#e3ebed;box-shadow:0 8px 24px rgba(23,53,70,.035)}
.catalog-card h3{min-height:46px}
.catalog-detail{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(217,80,69,.3);border-radius:3px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.catalog-detail:hover{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-width:767px){.catalog-intro h1{font-size:38px;line-height:1.08}.catalog-card h3{min-height:42px}.catalog-detail{min-height:28px;padding:0 8px}}