.product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;transition:opacity .2s ease; }
.product-grid-collection { grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
body[data-navigating="true"] .product-grid { opacity:.55;pointer-events:none; }

.product-card { min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e1e1;transition:box-shadow .2s ease,transform .2s ease; }
.product-card-link { min-height:100%;display:flex;flex:1;flex-direction:column;color:inherit; }
.product-card:hover { box-shadow:0 12px 32px rgba(0,0,0,.09);transform:translateY(-2px); }
.product-card-media { height:245px;position:relative;display:block;overflow:hidden;background:#f6f6f6; }
.product-card-media img { width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .35s ease; }
.product-card:hover .product-card-media img { transform:scale(1.035); }
.product-card-badge { position:absolute;top:10px;left:10px;padding:6px 10px;color:#fff;background:#151515;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase; }
.product-card-badge--great-value { background:#176a44; }
.product-card-badge--package-deal { background:#315579; }
.product-card-badge--enclosed-cab { background:#5d466f; }
.product-card-badge--new { background:#176a44; }
.product-card-badge--sale { background:#b84314; }
.product-card-badge--popular,
.product-card-badge--recommended { background:#315579; }
.product-card-badge--mini-excavators,
.product-card-badge--skid-steers { background:#315579; }
.product-card-saving { position:absolute;right:10px;top:10px;padding:6px 9px;color:#fff;background:#e95b17;font-size:.62rem;font-weight:800; }
.product-card-body { flex:1;display:flex;flex-direction:column;padding:17px 16px 18px; }
.product-card-brand { margin-bottom:7px;color:#777;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase; }
.product-card h3 { min-height:78px;margin:0 0 16px;font-family:var(--font-body);font-size:.88rem;font-weight:650;line-height:1.45;letter-spacing:0; }
.product-card-pricing { display:grid;gap:7px;margin-top:auto;padding-top:13px;border-top:1px solid #e7e7e7; }
.product-card-pricing p { display:flex;align-items:center;justify-content:space-between;gap:10px; }
.product-card-pricing span { flex:0 0 auto;color:#65696d;font-size:.63rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase; }
.product-card-pricing .regular { padding:0 9px; }
.product-card-pricing s { color:#777;font-size:.82rem;font-weight:500;text-decoration-thickness:1.5px; }
.product-card-pricing .sale { min-height:48px;padding:8px 10px;border-left:3px solid #e95b17;background:#fff2ea; }
.product-card-pricing .sale span { color:#2d3033;font-weight:700; }
.product-card-pricing strong { color:#e55413;font-size:1.48rem;font-weight:800;line-height:1;letter-spacing:-.025em; }
.product-card-benefits { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin-top:12px;padding-top:12px;border-top:1px solid #ededed; }
.product-card-benefits li { display:flex;align-items:flex-start;gap:7px;color:#4c5358;font-size:.64rem;font-weight:600;line-height:1.35; }
.product-card-benefits li span { width:17px;height:17px;flex:0 0 17px;display:grid;place-items:center;color:#fff;background:#2f7d4b;border-radius:50%;font-size:.59rem;font-weight:800;line-height:1; }
.product-card-cta { min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;color:#fff;background:#171717;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transition:background .2s ease; }
.product-card-cta > span { color:#ff7a3d;font-size:.9rem;transition:transform .2s ease; }
.product-card-link:hover .product-card-cta { background:#e95b17; }.product-card-link:hover .product-card-cta > span { color:#fff;transform:translateX(3px); }

.option-group { display:grid;gap:8px;grid-column:1/-1; }.option-label { font-size:.78rem;font-weight:800; }.option-choices { display:flex;flex-wrap:wrap;gap:8px; }.option-pill { padding:8px 12px;border:1px solid var(--color-ink);background:transparent; }.option-pill.selected { color:#fff;background:var(--color-ink); }
.quantity-selector { display:inline-flex;align-items:center;border:1px solid #cfcfcf;background:#fff; }.quantity-btn { width:46px;height:100%;border:0;background:#fff; }.quantity-value { min-width:36px;text-align:center;font-weight:800; }.stock-status { grid-column:1/-1;color:#666;font-size:.78rem; }
.modifier-text { width:100%;padding:10px;border:1px solid #d6d6d6; }.back-in-stock-form { display:grid;gap:12px;padding:18px;border:1px solid #d6d6d6; }.back-in-stock-row { display:flex;gap:8px; }.back-in-stock-input { min-width:0;flex:1;padding:10px;border:1px solid #d6d6d6; }.back-in-stock-submit { padding:10px 16px;color:#fff;background:#171717;border:0; }

@media (max-width:1160px) { .product-grid { grid-template-columns:repeat(3,1fr); }.product-card-media { height:240px; } }
@media (max-width:900px) { .product-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:620px) { .product-grid { grid-template-columns:1fr; }.product-card-media { height:320px; }.product-card h3 { height:auto;display:block;overflow:visible; }.product-card-pricing strong { font-size:1.65rem; }.product-card-benefits { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; } }