.catalog-page { background: var(--paper); color: var(--ink); }
.catalog-page .site-header { background: rgba(10,10,10,.94); color: var(--paper); }

.catalog-hero { position: relative; min-height: 680px; padding: 175px 6vw 80px; overflow: hidden; display: flex; align-items: center; background: radial-gradient(circle at 75% 45%,#323232,#131313 43%,#080808 75%); color: var(--paper); }
.catalog-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:7vw 7vw;mask-image:linear-gradient(90deg,#000,transparent 80%); }
.catalog-hero::after { content:""; position:absolute; width:560px; aspect-ratio:1; right:8vw; top:52%; transform:translateY(-50%); border:1px solid #444; border-radius:50%; box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018); }
.catalog-hero-copy { position:relative;z-index:2;max-width:900px; }
.catalog-hero h1 { margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.83;letter-spacing:-.065em;text-transform:uppercase; }
.catalog-hero h1 em { color:var(--red-bright);font-style:normal; }
.catalog-hero-copy>p:last-child { max-width:560px;margin:35px 0 0;color:#aaa;line-height:1.7;font-size:1rem; }
.catalog-hero-number { position:absolute;z-index:1;right:5vw;top:50%;transform:translateY(-50%);font-size:30rem;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1px #383838; }
.catalog-hero-tags { position:absolute;z-index:3;left:6vw;right:6vw;bottom:32px;display:flex;justify-content:space-between;color:#727272;font-size:.6rem;letter-spacing:.2em; }

.reference-notice { display:grid;grid-template-columns:180px 1fr;align-items:center;gap:30px;padding:20px 6vw;background:var(--red);color:#fff; }
.reference-notice span { font-size:.62rem;font-weight:700;letter-spacing:.17em; }.reference-notice p{margin:0;font-size:.75rem;line-height:1.5;color:#f8d0cd;}
.buyer-assurance{display:grid;grid-template-columns:repeat(3,1fr);background:#171717;color:#aaa;border-bottom:1px solid #333}.buyer-assurance span{padding:19px 6vw;border-right:1px solid #333;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.buyer-assurance span:last-child{border-right:0}

.catalog-section { padding:115px 6vw 130px; }
.catalog-intro { display:grid;grid-template-columns:1.2fr .8fr;gap:6vw;align-items:end;margin-bottom:65px; }
.catalog-intro h2 { margin:0;font-size:clamp(3.3rem,6vw,7rem);line-height:.86;letter-spacing:-.06em;text-transform:uppercase; }.catalog-intro h2 em{color:var(--red-bright);font-style:normal}.catalog-intro>p{margin:0 0 5px;max-width:520px;color:#666;line-height:1.75}
.catalog-toolbar { display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;padding:22px;background:#deddd7;border:1px solid #ccc; }
.catalog-toolbar label { display:flex;flex-direction:column;gap:8px; }.catalog-toolbar label span{font-size:.54rem;letter-spacing:.16em;text-transform:uppercase;color:#777}.catalog-toolbar input,.catalog-toolbar select{height:45px;padding:0 12px;border:1px solid #b8b7b2;background:#f4f3ef;border-radius:0;color:#111;outline:none}.catalog-toolbar input:focus,.catalog-toolbar select:focus{border-color:var(--red)}.catalog-toolbar button{align-self:end;height:45px;padding:0 22px;border:0;background:#181818;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.6rem;cursor:pointer}
.catalog-status{display:flex;justify-content:space-between;padding:25px 0 12px;border-bottom:1px solid #bbb;color:#777;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
.catalog-products { display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:20px; }
.catalog-item { position:relative;grid-column:span 4;min-height:520px;display:flex;flex-direction:column;background:#dfded8;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease); }
.catalog-item:hover{transform:translateY(-7px);box-shadow:0 24px 50px rgba(0,0,0,.14)}
.catalog-item-visual { position:relative;height:280px;overflow:hidden;background:radial-gradient(circle at 45% 45%,#f5f4ef,#c6c5bf);border-bottom:1px solid #c8c7c2; }
.catalog-item-visual::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:38px 38px}
.catalog-item-visual::after{content:attr(data-code);position:absolute;right:-6px;bottom:-24px;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.13);font-size:7rem;font-weight:800;letter-spacing:-.08em}
.catalog-item-copy { display:flex;flex:1;flex-direction:column;padding:24px; }
.catalog-item-meta{display:flex;justify-content:space-between;margin-bottom:14px;color:#777;font-size:.54rem;letter-spacing:.13em;text-transform:uppercase}.catalog-item-meta span:first-child{color:var(--red)}
.catalog-item h3{margin:0 0 6px;font-size:1.55rem;line-height:1.05;text-transform:uppercase;letter-spacing:-.035em}.catalog-fitment{margin:0;color:#777;font-size:.75rem}.catalog-price{display:flex;align-items:baseline;gap:8px;margin:auto 0 17px;padding-top:25px}.catalog-price strong{font-size:1.7rem}.catalog-price span{color:#777;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.catalog-item-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-item-actions button,.catalog-item-actions a{display:flex;align-items:center;justify-content:center;min-height:43px;border:1px solid #aaa;background:transparent;text-transform:uppercase;font-size:.56rem;letter-spacing:.1em;cursor:pointer}.catalog-item-actions a{background:#171717;color:#fff;border-color:#171717}.catalog-empty{grid-column:1/-1;padding:90px 20px;text-align:center;border:1px solid #ccc;color:#777}

.mini-part { position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);filter:drop-shadow(15px 20px 18px rgba(0,0,0,.2)); }
.mini-part.body{width:76%;height:26%;border-radius:60% 15% 35% 20%;transform:translate(-50%,-50%) skewX(-15deg);background:linear-gradient(170deg,#757575,#161616 55%,#020202);border:2px solid #555}
.mini-part.wheel{width:190px;aspect-ratio:1;border-radius:50%;border:25px solid #171717;box-shadow:inset 0 0 0 8px #888;background:repeating-conic-gradient(#aaa 0 8deg,#222 9deg 32deg)}
.mini-part.brake{width:190px;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#999 0 3deg,#333 4deg 8deg);box-shadow:inset 0 0 0 35px #bbb,inset 0 0 0 43px #555}.mini-part.brake::after{content:"";position:absolute;right:-16px;top:37px;width:55px;height:120px;border-radius:14px;background:var(--red-bright)}
.mini-part.suspension{width:75px;height:230px;transform:translate(-50%,-50%) rotate(14deg);background:repeating-linear-gradient(0deg,transparent 0 13px,#262626 14px 23px,transparent 24px 32px);border-left:11px solid #aaa;border-right:11px solid #444}
.mini-part.exterior{width:72%;height:40%;border:4px solid #222;border-left-width:30px;clip-path:polygon(0 20%,80% 0,100% 45%,92% 88%,15% 100%);background:linear-gradient(135deg,#777,#0a0a0a)}

.catalog-cta{display:grid;grid-template-columns:.6fr 1.3fr auto;gap:5vw;align-items:end;padding:100px 6vw;background:var(--red);color:#fff}.catalog-cta .kicker{align-self:start;color:#ffc3bd}.catalog-cta h2{margin:0;font-size:clamp(3.2rem,5vw,6rem);line-height:.87;letter-spacing:-.055em;text-transform:uppercase}.catalog-cta p{max-width:540px;color:#f3b6b0;line-height:1.65}.catalog-cta .button{margin-bottom:8px}

.product-dialog{width:min(760px,calc(100% - 32px));padding:0;border:0;background:#f1f0ec;color:#111;box-shadow:0 30px 100px rgba(0,0,0,.65)}.product-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.dialog-close{position:absolute;z-index:3;right:18px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:#111;color:#fff;font-size:1.5rem;cursor:pointer}.dialog-hero{padding:70px 45px 35px;background:#141414;color:#fff}.dialog-hero .kicker{margin-bottom:20px}.dialog-hero h2{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.9;text-transform:uppercase;letter-spacing:-.05em}.dialog-body{padding:35px 45px 45px}.dialog-specs{display:grid;grid-template-columns:1fr 1fr;margin:25px 0}.dialog-specs div{padding:15px 0;border-top:1px solid #ccc}.dialog-specs span{display:block;color:#777;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}.dialog-specs strong{display:block;margin-top:6px;font-size:.85rem}.dialog-disclaimer{color:#888;font-size:.68rem;line-height:1.5}.dialog-body .button{background:var(--red-bright);color:#fff}

@media(max-width:980px){.catalog-products .catalog-item{grid-column:span 6}.catalog-toolbar{grid-template-columns:1fr 1fr}.catalog-toolbar button{align-self:end}.catalog-intro{grid-template-columns:1fr}.catalog-cta{grid-template-columns:1fr}.catalog-cta .button{margin-top:15px}.catalog-hero-number{right:-6vw}}
@media(max-width:640px){.catalog-hero{min-height:650px;padding:140px 20px 90px}.catalog-hero h1{font-size:clamp(3.5rem,17vw,5.4rem)}.catalog-hero-tags{left:20px;right:20px;gap:13px;overflow:hidden;justify-content:flex-start}.catalog-hero-number{font-size:21rem;right:-33vw}.reference-notice{grid-template-columns:1fr;padding:18px 20px;gap:7px}.buyer-assurance{grid-template-columns:1fr}.buyer-assurance span{padding:15px 20px;border-right:0;border-bottom:1px solid #333}.buyer-assurance span:last-child{border-bottom:0}.catalog-section{padding:85px 20px}.catalog-intro{margin-bottom:40px}.catalog-intro h2{font-size:clamp(3rem,14vw,4.6rem)}.catalog-toolbar{grid-template-columns:1fr;padding:16px}.catalog-products{display:block}.catalog-item{min-height:500px;margin-bottom:14px}.catalog-cta{padding:80px 20px}.catalog-cta h2{font-size:clamp(3rem,14vw,4.8rem)}.dialog-hero,.dialog-body{padding-left:24px;padding-right:24px}.dialog-specs{grid-template-columns:1fr}.product-dialog{max-height:90vh;overflow:auto}}