.breadcrumbs{padding-top:16px;padding-bottom:16px;font-size:13px;color:#6b8090}.breadcrumbs a{color:#167fbe;text-decoration:none}.breadcrumbs span{padding:0 8px;color:#9aabb6}.breadcrumbs strong{font-weight:600;color:#6b8090}
.parts-hero{position:relative;min-height:610px;color:#fff;overflow:hidden;background:var(--navy)}.parts-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,32,.98) 0%,rgba(3,20,32,.88) 38%,rgba(3,20,32,.45) 68%,rgba(3,20,32,.16) 100%),url('images/parts-hero.svg') center/cover no-repeat}.hero-grid{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:70px;align-items:center}.hero-copy{max-width:790px;padding:60px 0}.parts-hero h1{font-family:Manrope,Inter,sans-serif;font-size:clamp(56px,6.2vw,88px);line-height:.95;letter-spacing:-.058em;margin:0 0 24px;max-width:820px}.parts-hero h1 span{color:var(--blue2)}.hero-lead{max-width:720px;margin:0;color:#e0edf4;font-size:20px;line-height:1.55}.hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:28px;color:#cfe3ee;font-size:11px;font-weight:900;letter-spacing:.09em}.hero-proof i{width:5px;height:5px;background:var(--blue2);border-radius:50%}.hero-stock-card{align-self:center;background:rgba(8,39,61,.88);border:1px solid rgba(92,195,246,.45);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);backdrop-filter:blur(4px)}.hero-stock-image{padding:14px;background:#062338}.hero-stock-image img{width:100%;border-radius:9px}.hero-stock-copy{padding:22px 24px 25px}.hero-stock-copy>span{display:block;color:var(--blue2);font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}.hero-stock-copy strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:23px;line-height:1.15}.hero-stock-copy p{margin:9px 0 0;color:#b9d1df;font-size:14px}
.section{padding:88px 0}.intro-section{background:#fff}.two-col{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:80px;align-items:center}.intro-grid{align-items:start}.intro-grid h2,.sourcing-grid h2,.hose-stock h2,.oil-copy h2,.location-copy h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,4.25vw,64px);line-height:1;letter-spacing:-.052em;margin:0 0 20px}.intro-grid p:not(.eyebrow),.sourcing-grid p:not(.eyebrow),.hose-stock p:not(.eyebrow),.oil-copy p:not(.eyebrow),.location-copy p:not(.eyebrow){font-size:17px;line-height:1.72;color:var(--muted)}.lead{font-size:20px!important;line-height:1.6!important;color:#314d61!important;margin:0 0 20px}.callout{margin-top:30px;padding:21px 23px;background:#e8f6fc;border-left:4px solid var(--blue);color:#143b52;border-radius:0 8px 8px 0}.callout strong{display:block;margin-bottom:7px}.callout span{display:block;line-height:1.6}.counter-card{position:relative;background:#082b40;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #173f56}.counter-card img{width:100%}.counter-caption{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#21495f}.counter-caption span{background:#082b40;padding:13px 9px;text-align:center;color:#bfe8f8;font-size:10px;font-weight:900;letter-spacing:.08em}
.pale{background:var(--pale)}.section-heading{max-width:900px;margin-bottom:40px}.section-heading h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(42px,4.25vw,64px);line-height:1;letter-spacing:-.052em;margin:0 0 20px}.section-heading p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--muted);max-width:820px}.narrow{max-width:780px}.stock-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.stock-card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:10px;padding:24px;min-height:235px;box-shadow:var(--shadow);display:flex;flex-direction:column}.stock-card .card-no{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.1em}.stock-card h3{font-family:Manrope,Inter,sans-serif;margin:14px 0 10px;font-size:23px;line-height:1.12}.stock-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.stock-card ul{margin:14px 0 0;padding-left:19px;color:#4c6576;font-size:14px;line-height:1.65}.stock-card .text-link{margin-top:auto;padding-top:17px;color:#087fbd;font-size:14px;font-weight:900}.stock-card-ask{background:var(--navy);color:#fff;border-top-color:var(--orange)}.stock-card-ask p{color:#bfd4df}.stock-card-ask .btn{margin-top:auto}
.navy{background:var(--navy);color:#fff}.hose-stock .eyebrow{color:var(--blue2)}.hose-stock h2{color:#fff}.hose-stock p:not(.eyebrow){color:#b7d0df}.component-visual{background:#082b40;border:1px solid #234b61;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.component-visual img{width:100%}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 0}.pill{border:1px solid #315b73;background:#0c334a;border-radius:999px;padding:8px 12px;color:#d7ebf4;font-weight:800;font-size:12px}.section-btn{margin-top:28px}.sourcing-grid{align-items:center}.sourcing-visual{background:#082b40;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.sourcing-visual img{width:100%}

.oil-section{background:#fff}.oil-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:55px;align-items:center;background:#f7fafb;border:1px solid var(--line);border-radius:14px;padding:42px 45px;box-shadow:var(--shadow)}.millers-logo{width:min(280px,70%);height:auto;margin:0 0 20px;background:#061b2b;border-radius:8px;padding:15px}.oil-copy h2{font-size:clamp(38px,3.7vw,56px)}.oil-visual{display:flex;justify-content:center;align-items:center;min-height:360px;background:#eef4f7;border-radius:12px;overflow:hidden}.oil-visual img{width:100%;max-height:520px;object-fit:contain}
.identify-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.identify-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px;min-height:205px}.identify-grid article span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.1em}.identify-grid h3{font-family:Manrope,Inter,sans-serif;font-size:22px;margin:16px 0 10px}.identify-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.related-section{background:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{display:block;padding:30px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.related-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(10,38,58,.13)}.related-card span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.1em}.related-card h3{font-family:Manrope,Inter,sans-serif;margin:15px 0 10px;font-size:25px;line-height:1.12}.related-card p{margin:0 0 20px;color:var(--muted);font-size:15px;line-height:1.6}.related-card strong{color:#087fbd;font-size:14px}
.location-strip{background:var(--pale)}.location-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:center}.location-photo{border-radius:14px;overflow:hidden;box-shadow:var(--shadow);background:#d9e7ed}.location-photo img{width:100%;height:100%;min-height:430px;object-fit:cover}.location-copy{padding-left:15px}.location-copy h2{font-size:clamp(40px,3.9vw,58px)}.location-copy strong{color:var(--ink)}.faq-section{background:#fff}.faq-wrap{max-width:950px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{cursor:pointer;font-size:18px;font-weight:800}.faq-list details p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.7}.faq-list a{color:#087fbd;font-weight:800}.cta{padding:0 0 95px}.cta-band{background:linear-gradient(100deg,#079ce4,#087ec0);border-radius:9px;padding:38px 42px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-band .eyebrow{color:#dff4fd}.cta-band h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,3vw,44px);line-height:1.05;margin:0 0 9px;max-width:850px}.cta-band p:last-child{margin:0;color:#dff4fd}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
@media(max-width:1200px){.hero-grid{grid-template-columns:1fr 360px;gap:35px}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identify-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oil-panel{grid-template-columns:1fr 1fr}.two-col{gap:50px}}@media(max-width:900px){.hero-grid,.two-col,.oil-panel,.location-grid{grid-template-columns:1fr}.parts-hero,.hero-grid{min-height:0}.parts-hero-bg{background-position:62% center}.hero-copy{padding:80px 0 25px}.hero-stock-card{margin:0 0 70px;max-width:560px}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:1fr}.oil-visual{min-height:300px}.location-copy{padding:35px 0 0}.cta-band{display:block}.cta-actions{margin-top:24px}}@media(max-width:620px){.hero-copy{padding:55px 0 20px}.parts-hero h1{font-size:50px}.hero-lead{font-size:17px}.hero-proof{font-size:9px;gap:7px}.hero-stock-card{margin-bottom:50px}.section{padding:70px 0}.stock-grid,.identify-grid{grid-template-columns:1fr}.stock-card{min-height:0;padding:24px}.component-visual,.sourcing-visual{margin-top:8px}.oil-panel{padding:30px 24px}.oil-copy h2{font-size:38px}.millers-logo{width:250px}.oil-visual{min-height:260px}.location-photo img{min-height:280px}.location-copy h2{font-size:40px}.cta{padding-bottom:65px}.cta-band{padding:30px 25px}}

/* VERSION 2 — real Active Hydraulics stores photography */
.real-stock-card{background:rgba(8,39,61,.94)}
.hero-stock-photo{padding:0;background:#061f31;aspect-ratio:4/3;overflow:hidden}
.hero-stock-photo img{width:100%;height:100%;object-fit:cover;display:block}
.real-photo-card{background:#082b40}
.real-photo-card>img{display:block;width:100%;height:560px;object-fit:cover;object-position:center 48%}
.stockroom-section{background:#fff}
.stockroom-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}
.stockroom-photo{margin:0;border-radius:12px;overflow:hidden;background:#edf3f6;box-shadow:var(--shadow);border:1px solid var(--line)}
.stockroom-photo img{display:block;width:100%;height:390px;object-fit:cover}
.stockroom-large img{height:520px}
.stockroom-photo figcaption{padding:13px 16px;font-size:12px;font-weight:900;letter-spacing:.05em;color:#456173;background:#fff}
.real-component-visual,.real-sourcing-visual{position:relative}
.real-component-visual img,.real-sourcing-visual img{display:block;width:100%;height:520px;object-fit:cover}
.image-label{position:absolute;left:16px;bottom:16px;background:rgba(5,28,44,.9);color:#dff5ff;border:1px solid rgba(103,206,255,.35);padding:9px 12px;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.1em}
.real-sourcing-visual{background:#102f40;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.real-sourcing-visual img{height:480px;object-position:center 55%}





@media(max-width:1200px){.stockroom-grid{grid-template-columns:1fr 1fr}.stockroom-large{grid-column:1/-1}.stockroom-large img{height:430px}.real-photo-card>img{height:500px}}
@media(max-width:900px){.stockroom-grid{grid-template-columns:1fr}.stockroom-large{grid-column:auto}.stockroom-photo img,.stockroom-large img{height:390px}.real-component-visual img,.real-sourcing-visual img{height:380px}.real-photo-card>img{height:460px}}
@media(max-width:620px){.stockroom-photo img,.stockroom-large img{height:300px}.real-photo-card>img{height:360px}.real-component-visual img,.real-sourcing-visual img{height:300px}.image-label{font-size:8px}.hero-stock-photo{aspect-ratio:1.25/1}}

/* V3 refinements */
.counter-card.real-photo-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center center}



.location-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:55px}
.location-photo{max-width:420px}
.location-photo img{min-height:280px;max-height:320px;object-fit:cover}
@media(max-width:900px){.counter-card.real-photo-card img{height:auto;aspect-ratio:4/3}.location-grid{grid-template-columns:1fr}.location-photo{max-width:520px}.location-photo img{min-height:280px;max-height:none}}
@media(max-width:620px){.counter-card.real-photo-card img{height:auto;aspect-ratio:4/3}.location-photo{max-width:none}.location-photo img{min-height:240px}}

/* Hero height alignment — matches the established desktop page hero framework */
.parts-hero{min-height:520px}
.parts-hero .hero-grid{min-height:520px}
@media(max-width:900px){.parts-hero,.parts-hero .hero-grid{min-height:0}}

/* HYDRAULIC HOSE STOCK — updated with real hose-store photography */
.hose-stock .real-component-visual img{height:380px;object-fit:cover;object-position:center 42%;display:block;width:100%}
@media(max-width:900px){.hose-stock .real-component-visual img{height:340px}}
@media(max-width:620px){.hose-stock .real-component-visual img{height:280px}}