/* Essex Recons — refreshed design system (in-place rebuild) */
:root{
  --er-navy:#282E5E; --er-navy-deep:#1c2046; --er-navy-line:rgba(255,255,255,.12);
  --er-green:#13b95a; --er-green-2:#0fa14e;
  --er-ink:#11142a; --er-muted:#aab0d6; --er-soft:#cfd3ec;
  --er-maxw:1200px; --er-radius:14px;
  --er-font:"Roboto",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
.er-footer{background:var(--er-navy-deep);color:var(--er-soft);font-family:var(--er-font);
  border-top:4px solid var(--er-green);margin-top:48px}
.er-foot-inner{max-width:var(--er-maxw);margin:0 auto;padding:54px 24px 36px;
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px}
.er-foot-col h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  margin:0 0 16px;font-weight:600}
.er-foot-col ul{list-style:none;margin:0;padding:0}
.er-foot-col li{margin:0 0 10px}
.er-footer a{color:var(--er-soft);text-decoration:none;transition:color .15s ease}
.er-footer a:hover{color:#fff}
.er-foot-col li a{position:relative}
.er-foot-col li a:hover{color:var(--er-green)}
.er-foot-word{display:inline-block;font-size:26px;font-weight:700;color:#fff;letter-spacing:-.01em;margin-bottom:14px}
.er-foot-word span{color:var(--er-green)}
.er-foot-blurb{margin:0 0 18px;line-height:1.6;color:var(--er-muted);max-width:34ch;font-size:14.5px}
.er-foot-contact{display:flex;flex-direction:column;gap:6px;font-weight:600}
.er-foot-contact a{color:#fff}
.er-foot-contact a:hover{color:var(--er-green)}
.er-foot-addr address{font-style:normal;line-height:1.7;color:var(--er-muted);font-size:14.5px}
.er-foot-bar{border-top:1px solid var(--er-navy-line)}
.er-foot-bar-inner{max-width:var(--er-maxw);margin:0 auto;padding:18px 24px;
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  font-size:13px;color:var(--er-muted)}
@media(max-width:900px){.er-foot-inner{grid-template-columns:1fr 1fr;gap:32px 28px}}
@media(max-width:560px){.er-foot-inner{grid-template-columns:1fr}.er-foot-bar-inner{flex-direction:column}}

/* ===== HEADER ===== */
/* Light-mode tokens the footer didn't need (additive to :root). */
:root{
  --er-paper:#fff;
  --er-line:rgba(40,46,94,.10);
}

/* Skip link */
.er-skip{position:absolute;left:-9999px;top:0;z-index:1200;background:var(--er-navy-deep);
  color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-family:var(--er-font);font-size:14px}
.er-skip:focus{left:0}
#er-main-content{display:block;height:0;overflow:hidden}

/* ---- Header shell ---- */
.er-head{font-family:var(--er-font);border-top:3px solid var(--er-green)}
.er-head *,.er-drawer *,.er-scrim{box-sizing:border-box}

/* Row 1 — utility strip */
.er-uti{background:var(--er-navy-deep);color:var(--er-muted);font-size:13px}
.er-uti-inner{max-width:var(--er-maxw);margin:0 auto;padding:7px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:36px}
.er-uti-trust{margin:0;color:var(--er-muted)}
.er-uti-right{display:flex;align-items:center;gap:18px}
.er-uti-link{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;
  transition:color .15s ease;line-height:1}
.er-uti-link .er-ico{width:16px;height:16px}
.er-uti-link:hover{color:var(--er-green)}
.er-uti-sep{width:1px;height:16px;background:var(--er-navy-line)}
@media(max-width:768px){.er-uti-mail{display:none}}
@media(max-width:560px){.er-uti-trust{display:none}}

/* Row 2 — main bar (only this row is sticky) */
.er-main{position:sticky;top:0;z-index:1000;background:var(--er-paper);
  border-bottom:1px solid var(--er-line);transition:box-shadow .18s ease}
.er-main-inner{max-width:var(--er-maxw);margin:0 auto;padding:0 24px;min-height:72px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
  transition:min-height .18s ease}
@media(prefers-reduced-motion:reduce){.er-main,.er-main-inner,.er-logo{transition:none}}
body.admin-bar .er-main{top:32px}
@media(max-width:782px){body.admin-bar .er-main{top:46px}}

.er-main--scrolled{box-shadow:0 2px 14px rgba(17,20,42,.10)}
.er-main--scrolled .er-main-inner{min-height:58px}
.er-main--scrolled .er-logo{height:32px}

/* Brand */
.er-brand{display:inline-flex;align-items:center;line-height:0}
.er-logo{height:40px;width:auto;display:block;transition:height .18s ease}

/* Primary nav */
.er-nav{justify-self:center}
.er-nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;
  gap:clamp(14px,1.6vw,26px)}
.er-nav-item{position:relative}
.er-nav-link{display:inline-block;color:var(--er-ink);text-decoration:none;font-weight:500;
  font-size:15px;padding:6px 0;position:relative;white-space:nowrap}
.er-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--er-green);transform:scaleX(0);transform-origin:left;
  transition:transform .18s ease}
.er-nav-link:hover{color:var(--er-green-2)}
.er-nav-link:hover::after{transform:scaleX(1)}
.er-nav-item.is-current .er-nav-link{color:var(--er-green-2)}
.er-nav-item.is-current .er-nav-link::after{transform:scaleX(1)}

/* Caret button beside Product Catalogue */
.er-caret{appearance:none;background:none;border:0;padding:2px;margin-left:2px;
  color:var(--er-ink);cursor:pointer;display:inline-flex;align-items:center;vertical-align:middle;
  transition:transform .18s ease,color .15s ease}
.er-caret .er-ico{width:16px;height:16px}
.er-caret:hover{color:var(--er-green-2)}
.er-has-panel.is-open .er-caret{transform:rotate(180deg)}

/* ---- Catalogue dropdown panel ---- */
.er-panel{position:absolute;top:100%;left:0;min-width:560px;max-width:min(92vw,640px);
  background:var(--er-paper);border:1px solid var(--er-line);border-radius:var(--er-radius);
  border-top:3px solid var(--er-green);box-shadow:0 14px 36px rgba(17,20,42,.14);
  padding:18px 22px;opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease;z-index:1001}
.er-has-panel:hover>.er-panel,
.er-has-panel:focus-within>.er-panel,
.er-has-panel.is-open>.er-panel{opacity:1;transform:translateY(0);pointer-events:auto}
.er-panel-grid{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,1fr);gap:2px 28px}
@media(max-width:1100px){.er-panel-grid{grid-template-columns:repeat(2,1fr)}}
.er-panel-grid a{display:block;color:var(--er-ink);text-decoration:none;font-size:14.5px;
  padding:7px 8px;border-radius:8px;transition:background .12s ease,color .12s ease}
.er-panel-grid a:hover,.er-panel-grid a:focus-visible{background:#f5f7fb;color:var(--er-green-2)}
.er-panel-all{display:inline-block;margin-top:12px;padding-top:12px;color:var(--er-green-2);
  font-weight:600;font-size:14px;text-decoration:none;border-top:1px solid var(--er-line);width:100%}
.er-panel-all:hover{color:var(--er-green)}

/* ---- Right actions ---- */
.er-actions{display:flex;align-items:center;gap:14px;justify-self:end}

/* Search */
.er-search{display:flex;align-items:center;position:relative}
.er-search-toggle,.er-search-go{appearance:none;background:none;border:0;cursor:pointer;
  color:var(--er-ink);display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:999px;transition:color .15s ease,background .15s ease}
.er-search-toggle:hover,.er-search-go:hover{color:var(--er-green-2)}
.er-search-form{display:flex;align-items:center;width:0;opacity:0;overflow:hidden;
  transition:width .2s ease,opacity .2s ease}
.er-search.is-open .er-search-form{width:280px;opacity:1}
.er-search.is-open .er-search-toggle{display:none}
.er-search-form input[type="search"]{flex:1;min-width:0;border:1px solid #e3e6f0;border-radius:999px;
  padding:9px 14px;font:inherit;font-size:14px;color:var(--er-ink);outline:none;
  transition:border-color .15s ease,box-shadow .15s ease}
.er-search-form input[type="search"]:focus{border-color:var(--er-green);
  box-shadow:0 0 0 3px rgba(19,185,90,.18)}
.er-search-go{width:38px;height:38px;margin-left:2px}

/* Phone CTA pill */
.er-cta-phone{display:inline-flex;align-items:center;gap:8px;background:var(--er-green);
  color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;
  text-decoration:none;white-space:nowrap;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.er-cta-phone .er-ico{width:18px;height:18px}
.er-cta-phone:hover{background:var(--er-green-2);transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(19,185,90,.30)}

/* Burger (hidden on desktop) */
.er-burger{display:none;appearance:none;background:none;border:0;cursor:pointer;
  width:44px;height:44px;align-items:center;justify-content:center;color:var(--er-ink);border-radius:10px}
.er-burger .er-ico{width:26px;height:26px}
.er-burger:hover{color:var(--er-green-2)}

/* Focus-visible rings (green) on all interactive header elements */
.er-head a:focus-visible,.er-head button:focus-visible,
.er-drawer a:focus-visible,.er-drawer button:focus-visible,
.er-drawer input:focus-visible,.er-skip:focus-visible{
  outline:2px solid var(--er-green);outline-offset:2px;border-radius:6px}

/* ---- Drawer + scrim (hidden until mobile / open) ---- */
/* Scrim is visually gated by the .er-drawer-open class (so opacity can transition);
   the [hidden] attr is a no-JS fallback only and is cleared by JS on first open. */
.er-scrim{position:fixed;inset:0;background:rgba(17,20,42,.55);z-index:1090;
  opacity:0;pointer-events:none;transition:opacity .22s ease}
.er-scrim[hidden]{display:none}
.er-drawer-open .er-scrim{display:block;opacity:1;pointer-events:auto}

.er-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,360px);z-index:1100;
  background:var(--er-navy-deep);color:var(--er-soft);font-family:var(--er-font);
  transform:translateX(100%);transition:transform .22s ease;
  display:flex;flex-direction:column;padding:18px 20px 28px;overflow-y:auto;
  -webkit-overflow-scrolling:touch}
.er-drawer-open .er-drawer{transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.er-scrim,.er-drawer{transition:none}}

.er-drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.er-drawer-brand img{height:34px;width:auto;display:block}
.er-drawer-close{appearance:none;background:none;border:0;color:#fff;cursor:pointer;
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}
.er-drawer-close:hover{color:var(--er-green)}

