/*
Theme Name: SpareHub Kadence Child
Template: kadence
Version: 1.13.5
*/

/* Front-page Hero/title: Kadence's per-page "_kad_post_title=disabled" meta does not
   suppress the Hero layout in this theme version, so it is disabled here, scoped to
   this specific page only (id 21, the static front page). */
.page-id-21 .entry-hero{display:none;}

/* Hero */
.sh-hero{text-align:center;padding:3.5rem 1rem 3rem;}
.sh-hero h1{font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;margin-bottom:.75rem;}
.sh-hero p{font-size:clamp(1rem,1.5vw,1.15rem);color:#555;max-width:640px;margin:0 auto;}
.sh-hero-search{max-width:600px;margin:2rem auto 0;width:100%;}
.sh-hero-search .wp-block-search__inside-wrapper{width:100%;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.sh-hero-search .wp-block-search__input{flex:1;padding:.9rem 1rem;font-size:1rem;border:0;}
.sh-hero-search .wp-block-search__button{flex-shrink:0;padding:.9rem 1.5rem;font-weight:600;}

/* Vehicle finder */
.sh-vehicle-selector{text-align:center;padding:1rem 1rem 3rem;}
.sh-vehicle-card{background:#fff;border:1px solid #e2e2e2;border-radius:10px;padding:1.5rem;box-shadow:0 2px 6px rgba(0,0,0,.05);max-width:760px;margin:1.5rem auto 0;}
.sh-vehicle-steps{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:center;}
.sh-vehicle-steps select{padding:.65rem;min-width:140px;flex:1;border-radius:6px;border:1px solid #ccc;}
.sh-vehicle-arrow{color:#999;font-weight:700;}
.sh-btn{display:inline-block;padding:.65rem 1.5rem;border-radius:6px;font-weight:600;border:0;font-family:inherit;font-size:1rem;cursor:pointer;background:#1a73e8;color:#fff;}
.sh-btn:disabled,.sh-btn-disabled{background:#ccc;color:#666;cursor:not-allowed;}
@media (max-width:600px){
  .sh-vehicle-steps{flex-direction:column;align-items:stretch;}
  .sh-vehicle-steps select,.sh-btn{width:100%;}
  .sh-vehicle-arrow{display:none;}
}

/* Selected vehicle notice on Shop by Vehicle results */
.sh-selected-vehicle{background:#eef6ff;border:1px solid #cfe3fb;border-radius:8px;padding:1rem;margin-bottom:1.5rem;}
.sh-selected-vehicle p{margin:0;}

/* Shop by Vehicle results grid — reuses WooCommerce/Kadence's own ul.products styling,
   these rules only cover the bits that template doesn't already provide. */
.sh-vehicle-results{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e2e2;margin-bottom:2rem;}
.sh-vehicle-results-heading{text-align:center;margin-bottom:1.5rem;}
.sh-vehicle-results .sh-result-sku,.sh-vehicle-results .sh-result-stock{display:block;font-size:.8rem;color:#777;margin-top:.25rem;}
.sh-vehicle-results .sh-result-stock.out-of-stock{color:#c9302c;}
.sh-vehicle-results .sh-view-product-btn{margin-top:.5rem;padding:.4rem 1rem;font-size:.9rem;}
.sh-vehicle-no-results{background:#fff8ee;border:1px solid #f1e0c2;border-radius:8px;padding:1.25rem;text-align:center;font-weight:600;}
.sh-vehicle-results ul.page-numbers{display:flex;gap:.5rem;justify-content:center;list-style:none;padding:0;margin-top:1.5rem;}
.sh-vehicle-results ul.page-numbers .page-numbers{padding:.4rem .8rem;border:1px solid #ddd;border-radius:4px;}
.sh-vehicle-results ul.page-numbers .page-numbers.current{background:#1a73e8;color:#fff;border-color:#1a73e8;}

/* Category cards — plain text cards, no icons/generated content */
.sh-category-grid{padding:1rem 1rem 3rem;text-align:center;}
.sh-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;text-align:left;}
.sh-cat-item{display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem;border:1px solid #e2e2e2;border-radius:10px;text-decoration:none;color:inherit;background:#fff;font-weight:600;text-align:center;transition:box-shadow .15s,border-color .15s;}
.sh-cat-item:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);border-color:#c9c9c9;}

/* Featured parts / brands (rendered only when data exists) */
.sh-featured,.sh-brands{padding:1rem 1rem 3rem;text-align:center;}
.sh-featured-grid,.sh-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;}
.sh-featured-item,.sh-brand-item{display:block;padding:1rem;border:1px solid #e2e2e2;border-radius:10px;text-decoration:none;color:inherit;background:#fff;}

/* Trust / WhatsApp CTA */
.sh-trust-cta{text-align:center;padding:2.5rem 1rem;background:#f9f9f9;}
.sh-whatsapp-cta{display:inline-block;background:#25D366;color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-weight:600;}
.sh-whatsapp-cta:hover{opacity:.9;}

/* Shop/category/search archive filter panel */
.sh-filter-area{margin-bottom:1rem;}
.sh-filter-toggle{display:none;padding:.5rem 1rem;border:1px solid #ccc;border-radius:4px;background:#fff;}
.sh-filter-placeholder{color:#666;font-size:.9rem;}
@media (max-width:782px){
  .sh-filter-toggle{display:inline-block;}
  .sh-filter-panel{display:none;border:1px solid #eee;padding:.75rem;margin-top:.5rem;}
  .sh-filter-panel.sh-filter-open{display:block;}
}

/* Phase 4.5 — Catalogue Filtering */
.sh-filter-form{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;}
.sh-filter-field{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;}
.sh-filter-field select,.sh-filter-field input{padding:.5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;font-weight:400;min-width:140px;}
.sh-filter-clear{display:inline-flex;align-items:center;font-size:.85rem;font-weight:600;color:#1a73e8;text-decoration:underline;}
@media (max-width:600px){
  .sh-filter-form{flex-direction:column;align-items:stretch;}
  .sh-filter-field select,.sh-filter-field input{min-width:0;width:100%;}
}

/* Product page facts */
.sh-product-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0;}
.sh-product-facts span{background:#f0f0f0;padding:.2rem .6rem;border-radius:3px;font-size:.85rem;}
.sh-product-fitment,.sh-product-oem{font-size:.9rem;margin:.3rem 0;}
.sh-product-whatsapp{margin-top:1rem;}

/* Phase 4.1 — Shop / Product Archive catalogue experience */

/* Shop page header */
.sh-shop-header{text-align:center;padding:2rem 1rem 1.5rem;}
.sh-shop-header h1{font-size:clamp(1.5rem,3.5vw,2.25rem);margin-bottom:.5rem;}
.sh-shop-header p{color:#555;margin-bottom:1.25rem;}
.sh-shop-search{max-width:480px;margin:0 auto 1.25rem;}
.sh-shop-search .woocommerce-product-search{display:flex;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);}
.sh-shop-search input[type="search"]{flex:1;padding:.75rem 1rem;border:0;font-size:1rem;}
.sh-shop-search button{flex-shrink:0;padding:.75rem 1.25rem;border:0;background:#1a73e8;color:#fff;font-weight:600;cursor:pointer;}

/* Category quick-nav (Shop page + category archives) */
.sh-category-nav{margin-bottom:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.sh-category-nav ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0 0 .25rem;}
.sh-category-nav-link{display:inline-block;white-space:nowrap;padding:.5rem 1rem;border:1px solid #e2e2e2;border-radius:20px;text-decoration:none;color:inherit;background:#fff;font-size:.9rem;font-weight:600;}
.sh-category-nav-link:hover{border-color:#c9c9c9;}
.sh-category-nav-link.sh-cat-current{background:#1a73e8;border-color:#1a73e8;color:#fff;}

/* Product card additions on normal shop/category archives — vehicle-results cards
   keep using .sh-result-sku/.sh-result-stock, styled above, untouched */
/* Phase 4.6.1: Brand line above the product title on cards (rendered on
   woocommerce_shop_loop_item_title, inside Kadence's .product-details wrap,
   before the title itself). */
.sh-card-brand{font-size:.8rem;font-weight:600;color:#555;margin:.5rem 0 0;}

.sh-card-meta{margin:.35rem 0;}
.sh-card-meta span{display:block;font-size:.8rem;color:#777;}
.sh-card-stock{font-size:.8rem;color:#777;margin:.25rem 0;}
.sh-card-stock .out-of-stock{color:#c9302c;}
.sh-card-whatsapp{display:block;margin-top:.5rem;font-size:.85rem;padding:.4rem .9rem;}

/* Consistent product image aspect ratio, independent of Kadence's own column-count
   settings (Customizer > WooCommerce > Product Catalog), which this does not touch */
.woocommerce ul.products li.product a img{aspect-ratio:1/1;object-fit:cover;width:100%;height:auto;}

/* Empty state */
.sh-empty-state-actions{text-align:center;padding:1.5rem 1rem;}
.sh-empty-state-actions .sh-btn,.sh-empty-state-actions .sh-whatsapp-cta{margin:.35rem;}

/* Phase 4.2 — Catalogue UX (Steps 1-4) */

/* Step 2 (Phase 4.2) originally tried to visually place Brand/SKU/MPN above
   price via flex `order` on li.product's children. Phase 4.6 audit (verified
   live via getComputedStyle): this has never taken effect. Kadence's own
   woocommerce.min.css loads AFTER this stylesheet and sets li.product's real
   display, and .sh-card-meta/.price/.sh-card-stock etc. are nested inside
   Kadence's own .product-details wrapper, not direct children of li.product,
   so `order` could not reposition them even if the flex rule won the cascade.
   Removed as dead/superseded CSS rather than restructured, since correctly
   targeting Kadence's nested markup is a larger change than this audit's
   "smallest practical fix" scope justifies — see Phase 4.6 report. Cards
   already render in a reasonable natural hook-priority order without it. */

/* Step 3: product-page stock/availability status */
.sh-product-stock{font-size:.9rem;color:#777;margin:.5rem 0;}
.sh-product-stock .out-of-stock{color:#c9302c;}

/* Step 4: subcategory nav on category archives — now rendered as tiles (see
   Phase 4.2 catalogue-discovery block below for the shared .sh-cat-tile styles),
   kept as its own class since it's a distinct element (top-level nav is untouched) */
.sh-subcategory-nav{margin-bottom:1.5rem;}
.sh-subcategory-nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;list-style:none;margin:0;padding:0;}

/* Phase 4.2 — Category & Catalogue Discovery UX */

/* Shared tile component: Shop-page category landing grid + subcategory tiles */
.sh-cat-landing{margin-top:1.5rem;}
.sh-cat-landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;}
.sh-cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem .75rem;border:1px solid #e2e2e2;border-radius:10px;text-decoration:none;color:inherit;background:#fff;font-weight:600;text-align:center;transition:box-shadow .15s,border-color .15s;}
.sh-cat-tile:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);border-color:#c9c9c9;}
.sh-cat-tile-image{width:100%;max-width:80px;height:80px;object-fit:cover;border-radius:6px;}
.sh-cat-tile-no-image{min-height:80px;justify-content:center;}
.sh-cat-tile-name{font-size:.9rem;}
.sh-cat-tile-count{font-size:.75rem;font-weight:400;color:#777;}

/* Vehicle-context indicator (category/shop archives) */
.sh-vehicle-context-clear{display:inline-block;margin-top:.5rem;font-size:.85rem;font-weight:600;color:#1a73e8;text-decoration:underline;}

/* Product card: vehicle-fitment tick */
.sh-card-fitment{font-size:.8rem;color:#1a7a1a;font-weight:600;margin:.25rem 0;}

/* Empty state: contextual message above the action buttons */
.sh-empty-state-message{font-weight:600;margin-bottom:1rem;}

/* Phase 4.3 — Product Page UX */

/* Hero: Brand line (priority 6, right after title) */
.sh-product-brand{font-size:1rem;font-weight:600;color:#555;margin:.25rem 0;}

/* Hero: SKU / MPN / OEM identification line (priority 12) */
.sh-product-sku{font-size:.85rem;color:#777;margin:.5rem 0;}

/* Hero: vehicle fitment summary (priority 13) — replaces the old inline
   "Fits: A — B — C" text with a small labelled card, matching the automotive
   FITS / Make Model / Generation format. */
.sh-product-fitment{background:#f7f9fc;border:1px solid #e2e2e2;border-radius:8px;padding:.75rem 1rem;margin:.75rem 0;}
.sh-product-fitment strong{display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#1a73e8;margin-bottom:.25rem;}
.sh-product-fitment span{display:block;font-weight:600;}

/* Hide the native WooCommerce SKU line in the product meta row — replaced by
   .sh-product-sku above; Category/Tags in the same row stay visible. */
.single-product .product_meta .sku_wrapper{display:none;}

/* Specifications section (below the hero, replacing the native Additional
   Information tab — see functions.php woocommerce_product_tabs filter) */
.sh-product-specs{margin:2rem 0;padding-top:1.5rem;border-top:1px solid #e2e2e2;}
.sh-product-specs h2{font-size:1.25rem;margin-bottom:1rem;}
.sh-product-specs table{width:100%;border-collapse:collapse;max-width:520px;}
.sh-product-specs th,.sh-product-specs td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #eee;font-size:.9rem;}
.sh-product-specs th{width:40%;color:#555;font-weight:600;}

/* Phase 4.4 — Search & Part-Number Discovery */

/* "Search again" form inside the no-results empty state — reuses
   .sh-shop-search's own styling, just constrained/centred within the
   already-centred .sh-empty-state-actions block. */
.sh-empty-state-search{margin:0 auto 1rem;max-width:420px;}

/* Phase 5 — Homepage & Primary Navigation */
.sh-view-all-link{text-align:center;margin-top:1.5rem;}
.sh-trust-section{padding:1rem 1rem 3rem;text-align:center;}
.sh-trust-section h3{font-size:1.05rem;margin-bottom:.5rem;}
/* ==========================================================================
   Phase 8 — Visual Design System & Storefront Look/Feel
   Appends new rules only; every existing rule above is untouched. Later
   rules of equal specificity win by source order, so redeclaring the same
   selectors here is enough to restyle them safely and reversibly (delete
   this block to fully revert).
   ========================================================================== */

:root{
  --sh-charcoal:#1A202C;
  --sh-charcoal-soft:#2D3748;
  --sh-bg:#F7FAFC;
  --sh-bg-alt:#F1F3F5;
  --sh-accent:#C81E2C;
  --sh-accent-dark:#A3161F;
  --sh-muted:#718096;
  --sh-border:#E2E2E2;
  --sh-success:#1A7A1A;
  --sh-success-bg:#EAF7EA;
}

/* Accessible focus state across the whole site */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid var(--sh-accent);outline-offset:2px;
}

/* ---------- Header ---------- */
.site-header{border-bottom:2px solid var(--sh-charcoal);}
.main-navigation a{font-weight:600;color:var(--sh-charcoal-soft);transition:color .15s;}
.main-navigation a:hover{color:var(--sh-accent);}
.main-navigation .current-menu-item > a{color:var(--sh-accent);}

/* ---------- Button system ----------
   PRIMARY: .sh-btn, search buttons        — solid accent red
   SECONDARY: category-nav pills, filter toggle — outline charcoal
   WHATSAPP: .sh-whatsapp-cta               — distinctive green
   TEXT/LINK: clear-filter / clear-vehicle links — plain accent text */
.sh-btn,
.sh-hero-search .wp-block-search__button,
.sh-shop-search button{
  background:var(--sh-accent);color:#fff;border-radius:6px;font-weight:700;
  transition:background-color .15s;
}
.sh-btn:hover:not(:disabled):not(.sh-btn-disabled),
.sh-hero-search .wp-block-search__button:hover,
.sh-shop-search button:hover{background:var(--sh-accent-dark);}
.sh-btn:disabled,.sh-btn-disabled{background:#ccc;color:#666;}

.sh-category-nav-link{border-color:var(--sh-border);font-weight:600;}
.sh-category-nav-link:hover{border-color:var(--sh-charcoal);}
.sh-category-nav-link.sh-cat-current{background:var(--sh-charcoal);border-color:var(--sh-charcoal);color:#fff;}
.sh-filter-toggle{border-color:var(--sh-charcoal);font-weight:600;}

.sh-whatsapp-cta{
  background:#25D366;padding:.85rem 1.75rem;border-radius:8px;font-weight:700;
  font-size:1.05rem;box-shadow:0 2px 8px rgba(37,211,102,.35);
}
.sh-whatsapp-cta:hover{background:#1EBE57;opacity:1;}

.sh-filter-clear,.sh-vehicle-context-clear{color:var(--sh-accent);}

/* Pagination + fitment-tick accent updates (were hardcoded blue) */
.sh-vehicle-results ul.page-numbers .page-numbers.current{background:var(--sh-accent);border-color:var(--sh-accent);}
.sh-product-fitment strong{color:var(--sh-accent);}
.sh-card-fitment{color:var(--sh-success);}

/* ---------- Hero ---------- */
.sh-hero{padding:4rem 1rem 3.5rem;background:linear-gradient(180deg,var(--sh-bg) 0%,#fff 100%);}
.sh-hero h1{color:var(--sh-charcoal);font-weight:800;letter-spacing:-.01em;}
.sh-hero p{color:var(--sh-muted);}

/* ---------- Vehicle finder — hero feature treatment ---------- */
.sh-vehicle-card{
  border:1px solid var(--sh-border);border-top:4px solid var(--sh-accent);
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
.sh-vehicle-steps select{min-height:48px;font-size:1rem;border-color:var(--sh-border);}
.sh-vehicle-steps select:focus{border-color:var(--sh-accent);}
.sh-vehicle-selector > p,.sh-vehicle-selector h2{font-weight:700;color:var(--sh-charcoal);}

/* ---------- Category grid density: 6 desktop / 4 tablet / 2 mobile ---------- */
.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(6,1fr);}
@media (max-width:1024px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(4,1fr);}}
@media (max-width:600px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(2,1fr);}}

.sh-cat-tile,.sh-cat-item{border-color:var(--sh-border);}
.sh-cat-tile:hover,.sh-cat-item:hover{border-color:var(--sh-accent);box-shadow:0 4px 12px rgba(200,30,44,.12);}
.sh-cat-tile-name{color:var(--sh-charcoal);font-weight:700;}

/* ---------- Featured / Brand tiles ---------- */
.sh-featured-item,.sh-brand-item{border-color:var(--sh-border);transition:border-color .15s,box-shadow .15s;}
.sh-featured-item:hover,.sh-brand-item:hover{border-color:var(--sh-accent);box-shadow:0 4px 12px rgba(200,30,44,.1);}

/* ---------- Product cards (WooCommerce native grid) ---------- */
.woocommerce ul.products li.product{
  border:1px solid var(--sh-border);border-radius:10px;padding:.75rem;
  transition:border-color .15s,box-shadow .15s;background:#fff;
}
.woocommerce ul.products li.product:hover{border-color:var(--sh-accent);box-shadow:0 4px 14px rgba(0,0,0,.08);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:700;color:var(--sh-charcoal);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.woocommerce ul.products li.product .price{color:var(--sh-charcoal);font-weight:700;}
.sh-card-brand{color:var(--sh-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;}
.sh-card-meta span,.sh-card-stock{color:var(--sh-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Missing/placeholder product image — clean intentional treatment, not a
   broken-looking box. Targets WooCommerce's own placeholder class, never a
   custom generated graphic. */
.woocommerce-placeholder,img[src*="woocommerce-placeholder"]{
  background:var(--sh-bg-alt);border:1px dashed var(--sh-border);
  padding:1rem;box-sizing:border-box;
}

/* ---------- Trust section ---------- */
.sh-trust-section{background:var(--sh-bg-alt);padding:3rem 1rem;}
.sh-trust-section > div,.sh-trust-section .wp-block-columns{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:1.5rem auto 0;
}
.sh-trust-section h3{color:var(--sh-charcoal);font-weight:700;}
@media (max-width:768px){
  .sh-trust-section > div,.sh-trust-section .wp-block-columns{grid-template-columns:1fr;}
}

/* ---------- WhatsApp CTA section (distinctive, not another grey block) ---------- */
.sh-trust-cta{
  background:var(--sh-charcoal);color:#fff;padding:3rem 1.5rem;border-radius:0;
}
.sh-trust-cta h2,.sh-trust-cta h3{color:#fff;}
.sh-trust-cta p{color:#CBD5E0;}

/* ---------- Footer ---------- */
footer.site-footer{background:var(--sh-bg-alt);border-top:1px solid var(--sh-border);}
.footer-html-inner{color:var(--sh-muted);font-size:.85rem;padding:1.5rem 0;}
.sh-footer-legal-links a{color:var(--sh-muted);}
.sh-footer-legal-links a:hover{color:var(--sh-accent);}

/* ---------- Product page ---------- */
.sh-product-brand{color:var(--sh-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;}
.sh-product-sku{color:var(--sh-muted);}
.sh-product-fitment{border-color:var(--sh-border);border-left:3px solid var(--sh-accent);}
.sh-product-specs th{color:var(--sh-charcoal-soft);}

/* ---------- Responsive: avoid horizontal overflow on very small widths ---------- */
@media (max-width:375px){
  .sh-vehicle-card{padding:1rem;}
  .sh-hero{padding:2.5rem .75rem 2rem;}
}

/* Phase 8 follow-up: Kadence's own .wp-block-search .wp-block-search__button:not(.has-background)
   rule outranks the earlier .sh-hero-search .wp-block-search__button rule on specificity alone
   (3 class-selectors vs 2), regardless of source order — confirmed via live cascade inspection.
   Narrow, deliberate !important here rather than an escalating specificity match against a
   third-party parent theme's own component defaults. Also styles the homepage Trust/CTA
   section's WhatsApp button, which uses a plain Gutenberg button block (.sh-whatsapp-btn
   wrapper) rather than the .sh-whatsapp-cta class used on product pages. */
.sh-hero-search .wp-block-search__button,
.sh-shop-search button{background:var(--sh-accent) !important;color:#fff !important;}
.sh-hero-search .wp-block-search__button:hover,
.sh-shop-search button:hover{background:var(--sh-accent-dark) !important;}

.sh-whatsapp-btn .wp-block-button__link{
  background:#25D366 !important;color:#fff !important;border-radius:8px;font-weight:700;
  padding:.85rem 1.75rem;font-size:1.05rem;box-shadow:0 2px 8px rgba(37,211,102,.35);
}
.sh-whatsapp-btn .wp-block-button__link:hover{background:#1EBE57 !important;}

/* ==========================================================================
   Phase 8.2 — Professional Automotive Storefront Redesign
   Supersedes/corrects specific Phase 8 rules via later source order and
   more precisely targeted selectors. The critical fix in this block: the
   Phase 8 rule ".sh-trust-section > div" was wrongly matching the outer
   .wp-block-group__inner-container (which also wraps the H2 heading),
   turning the whole section into an accidental 3-column grid and squeezing
   the real 3-card row into one ~100px-wide cell inside it. Root-caused via
   live DOM/cascade inspection before writing any fix (Phase 8.2 Section 3).
   ========================================================================== */

/* ---------- Type scale ---------- */
.sh-hero h1{font-size:clamp(2rem,3.2vw + 1rem,3.25rem);line-height:1.1;font-weight:800;}
.sh-vehicle-selector h2,.sh-category-grid h2,.sh-featured h2,.sh-brands h2,.sh-trust-section h2{
  font-size:clamp(1.5rem,1.6vw + 1rem,2.1rem);font-weight:800;color:var(--sh-charcoal);
}
.sh-trust-section h3{font-size:1.2rem;}
.sh-card-brand,.sh-product-brand,.sh-cat-tile-count{font-size:.8rem;}

/* ---------- Section rhythm: deliberate white / light / dark alternation ---------- */
.sh-hero{background:#fff;}
.sh-vehicle-selector{background:var(--sh-bg-alt);}
.sh-category-grid{background:#fff;}
.sh-featured,.sh-brands{background:#fff;}
.sh-trust-section{background:var(--sh-bg-alt);}
.sh-trust-cta{background:var(--sh-charcoal);}

/* ---------- Consistent section padding (24-32px desktop, 16-20px mobile) ---------- */
.sh-hero,.sh-vehicle-selector,.sh-category-grid,.sh-featured,.sh-brands,.sh-trust-section,.sh-trust-cta{
  padding-left:2rem;padding-right:2rem;box-sizing:border-box;
}
@media (max-width:600px){
  .sh-hero,.sh-vehicle-selector,.sh-category-grid,.sh-featured,.sh-brands,.sh-trust-section,.sh-trust-cta{
    padding-left:1.125rem;padding-right:1.125rem;
  }
}

/* ==========================================================================
   HERO — two-column desktop layout, CSS-only abstract automotive visual
   (no invented product photography, per explicit instruction)
   ========================================================================== */
.sh-hero{text-align:left;padding-top:4rem;padding-bottom:4rem;}
.sh-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;max-width:1200px;margin:0 auto;}
.sh-hero-left p{color:var(--sh-muted);font-size:1.1rem;max-width:520px;margin:0 0 1.5rem;}
.sh-hero-secondary-link{margin-top:1rem;}
.sh-hero-secondary-link a{color:var(--sh-charcoal-soft);font-weight:700;text-decoration:none;border-bottom:2px solid var(--sh-accent);padding-bottom:2px;}
.sh-hero-secondary-link a:hover{color:var(--sh-accent);}

.sh-hero-visual{
  position:relative;min-height:340px;border-radius:16px;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0px, rgba(255,255,255,.05) 2px, transparent 2px, transparent 34px),
    linear-gradient(135deg, var(--sh-charcoal) 0%, #2D3748 55%, var(--sh-accent-dark) 130%);
  overflow:hidden;
}
.sh-hero-visual::before{
  content:"";position:absolute;right:-60px;bottom:-60px;width:260px;height:260px;border-radius:50%;
  border:3px solid rgba(255,255,255,.18);
}
.sh-hero-visual::after{
  content:"";position:absolute;right:20px;bottom:20px;width:150px;height:150px;border-radius:50%;
  border:3px solid rgba(200,30,44,.55);
}
@media (max-width:900px){
  .sh-hero-inner{grid-template-columns:1fr;gap:2rem;}
  .sh-hero-visual{min-height:180px;order:2;}
  .sh-hero-left{order:1;}
}
@media (max-width:600px){
  .sh-hero{padding-top:2.5rem;padding-bottom:2rem;}
  .sh-hero-visual{display:none;}
}

/* ==========================================================================
   SHOP BY VEHICLE — signature-tool treatment
   ========================================================================== */
.sh-vehicle-selector{padding-top:3.5rem;padding-bottom:3.5rem;text-align:center;}
.sh-vehicle-selector h2{position:relative;display:inline-block;padding-bottom:.6rem;margin-bottom:.25rem;}
.sh-vehicle-selector h2::after{
  content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
  width:56px;height:4px;background:var(--sh-accent);border-radius:2px;
}
.sh-vehicle-selector > p{color:var(--sh-muted);margin-bottom:0;}
.sh-vehicle-card{
  background:#fff;border:1px solid var(--sh-border);border-top:5px solid var(--sh-accent);
  border-radius:12px;padding:2rem;box-shadow:0 8px 24px rgba(26,32,44,.08);
  max-width:820px;margin:2rem auto 0;
}
.sh-vehicle-steps select{
  min-height:52px;font-size:1rem;border:1.5px solid var(--sh-border);border-radius:8px;
  padding:0 1rem;font-weight:600;color:var(--sh-charcoal);background:#fff;
}
.sh-vehicle-steps select:focus{border-color:var(--sh-accent);}
.sh-vehicle-arrow{font-size:1.1rem;color:var(--sh-muted);}
.sh-vehicle-find{min-height:52px;padding:0 2rem;font-size:1rem;}

/* ==========================================================================
   SHOP BY CATEGORY — retail navigation cards, not form fields
   ========================================================================== */
.sh-category-grid{padding-top:3.5rem;padding-bottom:3.5rem;}
.sh-cat-landing-grid,.sh-cat-grid{max-width:1200px;margin-left:auto;margin-right:auto;gap:1.25rem;}
.sh-cat-tile,.sh-cat-item{
  position:relative;background:#fff;border:1px solid var(--sh-border);border-radius:10px;
  padding:1.5rem 1rem 1.25rem;min-height:96px;
  border-top:3px solid var(--sh-charcoal);
  font-weight:700;letter-spacing:.01em;
  transition:border-color .15s,box-shadow .15s,transform .15s;
}
.sh-cat-tile:hover,.sh-cat-item:hover{
  border-top-color:var(--sh-accent);box-shadow:0 10px 22px rgba(26,32,44,.1);transform:translateY(-2px);
}
.sh-cat-tile-name{font-size:1rem;color:var(--sh-charcoal);}

/* ==========================================================================
   FEATURED PARTS / BRANDS — fix single-item stretch (auto-fit grid with one
   child previously collapsed all other tracks to 0 and gave the sole item
   the full container width). Switch to flex with a capped item width so a
   lone card reads as intentional, not a placeholder-sized full-width box.
   ========================================================================== */
.sh-featured,.sh-brands{padding-top:3rem;padding-bottom:3rem;}
.sh-featured-grid,.sh-brand-grid{
  display:flex !important;flex-wrap:wrap;justify-content:center;gap:1.25rem;
  max-width:1200px;margin-left:auto;margin-right:auto;
}
.sh-featured-item,.sh-brand-item{
  flex:0 1 260px;max-width:260px;border:1px solid var(--sh-border);border-radius:10px;
  padding:1.25rem;text-align:center;font-weight:600;
}
.sh-brand-item{font-weight:700;color:var(--sh-charcoal);}

/* ==========================================================================
   WHY SHOP WITH SPAREHUB — the actual fix (correct, single-purpose selector)
   ========================================================================== */
.sh-trust-section{padding-top:3.5rem;padding-bottom:3.5rem;text-align:center;}
.sh-trust-section .wp-block-columns{
  display:flex !important;flex-wrap:wrap;gap:2rem;max-width:1100px;margin:2rem auto 0;text-align:left;
}
.sh-trust-section .wp-block-column{
  flex:1 1 260px;background:#fff;border:1px solid var(--sh-border);border-radius:10px;padding:1.75rem 1.5rem;
}
.sh-trust-section .wp-block-column h3{position:relative;padding-left:1.1rem;margin-bottom:.5rem;}
.sh-trust-section .wp-block-column h3::before{
  content:"";position:absolute;left:0;top:.3rem;width:.6rem;height:.6rem;background:var(--sh-accent);border-radius:2px;
}
.sh-trust-section .wp-block-column p{color:var(--sh-muted);font-size:.95rem;margin:0;}
@media (max-width:768px){
  .sh-trust-section .wp-block-columns{flex-direction:column;}
}

/* ==========================================================================
   WHATSAPP CTA — proper two-column composition (was: centered text with an
   independently-floating left-aligned button underneath)
   ========================================================================== */
.sh-trust-cta{padding-top:3rem;padding-bottom:3rem;}
.sh-trust-cta-inner{
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
  max-width:1100px;margin:0 auto;flex-wrap:wrap;
}
.sh-trust-cta-left{text-align:left;flex:1 1 380px;}
.sh-trust-cta-left h2{margin-bottom:.5rem;}
.sh-trust-cta-right{flex:0 0 auto;margin:0;}
.sh-trust-cta .wp-block-buttons{justify-content:flex-start;}
@media (max-width:640px){
  .sh-trust-cta-inner{flex-direction:column;text-align:center;}
  .sh-trust-cta-left{text-align:center;}
}

/* ---------- Header: slightly stronger e-commerce weight (minor, not a
   structural change) ---------- */
.main-navigation a{letter-spacing:.01em;}

/* Phase 8.2 follow-up: the Phase 8 rule '.sh-trust-section > div' (still present
   above, untouched by design) matches the OUTER .wp-block-group__inner-container,
   which also wraps the H2 heading as a sibling of .wp-block-columns — it was still
   turning that outer wrapper into an unwanted 3-column grid, squeezing the real
   column row (now correctly flexed above) into one already-narrow cell. Resetting
   only that outer effect here; the new .wp-block-columns rule above already
   handles the actual card layout correctly on its own. */
.sh-trust-section > div{display:block !important;max-width:none !important;margin:0 !important;}

/* Phase 8.2: footer nav-links row (Shop / Shop by Vehicle / About / Contact),
   added alongside the existing legal-links row via the same footer_html_content
   filter. */
.footer-html-inner{text-align:center;padding:2rem 0;}
.sh-footer-nav-links{display:block;font-weight:700;font-size:.9rem;margin-bottom:.5rem;}
.sh-footer-nav-links a{color:var(--sh-charcoal-soft);}
.sh-footer-nav-links a:hover{color:var(--sh-accent);}
.sh-footer-legal-links{display:block;font-size:.8rem;color:var(--sh-muted);}

/* ==========================================================================
   Phase 8.2.1 — Homepage Recomposition
   ========================================================================== */

/* ---------- Commercial type scale ---------- */
.sh-hero h1{font-size:clamp(2.1rem,4vw + 1rem,4rem);line-height:1.08;font-weight:800;}
.sh-vehicle-selector h2,.sh-category-grid h2,.sh-featured-intro h2,.sh-brands-intro h2,.sh-trust-section h2,.sh-trust-cta-left h2{
  font-size:clamp(1.75rem,2vw + 1rem,2.5rem);font-weight:800;color:var(--sh-charcoal);
}
.sh-trust-section h3{font-size:1.4rem;}
.sh-btn,.sh-vehicle-find,.sh-shop-search button,.sh-hero-search .wp-block-search__button{font-size:1.05rem;}
.sh-hero-eyebrow{
  font-size:.8rem;font-weight:800;letter-spacing:.12em;color:var(--sh-accent);
  text-transform:uppercase;margin-bottom:1rem;
}
.sh-vehicle-subtitle{color:var(--sh-muted);font-size:1.05rem;margin:0 0 1.5rem;}

/* ---------- Secondary button ---------- */
.sh-btn-secondary{
  background:transparent;color:var(--sh-charcoal);border:2px solid var(--sh-charcoal);
  padding:.55rem 1.4rem;
}
.sh-btn-secondary:hover{background:var(--sh-charcoal);color:#fff;}

/* ==========================================================================
   HERO — real automotive visual (wheel/rim + gauge motif, CSS only), larger
   ========================================================================== */
.sh-hero{padding-top:4.5rem;padding-bottom:4.5rem;}
.sh-hero-inner{grid-template-columns:1.2fr 1fr;gap:3.5rem;max-width:1320px;}
.sh-hero-left p{font-size:1.15rem;max-width:540px;}

.sh-hero-visual{
  min-height:480px;border-radius:20px;
  background:linear-gradient(145deg,var(--sh-charcoal) 0%,#20262f 100%);
  display:flex;align-items:center;justify-content:center;
}
/* Wheel/rim motif: concentric rings + radial spokes via conic-gradient mask */
.sh-hero-visual::before{
  content:"";width:280px;height:280px;border-radius:50%;
  background:
    radial-gradient(circle at center, transparent 0 62px, rgba(255,255,255,.9) 62px 68px, transparent 68px),
    repeating-conic-gradient(rgba(255,255,255,.55) 0deg 4deg, transparent 4deg 36deg);
  -webkit-mask-image:radial-gradient(circle, black 0 140px, transparent 140px);
  mask-image:radial-gradient(circle, black 0 140px, transparent 140px);
  position:relative;
}
.sh-hero-visual::after{
  content:"";position:absolute;width:96px;height:96px;border-radius:50%;
  background:var(--sh-accent);box-shadow:0 0 0 10px rgba(200,30,44,.18);
}
@media (max-width:900px){
  .sh-hero-inner{grid-template-columns:1fr;}
  .sh-hero-visual{min-height:220px;order:2;}
  .sh-hero-visual::before{width:150px;height:150px;}
  .sh-hero-visual::before{-webkit-mask-image:radial-gradient(circle, black 0 74px, transparent 74px);mask-image:radial-gradient(circle, black 0 74px, transparent 74px);}
  .sh-hero-visual::after{width:50px;height:50px;}
}
@media (max-width:600px){.sh-hero-visual{display:none;}}

/* ==========================================================================
   SHOP BY VEHICLE — full-bleed dark fitment bar
   ========================================================================== */
.sh-vehicle-selector{
  background:var(--sh-charcoal);
  padding-top:3.5rem;padding-bottom:3.5rem;
  box-sizing:border-box;
  max-width:1320px;margin-left:auto;margin-right:auto;border-radius:16px;
}
.sh-vehicle-selector h2{color:#fff;}
.sh-vehicle-selector h2::after{background:var(--sh-accent);}
.sh-vehicle-subtitle{color:#A0AEC0;}
.sh-vehicle-card{
  background:#fff;border:none;border-top:5px solid var(--sh-accent);
  box-shadow:0 20px 40px rgba(0,0,0,.35);max-width:1000px;padding:2.25rem 2.5rem;
}
.sh-vehicle-steps{gap:1rem;}
.sh-vehicle-steps select{min-height:56px;font-size:1.05rem;flex:1 1 200px;}
.sh-vehicle-find{min-height:56px;padding:0 2.5rem;flex:0 0 auto;}
@media (min-width:900px){
  .sh-vehicle-steps{flex-wrap:nowrap;}
}

/* ==========================================================================
   SHOP BY CATEGORY — substantial retail department cards, 4 columns desktop
   ========================================================================== */
.sh-category-grid{padding-top:4rem;padding-bottom:4rem;}
.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(4,1fr) !important;gap:1.5rem;max-width:1320px;}
@media (max-width:1024px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:600px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(2,1fr) !important;}}
.sh-cat-tile,.sh-cat-item{
  min-height:150px;padding:2rem 1.5rem 1.5rem;border-top:4px solid var(--sh-charcoal);
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;
}
.sh-cat-tile:hover,.sh-cat-item:hover{transform:translateY(-3px);}
.sh-cat-tile-name{font-size:1.15rem;font-weight:800;}
.sh-cat-tile::after,.sh-cat-item::after{
  content:"\2192";margin-top:1rem;font-size:1.2rem;color:var(--sh-accent);font-weight:700;
}

/* ==========================================================================
   FEATURED PARTS — two-column: intro left / real product card(s) right
   ========================================================================== */
.sh-featured{padding-top:4rem;padding-bottom:4rem;}
.sh-featured-inner{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:3rem;align-items:start;
  max-width:1320px;margin:0 auto;
}
.sh-featured-intro h2{margin-bottom:.5rem;}
.sh-featured-intro p{color:var(--sh-muted);font-size:1.05rem;margin-bottom:1.5rem;}
.sh-featured-grid{display:flex !important;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start;max-width:none;margin:0;}
.sh-featured-item{
  flex:0 1 260px;max-width:260px;border:1px solid var(--sh-border);border-radius:12px;
  padding:0;overflow:hidden;text-align:left;font-weight:600;
  display:flex;flex-direction:column;transition:box-shadow .15s,border-color .15s;
}
.sh-featured-item:hover{border-color:var(--sh-accent);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.sh-featured-item-image{display:block;aspect-ratio:1/1;background:var(--sh-bg-alt);overflow:hidden;}
.sh-featured-item-image img{width:100%;height:100%;object-fit:cover;display:block;}
.sh-featured-item-name{display:block;padding:1rem 1rem 0;font-size:.95rem;color:var(--sh-charcoal);}
.sh-featured-item-price{display:block;padding:.35rem 1rem 1rem;color:var(--sh-accent);font-weight:800;}
@media (max-width:900px){.sh-featured-inner{grid-template-columns:1fr;}}

/* ==========================================================================
   SHOP BY BRAND — intro row + left-aligned grid, no centered orphan tile
   ========================================================================== */
.sh-brands{padding-top:3rem;padding-bottom:4rem;}
.sh-brands-intro{max-width:1320px;margin:0 auto 1.5rem;text-align:left;}
.sh-brands-intro p{color:var(--sh-muted);font-size:1.05rem;margin:.5rem 0 0;}
.sh-brand-grid{display:flex !important;flex-wrap:wrap;justify-content:flex-start;gap:1.25rem;max-width:1320px;margin:0 auto;}
.sh-brand-item{
  flex:0 1 220px;max-width:220px;padding:1.5rem;border-radius:10px;
  font-size:1.1rem;border-top:4px solid var(--sh-charcoal);
}
.sh-brand-item:hover{border-top-color:var(--sh-accent);}

/* ==========================================================================
   TRUST — bigger cards, more breathing room
   ========================================================================== */
.sh-trust-section{padding-top:4rem;padding-bottom:4rem;}
.sh-trust-section .wp-block-column{padding:2.25rem 2rem;}
.sh-trust-section .wp-block-column h3{padding-left:1.4rem;}
.sh-trust-section .wp-block-column h3::before{width:.75rem;height:.75rem;top:.4rem;}
.sh-trust-section .wp-block-column p{font-size:1.02rem;line-height:1.55;}

/* ==========================================================================
   WHATSAPP CTA — bigger, bolder
   ========================================================================== */
.sh-trust-cta{padding-top:3.5rem;padding-bottom:3.5rem;}
.sh-trust-cta-left p{font-size:1.05rem;color:#CBD5E0;}
.sh-whatsapp-btn .wp-block-button__link{font-size:1.15rem;padding:1rem 2.25rem;}

/* ==========================================================================
   FOOTER — four-column structure
   ========================================================================== */
.footer-html-inner{padding:3rem 0 1.5rem;text-align:left;}
.sh-footer-columns{
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:2rem;max-width:1320px;margin:0 auto 2rem;
  text-align:left;
}
.sh-footer-col strong{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-charcoal);margin-bottom:.85rem;}
.sh-footer-col a{display:block;color:var(--sh-muted);font-size:.9rem;margin-bottom:.55rem;text-decoration:none;}
.sh-footer-col a:hover{color:var(--sh-accent);}
.sh-footer-brand strong{font-size:1.1rem;color:var(--sh-charcoal);}
.sh-footer-brand span{display:block;color:var(--sh-muted);font-size:.85rem;}
.sh-footer-bottom{max-width:1320px;margin:0 auto;padding-top:1.5rem;border-top:1px solid var(--sh-border);color:var(--sh-muted);font-size:.8rem;}
@media (max-width:900px){
  .sh-footer-columns{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .sh-footer-columns{grid-template-columns:1fr;text-align:center;}
  .footer-html-inner{text-align:center;padding:2.5rem 0 1.5rem;}
  .sh-footer-bottom{text-align:center;}
}

/* ==========================================================================
   Phase 8.3 — Desktop Storefront Recomposition
   The .sh-hero-visual CSS rules from Phase 8.2/8.2.1 remain further up this
   file but are now inert: that markup no longer exists on the page (removed
   from Page 21 this phase), so nothing matches those selectors any more.
   Left in place rather than surgically deleted — zero effect, lower risk.
   ========================================================================== */

/* ---------- Global content grid ---------- */
.sh-discovery-inner,.sh-category-grid > *,.sh-cat-landing-grid,.sh-cat-grid,
.sh-featured-inner,.sh-brands-inner,.sh-trust-section > .wp-block-group__inner-container,
.sh-trust-cta-inner,.sh-footer-columns,.sh-footer-bottom{
  max-width:1220px;
}
.sh-category-grid,.sh-featured,.sh-brands,.sh-trust-section,.sh-trust-cta{
  padding-left:2rem;padding-right:2rem;
}

/* ---------- Typography ---------- */
.sh-discovery h1{font-size:clamp(2.25rem,3.2vw + 1rem,3.5rem);line-height:1.08;font-weight:800;}
.sh-category-grid h2,.sh-featured-intro h2,.sh-brands-intro h2,.sh-trust-section h2{
  font-size:clamp(1.6rem,1.8vw + 1rem,2.1rem);font-weight:800;
}
.sh-trust-section h3{font-size:1.25rem;}
.sh-cat-tile-name{font-size:1.1rem;}
body,.sh-discovery p,.sh-trust-section p,.sh-featured-intro p,.sh-brands-intro p{font-size:1rem;}
.sh-discovery p{font-size:1.1rem;}

/* ==========================================================================
   COMBINED DISCOVERY HERO — replaces separate Hero + Shop by Vehicle blocks.
   No decorative artwork: dominant search + vehicle finder on a dark panel.
   ========================================================================== */
.sh-discovery{
  background:var(--sh-charcoal);
  padding-top:4rem;padding-bottom:4rem;
  text-align:left;
}
.sh-discovery-inner{margin:0 auto;}
.sh-discovery .sh-hero-eyebrow{color:var(--sh-accent);}
.sh-discovery h1{color:#fff;margin-bottom:.75rem;}
.sh-discovery p{color:#CBD5E0;max-width:640px;margin:0 0 2rem;}

.sh-discovery .sh-hero-search{max-width:680px;margin:0;}
.sh-discovery .sh-hero-search .wp-block-search__inside-wrapper{
  border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.35);
}
.sh-discovery .sh-hero-search .wp-block-search__input{padding:1.1rem 1.25rem;font-size:1.05rem;}
.sh-discovery .sh-hero-search .wp-block-search__button{padding:1.1rem 2rem;font-size:1.05rem;}

.sh-discovery-divider{
  display:flex;align-items:center;gap:1rem;color:#718096;font-size:.8rem;
  font-weight:800;letter-spacing:.12em;margin:2rem 0 1.5rem;max-width:none;
}
.sh-discovery-divider::before,.sh-discovery-divider::after{content:"";flex:1;height:1px;background:#3A4454;}

.sh-discovery .sh-vehicle-card{
  background:#fff;border:none;border-top:5px solid var(--sh-accent);
  box-shadow:0 16px 40px rgba(0,0,0,.4);max-width:900px;padding:1.75rem 2rem;margin:0;
}
.sh-discovery .sh-vehicle-steps{flex-wrap:wrap;}
.sh-discovery .sh-vehicle-steps select{min-height:52px;font-size:1rem;flex:1 1 180px;}
.sh-discovery .sh-vehicle-find{min-height:52px;padding:0 2.25rem;flex:0 0 auto;}
@media (min-width:900px){.sh-discovery .sh-vehicle-steps{flex-wrap:nowrap;}}
@media (max-width:600px){
  .sh-discovery{padding-top:2.5rem;padding-bottom:2.5rem;}
  .sh-discovery .sh-vehicle-card{padding:1.25rem 1.25rem;}
}

/* ==========================================================================
   HEADER — larger desktop presence
   ========================================================================== */
.site-header{padding-top:0;}
.site-header .site-main-header-inner-wrap{min-height:76px;}
.main-navigation a{padding:1rem 1.1rem !important;font-size:.95rem;}
.site-branding img,.custom-logo{max-height:44px;width:auto;}

/* ==========================================================================
   CATEGORY GRID — larger cards, icon slot reserved (unused this phase)
   ========================================================================== */
.sh-category-grid{padding-top:4.5rem;padding-bottom:4.5rem;}
.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(4,1fr) !important;gap:1.5rem;margin:2rem auto 0;}
@media (max-width:1024px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(3,1fr) !important;}}
@media (max-width:600px){.sh-cat-landing-grid,.sh-cat-grid{grid-template-columns:repeat(2,1fr) !important;}}
.sh-cat-tile,.sh-cat-item{
  min-height:140px;padding:1.75rem 1.5rem;border-top:4px solid var(--sh-charcoal);
  border-radius:8px;
}
.sh-cat-tile-icon{width:2.5rem;height:2.5rem;margin-bottom:.75rem;}
.sh-cat-tile:hover,.sh-cat-item:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(26,32,44,.1);}

/* ==========================================================================
   FEATURED PARTS — full commerce card (brand/SKU/price/stock/actions)
   ========================================================================== */
.sh-featured{padding-top:4rem;padding-bottom:4rem;}
.sh-featured-inner{margin:0 auto;}
.sh-featured-item{
  flex:0 1 270px;max-width:270px;border:1px solid var(--sh-border);border-radius:10px;
  overflow:hidden;display:flex;flex-direction:column;background:#fff;
  transition:box-shadow .15s,border-color .15s;
}
.sh-featured-item:hover{border-color:var(--sh-accent);box-shadow:0 10px 24px rgba(0,0,0,.1);}
.sh-featured-item-link{display:flex;flex-direction:column;padding:0;text-decoration:none;}
.sh-featured-item-brand{padding:.9rem 1rem 0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sh-muted);}
.sh-featured-item-name{padding:.25rem 1rem 0;font-size:.98rem;font-weight:700;color:var(--sh-charcoal);line-height:1.35;}
.sh-featured-item-sku{padding:.35rem 1rem 0;font-size:.78rem;color:var(--sh-muted);}
.sh-featured-item-price{padding:.5rem 1rem 0;font-size:1.15rem;font-weight:800;color:var(--sh-accent);}
.sh-featured-item-stock{padding:.35rem 1rem 0;font-size:.78rem;font-weight:700;}
.sh-featured-item-stock.in-stock{color:var(--sh-success);}
.sh-featured-item-stock.out-of-stock{color:#B33;}
.sh-featured-item-actions{display:flex;gap:.5rem;padding:1rem;margin-top:auto;}
.sh-featured-item-view{flex:1;text-align:center;padding:.55rem .75rem;font-size:.85rem;}
.sh-featured-item-whatsapp{flex:1;text-align:center;padding:.55rem .75rem;font-size:.85rem;border-radius:6px;}

/* ==========================================================================
   BRANDS — compact horizontal strip, light background
   ========================================================================== */
.sh-brands{background:var(--sh-bg-alt);padding-top:2rem;padding-bottom:2rem;}
.sh-brands-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;margin:0 auto;}
.sh-brands-intro{max-width:none;margin:0;flex:0 0 auto;}
.sh-brands-intro h2{font-size:1.3rem;margin-bottom:0;}
.sh-brands-intro p{display:none;}
.sh-brand-grid{flex:1 1 auto;margin:0;max-width:none;}
.sh-brand-item{flex:0 0 auto;padding:.6rem 1.25rem;border-radius:8px;font-size:.95rem;border-top:3px solid var(--sh-charcoal);background:#fff;}

/* ==========================================================================
   TRUST — compact cards
   ========================================================================== */
.sh-trust-section{padding-top:3rem;padding-bottom:3rem;}
.sh-trust-section .wp-block-columns{margin-top:1.5rem;}
.sh-trust-section .wp-block-column{padding:1.5rem 1.5rem;}
.sh-trust-section .wp-block-column p{font-size:.95rem;line-height:1.5;}

/* ==========================================================================
   WHATSAPP CTA — compact horizontal support bar
   ========================================================================== */
.sh-trust-cta{padding-top:2rem;padding-bottom:2rem;}
.sh-trust-cta-inner{margin:0 auto;}
.sh-trust-cta-left h2{font-size:1.4rem;margin-bottom:.25rem;}
.sh-trust-cta-left p{font-size:.95rem;margin:0;}
.sh-whatsapp-btn .wp-block-button__link{padding:.85rem 1.75rem;font-size:1rem;}

/* ==========================================================================
   FOOTER — visual hierarchy only, same 4-column structure
   ========================================================================== */
.footer-html-inner{padding:2.5rem 0 1.25rem;}
.sh-footer-col strong{font-size:.82rem;letter-spacing:.1em;}
.sh-footer-col a{font-size:.92rem;margin-bottom:.6rem;}
.sh-footer-brand strong{font-size:1.2rem;}

/* ==========================================================================
   Phase 8.4 — Desktop Visual Polish & Merchandising
   Architecture from Phase 8.3 unchanged; targeted refinements only.
   ========================================================================== */

/* ---------- Header: larger logo, slightly taller bar ---------- */
.site-main-header-inner-wrap{min-height:80px;}
.custom-logo{max-height:62px !important;}
.main-navigation a{font-size:1rem;}

/* ---------- Hero typography: tightened to hit 44-52px / 30-36px at real
   desktop widths (previous clamp formulas undershot at ~1024-1300px) ---------- */
.sh-discovery h1{font-size:clamp(2.75rem,4vw,3.25rem);}
.sh-category-grid h2,.sh-featured-intro h2,.sh-brands-intro h2,.sh-trust-section h2{
  font-size:clamp(1.875rem,2.5vw,2.25rem);
}

/* ---------- Search button: 120-140px target width ---------- */
.sh-discovery .sh-hero-search .wp-block-search__button{padding:1.1rem 2.35rem;}

/* ---------- Utility/meta text: 12-14px target ---------- */
.sh-featured-item-brand,.sh-featured-item-sku,.sh-featured-item-stock,.sh-card-brand,.sh-product-brand{font-size:.8rem;}
.sh-hero-eyebrow{font-size:.78rem;}

/* ==========================================================================
   FEATURED PARTS — larger product card (300-340px target, was 270px)
   ========================================================================== */
.sh-featured-item{flex:0 1 320px;max-width:320px;}

/* ==========================================================================
   CATEGORY CARDS — more vertical height, professional hover, restrained
   ========================================================================== */
.sh-cat-tile,.sh-cat-item{min-height:158px;padding:1.85rem 1.6rem;}
.sh-cat-tile:hover,.sh-cat-item:hover{border-top-color:var(--sh-accent);}

/* ==========================================================================
   FOOTER — heading contrast + spacing polish
   ========================================================================== */
.sh-footer-col strong{color:var(--sh-charcoal);margin-bottom:1rem;}
.sh-footer-columns{gap:2.5rem;}

/* ==========================================================================
   Phase 9.3 — Deterministic Homepage Layout
   Single coherent homepage layer. Full-width section BACKGROUNDS only.
   All inner content: max-width 1240px, margin-inline auto, padding-inline 32px.
   ========================================================================== */

/* --- 9.3 Palette --- */
:root{--sh-c:#171717;--sh-dk:#262626;--sh-bg:#F5F5F5;--sh-r:#D71920;--sh-rd:#B5151B;--sh-m:#6B7280;--sh-b:#DCDCDC;--sh-rad:6px;}

/* --- 9.3 Inner container mixin (applied per-section) --- */

/* --- 9.3 Page base --- */
body.page-id-21,body.page-id-21 #inner-wrap,body.page-id-21 .entry-content-wrap{background:#fff !important;}
.page-id-21 .entry-hero{display:none !important;}

/* --- 9.3 Type --- */
body{font-size:1rem;line-height:1.6;color:var(--sh-c);}
h1{font-size:clamp(2.25rem,1.6rem+2.8vw,3.25rem);line-height:1.08;font-weight:800;letter-spacing:-.02em;}
h2{font-size:clamp(1.75rem,1.25rem+2vw,2.375rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;}
h3{font-size:clamp(1.25rem,1rem+.6vw,1.5rem);font-weight:700;line-height:1.3;}

/* --- 9.3 HEADER --- */
.site-header{background:var(--sh-c) !important;border-bottom:3px solid var(--sh-r) !important;position:relative;z-index:100;}
.site-header,.site-header *{color:#fff !important;}
.site-header .site-main-header-inner-wrap{min-height:78px;}
.site-header .custom-logo{max-height:52px !important;width:auto;}
.site-header .site-title a{font-weight:800;font-size:1.5rem;}
.main-navigation a{font-weight:600;font-size:.9rem;letter-spacing:.03em;text-transform:uppercase;padding:1rem !important;}
.main-navigation .current-menu-item>a{border-bottom:2px solid var(--sh-r);}
.site-header .menu-toggle-open,.site-header .menu-toggle{color:#fff !important;}

/* --- 9.3 HERO --- */
.sh-discovery{background:var(--sh-c);padding:72px 0;position:relative;overflow:hidden;}
.sh-discovery::before{content:"";position:absolute;inset:0;opacity:.035;background:repeating-linear-gradient(-45deg,transparent 0 22px,rgba(255,255,255,1) 22px 23px);pointer-events:none;}
.sh-discovery-inner{position:relative;max-width:1240px;margin-inline:auto;padding-inline:32px;text-align:left;}
.sh-hero-eyebrow{color:var(--sh-r);font-size:.72rem;letter-spacing:.16em;font-weight:800;margin-bottom:1rem;text-transform:uppercase;}
.sh-discovery h1{color:#fff;margin-bottom:.75rem;max-width:760px;}
.sh-discovery p{color:rgba(255,255,255,.6);font-size:1.05rem;max-width:520px;margin:0 0 2rem;}
.sh-hero-search .wp-block-search__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.sh-hero-search{max-width:520px;}
.sh-hero-search .wp-block-search__inside-wrapper{border-radius:var(--sh-rad);box-shadow:0 6px 24px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);}
.sh-hero-search .wp-block-search__input{padding:1rem 1.15rem;font-size:1rem;background:#fff;color:var(--sh-c);}
.sh-hero-search .wp-block-search__button{background:var(--sh-r) !important;color:#fff !important;padding:1rem 1.75rem;font-size:.95rem;font-weight:700;border:0;}
.sh-hero-search .wp-block-search__button:hover{background:var(--sh-rd) !important;}
.sh-discovery-divider{color:rgba(255,255,255,.3);margin:2rem 0 1.75rem;max-width:520px;}
.sh-discovery-divider::before,.sh-discovery-divider::after{background:rgba(255,255,255,.1);}
.sh-vehicle-selector{background:transparent;padding:0;}
.sh-vehicle-selector h2{display:none;}
.sh-discovery .sh-vehicle-card{background:#fff;border:none;border-radius:10px;border-top:4px solid var(--sh-r);box-shadow:0 12px 40px rgba(0,0,0,.45);padding:1.75rem 2rem;max-width:680px;}
.sh-discovery .sh-vehicle-steps{gap:.75rem;}
.sh-discovery .sh-vehicle-steps select{min-height:48px;font-size:.9rem;font-weight:600;border:2px solid var(--sh-b);border-radius:var(--sh-rad);color:var(--sh-c);background:#fff;padding:.4rem .75rem;flex:1 1 150px;}
.sh-discovery .sh-vehicle-steps select:focus{border-color:var(--sh-r);outline:none;}
.sh-discovery .sh-vehicle-find{min-height:48px;padding:0 2rem;font-size:.95rem;font-weight:700;background:var(--sh-r);color:#fff;border:0;border-radius:var(--sh-rad);cursor:pointer;}
.sh-discovery .sh-vehicle-find:hover:not(:disabled){background:var(--sh-rd);}
@media(min-width:900px){.sh-discovery .sh-vehicle-steps{flex-wrap:nowrap;}}

/* --- 9.3 CATEGORIES --- */
.sh-category-grid{background:#fff;padding:72px 0;}
.sh-category-grid h2{text-align:center;margin-bottom:2rem;max-width:1240px;margin-inline:auto;padding-inline:32px;}
[class*="sh-cat-landing-grid"],[class*="sh-cat-grid"]{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1240px;margin-inline:auto;padding-inline:32px;}
.sh-cat-tile{background:#fff;border:1px solid var(--sh-b);border-radius:var(--sh-rad);border-left:4px solid var(--sh-c);padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s;}
.sh-cat-tile:hover{border-left-color:var(--sh-r);box-shadow:0 4px 16px rgba(0,0,0,.07);}
.sh-cat-tile-code{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--sh-m);margin-bottom:6px;display:block;text-transform:uppercase;}
.sh-cat-tile:hover .sh-cat-tile-code{color:var(--sh-r);}
.sh-cat-tile-name{font-size:20px;font-weight:700;color:var(--sh-c);line-height:1.25;}
.sh-cat-tile-shop{font-size:14px;font-weight:600;color:var(--sh-r);margin-top:auto;padding-top:12px;}
.sh-cat-tile::after{display:none !important;}
.sh-view-all-link{text-align:center;margin-top:28px;max-width:1240px;margin-inline:auto;padding-inline:32px;}

/* --- 9.3 FEATURED PARTS --- */
.sh-featured{background:var(--sh-bg);padding:72px 0;}
/* Override any old grid/flex on .sh-featured-inner */
.sh-featured-inner{display:block !important;max-width:1240px;margin-inline:auto;padding-inline:32px;}
/* Single product: intro left 0.9fr, card right 1.1fr */
.sh-featured-single{display:grid !important;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;}
.sh-featured-single .sh-featured-intro{text-align:left;}
.sh-featured-single .sh-featured-intro h2{margin-bottom:.5rem;}
.sh-featured-single .sh-featured-intro p{color:var(--sh-m);font-size:.95rem;margin-bottom:1.5rem;}
.sh-featured-single .sh-featured-footer{margin-top:0;text-align:left;}
/* Single product card: horizontal image+info */
.sh-featured-single .sh-featured-grid{max-width:none;}
.sh-featured-single .sh-featured-item{display:grid;grid-template-columns:45% 55%;max-width:none;min-height:320px;border:1px solid var(--sh-b);border-radius:var(--sh-rad);overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s;}
.sh-featured-single .sh-featured-item:hover{border-color:var(--sh-r);box-shadow:0 6px 20px rgba(0,0,0,.08);}
.sh-featured-single .sh-featured-item .sh-featured-item-image{display:block;overflow:hidden;}
.sh-featured-single .sh-featured-item .sh-featured-item-image img{width:100%;height:100%;object-fit:cover;display:block;}
.sh-featured-single .sh-featured-item-info{padding:24px;display:flex;flex-direction:column;justify-content:center;}
.sh-featured-single .sh-featured-item-info .sh-featured-item-brand{padding:0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-m);}
.sh-featured-single .sh-featured-item-info .sh-featured-item-name{padding:6px 0 0;font-size:21px;font-weight:700;color:var(--sh-c);line-height:1.3;}
.sh-featured-single .sh-featured-item-info .sh-featured-item-sku{padding:4px 0 0;font-size:13px;color:var(--sh-m);}
.sh-featured-single .sh-featured-item-info .sh-featured-item-price{padding:10px 0 0;font-size:24px;font-weight:800;color:var(--sh-r);}
.sh-featured-single .sh-featured-item-info .sh-featured-item-stock{padding:4px 0 0;font-size:14px;font-weight:700;}
.sh-featured-single .sh-featured-item-info .sh-featured-item-stock.in-stock{color:#1A7A1A;}
.sh-featured-single .sh-featured-item-info .sh-featured-item-actions{padding:16px 0 0;display:flex;gap:8px;margin-top:auto;}
/* Multi product: centered header + responsive grid */
.sh-featured-multi .sh-featured-intro{text-align:center;margin-bottom:2rem;}
.sh-featured-multi .sh-featured-grid{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.sh-featured-multi .sh-featured-footer{text-align:center;margin-top:24px;}
/* Shared featured item fallback */
.sh-featured-item-brand{padding:12px 16px 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sh-m);}
.sh-featured-item-name{padding:4px 16px 0;font-size:16px;font-weight:700;color:var(--sh-c);line-height:1.3;}
.sh-featured-item-sku{padding:4px 16px 0;font-size:13px;color:var(--sh-m);}
.sh-featured-item-price{padding:8px 16px 0;font-size:20px;font-weight:800;color:var(--sh-r);}
.sh-featured-item-stock{padding:4px 16px 0;font-size:13px;font-weight:700;}
.sh-featured-item-stock.in-stock{color:#1A7A1A;}
.sh-featured-item-actions{padding:16px;display:flex;gap:8px;margin-top:auto;}

/* --- 9.3 BRANDS --- */
.sh-brands{background:#fff;padding:48px 0;border-top:1px solid var(--sh-b);border-bottom:1px solid var(--sh-b);}
.sh-brands-inner{max-width:1240px;margin-inline:auto;padding-inline:32px;display:grid;grid-template-columns:320px 1fr;align-items:center;gap:40px;}
.sh-brands-intro h2{font-size:1.35rem !important;margin-bottom:.25rem;}
.sh-brands-intro p{color:var(--sh-m);font-size:.9rem;margin:0;}
.sh-brand-grid{display:flex !important;flex-wrap:wrap;gap:12px;}
.sh-brand-item{min-width:200px;max-width:240px;padding:16px 20px;border-radius:var(--sh-rad);font-size:15px;font-weight:700;color:var(--sh-c);background:var(--sh-bg);border:1px solid var(--sh-b);border-left:3px solid var(--sh-c);text-decoration:none;display:flex;align-items:center;min-height:72px;transition:border-color .15s;}
.sh-brand-item:hover{border-left-color:var(--sh-r);color:var(--sh-r);}
.sh-brand-item::after{content:"\2192";margin-left:auto;padding-left:16px;color:var(--sh-r);}

/* --- 9.3 TRUST --- */
.sh-trust-section{background:var(--sh-bg);padding:64px 0;text-align:center;}
.sh-trust-section h2{margin-bottom:24px;max-width:1240px;margin-inline:auto;padding-inline:32px;}
.sh-trust-section .wp-block-columns{display:flex !important;flex-wrap:wrap;gap:20px;max-width:1240px;margin-inline:auto;text-align:left;padding-inline:32px;}
.sh-trust-section .wp-block-column{flex:1 1 280px;background:#fff;border:1px solid var(--sh-b);border-radius:var(--sh-rad);padding:28px 24px;border-top:3px solid var(--sh-c);}
.sh-trust-section .wp-block-column:hover{border-top-color:var(--sh-r);}
.sh-trust-section .wp-block-column h3{color:var(--sh-c);margin-bottom:8px;}
.sh-trust-section .wp-block-column h3::before{display:none;}
.sh-trust-section .wp-block-column p{color:var(--sh-m);font-size:15px;line-height:1.6;margin:0;}

/* --- 9.3 WHATSAPP CTA --- */
.sh-trust-cta{background:var(--sh-c);padding:48px 0;}
.sh-trust-cta-inner{max-width:1240px;margin-inline:auto;padding-inline:32px;display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.sh-trust-cta-left{flex:1 1 auto;}
.sh-trust-cta-left h2{color:#fff;font-size:clamp(1.5rem,1.1rem+1.2vw,2rem);margin-bottom:6px;}
.sh-trust-cta-left p{color:rgba(255,255,255,.55);margin:0;font-size:.95rem;}
.sh-whatsapp-btn{flex-shrink:0;}
.sh-whatsapp-btn .wp-block-button__link{background:#25D366 !important;color:#fff !important;border-radius:var(--sh-rad);font-weight:700;padding:14px 32px;font-size:1.05rem;white-space:nowrap;}
.sh-whatsapp-btn .wp-block-button__link:hover{background:#1EBE57 !important;}

/* --- 9.3 FOOTER --- */
footer.site-footer{background:var(--sh-c) !important;border-top:3px solid var(--sh-r) !important;}
.footer-html-inner{padding:56px 0 24px;color:rgba(255,255,255,.5);}
.sh-footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;max-width:1240px;margin-inline:auto;margin-bottom:40px;padding-inline:32px;text-align:left;}
.sh-footer-col strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-bottom:14px;}
.sh-footer-col a{display:block;color:rgba(255,255,255,.5);font-size:14px;margin-bottom:8px;text-decoration:none;}
.sh-footer-col a:hover{color:var(--sh-r);}
.sh-footer-brand strong{font-size:18px;color:#fff;letter-spacing:-.01em;text-transform:none;}
.sh-footer-brand span{display:block;color:rgba(255,255,255,.35);font-size:14px;margin-top:4px;}
.sh-footer-bottom{max-width:1240px;margin-inline:auto;padding:20px 32px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.3);font-size:13px;}

/* --- 9.3 Buttons --- */
.sh-btn{background:var(--sh-r);color:#fff;border:0;border-radius:var(--sh-rad);font-weight:700;font-size:.95rem;padding:10px 24px;cursor:pointer;text-decoration:none;display:inline-block;}
.sh-btn:hover{background:var(--sh-rd);}
.sh-btn-secondary{background:transparent;color:var(--sh-c);border:2px solid var(--sh-c);}
.sh-btn-secondary:hover{background:var(--sh-c);color:#fff;}

/* --- 9.3 WC product cards --- */
.woocommerce ul.products li.product{border:1px solid var(--sh-b);border-radius:var(--sh-rad);background:#fff;}
.woocommerce ul.products li.product:hover{border-color:var(--sh-r);box-shadow:0 4px 12px rgba(0,0,0,.06);}
.woocommerce ul.products li.product .price{color:var(--sh-r);font-weight:800;}
.sh-whatsapp-cta{background:#25D366;border-radius:var(--sh-rad);font-weight:700;}
.sh-whatsapp-cta:hover{background:#1EBE57;opacity:1;}
.sh-product-fitment{border-left:4px solid var(--sh-r);border-radius:var(--sh-rad);}
.sh-product-fitment strong{color:var(--sh-r);}

/* --- 9.3 Focus --- */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--sh-r);outline-offset:2px;}

/* --- 9.3 Vehicle results / shop --- */
.sh-vehicle-results ul.page-numbers .page-numbers.current{background:var(--sh-r);border-color:var(--sh-r);}
.sh-selected-vehicle{background:rgba(215,25,32,.06);border:1px solid rgba(215,25,32,.15);border-radius:var(--sh-rad);}
.sh-category-nav-link{border-radius:var(--sh-rad);}
.sh-category-nav-link.sh-cat-current{background:var(--sh-c);border-color:var(--sh-c);color:#fff;}
.sh-shop-search button{background:var(--sh-r) !important;color:#fff !important;font-weight:700;}
.sh-shop-search button:hover{background:var(--sh-rd) !important;}

/* --- 9.3 RESPONSIVE --- */
@media(max-width:1099px){
  [class*="sh-cat-landing-grid"],[class*="sh-cat-grid"]{grid-template-columns:repeat(3,minmax(0,1fr));}
  .sh-featured-single{grid-template-columns:1fr;}
  .sh-featured-single .sh-featured-item{grid-template-columns:45% 55%;}
  .sh-featured-single .sh-featured-footer{text-align:center;}
  .sh-brands-inner{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .sh-discovery{padding:48px 0;}
  .sh-discovery-inner,.sh-category-grid h2,[class*="sh-cat-landing-grid"],[class*="sh-cat-grid"],.sh-featured-inner,.sh-brands-inner,.sh-trust-section h2,.sh-trust-section .wp-block-columns,.sh-trust-cta-inner,.sh-footer-columns,.sh-footer-bottom,.sh-view-all-link{padding-inline:24px;}
  .sh-category-grid,.sh-featured,.sh-trust-section{padding:56px 0;}
  .sh-brands{padding:40px 0;}
  .sh-trust-cta{padding:40px 0;}
  .sh-footer-columns{grid-template-columns:1fr 1fr;}
  .sh-featured-single .sh-featured-item{grid-template-columns:1fr;min-height:auto;}
  .sh-featured-single .sh-featured-item .sh-featured-item-image img{width:100%;height:auto;max-height:280px;}
}
@media(max-width:640px){
  .sh-trust-cta-inner{flex-direction:column;text-align:center;}
  .sh-trust-cta-left{text-align:center;}
}
@media(max-width:600px){
  .sh-discovery{padding:40px 0;}
  .sh-discovery-inner,.sh-category-grid h2,[class*="sh-cat-landing-grid"],[class*="sh-cat-grid"],.sh-featured-inner,.sh-brands-inner,.sh-trust-section h2,.sh-trust-section .wp-block-columns,.sh-trust-cta-inner,.sh-footer-columns,.sh-footer-bottom,.sh-view-all-link{padding-inline:18px;}
  [class*="sh-cat-landing-grid"],[class*="sh-cat-grid"]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .sh-cat-tile{min-height:120px;padding:18px;}
  .sh-cat-tile-name{font-size:17px;}
  .sh-category-grid,.sh-featured{padding:48px 0;}
  .sh-trust-section .wp-block-columns{flex-direction:column;}
  .sh-footer-columns{grid-template-columns:1fr;text-align:center;}
  .sh-footer-bottom{text-align:center;}
  .sh-discovery .sh-vehicle-card{padding:20px;}
}