/* SPARE PARTS PAGE - UNIQUE UI STYLES */
.parts-hero-brand { display:flex; gap:16px; margin-top:28px; flex-wrap:wrap; }
.brand-pill { display:flex; align-items:center; gap:10px; background:rgba(232,176,0,0.15); border:1px solid rgba(232,176,0,0.4); padding:10px 20px; border-radius:100px; color:var(--primary); font-family:var(--font-display); font-weight:800; font-size:1.1rem; letter-spacing:0.04em; }
.brand-pill span { font-size:1.4rem; }

.parts-cat-nav { background:var(--white); border-bottom:2px solid var(--border); position:sticky; top:73px; z-index:99; }
.parts-cat-nav-inner { display:flex; overflow-x:auto; scrollbar-width:none; }
.parts-cat-nav-inner::-webkit-scrollbar { display:none; }
.cat-nav-btn { display:flex; align-items:center; gap:8px; padding:16px 24px; font-family:var(--font-display); font-weight:700; font-size:0.9rem; letter-spacing:0.04em; text-transform:uppercase; color:var(--text-light); border-bottom:3px solid transparent; white-space:nowrap; transition:all 0.2s; background:none; border-left:none; border-right:none; border-top:none; text-decoration:none; cursor:pointer; }
.cat-nav-btn:hover, .cat-nav-btn.active { color:var(--dark); border-bottom-color:var(--primary); background:rgba(232,176,0,0.04); }

.brand-banner-wrap { padding-top:64px; margin-bottom:0; }
.brand-focus-banner { background:var(--dark); border-radius:var(--radius-lg); padding:40px 48px; display:grid; grid-template-columns:1fr 1fr; gap:40px; position:relative; overflow:hidden; }
.brand-focus-banner::before { content:''; position:absolute; top:-60px; right:-60px; width:300px; height:300px; background:radial-gradient(circle,rgba(232,176,0,0.08) 0%,transparent 70%); pointer-events:none; }
.brand-box { border-radius:var(--radius-lg); padding:28px; position:relative; z-index:1; }
.brand-box.cummins-box { background:rgba(200,55,45,0.15); border:1px solid rgba(200,55,45,0.3); }
.brand-box.perkins-box { background:rgba(0,48,135,0.15); border:1px solid rgba(0,48,135,0.3); }
.brand-box-label { font-family:var(--font-display); font-weight:900; font-size:1.8rem; margin-bottom:12px; }
.brand-box.cummins-box .brand-box-label { color:#e05a52; }
.brand-box.perkins-box .brand-box-label { color:#4d82e0; }
.brand-box p { color:rgba(255,255,255,0.65); font-size:0.9rem; line-height:1.7; margin-bottom:16px; }
.brand-box ul { list-style:none; }
.brand-box ul li { color:rgba(255,255,255,0.75); font-size:0.88rem; padding:4px 0 4px 16px; position:relative; }
.brand-box ul li::before { content:'→'; position:absolute; left:0; color:var(--primary); font-size:0.75rem; }

.parts-section { padding:80px 0; border-bottom:1px solid var(--border); }
.parts-section:last-of-type { border-bottom:none; }
.parts-section-header { display:flex; align-items:flex-start; gap:32px; margin-bottom:48px; }
.parts-section-icon { width:72px; height:72px; background:var(--primary); border-radius:var(--radius-lg); display:flex; align-items:center; justify-content:center; font-size:2rem; flex-shrink:0; }
.parts-section-title h2 { font-family:var(--font-display); font-weight:900; font-size:2rem; color:var(--dark); margin-bottom:8px; }
.parts-section-title p { color:var(--text-light); font-size:1rem; max-width:640px; }

.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.product-card { background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; transition:all 0.22s ease; display:flex; flex-direction:column; }
.product-card:hover { transform:translateY(-6px); box-shadow:0 16px 48px rgba(0,0,0,0.12); border-color:var(--primary); }
.product-img { height:200px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.product-img::before { content:''; position:absolute; inset:0; background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,0.02) 10px,rgba(255,255,255,0.02) 11px); }
.product-img-icon { font-size:5rem; z-index:1; filter:drop-shadow(0 4px 16px rgba(0,0,0,0.5)); }
.product-img-bg-text { position:absolute; bottom:-10px; right:-10px; font-family:var(--font-display); font-weight:900; font-size:5rem; color:rgba(255,255,255,0.04); line-height:1; pointer-events:none; }
.product-brand-bar { padding:6px 16px; font-size:0.72rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; display:flex; gap:8px; align-items:center; }
.product-brand-bar.cummins { background:#C8372D; color:white; }
.product-brand-bar.perkins { background:#003087; color:white; }
.product-brand-bar.both { background:var(--dark); color:var(--primary); }
.product-brand-bar.multi { background:var(--dark-3); color:rgba(255,255,255,0.8); }
.product-info { padding:20px; flex:1; display:flex; flex-direction:column; gap:10px; }
.product-info h3 { font-family:var(--font-display); font-weight:800; font-size:1.15rem; color:var(--dark); line-height:1.2; }
.product-info p { font-size:0.88rem; color:var(--text-light); line-height:1.65; flex:1; }
.product-tags { display:flex; flex-wrap:wrap; gap:6px; }
.product-tag { font-size:0.72rem; font-weight:700; padding:3px 10px; border-radius:100px; background:var(--grey); color:var(--text-light); }
.product-cta { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; background:var(--grey); border-top:1px solid var(--border); gap:12px; }
.product-avail { display:flex; align-items:center; gap:6px; font-size:0.8rem; font-weight:700; color:#1a8a3a; }
.product-avail::before { content:''; width:8px; height:8px; background:#25D366; border-radius:50%; animation:avail-pulse 2s infinite; }
@keyframes avail-pulse { 0%,100%{opacity:1} 50%{opacity:0.4} }
.product-enquire { font-family:var(--font-display); font-weight:700; font-size:0.8rem; letter-spacing:0.05em; text-transform:uppercase; color:var(--dark); background:var(--primary); padding:7px 14px; border-radius:var(--radius); transition:all 0.2s; text-decoration:none; white-space:nowrap; }
.product-enquire:hover { background:var(--primary-dark); transform:scale(1.03); }

.enquiry-strip { background:var(--primary); padding:20px 0; position:sticky; bottom:0; z-index:90; box-shadow:0 -4px 24px rgba(232,176,0,0.3); }
.enquiry-strip-inner { display:flex; align-items:center; justify-content:center; gap:24px; flex-wrap:wrap; }
.enquiry-strip p { font-family:var(--font-display); font-weight:800; font-size:1.1rem; color:var(--dark); margin:0; }

@media(max-width:1024px){ .products-grid{grid-template-columns:repeat(2,1fr)} .brand-focus-banner{grid-template-columns:1fr;gap:20px;padding:28px} }
@media(max-width:768px){ .products-grid{grid-template-columns:1fr} .parts-section-header{flex-direction:column;gap:16px} .brand-focus-banner{padding:20px} }