.er-drawer-search{display:flex;align-items:center;gap:6px;margin-bottom:18px}
.er-drawer-search input[type="search"]{flex:1;min-width:0;border:1px solid var(--er-navy-line);
  background:rgba(255,255,255,.06);border-radius:999px;padding:11px 16px;font:inherit;font-size:15px;
  color:#fff;outline:none}
.er-drawer-search input[type="search"]::placeholder{color:var(--er-muted)}
.er-drawer-search input[type="search"]:focus{border-color:var(--er-green);
  box-shadow:0 0 0 3px rgba(19,185,90,.20)}
.er-drawer-search button{appearance:none;background:var(--er-green);border:0;color:#fff;cursor:pointer;
  width:44px;height:44px;flex:0 0 auto;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}

.er-drawer-nav{list-style:none;margin:0 0 16px;padding:0}
.er-drawer-nav>li{border-bottom:1px solid var(--er-navy-line)}
.er-drawer-nav>li>a{display:block;padding:14px 4px;color:var(--er-soft);text-decoration:none;
  font-size:16px;font-weight:500}
.er-drawer-nav>li>a:hover{color:#fff}

.er-drawer-acc-row{display:flex;align-items:center;justify-content:space-between}
.er-drawer-acc-row a{flex:1;display:block;padding:14px 4px;color:var(--er-soft);text-decoration:none;font-size:16px;font-weight:500}
.er-drawer-acc-row a:hover{color:#fff}
.er-acc-toggle{appearance:none;background:none;border:0;color:var(--er-soft);cursor:pointer;
  width:44px;height:44px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  transition:transform .18s ease,color .15s ease}
.er-acc-toggle.is-open{transform:rotate(180deg)}
.er-acc-toggle:hover{color:#fff}
.er-acc-panel{list-style:none;margin:0;padding:0 0 10px 8px}
.er-acc-panel li a{display:block;padding:9px 8px;color:var(--er-muted);text-decoration:none;font-size:14.5px;border-radius:8px}
.er-acc-panel li a:hover{color:#fff;background:rgba(255,255,255,.05)}

.er-drawer-cta{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--er-green);
  color:#fff;padding:14px 18px;border-radius:999px;font-weight:700;font-size:16px;text-decoration:none;margin:6px 0 14px}
.er-drawer-cta:hover{background:var(--er-green-2)}
.er-drawer-mail{display:inline-flex;align-items:center;gap:8px;color:var(--er-muted);text-decoration:none;font-size:14.5px;padding:4px}
.er-drawer-mail:hover{color:#fff}

/* Scroll-lock when drawer open */
.er-drawer-open{overflow:hidden}

/* ---- Mobile breakpoint (<=980px): single switch ---- */
@media(max-width:980px){
  .er-uti{display:none}
  .er-nav{display:none}
  .er-search{display:none}
  .er-cta-phone{padding:0;width:44px;height:44px;justify-content:center;border-radius:999px}
  .er-cta-phone span{display:none}
  .er-cta-phone .er-ico{width:20px;height:20px}
  .er-burger{display:inline-flex}
  .er-main-inner{grid-template-columns:auto 1fr auto}
  .er-nav{grid-column:auto}
}
@media(min-width:981px){
  .er-drawer,.er-scrim{display:none}
}

/* ===== HEADER FIXES (2026-06-26) ===== */
/* Top utility strip: left trust text white to match the right-side links */
.er-uti-trust{color:#fff}
/* Product Catalogue: align link + caret as a flex row so the label no longer rides high */
.er-has-panel{display:flex;align-items:center}
.er-has-panel>.er-nav-link{padding-right:0}
.er-caret{margin-left:4px;line-height:0}

/* ===== FIX: Elementor kit (.elementor-kit-10886 button) forces ALL <button> to white.
   Re-assert intended header/drawer button colours with a winning selector. ===== */
.er-head .er-caret,
.er-head .er-search-toggle,
.er-head .er-search-go,
.er-head .er-burger{color:var(--er-ink)}
.er-head .er-caret:hover,
.er-head .er-search-toggle:hover,
.er-head .er-search-go:hover,
.er-head .er-burger:hover{color:var(--er-green-2)}
.er-drawer .er-drawer-close,
.er-drawer .er-acc-toggle{color:var(--er-soft)}
.er-drawer .er-drawer-close:hover,
.er-drawer .er-acc-toggle:hover{color:#fff}

/* ============================================================
   ===== HOME (front-page-er.php) — preview/switch-gated  =====
   All classes .er-home-*. Every rule scoped under .er-home <child>
   (2-class) to outrank .elementor-kit-10886. Woo internals add
   !important on width/colour where the kit + inline styles fight.
   ============================================================ */

.er-home{font-family:var(--er-font);color:var(--er-ink)}
.er-home *{box-sizing:border-box}
@media(prefers-reduced-motion:reduce){
  .er-home *{transition:none!important;transform:none!important}
}

/* ---- shared section shell ---- */
.er-home .er-home-section{padding-block:clamp(56px,8vw,96px)}
.er-home .er-home-wrap{max-width:var(--er-maxw);margin:0 auto;
  padding-inline:clamp(20px,5vw,24px)}

/* alternating bands */
.er-home .er-home-steps-sec{background:#fff}
.er-home .er-home-products-sec{background:#f5f7fb}
.er-home .er-home-reviews-sec{background:var(--er-navy)}
.er-home .er-home-cats-sec{background:#fff}

/* ---- shared heading block ---- */
.er-home .er-home-head{text-align:center;max-width:760px;margin:0 auto clamp(32px,4vw,48px)}
.er-home .er-home-eyebrow-2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--er-green-2);font-weight:600;margin:0 0 8px}
.er-home .er-home-h2{font-size:clamp(24px,3vw,34px);color:var(--er-ink);font-weight:700;
  text-align:center;margin:0 0 8px;letter-spacing:-.01em;line-height:1.15;position:relative}
.er-home .er-home-h2::after{content:"";display:block;width:48px;height:3px;margin:14px auto 0;
  background:var(--er-green);border-radius:2px}
.er-home .er-home-h2-sub{color:#5b6080;max-width:60ch;margin:0 auto;line-height:1.6;font-size:16px}
/* navy band heading overrides */
.er-home .er-home-head--navy .er-home-h2{color:#fff}
.er-home .er-home-head--navy .er-home-eyebrow-2{color:var(--er-green)}
.er-home .er-home-head--navy .er-home-h2-sub{color:var(--er-soft)}
.er-home .er-home-gbadge{display:inline-flex;align-items:center;gap:7px;margin:14px 0 0;
  color:#fff;font-size:14px;font-weight:600}
.er-home .er-home-gbadge .er-home-ico{color:#fbbc05;width:18px;height:18px}

/* ---- shared buttons ---- */
.er-home .er-home-btn,
.er-home .er-home-btn-ghost{display:inline-flex;align-items:center;gap:8px;
  border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;
  padding:11px 22px;transition:background .15s ease,color .15s ease,
  border-color .15s ease,transform .15s ease,box-shadow .15s ease;cursor:pointer;line-height:1.2}
.er-home .er-home-btn{background:var(--er-green);color:#fff;border:1px solid var(--er-green)}
.er-home .er-home-btn:hover{background:var(--er-green-2);border-color:var(--er-green-2);
  transform:translateY(-1px);box-shadow:0 6px 16px rgba(19,185,90,.30)}
.er-home .er-home-btn-ghost{background:transparent;color:var(--er-navy);border:1px solid var(--er-navy)}
.er-home .er-home-btn-ghost:hover{background:var(--er-navy);color:#fff;transform:translateY(-1px)}
.er-home .er-home-cta-row{text-align:center;margin-top:clamp(28px,4vw,40px)}

/* ---- shared card lift ---- */
.er-home .er-home-step:hover,
.er-home li.product:hover,
.er-home li.product-category:hover{box-shadow:0 10px 30px rgba(17,20,42,.08);
  transform:translateY(-3px);transition:.18s ease}

/* ============ §1 HERO ============ */
.er-home .er-home-hero{background:linear-gradient(180deg,var(--er-navy) 0%,var(--er-navy-deep) 100%);
  color:#fff}
.er-home .er-home-hero-inner{max-width:var(--er-maxw);margin:0 auto;
  padding:56px 24px 64px;text-align:center}
.er-home .er-home-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;
  color:var(--er-green);font-weight:600;margin:0 0 14px;line-height:1.4}
.er-home .er-home-hero-h{color:#fff;font-family:"Roboto Slab","Roboto",var(--er-font);
  font-weight:700;font-size:clamp(28px,4.6vw,46px);line-height:1.1;margin:0;letter-spacing:-.01em}
.er-home .er-home-hero-sub{color:var(--er-soft);font-size:17px;max-width:52ch;
  margin:14px auto 0;line-height:1.5}

/* finder card — the ONE heavy shadow on the page; wrap-only, no [mot_lookup] internals touched */
.er-home .er-home-finder-card{background:var(--er-paper);border-radius:var(--er-radius);
  border-top:4px solid var(--er-green);box-shadow:0 24px 60px rgba(17,20,42,.35);
  padding:28px 28px 24px;max-width:760px;margin:28px auto 0;text-align:left}

/* trust strip */
.er-home .er-home-trust{list-style:none;margin:28px auto 0;padding:0;max-width:880px;
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px 32px}
.er-home .er-home-trust-item{display:flex;align-items:center;gap:11px;text-align:left}
.er-home .er-home-trust-ico{flex:0 0 auto;width:38px;height:38px;border-radius:999px;
  background:rgba(19,185,90,.14);display:inline-flex;align-items:center;justify-content:center}
.er-home .er-home-trust-ico .er-home-ico{color:var(--er-green);width:20px;height:20px}
.er-home .er-home-trust-txt{display:flex;flex-direction:column;line-height:1.25}
.er-home .er-home-trust-txt strong{color:#fff;font-weight:700;font-size:14.5px}
.er-home .er-home-trust-txt span{color:var(--er-soft);font-size:12.5px}

/* ============ §2 STEPS ============ */
.er-home .er-home-steps{list-style:none;margin:0;padding:0;counter-reset:er-step;
  display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,24px)}
.er-home .er-home-step{position:relative;counter-increment:er-step;background:#fff;
  border:1px solid var(--er-line);border-radius:var(--er-radius);padding:24px 18px;
  text-align:center;display:flex;flex-direction:column;align-items:center}
.er-home .er-home-step-num{display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:999px;background:var(--er-navy);color:#fff;
  font-weight:700;font-size:17px;margin:0 0 14px}
.er-home .er-home-step-num::before{content:counter(er-step)}
.er-home .er-home-step-ico{height:64px;max-height:96px;width:auto;object-fit:contain;
  margin:0 auto 14px;display:block}
.er-home .er-home-step-title{font-size:16px;color:var(--er-ink);font-weight:700;
  margin:0 0 8px;line-height:1.25}
.er-home .er-home-step-body{font-size:14.5px;line-height:1.6;color:#5b6080;margin:0}
/* desktop flow connectors between cards */
.er-home .er-home-step::after{content:"";position:absolute;top:46px;right:-14px;width:24px;height:2px;
  background:linear-gradient(90deg,var(--er-green),rgba(19,185,90,0));opacity:.7;pointer-events:none}
.er-home .er-home-step:last-child::after{display:none}

/* ============ §3 TRENDING PRODUCTS (wrap, don't fight) ============ */
.er-home .er-home-products .products{display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none}
.er-home .er-home-products .products::before,
.er-home .er-home-products .products::after{display:none!important;content:none!important}
.er-home li.product{width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--er-line);border-radius:var(--er-radius);
  padding:14px;text-align:left;display:flex;flex-direction:column}
.er-home li.product::before{display:none!important;content:none!important}
.er-home li.product a img,
.er-home li.product img{border-radius:10px;aspect-ratio:1/1;object-fit:contain;
  background:#fff;width:100%;height:auto;margin:0 0 10px}
.er-home li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;font-size:14px;color:var(--er-ink);
  font-weight:600;line-height:1.35;margin:0 0 6px;padding:0;min-height:2.7em}
.er-home li.product .price,
.er-home li.product .price .amount,
.er-home li.product .price bdi{color:var(--er-navy)!important;font-weight:700;font-size:15px}
.er-home li.product .price del{opacity:.55;font-weight:400}
.er-home li.product .star-rating{margin:0 0 6px;font-size:13px;color:var(--er-green-2)}
/* add-to-cart / button re-skin to green pill, smaller — beats kit */
.er-home .er-home-products .button,
.er-home .er-home-products a.button,
.er-home .er-home-products .add_to_cart_button,
.er-home li.product .button{display:inline-block;margin:auto 0 0;background:var(--er-green)!important;
  color:#fff!important;border:0!important;border-radius:999px!important;padding:9px 16px!important;
  font-weight:600!important;font-size:13.5px!important;text-decoration:none;width:auto;
  transition:background .15s ease,transform .15s ease}
.er-home .er-home-products .button:hover,
.er-home .er-home-products a.button:hover,
.er-home .er-home-products .add_to_cart_button:hover,
.er-home li.product .button:hover{background:var(--er-green-2)!important;transform:translateY(-1px)}

/* ============ §4 REVIEWS ============ */
.er-home .er-home-reviews-wrap{max-width:var(--er-maxw);margin:0 auto;
  background:#fff;border-radius:var(--er-radius);border:1px solid var(--er-line);
  padding:clamp(20px,3vw,32px)}
/* keep the widget's own .wp-gr styling; only ensure it sits readable on the white inset */
.er-home .er-home-reviews-wrap .wp-gr{max-width:100%;margin:0 auto}

/* ============ §5 CATEGORIES ============ */
.er-home .er-home-cats .product-categories,
.er-home .er-home-cats ul.products{display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none}
.er-home .er-home-cats .products::before,
.er-home .er-home-cats .products::after{display:none!important;content:none!important}
.er-home li.product-category{width:auto!important;margin:0!important;float:none!important;
  background:#fff;border:1px solid var(--er-line);border-radius:var(--er-radius);
  padding:18px;text-align:center}
.er-home li.product-category::before{display:none!important;content:none!important}
.er-home li.product-category a{display:block;text-decoration:none;color:var(--er-ink)}
.er-home li.product-category img{aspect-ratio:1/1;object-fit:contain;max-height:120px;
  width:auto;margin:0 auto 12px;display:block}
.er-home li.product-category .woocommerce-loop-category__title{font-size:14px;font-weight:600;
  color:var(--er-ink);margin:0;line-height:1.35}
.er-home li.product-category .count{color:#9aa0c4;font-weight:400;font-size:12.5px;
  background:none;padding:0}
.er-home li.product-category:hover .woocommerce-loop-category__title{color:var(--er-green-2)}

/* ============ RESPONSIVE — breakpoints 980 / 720 / 560 ============ */
@media(max-width:980px){
  .er-home .er-home-steps{grid-template-columns:repeat(2,1fr)}
  .er-home .er-home-step::after{display:none}
  .er-home .er-home-products .products,
  .er-home .er-home-cats .product-categories,
  .er-home .er-home-cats ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .er-home .er-home-steps{grid-template-columns:1fr}
  .er-home .er-home-step{flex-direction:row;flex-wrap:wrap;text-align:left;align-items:center;
    column-gap:14px}
  .er-home .er-home-step-num{margin:0;order:1}
  .er-home .er-home-step-ico{order:2;margin:0 0 0 auto;height:48px}
  .er-home .er-home-step-title{order:3;flex:1 1 100%;margin-top:12px}
  .er-home .er-home-step-body{order:4;flex:1 1 100%}
}
@media(max-width:560px){
  .er-home .er-home-hero-inner{padding:40px 18px 48px}
  .er-home .er-home-finder-card{max-width:100%;padding:20px 16px}
  .er-home .er-home-reviews-sec{padding-block:clamp(40px,9vw,64px)}
}
@media(max-width:420px){
  .er-home .er-home-trust{gap:14px 20px}
  .er-home .er-home-trust-item{flex:1 1 100%}
}

/* ============================================================
   STATIC PAGES — About / Contact / FAQ  (.er-pg*)
   Switch key 'page'; rendered via page-er.php. Scoped under .er-pg so the
   Elementor kit (.elementor-kit-10886 a/button = 0,1,1) is outranked.
   ============================================================ */
.er-pg{font-family:var(--er-font);color:var(--er-ink)}
.er-pg *{box-sizing:border-box}

/* ---- hero ---- */
.er-pg .er-pg-hero{background:linear-gradient(180deg,var(--er-navy) 0%,var(--er-navy-deep) 100%);
  color:#fff;border-top:3px solid var(--er-green)}
.er-pg .er-pg-hero-inner{max-width:var(--er-maxw);margin:0 auto;padding:clamp(34px,5vw,60px) 24px}
.er-pg .er-pg-crumb{font-size:13px;color:var(--er-muted);margin:0 0 14px}
.er-pg .er-pg-crumb a{color:var(--er-muted);text-decoration:none;transition:color .15s ease}
.er-pg .er-pg-crumb a:hover{color:var(--er-green)}
.er-pg .er-pg-crumb-sep{margin:0 8px;color:var(--er-navy-line)}
.er-pg .er-pg-title{font-family:"Roboto Slab","Roboto",var(--er-font);color:#fff;font-weight:700;
  font-size:clamp(26px,4vw,42px);line-height:1.12;margin:0;letter-spacing:-.01em}
.er-pg .er-pg-lead{color:var(--er-soft);font-size:17px;max-width:60ch;margin:14px 0 0;line-height:1.55}
.er-pg .er-pg-lead a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.er-pg .er-pg-lead a:hover{color:var(--er-green)}

/* ---- section + containers ---- */
.er-pg .er-pg-section{padding-block:clamp(44px,6vw,80px);background:#fff}
.er-pg .er-pg-wrap{max-width:var(--er-maxw);margin:0 auto;padding-inline:24px}
.er-pg .er-pg-narrow{max-width:820px}

/* ---- prose ---- */
.er-pg .er-pg-prose h2,.er-pg .er-pg-h2{font-size:clamp(22px,2.6vw,30px);color:var(--er-ink);
  font-weight:700;line-height:1.2;margin:0 0 16px;letter-spacing:-.01em}
.er-pg .er-pg-prose h2::after,.er-pg .er-pg-h2::after{content:"";display:block;width:44px;height:3px;
  margin:12px 0 0;background:var(--er-green);border-radius:2px}
.er-pg .er-pg-prose h2:not(:first-child){margin-top:clamp(32px,4vw,46px)}
.er-pg .er-pg-prose p{font-size:16.5px;line-height:1.7;color:#3b4066;margin:0 0 16px;max-width:70ch}
.er-pg .er-pg-prose a{color:var(--er-green-2);text-decoration:underline;text-underline-offset:2px}
.er-pg .er-pg-prose a:hover{color:var(--er-navy)}

/* ---- buttons (scoped, beat the kit) ---- */
.er-pg .er-btn,.er-pg .er-btn-ghost{display:inline-flex;align-items:center;justify-content:center;
  gap:8px;font-family:var(--er-font);font-weight:600;font-size:15px;line-height:1;
  padding:13px 24px;border-radius:999px;text-decoration:none;cursor:pointer;
  transition:background .15s ease,color .15s ease,transform .15s ease,border-color .15s ease}
.er-pg .er-btn{background:var(--er-green);color:#fff;border:1px solid var(--er-green)}
.er-pg .er-btn:hover{background:var(--er-green-2);border-color:var(--er-green-2);color:#fff;transform:translateY(-1px)}
.er-pg .er-btn-ghost{background:transparent;color:var(--er-navy);border:1px solid var(--er-navy)}
.er-pg .er-btn-ghost:hover{background:var(--er-navy);color:#fff;transform:translateY(-1px)}

/* ---- trust strip (About) ---- */
.er-pg .er-pg-trust{list-style:none;margin:clamp(32px,4vw,46px) auto 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.er-pg .er-pg-trust li{display:flex;align-items:flex-start;gap:13px;background:#f5f7fb;
  border:1px solid var(--er-line);border-radius:var(--er-radius);padding:18px 20px}
.er-pg .er-pg-trust-ico{flex:0 0 auto;width:42px;height:42px;border-radius:999px;
  background:rgba(19,185,90,.14);display:inline-flex;align-items:center;justify-content:center;color:var(--er-green)}
.er-pg .er-pg-trust-txt{display:flex;flex-direction:column;line-height:1.4;font-size:13.5px;color:#5b6080}
.er-pg .er-pg-trust-txt strong{color:var(--er-ink);font-size:15px;font-weight:700;margin-bottom:2px}

/* ---- CTA band (About) ---- */
.er-pg .er-pg-cta{margin-top:clamp(40px,5vw,60px);background:var(--er-navy);
  border-radius:var(--er-radius);border-top:4px solid var(--er-green);
  padding:clamp(30px,4vw,48px) 24px;text-align:center}
.er-pg .er-pg-cta-h{color:#fff;font-size:clamp(20px,2.6vw,28px);font-weight:700;margin:0 0 8px}
.er-pg .er-pg-cta-sub{color:var(--er-soft);font-size:16px;margin:0 auto 22px;max-width:54ch;line-height:1.6}
.er-pg .er-pg-cta-row{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.er-pg .er-pg-cta .er-btn-ghost{color:#fff;border-color:rgba(255,255,255,.5)}
.er-pg .er-pg-cta .er-btn-ghost:hover{background:#fff;color:var(--er-navy);border-color:#fff}

/* ============ CONTACT ============ */
.er-pg .er-pg-contact-grid{display:grid;grid-template-columns:1.15fr .85fr;
  gap:clamp(24px,4vw,48px);align-items:start}
.er-pg .er-pg-form-intro{color:#5b6080;font-size:16px;line-height:1.6;margin:0 0 22px;max-width:60ch}

/* info card (navy) */
.er-pg .er-pg-info-card{background:var(--er-navy);color:var(--er-soft);border-radius:var(--er-radius);
  border-top:4px solid var(--er-green);padding:clamp(22px,3vw,30px)}
.er-pg .er-pg-info-h{color:#fff;font-size:20px;font-weight:700;margin:0 0 18px}
.er-pg .er-pg-contact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.er-pg .er-pg-contact-list li{display:flex;align-items:flex-start;gap:14px}
.er-pg .er-pg-contact-ico{flex:0 0 auto;width:42px;height:42px;border-radius:999px;
  background:rgba(19,185,90,.18);display:inline-flex;align-items:center;justify-content:center;color:var(--er-green)}
.er-pg .er-pg-contact-txt{display:flex;flex-direction:column;gap:2px;font-size:14.5px;line-height:1.5}
.er-pg .er-pg-contact-txt strong{color:#fff;font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.er-pg .er-pg-contact-txt a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:color .15s ease}
.er-pg .er-pg-contact-txt a:hover{color:var(--er-green)}
.er-pg .er-pg-contact-txt small{color:var(--er-muted);font-size:13px}
.er-pg .er-pg-contact-txt address{font-style:normal;color:var(--er-soft);line-height:1.6}

/* map */
.er-pg .er-pg-map{margin-top:18px;border-radius:var(--er-radius);overflow:hidden;
  border:1px solid var(--er-line);background:#eef1f7}
.er-pg .er-pg-map iframe,.er-pg .er-pg-map .cmplz-placeholder-element{display:block;width:100%;
  height:300px;border:0}

/* WPForms restyle (scoped to .er-pg, mirrors the design system) */
.er-pg .wpforms-container{margin:0}
.er-pg .wpforms-field{padding:0 0 18px}
.er-pg .wpforms-field-label{display:block;font-weight:600;font-size:14.5px;color:var(--er-ink);margin:0 0 7px}
.er-pg .wpforms-required-label{color:var(--er-green-2);margin-left:3px}
.er-pg .wpforms-container input[type=text],
.er-pg .wpforms-container input[type=email],
.er-pg .wpforms-container input[type=tel],
.er-pg .wpforms-container input[type=url],
.er-pg .wpforms-container input[type=number],
.er-pg .wpforms-container textarea,
.er-pg .wpforms-container select{width:100%;font-family:var(--er-font);font-size:15px;color:var(--er-ink);
  background:#fff;border:1px solid #c9cde4;border-radius:10px;padding:12px 14px;line-height:1.4;
  transition:border-color .15s ease,box-shadow .15s ease;-webkit-appearance:none;appearance:none}
.er-pg .wpforms-container textarea{min-height:130px;resize:vertical}
.er-pg .wpforms-container input:focus,
.er-pg .wpforms-container textarea:focus,
.er-pg .wpforms-container select:focus{outline:none;border-color:var(--er-green);
  box-shadow:0 0 0 3px rgba(19,185,90,.18)}
.er-pg .wpforms-container input::placeholder,
.er-pg .wpforms-container textarea::placeholder{color:#9aa0c4}
.er-pg .wpforms-container .wpforms-field-description{color:#5b6080;font-size:13px;margin-top:6px}
.er-pg .wpforms-container button[type=submit],
.er-pg .wpforms-container .wpforms-submit{display:inline-flex;align-items:center;justify-content:center;
  background:var(--er-green)!important;color:#fff!important;border:1px solid var(--er-green)!important;
  border-radius:999px!important;padding:14px 30px!important;font-family:var(--er-font)!important;
  font-weight:600!important;font-size:15px!important;cursor:pointer;width:auto;
  transition:background .15s ease,transform .15s ease}
.er-pg .wpforms-container button[type=submit]:hover,
.er-pg .wpforms-container .wpforms-submit:hover{background:var(--er-green-2)!important;
  border-color:var(--er-green-2)!important;transform:translateY(-1px)}
.er-pg .wpforms-container label.wpforms-error{color:#d23b3b;font-size:13px;font-weight:500}
.er-pg .wpforms-container .wpforms-field input.wpforms-error,
.er-pg .wpforms-container .wpforms-field textarea.wpforms-error{border-color:#d23b3b}

/* ============ FAQ ============ */
.er-pg .er-faq{display:flex;flex-direction:column;gap:12px}
.er-pg .er-faq-item{background:#fff;border:1px solid var(--er-line);border-radius:var(--er-radius);
  overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}
.er-pg .er-faq-item[open]{box-shadow:0 8px 24px rgba(17,20,42,.07);border-color:#c9cde4}
.er-pg .er-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;
  cursor:pointer;list-style:none;padding:18px 20px;font-weight:600;font-size:16.5px;color:var(--er-ink)}
.er-pg .er-faq-q::-webkit-details-marker{display:none}
.er-pg .er-faq-q:hover{color:var(--er-green-2)}
.er-pg .er-faq-q-ico{flex:0 0 auto;color:var(--er-green);transition:transform .2s ease}
.er-pg .er-faq-item[open] .er-faq-q-ico{transform:rotate(180deg)}
.er-pg .er-faq-a{padding:0 20px 20px;color:#3b4066;font-size:16px;line-height:1.7}
.er-pg .er-faq-a p{margin:0 0 12px}
.er-pg .er-faq-a p:last-child{margin-bottom:0}
.er-pg .er-faq-a a{color:var(--er-green-2);text-decoration:underline;text-underline-offset:2px}
.er-pg .er-faq-a a:hover{color:var(--er-navy)}
.er-pg .er-pg-faq-foot{text-align:center;margin-top:clamp(32px,4vw,44px)}
.er-pg .er-pg-faq-foot p{color:#5b6080;font-size:16px;margin:0 0 16px}

/* ============ RESPONSIVE ============ */
@media(max-width:880px){
  .er-pg .er-pg-contact-grid{grid-template-columns:1fr}
  .er-pg .er-pg-trust{grid-template-columns:1fr}
}
@media(max-width:560px){
  .er-pg .er-pg-hero-inner{padding:30px 18px}
  .er-pg .er-pg-wrap{padding-inline:18px}
  .er-pg .er-pg-cta-row{flex-direction:column}
  .er-pg .er-pg-cta-row .er-btn,.er-pg .er-pg-cta-row .er-btn-ghost{width:100%}
}

/* ============================================================
   BLOG — archive grid + single reading layout  (.er-blog*)
   Switch key 'blog'; rendered via archive-er.php / single-er.php.
   Scoped under .er-blog so the Elementor kit is outranked.
   Posts are Elementor-built: the single body keeps its own title/image/width;
   we only add a slim context bar + tags/back/related around it.
   ============================================================ */
.er-blog{font-family:var(--er-font);color:var(--er-ink)}
.er-blog *{box-sizing:border-box}
.er-blog .er-blog-wrap{max-width:var(--er-maxw);margin:0 auto;padding-inline:24px}

/* breadcrumb (sits on navy heads) */
.er-blog .er-blog-crumb{font-size:13px;color:var(--er-muted)}
.er-blog .er-blog-crumb a{color:var(--er-muted);text-decoration:none;transition:color .15s ease}
.er-blog .er-blog-crumb a:hover{color:var(--er-green)}
.er-blog .er-blog-crumb-sep{margin:0 8px;color:var(--er-navy-line)}

/* category pill (works on navy + white) */
.er-blog .er-blog-cat-pill{display:inline-block;background:rgba(19,185,90,.15);color:var(--er-green-2);
  font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;
  padding:5px 12px;border-radius:999px;text-decoration:none;transition:background .15s ease,color .15s ease}
.er-blog .er-blog-cat-pill:hover{background:var(--er-green);color:#fff}

/* shared navy head */
.er-blog .er-blog-arch-head,.er-blog .er-blog-single-head{
  background:linear-gradient(180deg,var(--er-navy) 0%,var(--er-navy-deep) 100%);
  color:#fff;border-top:3px solid var(--er-green)}

/* ============ ARCHIVE ============ */
.er-blog .er-blog-arch-head{padding:clamp(34px,5vw,58px) 0}
.er-blog .er-blog-arch-head .er-blog-crumb{margin:0 0 14px}
.er-blog .er-blog-arch-title{font-family:"Roboto Slab","Roboto",var(--er-font);color:#fff;font-weight:700;
  font-size:clamp(26px,4vw,40px);line-height:1.12;margin:0;letter-spacing:-.01em}
.er-blog .er-blog-arch-sub{color:var(--er-soft);font-size:16.5px;max-width:64ch;margin:14px 0 0;line-height:1.55}
.er-blog .er-blog-arch-body{padding-block:clamp(40px,6vw,72px)}

/* grid + cards (used by archive AND single's related block) */
.er-blog .er-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,28px)}
.er-blog .er-blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--er-line);
  border-radius:var(--er-radius);overflow:hidden;transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}
.er-blog .er-blog-card:hover{box-shadow:0 12px 30px rgba(17,20,42,.10);transform:translateY(-2px);border-color:#c9cde4}
.er-blog .er-blog-card-media{display:block;aspect-ratio:16/10;background:#eef1f7;overflow:hidden}
.er-blog .er-blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.er-blog .er-blog-card:hover .er-blog-card-media img{transform:scale(1.04)}
.er-blog .er-blog-card-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  background:linear-gradient(135deg,var(--er-navy),var(--er-navy-deep));color:rgba(255,255,255,.35)}
.er-blog .er-blog-card-ph .er-blog-ico{width:40px;height:40px}
.er-blog .er-blog-card-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px 18px 20px;flex:1}
.er-blog .er-blog-card-title{font-size:17px;line-height:1.3;font-weight:700;margin:2px 0 0}
.er-blog .er-blog-card-title a{color:var(--er-ink);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.er-blog .er-blog-card-title a:hover{color:var(--er-green-2)}
.er-blog .er-blog-card-excerpt{color:#5b6080;font-size:14.5px;line-height:1.6;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.er-blog .er-blog-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;margin-top:auto;padding-top:12px;border-top:1px solid var(--er-line)}
.er-blog .er-blog-card-date{display:inline-flex;align-items:center;gap:6px;color:#9aa0c4;font-size:12.5px}
.er-blog .er-blog-card-date .er-blog-ico{width:15px;height:15px}
.er-blog .er-blog-card-more{display:inline-flex;align-items:center;gap:5px;color:var(--er-green-2);
  font-weight:600;font-size:13.5px;text-decoration:none}
.er-blog .er-blog-card-more .er-blog-ico{width:15px;height:15px;transition:transform .15s ease}
.er-blog .er-blog-card-more:hover .er-blog-ico{transform:translateX(3px)}

/* pagination */
.er-blog .er-blog-pagination{margin-top:clamp(32px,4vw,48px)}
.er-blog .er-blog-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.er-blog .er-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;height:42px;padding:0 12px;border:1px solid var(--er-line);border-radius:10px;
  color:var(--er-ink);text-decoration:none;font-weight:600;font-size:14.5px;background:#fff;transition:all .15s ease}
.er-blog .er-blog-pagination a.page-numbers:hover{border-color:var(--er-green);color:var(--er-green-2)}
.er-blog .er-blog-pagination .page-numbers.current{background:var(--er-navy);border-color:var(--er-navy);color:#fff}
.er-blog .er-blog-pagination .page-numbers.dots{border-color:transparent;background:none}
.er-blog .er-blog-empty{text-align:center;color:#5b6080;font-size:16px;padding:40px 0}

/* ============ SINGLE — slim context bar above the Elementor body ============ */
.er-blog--single .er-blog-single-head{padding:clamp(22px,3.5vw,40px) 0}
.er-blog .er-blog-single-head-inner{max-width:980px;margin:0 auto;padding-inline:24px;text-align:center}
.er-blog .er-blog-single-head .er-blog-crumb{margin:0 0 14px}
.er-blog .er-blog-context{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px}
.er-blog .er-blog-meta{display:inline-flex;flex-wrap:wrap;gap:18px;color:var(--er-soft);font-size:14px}
.er-blog .er-blog-meta span{display:inline-flex;align-items:center;gap:7px}
.er-blog .er-blog-meta .er-blog-ico{color:var(--er-green);width:16px;height:16px}

/* body: let the Elementor-built content keep its own title, image, width + styling */
.er-blog .er-blog-single-body{padding-block:clamp(28px,4vw,44px) 0}

/* aftermatter (our additions) constrained to a readable column */
.er-blog .er-blog-aftermatter{max-width:900px;margin:0 auto;padding:clamp(28px,4vw,40px) 24px 0}
.er-blog .er-blog-tags{display:flex;flex-wrap:wrap;gap:10px}
.er-blog .er-blog-tag{display:inline-flex;align-items:center;gap:6px;background:#f5f7fb;border:1px solid var(--er-line);
  color:#5b6080;font-size:13px;font-weight:500;padding:6px 13px;border-radius:999px;text-decoration:none;transition:all .15s ease}
.er-blog .er-blog-tag:hover{border-color:var(--er-green);color:var(--er-green-2)}
.er-blog .er-blog-tag .er-blog-ico{width:14px;height:14px}
.er-blog .er-blog-single-foot{margin-top:clamp(22px,3vw,32px)}
.er-blog .er-blog-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--er-font);font-weight:600;
  font-size:15px;padding:12px 22px;border-radius:999px;text-decoration:none;
  background:transparent;color:var(--er-navy);border:1px solid var(--er-navy);transition:all .15s ease}
.er-blog .er-blog-back:hover{background:var(--er-navy);color:#fff;transform:translateY(-1px)}
.er-blog .er-blog-back .er-blog-ico{width:16px;height:16px}

/* related */
.er-blog .er-blog-related{margin-top:clamp(48px,7vw,84px);padding-block:clamp(40px,6vw,72px);
  background:#f5f7fb;border-top:1px solid var(--er-line)}
.er-blog .er-blog-related-h{font-size:clamp(20px,2.4vw,26px);font-weight:700;color:var(--er-ink);
  margin:0 0 clamp(24px,3vw,34px);text-align:center}

/* responsive */
@media(max-width:980px){.er-blog .er-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.er-blog .er-blog-grid{grid-template-columns:1fr}}

/* ===== SHOP / PRODUCT (element #6) ===== */
.er-shop,.er-prod{font-family:var(--er-font);color:var(--er-ink)}
.er-shop-inner,.er-prod-inner{max-width:var(--er-maxw);margin:0 auto;padding:clamp(28px,5vw,56px) clamp(16px,4vw,24px)}
.er-shop-crumbs{font-size:13px;color:#5b6080;margin-bottom:14px}
.er-shop-crumbs a{color:#5b6080;text-decoration:none}.er-shop-crumbs a:hover{color:var(--er-green-2)}
.er-shop-head{margin-bottom:18px}
.er-shop-title{font-size:clamp(24px,3.4vw,36px);font-weight:700;color:var(--er-navy);margin:0 0 6px}
.er-shop-desc{color:#5b6080;line-height:1.6;max-width:70ch}
.er-shop-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid var(--er-line)}
.er-shop-bar .woocommerce-result-count{color:#5b6080;font-size:14px;margin:0}
.er-shop-bar .woocommerce-ordering select{font:inherit;font-size:14px;padding:8px 12px;border:1px solid #e3e6f0;border-radius:10px}
.er-shop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.er-shop-card{display:flex;flex-direction:column;background:var(--er-paper);border:1px solid var(--er-line);border-radius:14px;overflow:hidden;transition:box-shadow .15s ease,transform .15s ease}
.er-shop-card:hover{box-shadow:0 10px 26px rgba(40,46,94,.10);transform:translateY(-2px)}
.er-shop-card-media{position:relative;display:block;aspect-ratio:1/1;background:#f5f7fb}
.er-shop-card-media img{width:100%;height:100%;object-fit:contain;display:block}
.er-shop-badge{position:absolute;top:10px;left:10px;background:var(--er-green);color:#08381c;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.er-shop-card-title{padding:14px 14px 0;color:var(--er-navy);font-weight:500;font-size:14.5px;line-height:1.35;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.er-shop-card-title:hover{color:var(--er-green-2)}
.er-shop-card-price{padding:8px 14px 0;font-weight:700;color:var(--er-navy)}
.er-shop-card-price .woocommerce-Price-amount{color:var(--er-navy)}
.er-shop-card .button,.er-shop-card .added_to_cart{margin:12px 14px 14px;text-align:center;background:var(--er-green);color:#fff !important;font-weight:600;font-size:14px;padding:9px 14px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;display:block}
.er-shop-card .button:hover{background:var(--er-green-2)}
.er-shop .woocommerce-pagination{margin-top:34px;text-align:center}
.er-shop .woocommerce-pagination ul{display:inline-flex;gap:6px;list-style:none;padding:0}
.er-shop .woocommerce-pagination a,.er-shop .woocommerce-pagination span{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--er-line);border-radius:10px;text-decoration:none;color:var(--er-navy)}
.er-shop .woocommerce-pagination .current{background:var(--er-navy);color:#fff;border-color:var(--er-navy)}
.er-prod-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.er-prod-gallery .woocommerce-product-gallery{max-width:100%}
.er-prod-summary .product_title{font-size:clamp(22px,3vw,32px);font-weight:700;color:var(--er-navy);margin:0 0 10px}
.er-prod-summary .price{font-size:24px;font-weight:700;color:var(--er-navy);margin:0 0 14px;display:block}
.er-prod-summary .woocommerce-product-details__short-description{color:#5b6080;line-height:1.65;margin:0 0 18px}
.er-prod-summary .button.single_add_to_cart_button,.er-prod-summary button.single_add_to_cart_button{background:var(--er-green);color:#fff !important;font-weight:700;font-size:16px;padding:13px 26px;border-radius:999px;border:0;cursor:pointer}
.er-prod-summary .single_add_to_cart_button:hover{background:var(--er-green-2)}
.er-prod-summary .quantity input{padding:10px;border:1px solid #e3e6f0;border-radius:10px;width:72px}
.er-prod-summary .product_meta{margin-top:18px;font-size:13.5px;color:#5b6080;border-top:1px solid var(--er-line);padding-top:14px}
.er-prod-tabs{margin-top:clamp(32px,5vw,56px)}
.er-prod-tabs .wc-tabs{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 -1px;flex-wrap:wrap;border:0}
.er-prod-tabs .wc-tabs li a{display:block;padding:11px 18px;text-decoration:none;color:var(--er-navy);font-weight:600;border:1px solid var(--er-line);border-bottom:0;border-radius:10px 10px 0 0;background:#f5f7fb}
.er-prod-tabs .wc-tabs li.active a{background:#fff;color:var(--er-green-2)}
.er-prod-tabs .woocommerce-Tabs-panel{border:1px solid var(--er-line);border-radius:0 12px 12px 12px;padding:22px;color:#3a3f5e;line-height:1.7}
.er-prod-tabs .panel h2{color:var(--er-navy)}
.er-prod-related{margin-top:clamp(36px,5vw,60px)}
.er-prod-related h2{font-size:22px;color:var(--er-navy);margin:0 0 18px}
.er-prod-related ul.products,.er-prod-related .products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.er-prod-related li.product{background:#fff;border:1px solid var(--er-line);border-radius:12px;padding:12px;text-align:center}
.er-prod-related li.product img{max-width:100%;height:auto}
.er-prod-related li.product .button{background:var(--er-green);color:#fff !important;border-radius:999px;padding:8px 14px;font-size:13px;text-decoration:none;display:inline-block;margin-top:8px}
@media(max-width:780px){.er-prod-top{grid-template-columns:1fr}}

/* ============================================================
   HOME v2 — PREVIEW-ONLY front page v5 (controlunits VISUAL match)  (.er-home2*)
   USP icon bar + left tabbed Search card + right featured-repair panel + photo
   category cards, our brand (navy #282E5E + green #13b95a, Roboto). CSS-only tabs.
   Routed via inc/redesign-control.php ONLY under ?er_preview=KEY; inert on live.
   Every rule scoped under .er-home2 <child> to outrank the Elementor kit.
   ============================================================ */


/* ============================================================
   HOME v2 — PREVIEW-ONLY front page v7 (pixel-final design port)  (.er-home2*)
   USP icon bar + left tabbed Search card + right featured-repair panel + photo
   category cards, our brand (navy #282E5E + green #13b95a, Roboto). CSS-only tabs.
   Routed via inc/redesign-control.php ONLY under ?er_preview=KEY; inert on live.
   Every rule scoped under .er-home2 <child> to outrank the Elementor kit.
   ============================================================ */
.er-home2{--h-ink:#282E5E;--h-soft:#5b6080;--h-faint:#8a90b0;--h-line:rgba(40,46,94,.13);
  --h-alt:#f6f8fb;--h-green:#13b95a;--h-green-2:#0fa14e;--h-navy:#282E5E;--h-navy-deep:#1c2046;
  --h-radius:16px;font-family:var(--er-font);color:var(--h-ink);background:#fff;overflow-x:clip;max-width:100%}
.er-home2 *{box-sizing:border-box;min-width:0}
.er-home2 .er-home2-wrap{max-width:1200px;margin:0 auto;padding-inline:clamp(20px,5vw,28px)}
.er-home2 .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;padding:0;margin:-1px}

/* ---- shared section + headings ---- */
.er-home2 .er-home2-sec{padding-block:clamp(50px,6.5vw,88px)}
.er-home2 .er-home2-sec--alt{background:var(--h-alt)}
.er-home2 .er-home2-sechead{margin:0 0 clamp(26px,3.4vw,42px);max-width:680px}
.er-home2 .er-home2-sechead--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.er-home2 .er-home2-sechead--center{max-width:680px;margin-inline:auto;text-align:center}
.er-home2 .er-home2-h2{font-size:clamp(23px,2.9vw,33px);font-weight:600;color:var(--h-ink);letter-spacing:-.015em;line-height:1.14;margin:0}
.er-home2 .er-home2-h2--light{color:#fff}
.er-home2 .er-home2-sechead-sub{color:var(--h-soft);font-size:15.5px;line-height:1.6;margin:9px 0 0}
.er-home2 .er-home2-sechead--center .er-home2-sechead-sub{margin-inline:auto;display:inline-flex;align-items:center;gap:7px}
.er-home2 .er-home2-sechead-sub--light{color:rgba(255,255,255,.78)}
.er-home2 .er-home2-sechead-sub .er-home2-ico{color:#fbbc05;width:17px;height:17px}
.er-home2 .er-home2-cta-row{text-align:center;margin-top:clamp(24px,3vw,36px)}
.er-home2 .er-home2-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--h-green-2);font-weight:600;font-size:14.5px;text-decoration:none;transition:color .15s ease}
.er-home2 .er-home2-link .er-home2-ico{width:18px;height:18px;transition:transform .15s ease}
.er-home2 .er-home2-link:hover{color:var(--h-green)}
.er-home2 .er-home2-link:hover .er-home2-ico{transform:translateX(3px)}

/* ============ USP ICON BAR ============ */
.er-home2 .er-home2-uspbar{background:var(--h-alt);border-bottom:1px solid var(--h-line)}
.er-home2 .er-home2-uspbar-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:18px}
.er-home2 .er-home2-uspbar-item{display:flex;align-items:center;gap:13px;padding:6px clamp(14px,2vw,26px)}
.er-home2 .er-home2-uspbar-item + .er-home2-uspbar-item{border-left:1px solid var(--h-line)}
.er-home2 .er-home2-uspbar-ico{flex:0 0 auto;color:var(--h-green-2)}
.er-home2 .er-home2-uspbar-ico .er-home2-ico{width:30px;height:30px}
.er-home2 .er-home2-uspbar-ico--star .er-home2-ico{color:#fbbc05;width:26px;height:26px}
.er-home2 .er-home2-uspbar-txt{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.er-home2 .er-home2-uspbar-txt strong{color:var(--h-ink);font-weight:700;font-size:14.5px}
.er-home2 .er-home2-uspbar-txt span{color:var(--h-soft);font-size:12.5px}

/* ============ HERO ============ */
.er-home2 .er-home2-hero{padding-block:clamp(34px,4.5vw,60px);background:#fff}
.er-home2 .er-home2-hero-grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(20px,2.4vw,28px);align-items:stretch}

/* left: search card */
.er-home2 .er-home2-search{display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);
  border-radius:var(--h-radius);overflow:hidden;box-shadow:0 18px 44px rgba(40,46,94,.10)}
.er-home2 .er-home2-search-head{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--h-navy);color:#fff;font-weight:700;font-size:17px;padding:15px 20px}
.er-home2 .er-home2-search-head .er-home2-ico{width:20px;height:20px;color:var(--h-green)}
.er-home2 .er-home2-search-body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column;justify-content:center}
.er-home2 .er-home2-search-intro{font-size:14px;line-height:1.5;color:#111;font-weight:700;margin:0 0 14px;text-align:center}
.er-home2 .er-home2-tabin{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.er-home2 .er-home2-tabs{display:flex;gap:6px;margin:0 0 16px;background:var(--h-alt);padding:5px;border-radius:999px}
.er-home2 .er-home2-tab{flex:1;text-align:center;padding:9px 10px;border-radius:999px;font-weight:600;font-size:14px;color:var(--h-soft);cursor:pointer;transition:background .15s ease,color .15s ease}
.er-home2 .er-home2-tab:hover{color:var(--h-ink)}
.er-home2 #er2tab-reg:checked ~ .er-home2-tabs .er-home2-tab-reg,
.er-home2 #er2tab-part:checked ~ .er-home2-tabs .er-home2-tab-part{background:var(--h-green);color:#fff}
.er-home2 .er-home2-tabin:focus-visible ~ .er-home2-tabs{outline:2px solid var(--h-green);outline-offset:2px;border-radius:999px}
.er-home2 .er-home2-tabpanel{display:none}
.er-home2 #er2tab-reg:checked ~ .er-home2-panel-reg{display:block}
.er-home2 #er2tab-part:checked ~ .er-home2-panel-part{display:block}
/* tweak 2: collapse the reg-lookup's own inner By Registration/By Model tab bar to one clean set (the "search by model" link inside still works) */
.er-home2 .er-home2-panel-reg .er-tabs{display:none!important}
/* fix: the [mot_lookup] row is side-by-side (plate + Find Parts) until a 550px VIEWPORT, but it
   lives in a ~380px column here, so it overlapped. Force it to stack (number plate on top,
   Find Parts under) at all widths inside the card. */
.er-home2 .er-home2-panel-reg .er-row{flex-direction:column!important;gap:12px!important;align-items:stretch!important}
.er-home2 .er-home2-panel-reg .er-plate-wrapper,
.er-home2 .er-home2-panel-reg .er-text-input,
.er-home2 .er-home2-panel-reg .er-btn{width:100%!important}
.er-home2 .er-home2-panel-reg .er-btn{padding:0 20px!important}

/* === real UK number-plate styling for the [mot_lookup] plate (preview only) === */
@font-face{font-family:'UKNumberPlate';font-style:normal;font-weight:400;font-display:swap;
  src:local('UKNumberPlate'),url('/wp-content/uploads/er-home2/fonts/UKNumberPlate.woff') format('woff');}
.er-home2 .er-home2-panel-reg .er-plate-wrapper{border:2px solid #141414!important;border-radius:9px!important;
  box-shadow:none!important;background:#FFCC00!important;overflow:hidden!important}
.er-home2 .er-home2-panel-reg .er-gb-strip{width:48px!important;background:#063298!important;
  justify-content:center!important;padding:6px 0 7px!important;gap:3px!important}
.er-home2 .er-home2-panel-reg .er-flag{font-size:0!important;line-height:0!important;margin:0 0 4px!important}
.er-home2 .er-home2-panel-reg .er-flag svg{width:30px!important;height:auto!important;display:block;border-radius:2px}
.er-home2 .er-home2-panel-reg .er-gb-strip::after{font-size:12px!important;font-weight:700!important;letter-spacing:.5px!important}
.er-home2 .er-home2-panel-reg .er-plate-input{font-family:'UKNumberPlate','Arial Narrow',Arial,sans-serif!important;
  font-weight:400!important;font-size:34px!important;letter-spacing:3px!important;color:#111!important;
  background:#FFCC00!important;text-align:center!important;height:66px!important;padding:0 8px!important}
.er-home2 .er-home2-panel-reg .er-plate-input::placeholder{color:#111!important;opacity:1!important;letter-spacing:3px!important}
.er-home2 .er-home2-finder-note{display:block;font-size:12.5px;color:var(--h-faint);margin:12px 0 0}
.er-home2 .er-home2-psearch{display:flex;gap:8px}
.er-home2 .er-home2-psearch input[type="search"]{flex:1;min-width:0;border:1px solid #c9cde4;border-radius:10px;padding:12px 14px;font:inherit;font-size:15px;color:var(--h-ink);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}
.er-home2 .er-home2-psearch input[type="search"]:focus{border-color:var(--h-green);box-shadow:0 0 0 3px rgba(19,185,90,.16)}
.er-home2 .er-home2-psearch button{display:inline-flex;align-items:center;gap:7px;background:var(--h-green);color:#fff;border:0;border-radius:10px;padding:0 18px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease}
.er-home2 .er-home2-psearch button:hover{background:var(--h-green-2)}
.er-home2 .er-home2-psearch button .er-home2-ico{width:18px;height:18px}
/* find by fault code (bottom of the search card) */
.er-home2 .er-home2-faultcode{margin-top:18px;border-top:1px solid var(--h-line);padding-top:16px}
.er-home2 .er-home2-faultcode-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--h-green-2);margin:0 0 10px}
.er-home2 .er-home2-fault-input{font-weight:700!important;color:#000!important}
.er-home2 .er-home2-fault-input::placeholder{color:#000;opacity:1;font-weight:700}

/* right: featured repair */
.er-home2 .er-home2-feature{display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-radius);overflow:hidden;box-shadow:0 18px 44px rgba(40,46,94,.10)}
.er-home2 .er-home2-feature-media{position:relative;aspect-ratio:16/9;background:var(--h-alt)}
.er-home2 .er-home2-feature-media img{width:100%;height:100%;object-fit:cover;display:block}
.er-home2 .er-home2-feature-banner{position:absolute;left:0;bottom:18px;background:var(--h-navy);color:#fff;font-weight:700;
  font-size:clamp(17px,2vw,23px);padding:9px 22px;border-radius:0 999px 999px 0;box-shadow:0 8px 20px rgba(10,13,30,.3)}
.er-home2 .er-home2-feature-body{padding:20px clamp(20px,3vw,28px) 24px}
.er-home2 .er-home2-feature-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;color:var(--h-green-2);margin:0 0 14px}
.er-home2 .er-home2-faults{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.er-home2 .er-home2-faults li{display:flex;align-items:center;gap:10px;color:var(--h-ink);font-size:15px;font-weight:500;line-height:1.3}
.er-home2 .er-home2-faults .er-home2-ico{width:19px;height:19px;color:var(--h-green-2);flex:0 0 auto}
/* featured panel: full infographic image + simple numbered how-to */
.er-home2 .er-home2-feature-media--img{aspect-ratio:auto;background:#fff}
.er-home2 .er-home2-feature-media--img img{position:static;width:100%;height:auto;object-fit:contain;display:block}
.er-home2 .er-home2-howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.er-home2 .er-home2-howto li{display:flex;align-items:center;gap:13px;color:var(--h-ink);font-size:16px;font-weight:600;line-height:1.3}
.er-home2 .er-home2-howto-n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--h-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
/* steps band under the hero — horizontal image (desktop) / numbered text (mobile) */
.er-home2 .er-home2-stepband{padding:clamp(28px,3.6vw,36px) 0 clamp(30px,4vw,40px);background:var(--h-alt)}
.er-home2 .er-home2-stepband-img{display:block;width:100%;height:auto;border-radius:14px}
.er-home2 .er-home2-stepband-text{display:none}
@media(max-width:820px){
  .er-home2 .er-home2-stepband-img{display:none}
  .er-home2 .er-home2-stepband-text{display:flex;flex-direction:column;gap:18px;list-style:none;margin:0 auto;padding:0;max-width:520px}
  .er-home2 .er-home2-stepband-text li{display:flex;gap:14px;align-items:flex-start}
  .er-home2 .er-home2-stepband-n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--h-green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
  .er-home2 .er-home2-stepband-txt{display:flex;flex-direction:column;gap:3px}
  .er-home2 .er-home2-stepband-txt strong{color:var(--h-ink);font-size:16px;font-weight:700;line-height:1.25}
  .er-home2 .er-home2-stepband-txt span{color:var(--h-soft);font-size:14.5px;line-height:1.55}
}

/* ============ CATEGORY CARDS (photo) ============ */
.er-home2 .er-home2-cats .product-categories,
.er-home2 .er-home2-cats ul.products{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,20px);margin:0;padding:0;list-style:none}
.er-home2 .er-home2-cats .products::before,.er-home2 .er-home2-cats .products::after{display:none!important;content:none!important}
.er-home2 .er-home2-cats li.product-category{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--h-line);
  border-radius:14px;padding:16px 12px;text-align:center;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-cats li.product-category:hover{box-shadow:0 12px 30px rgba(40,46,94,.12);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-cats li.product-category::before{display:none!important;content:none!important}
.er-home2 .er-home2-cats li.product-category a{display:block;text-decoration:none;color:var(--h-ink)}
.er-home2 .er-home2-cats li.product-category img{aspect-ratio:1/1;object-fit:contain;max-height:110px;width:auto;margin:0 auto 12px;display:block}
.er-home2 .er-home2-cats li.product-category .woocommerce-loop-category__title{font-size:14px;font-weight:600;color:var(--h-ink);margin:0;line-height:1.3}
.er-home2 .er-home2-cats li.product-category .count{color:var(--h-faint);font-weight:400;font-size:12px;background:none;padding:0}
.er-home2 .er-home2-cats li.product-category:hover .woocommerce-loop-category__title{color:var(--h-green-2)}

/* ============ PRODUCTS ============ */
.er-home2 .er-home2-products .products{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none}
.er-home2 .er-home2-products .products::before,.er-home2 .er-home2-products .products::after{display:none!important;content:none!important}
.er-home2 .er-home2-products li.product{width:auto!important;margin:0!important;float:none!important;background:#fff;border:1px solid var(--h-line);
  border-radius:var(--h-radius);padding:14px;text-align:left;display:flex;flex-direction:column;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-products li.product:hover{box-shadow:0 12px 30px rgba(40,46,94,.10);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-products li.product::before{display:none!important;content:none!important}
.er-home2 .er-home2-products li.product a img,
.er-home2 .er-home2-products li.product img{border-radius:10px;aspect-ratio:1/1;object-fit:contain;background:var(--h-alt);width:100%;height:auto;margin:0 0 10px}
.er-home2 .er-home2-products li.product .woocommerce-loop-product__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:14px;color:var(--h-ink);font-weight:500;line-height:1.4;margin:0 0 6px;padding:0;min-height:2.8em}
.er-home2 .er-home2-products li.product .price,
.er-home2 .er-home2-products li.product .price .amount,
.er-home2 .er-home2-products li.product .price bdi{color:var(--h-ink)!important;font-weight:700;font-size:15px}
.er-home2 .er-home2-products li.product .price del{opacity:.5;font-weight:400}
.er-home2 .er-home2-products li.product .star-rating{margin:0 0 6px;font-size:12.5px;color:var(--h-green-2)}
.er-home2 .er-home2-products .button,
.er-home2 .er-home2-products a.button,
.er-home2 .er-home2-products .add_to_cart_button,
.er-home2 .er-home2-products li.product .button{display:inline-block;margin:auto 0 0;background:var(--h-green)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;padding:9px 16px!important;font-weight:600!important;font-size:13.5px!important;text-decoration:none;width:auto;transition:background .15s ease,transform .15s ease}
.er-home2 .er-home2-products .button:hover,
.er-home2 .er-home2-products a.button:hover,
.er-home2 .er-home2-products .add_to_cart_button:hover,
.er-home2 .er-home2-products li.product .button:hover{background:var(--h-green-2)!important;transform:translateY(-1px)}

/* ============ OUR SERVICES ============ */
.er-home2 .er-home2-services{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,26px)}
.er-home2 .er-home2-service{background:#fff;border:1px solid var(--h-line);border-radius:var(--h-radius);padding:clamp(22px,3vw,30px);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-service:hover{box-shadow:0 12px 30px rgba(40,46,94,.10);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-service-ico{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:rgba(19,185,90,.1);border:1px solid rgba(19,185,90,.22);color:var(--h-green-2);margin:0 0 16px}
.er-home2 .er-home2-service-ico .er-home2-ico{width:24px;height:24px}
.er-home2 .er-home2-service-h{font-size:18px;font-weight:600;color:var(--h-ink);margin:0 0 8px}
.er-home2 .er-home2-service-p{font-size:14.5px;line-height:1.65;color:var(--h-soft);margin:0}

/* ============ WHY CHOOSE (navy band) ============ */
.er-home2 .er-home2-why{padding-block:clamp(50px,6.5vw,88px);background:linear-gradient(180deg,var(--h-navy),var(--h-navy-deep));border-top:3px solid var(--h-green)}
.er-home2 .er-home2-usps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,28px)}
.er-home2 .er-home2-usp{text-align:center;padding:8px}
.er-home2 .er-home2-usp-ico{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:rgba(19,185,90,.14);border:1px solid rgba(19,185,90,.3);color:var(--h-green);margin:0 0 14px}
.er-home2 .er-home2-usp-ico .er-home2-ico{width:26px;height:26px}
.er-home2 .er-home2-usp h3{font-size:16.5px;font-weight:600;color:#fff;margin:0 0 7px}
.er-home2 .er-home2-usp p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.74);margin:0}

/* ============ STEPS ============ */
.er-home2 .er-home2-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(20px,3vw,32px)}
.er-home2 .er-home2-step{border-top:2px solid var(--h-line);padding-top:18px}
.er-home2 .er-home2-step-n{display:block;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--h-green-2);margin:0 0 14px}
.er-home2 .er-home2-step-h{font-size:16px;font-weight:600;color:var(--h-ink);margin:0 0 8px;line-height:1.25}
.er-home2 .er-home2-step-p{font-size:14.5px;line-height:1.6;color:var(--h-soft);margin:0}

/* ============ REVIEWS ============ */
.er-home2 .er-home2-reviews{max-width:1200px;margin:0 auto;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-radius);padding:clamp(20px,3vw,30px)}
.er-home2 .er-home2-reviews .wp-gr{max-width:100%;margin:0 auto}

/* ============ CLOSING ============ */
.er-home2 .er-home2-end{padding-block:clamp(54px,8vw,92px);border-top:1px solid var(--h-line);text-align:center;background:#fff}
.er-home2 .er-home2-end-inner{max-width:620px}
.er-home2 .er-home2-end-h{font-size:clamp(22px,3vw,32px);font-weight:600;color:var(--h-ink);letter-spacing:-.015em;line-height:1.15;margin:0}
.er-home2 .er-home2-end-p{color:var(--h-soft);font-size:16.5px;line-height:1.6;margin:12px auto 26px;max-width:50ch}
.er-home2 .er-home2-end-actions{display:flex;flex-wrap:wrap;gap:14px 22px;justify-content:center;align-items:center}
.er-home2 .er-home2-btn{display:inline-flex;align-items:center;gap:8px;background:var(--h-green);color:#fff;border:1px solid var(--h-green);border-radius:999px;padding:13px 28px;font-weight:600;font-size:15px;text-decoration:none;transition:background .15s ease,transform .15s ease}
.er-home2 .er-home2-btn:hover{background:var(--h-green-2);transform:translateY(-1px)}
.er-home2 .er-home2-btn .er-home2-ico{width:18px;height:18px}
.er-home2 .er-home2-call{display:inline-flex;align-items:center;gap:8px;color:var(--h-ink);font-weight:600;font-size:15px;text-decoration:none;transition:color .15s ease}
.er-home2 .er-home2-call:hover{color:var(--h-green-2)}
.er-home2 .er-home2-call .er-home2-ico{width:18px;height:18px}

/* ============ PLACEHOLDERS (tweak 5/6) ============ */
.er-home2 .er-home2-ph{background:repeating-linear-gradient(45deg,#eef1f7,#eef1f7 12px,#e8ebf4 12px,#e8ebf4 24px);
  border:1px dashed #c2c7de;color:var(--h-faint);display:flex;align-items:center;justify-content:center;text-align:center}
.er-home2 .er-home2-feature-ph{flex-direction:column;gap:8px}
.er-home2 .er-home2-ph-label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:#7a80a4}
.er-home2 .er-home2-ph-label .er-home2-ico{width:20px;height:20px}

/* ============ CATEGORY CARDS — bespoke AI images (tweak 3) ============ */
.er-home2 .er-home2-catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(14px,1.6vw,20px)}
.er-home2 .er-home2-catcard{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;
  background:#fff;border:1px solid var(--h-line);border-radius:14px;padding:14px 12px 16px;color:var(--h-ink);
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-catcard:hover{box-shadow:0 12px 30px rgba(40,46,94,.12);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-catcard-media{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--h-alt);margin:0 0 12px}
.er-home2 .er-home2-catcard-media img{width:100%;height:100%;object-fit:cover;display:block}
.er-home2 .er-home2-catcard-media.er-home2-ph .er-home2-ico{width:40px;height:40px;opacity:.5}
.er-home2 .er-home2-catcard-name{font-size:14px;font-weight:600;color:var(--h-ink);line-height:1.3;transition:color .15s ease}
.er-home2 .er-home2-catcard:hover .er-home2-catcard-name{color:var(--h-green-2)}
.er-home2 .er-home2-catcard-count{font-size:12px;color:var(--h-faint);margin-top:3px}

/* ============ TRENDING — 5 placeholder cards (tweak 6) ============ */
.er-home2 .er-home2-trend{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(16px,2vw,22px)}
.er-home2 .er-home2-trendcard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--h-line);
  border-radius:14px;padding:14px;color:var(--h-ink);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-trendcard:hover{box-shadow:0 12px 30px rgba(40,46,94,.10);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-trendcard-media{width:100%;aspect-ratio:1/1;border-radius:10px;margin:0 0 12px}
.er-home2 .er-home2-trendcard-media .er-home2-ico{width:42px;height:42px;opacity:.5}
.er-home2 .er-home2-trendcard-title{font-size:14.5px;font-weight:600;color:var(--h-ink);line-height:1.3}
.er-home2 .er-home2-trendcard-meta{font-size:12.5px;color:var(--h-faint);margin-top:4px}

/* ============ REVIEWS RATING HEADER (tweak 4) ============ */
.er-home2 .er-home2-rating{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin:0 0 clamp(22px,3vw,32px)}
.er-home2 .er-home2-rating-score{font-size:clamp(30px,4vw,40px);font-weight:700;color:var(--h-ink);line-height:1}
.er-home2 .er-home2-rating-stars{display:inline-flex;gap:2px}
.er-home2 .er-home2-rating-stars .er-home2-ico{width:23px;height:23px;color:#fbbc05}
.er-home2 .er-home2-rating-label{font-size:15px;font-weight:600;color:var(--h-soft);width:100%;text-align:center}
/* only-positive Google review cards (custom render from grp_google_review WHERE rating>=4) */
.er-home2 .er-home2-revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,22px)}
.er-home2 .er-home2-revcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);border-radius:14px;padding:20px;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.er-home2 .er-home2-revcard:hover{box-shadow:0 12px 30px rgba(40,46,94,.10);transform:translateY(-3px);border-color:#c9cde4}
.er-home2 .er-home2-revcard-head{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.er-home2 .er-home2-revcard-avatar{position:relative;flex:0 0 auto;width:44px;height:44px;border-radius:50%;overflow:hidden;
  background:rgba(19,185,90,.14);color:var(--h-navy);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.er-home2 .er-home2-revcard-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.er-home2 .er-home2-revcard-meta{display:flex;flex-direction:column;min-width:0;flex:1}
.er-home2 .er-home2-revcard-name{font-weight:600;color:var(--h-ink);font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.er-home2 .er-home2-revcard-when{font-size:12.5px;color:var(--h-faint)}
.er-home2 .er-home2-revcard-g{flex:0 0 auto}
.er-home2 .er-home2-revcard-g .er-home2-ico{width:20px;height:20px;display:block}
.er-home2 .er-home2-revcard-stars{display:inline-flex;gap:1px;margin:0 0 10px}
.er-home2 .er-home2-revcard-stars .er-home2-ico{width:17px;height:17px;color:#fbbc05}
.er-home2 .er-home2-revcard-text{font-size:14.5px;line-height:1.6;color:var(--h-soft);margin:0}
/* reviews: show 6, reveal the rest (CSS-only toggle, matches the design's "Show more") */
.er-home2 .er-home2-morechk{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.er-home2 .er-home2-revcard--more{display:none}
.er-home2 .er-home2-morechk:checked ~ .er-home2-revgrid .er-home2-revcard--more{display:flex}
.er-home2 .er-home2-morewrap{text-align:center;margin-top:clamp(20px,2.6vw,28px)}
.er-home2 .er-home2-morechk:checked ~ .er-home2-morewrap{display:none}
.er-home2 .er-home2-morebtn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--h-green-2);border:1px solid var(--h-green-2);border-radius:999px;padding:11px 26px;font-weight:700;font-size:14.5px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.er-home2 .er-home2-morebtn:hover{background:var(--h-green);border-color:var(--h-green);color:#fff}
.er-home2 .er-home2-morebtn .er-home2-ico{width:16px;height:16px}

/* ============ RESPONSIVE ============ */
@media(max-width:1100px){
  .er-home2 .er-home2-catgrid{grid-template-columns:repeat(3,1fr)}
  .er-home2 .er-home2-trend{grid-template-columns:repeat(3,1fr)}
  .er-home2 .er-home2-cats .product-categories,
  .er-home2 .er-home2-cats ul.products{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:920px){
  .er-home2 .er-home2-hero-grid{grid-template-columns:1fr;gap:22px}
  .er-home2 .er-home2-uspbar-grid{grid-template-columns:repeat(2,1fr);gap:14px 0}
  .er-home2 .er-home2-uspbar-item:nth-child(3){border-left:0}
  .er-home2 .er-home2-services{grid-template-columns:1fr}
  .er-home2 .er-home2-usps{grid-template-columns:repeat(2,1fr);gap:24px}
  .er-home2 .er-home2-steps{grid-template-columns:repeat(2,1fr)}
  .er-home2 .er-home2-products .products{grid-template-columns:repeat(2,1fr)}
  .er-home2 .er-home2-catgrid{grid-template-columns:repeat(2,1fr)}
  .er-home2 .er-home2-trend{grid-template-columns:repeat(2,1fr)}
  .er-home2 .er-home2-revgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .er-home2 .er-home2-psearch{flex-direction:column;align-items:stretch}
  .er-home2 .er-home2-psearch button{padding:11px 18px;justify-content:center}
}
@media(max-width:600px){
  .er-home2 .er-home2-revgrid{grid-template-columns:1fr}
  .er-home2 .er-home2-uspbar-grid{grid-template-columns:1fr}
  .er-home2 .er-home2-uspbar-item{border-left:0!important;justify-content:flex-start}
  .er-home2 .er-home2-faults{grid-template-columns:1fr}
  .er-home2 .er-home2-cats .product-categories,
  .er-home2 .er-home2-cats ul.products{grid-template-columns:repeat(2,1fr)}
  .er-home2 .er-home2-sechead--row{flex-direction:column;align-items:flex-start;gap:12px}
  .er-home2 .er-home2-usps{grid-template-columns:1fr}
  .er-home2 .er-home2-steps{grid-template-columns:1fr}
  .er-home2 .er-home2-end-actions{flex-direction:column}
  .er-home2 .er-home2-btn,.er-home2 .er-home2-call{width:100%;justify-content:center}
}
/* ===== ER PRODUCT PAGE v2 — AC-Tronics layout: config left, static image right (2026-07-02) =====
   Appended to child theme assets/redesign.css. Overrides the earlier .er-prod-top rules. */
.er-prod-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,4vw,44px);align-items:start}
.er-prod-summary{order:1}
.er-prod-gallery{order:2;position:sticky;top:24px}

/* Static image card — no zoom, no lightbox, no magnifier */
.er-prod-gallery .woocommerce-product-gallery{opacity:1!important;background:#fff;border:1px solid var(--er-line);border-radius:var(--er-radius);padding:clamp(14px,2vw,26px)}
.er-prod-gallery .woocommerce-product-gallery__trigger{display:none!important}
.er-prod-gallery .woocommerce-product-gallery__image a,.er-prod-gallery .woocommerce-product-gallery__wrapper a{pointer-events:none;cursor:default}
.er-prod-gallery .woocommerce-product-gallery img{width:100%;height:auto;display:block;margin:0 auto}
.er-prod-gallery .flex-control-thumbs{display:none!important}
.er-prod-gallery .zoomImg{display:none!important}

/* Modern stacked variation dropdowns (kills the grey zebra table) */
.er-prod-summary .variations,.er-prod-summary .variations tbody,.er-prod-summary .variations tr,.er-prod-summary .variations th,.er-prod-summary .variations td{display:block;width:100%;background:transparent!important;border:0!important;padding:0;margin:0}
.er-prod-summary .variations{margin:0 0 6px}
.er-prod-summary .variations tr{margin:0 0 14px}
.er-prod-summary .variations th.label,.er-prod-summary .variations th.label label{display:block;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--er-navy);margin:0 0 6px;text-align:left}
.er-prod-summary .variations select{width:100%;max-width:100%;padding:13px 42px 13px 14px;border:1px solid #d5dae6;border-radius:10px;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23282E5E' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center/14px 9px;font-size:15px;font-weight:600;color:#1f2430;-webkit-appearance:none;appearance:none;cursor:pointer;line-height:1.4}
.er-prod-summary .variations select:focus{border-color:var(--er-green);outline:0;box-shadow:0 0 0 3px rgba(19,185,90,.15)}
.er-prod-summary .variations .reset_variations{font-size:13px;color:#5b6080;display:inline-block;margin-top:4px}

/* Selected-vehicle part numbers panel */
.er-prod-summary .woocommerce-variation.single_variation{margin:0 0 14px;min-height:0}
.er-prod-summary .woocommerce-variation-description{background:#f2faf5;border:1px solid rgba(19,185,90,.3);border-radius:10px;padding:11px 14px;color:#14532d;font-size:14.5px;line-height:1.5}
.er-prod-summary .woocommerce-variation-description p{margin:0}

/* Green book button (beats snippet-32 inline style + theme disabled lilac) */
.er-prod-summary form.cart .single_add_to_cart_button{background:var(--er-green)!important;color:#fff!important;border:0!important;border-radius:12px;width:100%!important;min-width:0!important;padding:16px 24px;font-size:17px;font-weight:800;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 16px rgba(19,185,90,.28);transition:background .15s ease,transform .1s ease}
.er-prod-summary form.cart .single_add_to_cart_button:hover{background:var(--er-green-2)!important;transform:translateY(-1px)}
.er-prod-summary form.cart .single_add_to_cart_button.disabled,.er-prod-summary form.cart .single_add_to_cart_button.wc-variation-selection-needed{background:#a7bdb0!important;box-shadow:none;opacity:1!important;cursor:not-allowed;transform:none}

/* Quantity + button row */
.er-prod-summary .woocommerce-variation-add-to-cart{display:flex;gap:10px;align-items:stretch}
.er-prod-summary .woocommerce-variation-add-to-cart .quantity{flex:0 0 auto;margin:0}
.er-prod-summary .woocommerce-variation-add-to-cart .quantity input{min-height:54px;height:100%}
.er-prod-summary .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1}

@media(max-width:880px){
  .er-prod-top{grid-template-columns:1fr}
  .er-prod-gallery{position:static;order:2}
  .er-prod-summary{order:1}
}
/* ===== /ER PRODUCT PAGE v2 ===== */