.olive{background:#a8b49d}.graphite{background:#404a47;color:white}.signal{background:#f1cf4b}.heavy{left:2%;transform:scale(.92)}.roofwelder{width:230px;height:190px;top:132px;left:13%;transform:rotate(-12deg)}.roof-body{position:absolute;width:150px;height:78px;left:45px;top:65px;background:linear-gradient(135deg,#f0f4e9,#707b71);border-radius:12px;transform:skewY(-8deg)}.roof-body span{position:absolute;bottom:11px;right:11px;font:12px Manrope,Arial,sans-serif}.roof-handle{position:absolute;width:96px;height:60px;border:13px solid #59675c;border-bottom:0;border-radius:33px 33px 0 0;left:75px;top:23px}.roof-wheel{position:absolute;width:118px;height:35px;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 50%,#28302c 0 7px,#b9c2b6 8px 11px,#28302c 12px 21px);bottom:20px;right:6px}.roof-nozzle{position:absolute;width:82px;height:20px;background:#e27342;bottom:52px;left:1px;transform:skewX(-22deg)}.tester{width:255px;height:190px;top:136px;left:11%;transform:rotate(-8deg)}.test-case{position:absolute;width:145px;height:98px;background:#253632;border-radius:10px;bottom:22px;left:36px;box-shadow:inset 0 0 0 7px #52635c}.test-gauge{position:absolute;width:76px;height:76px;border-radius:50%;background:#f4f1e7;border:10px solid #bdc7bd;top:15px;right:14px;color:#17231f;display:grid;place-items:center;font:11px Manrope,Arial,sans-serif}.test-gauge:after{content:"";width:3px;height:24px;background:var(--orange);position:absolute;bottom:23px;transform:rotate(42deg);transform-origin:bottom}.test-tube{position:absolute;width:115px;height:12px;border-radius:12px;background:#617167;left:0;top:74px;transform:rotate(-19deg)}
.product-card .crawler{left:50%;top:118px;transform:translateX(-50%) scale(.78)}.product-card .gun{left:50%;top:120px;transform:translateX(-50%) rotate(-15deg) scale(.94)}.product-card .extrusion{left:50%;top:120px;transform:translateX(-50%) rotate(-12deg) scale(.96)}.product-card .roofwelder{left:50%;top:120px;transform:translateX(-50%) rotate(-12deg) scale(1.02)}.product-card .tester{left:50%;top:120px;transform:translateX(-50%) rotate(-8deg) scale(.98)}.product-card .heavy{left:50%;top:118px;transform:translateX(-50%) scale(.78)}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card.featured{height:480px}.card-bottom a{transition:transform .28s cubic-bezier(.2,.8,.2,1),background-color .28s,color .28s,box-shadow .28s}.product-card:hover .card-bottom a,.card-bottom a:focus-visible{background:var(--ink);color:var(--lime);transform:rotate(45deg) scale(1.12);box-shadow:0 7px 15px rgba(0,0,0,.2);outline:none}.dark:hover .card-bottom a,.graphite:hover .card-bottom a{background:var(--lime);color:var(--ink)}
.product-art{scale:1;transition:scale .38s cubic-bezier(.2,.8,.2,1);will-change:scale}.product-card:hover .product-art{scale:1.055}
@media(max-width:780px){.product-card .crawler,.product-card .heavy{top:82px;transform:translateX(-50%) scale(.72)}.product-card .gun,.product-card .extrusion,.product-card .roofwelder,.product-card .tester{top:80px;transform:translateX(-50%) scale(.82)}}
@media(max-width:780px){.product-grid{grid-template-columns:1fr}.product-card.featured{height:360px}}
/* Unified card surface — one neutral background keeps specs comparable across the line */
.product-card,.product-card.featured,.product-card.dark,.product-card.light,.product-card.olive,.product-card.graphite,.product-card.signal{background:#e6e5dd;color:var(--ink)}