/* EngineFinders shared manual search v3 — fully scoped to avoid page-level conflicts. */

/* Shared hero-title sizing (was previously only defined inline on index.html;
   every migrated category/model page's H1 relies on this too, since bare
   Tailwind text-xl/md:text-4xl alone renders noticeably smaller). */
.hero-title{font-size:1.875rem!important;line-height:1.35!important;margin:12px 0 24px;color:#fff}
@media (min-width:768px){.hero-title{font-size:3.5rem!important;margin-bottom:32px}}
.ef-manual-search{--ef-blue:#0878ee;--ef-blue-dark:#045fcf;--ef-navy:#0b245a;--ef-line:#d6e0ec;--ef-ink:#091b42;--ef-muted:#60718c;position:relative;isolation:isolate;align-self:center;width:100%;min-width:0;min-height:360px;max-height:360px;margin-inline:0;padding:6px 15px;border:1px solid rgba(255,255,255,.75);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.88) 0%,rgba(244,248,252,.82) 55%,rgba(237,243,249,.78) 100%);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);box-shadow:0 14px 30px rgba(4,30,72,.23),inset 0 1px 0 rgba(255,255,255,.9);color:var(--ef-ink);font-family:inherit;overflow:hidden;box-sizing:border-box;container-type:inline-size;container-name:ef-search;display:flex;flex-direction:column;align-items:stretch;gap:0}
.animated-box-left{min-height:360px;max-height:360px;overflow:hidden}
.ef-manual-search.animated-box-right{opacity:1!important;transform:none!important}
.ef-search-pair>.ef-registration-card{opacity:1!important;transform:none!important}
.ef-manual-search *{box-sizing:border-box}
.ef-manual-search input,.ef-manual-search select{font:inherit}
.ef-manual-search button{margin:0;font-family:inherit}
.ef-manual-search img{display:block!important;max-width:100%;opacity:1!important;visibility:visible!important}
.ef-manual-search [hidden]{display:none!important}
.ef-search-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;margin:0 0 2px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:15px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);box-shadow:0 4px 12px rgba(10,39,83,.12);overflow:hidden}
.ef-search-tab{position:relative;z-index:1;min-height:50px;padding-inline:clamp(4px,3cqi,14px);border:0;background:#fff;color:var(--ef-navy);display:flex;align-items:center;justify-content:center;gap:clamp(2px,1.2cqi,8px);font-size:clamp(9.5px,3.05cqi,13.5px);font-weight:750;cursor:pointer;white-space:nowrap;overflow:visible;clip-path:none;text-align:center}
.ef-search-tab:first-child{padding-right:clamp(11px,5.5cqi,26px)}
.ef-search-tab:last-child{padding-left:clamp(11px,5.5cqi,26px)}
.ef-search-tab.is-active{z-index:2;background:#1E3A8A}
.ef-search-tab:first-child.is-active,.ef-search-tab:last-child.is-active{clip-path:none}
.ef-search-tab .ef-tab-cap{position:absolute;top:-1px;width:25px;height:calc(100% + 2px);opacity:0;pointer-events:none;transition:opacity .15s linear;z-index:3}
.ef-search-tab .ef-tab-cap-right{left:calc(100% - 1px)}
.ef-search-tab .ef-tab-cap-left{right:calc(100% - 1px)}
.ef-search-tab.is-active .ef-tab-cap{opacity:1}
.ef-search-tab .ef-tab-icon,.ef-search-tab .ef-tab-label{position:relative;z-index:2;color:var(--ef-navy);transition:color .12s linear}
.ef-search-tab .ef-tab-icon{width:clamp(14px,4.5cqi,22px);height:clamp(12px,4cqi,19px);flex:none}
.ef-search-tab .ef-tab-label{min-width:0;flex:1 1 auto;overflow-wrap:break-word}
.ef-search-tab.is-active .ef-tab-icon,.ef-search-tab.is-active .ef-tab-label{color:#fff}
@container ef-search (max-width:299px){.ef-search-tab{white-space:normal;line-height:1.1}.ef-search-tab .ef-tab-icon{display:none}}
.ef-search-tabs{flex:none}
.ef-search-panel{min-width:0;padding-inline:0;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}
.ef-configurator{display:grid;gap:3px}
.ef-step{min-width:0;position:relative}
.ef-step-heading{display:flex;align-items:center;gap:5px;margin:0 0 2px;font-size:14.5px;line-height:1.15}
.ef-step-number{color:#2D567C;font-weight:800}
.ef-step-heading strong{color:#2D567C}
.ef-tile-strip{display:grid;gap:8px;min-width:0}
.ef-make-grid,.ef-model-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr}
.ef-year-grid,.ef-variant-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.ef-choice-tile,.ef-year-tile{position:relative;min-width:0;min-height:45px;padding:3px;border:1px solid var(--ef-line);border-radius:8px;background:linear-gradient(180deg,#fff 0%,#f9fbfd 100%);color:#102452;display:flex;align-items:center;justify-content:center;gap:2px;text-align:center;line-height:1.05;font-size:10px;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 2px 5px rgba(9,42,83,.07),inset 0 1px 0 #fff;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s}
.ef-choice-tile:hover:not(:disabled),.ef-year-tile:hover:not(:disabled){border-color:#65aefa;box-shadow:0 4px 10px rgba(8,120,238,.16);transform:translateY(-1px)}
.ef-choice-tile:focus-visible,.ef-year-tile:focus-visible,.ef-search-tab:focus-visible,.ef-selector-close:focus-visible,.ef-selector-back:focus-visible,.ef-find-button:focus-visible{outline:3px solid rgba(8,120,238,.32);outline-offset:2px}
.ef-choice-tile.is-selected,.ef-year-tile.is-selected{border:2px solid var(--ef-blue);background:linear-gradient(180deg,#f6fbff,#eaf5ff);color:#064ea7;box-shadow:0 0 0 2px rgba(8,120,238,.12),0 3px 8px rgba(8,120,238,.14)}
.ef-choice-tile.is-selected::after,.ef-selector-option.is-selected::after{content:'✓';position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--ef-blue);color:#fff;font-size:10px;font-weight:900}
.ef-make-tile,.ef-model-tile{min-height:52px;flex-direction:column;padding:2px}
.ef-make-tile img,.ef-model-tile img{width:68px!important;height:40px!important;object-fit:contain}
.ef-make-grid>.ef-choice-tile,.ef-model-grid>.ef-choice-tile{width:100%;height:auto;min-height:0;aspect-ratio:1.25/1}
.ef-variant-tile{min-height:29px;padding:4px 6px;font-size:10px}
.ef-variant-tile.ef-variant-any{border-style:dashed;color:#46617f;font-weight:600}
.ef-variant-tile.ef-variant-any.is-selected{border-style:solid}
.ef-year-tile{min-height:29px;font-size:12px}
.ef-view-all{min-height:29px;flex-direction:row;color:#1E3A8A;background:linear-gradient(180deg,#fff,#f2f8ff)}
.ef-view-all span:first-child{overflow:hidden;text-overflow:ellipsis}
.ef-choice-tile:disabled,.ef-year-tile:disabled{cursor:not-allowed;opacity:.56;transform:none}
.ef-choice-tile.is-placeholder,.ef-year-tile.is-placeholder{background:linear-gradient(100deg,#f2f5f9,#fff,#f2f5f9);color:#8a97aa}
.ef-inline-status{min-height:9px;margin:0;color:#a52424;font-size:10px;line-height:1}
.ef-inline-status[data-tone="info"]{color:#496682}
.ef-find-button{width:100%;min-height:38px;padding:6px 16px;border:0;border-radius:7px;background:linear-gradient(180deg,#2a50ab 0%,#1E3A8A 55%,#162e6f 100%);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:inset 0 2px 0 rgba(255,255,255,.30),inset 0 -3px 6px rgba(0,0,20,.30),0 4px 10px rgba(10,30,90,.35)}
.ef-find-button:disabled{background:#aebccc;box-shadow:none;cursor:not-allowed}
.ef-find-arrow{font-size:18px;line-height:1}


.ef-selector-overlay{position:absolute;z-index:30;inset:0;padding:8px;border-radius:inherit;background:linear-gradient(145deg,#fff 0%,#f4f8fc 58%,#edf3f9 100%);display:flex;flex-direction:column;color:var(--ef-ink);overflow:hidden}
.ef-selector-header{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:6px;padding-bottom:5px;border-bottom:1px solid var(--ef-line)}
.ef-selector-header>div{min-width:0}
.ef-selector-eyebrow{display:block;color:var(--ef-blue);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.ef-selector-header h3{margin:1px 0 0;font-size:16px;line-height:1.1;color:#0b1d40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ef-selector-close,.ef-selector-back{width:30px;height:30px;border:0;border-radius:7px;background:#e9f1fa;color:#173864;display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer}
.ef-selector-back[hidden]{visibility:hidden;display:block!important;pointer-events:none}
.ef-selector-search-wrap{position:relative;margin:5px 0}
.ef-selector-search-wrap svg{position:absolute;left:11px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:#6b7b92}
.ef-selector-search-wrap input{width:100%;height:34px;padding:0 10px 0 35px;border:1px solid #cbd8e8;border-radius:8px;background:linear-gradient(180deg,#fff,#fafcff);color:#15213b;box-shadow:inset 0 1px 2px rgba(12,39,77,.05);outline:0}
.ef-selector-search-wrap input:focus{border-color:var(--ef-blue);box-shadow:0 0 0 3px rgba(8,120,238,.12)}
.ef-selector-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:5px;padding:1px 4px 2px 1px;scrollbar-color:#9cb3cc #edf2f8;scrollbar-width:thin}
.ef-selector-list[data-mode="makes"],.ef-selector-list[data-mode="engineMakes"]{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}
.ef-selector-list[data-mode="models"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ef-selector-list[data-mode="variants"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ef-selector-list[data-mode="years"]{grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:1fr;align-content:stretch}
.ef-selector-list[data-mode="engineCodes"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.ef-selector-list[data-mode="makes"] .ef-selector-option,.ef-selector-list[data-mode="engineMakes"] .ef-selector-option{flex:0 0 calc((100% - 20px)/5);width:auto;height:auto;min-height:0;aspect-ratio:1.25/1;overflow:hidden}
.ef-selector-option{position:relative;min-width:0;min-height:55px;padding:4px;border:1px solid var(--ef-line);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafc);color:#132348;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;font-size:10px;font-weight:700;line-height:1.05;box-shadow:0 2px 5px rgba(9,42,83,.07);cursor:pointer}
.ef-selector-option:hover{border-color:#72b5fb;background:#f6fbff}
.ef-selector-option.is-selected{border:2px solid var(--ef-blue);background:#edf6ff;color:#0755b3}
.ef-selector-option img.ef-selector-logo{width:72px!important;height:39px!important;object-fit:contain}
.ef-selector-option img.ef-selector-model{width:104px!important;height:50px!important;object-fit:contain}
.ef-selector-list[data-mode="models"] .ef-selector-option{min-height:64px}
.ef-selector-list[data-mode="variants"] .ef-selector-option{min-height:31px;padding:5px;display:grid;font-size:10px}
.ef-selector-list[data-mode="years"] .ef-selector-option{min-height:0;height:100%;padding:3px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.ef-selector-list[data-mode="years"] .ef-selector-option span{margin:auto;text-align:center;line-height:1.1}
.ef-selector-empty{margin:auto;text-align:center;color:var(--ef-muted)}

@media (min-width:1024px){
  .ef-search-pair{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:24px;align-items:stretch!important}
  .ef-search-pair>*{margin-left:0!important}
  .ef-search-pair>.ef-registration-card,.ef-search-pair>.ef-manual-search{width:100%!important;min-width:0!important;align-self:stretch!important}
}

@media (max-width:760px){
  .ef-manual-search{align-self:stretch;width:100%;min-width:0;min-height:0;max-height:none;margin-inline:0;padding:10px;border-radius:11px}
  .animated-box-left{min-height:0;max-height:none}
  /* Desktop centers the panel vertically inside a fixed-height box; mobile
     has no such fixed height, so centering here just adds dead space
     between the tabs and "01 Make" — hug content to the top instead. */
  .ef-search-panel{justify-content:flex-start}
}


@media (max-width:760px){
  /* Exactly 3 tiles + the "view all" button, all in one row, one row per
     step — 4 equal columns, and each row's JS-rendered tile list is
     trimmed to 3 real tiles via nth-child so the count always matches. */
  .ef-make-grid,.ef-model-grid,.ef-year-grid,.ef-variant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ef-make-grid .ef-choice-tile:nth-child(4),.ef-make-grid .ef-choice-tile:nth-child(5){display:none}
  .ef-model-grid .ef-model-tile:nth-child(4),.ef-model-grid .ef-model-tile:nth-child(5){display:none}
  .ef-year-grid .ef-year-tile:nth-child(4){display:none}
  .ef-choice-tile,.ef-year-tile{font-size:9px;padding:2px}
  .ef-engine-form{grid-template-columns:1fr;padding:8px 2px}
  .ef-engine-note,.ef-engine-form .ef-inline-status,.ef-engine-form .ef-find-button{grid-column:1}
  .ef-selector-overlay{padding:10px}
  .ef-selector-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ef-selector-list[data-mode="makes"] .ef-selector-option{flex-basis:calc((100% - 10px)/3)}
  /* Year selector: bump from 4 → 5 columns on mobile so tiles are smaller
     and more rows fit in the overlay. Also keep grid-auto-rows:1fr +
     align-content:stretch (defined in the desktop rule above) so each
     tile stretches to fill its row's height — no dead space at the
     bottom of the overlay when the last row isn't full. */
  .ef-selector-list[data-mode="years"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;align-content:stretch}
  .ef-selector-list[data-mode="years"] .ef-selector-option{height:100%;font-size:12px;padding:2px}
  .ef-selector-option img.ef-selector-logo{width:88px!important;height:48px!important}
  .ef-selector-option img.ef-selector-model{width:98px!important;height:47px!important}
  /* "View All" stays a normal tile in the row (same style as the others)
     but shows just the chevron — the label text doesn't fit at this
     column width. */
  .ef-view-all{flex-direction:column;gap:0}
  .ef-view-all span:first-child{display:none}
  .ef-view-all span:last-child{font-size:16px}
  .ef-view-all .ef-chev svg{width:18px;height:18px}
}

@media (max-width:420px){
  .ef-selector-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Year selector: bump from 3 → 4 columns even at the smallest
     breakpoint. Keep grid-auto-rows:1fr + align-content:stretch so
     tiles fill the overlay vertically and the last (partial) row
     stretches to the bottom edge. */
  .ef-selector-list[data-mode="years"]{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;align-content:stretch}
  .ef-selector-list[data-mode="years"] .ef-selector-option{height:100%;font-size:12px;padding:2px}
}

/* Secure enquiry line under the registration ticker */
.ef-secure-line{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin:8px 0 0;text-align:center;color:#3b4a63;font-size:12px;font-weight:600;line-height:1.3}
.ef-secure-line svg{flex:none;color:#1E3A8A}
@media (max-width:420px){.ef-secure-line{font-size:11px}}
@media (max-width:767px){.ef-secure-line{display:none!important}}

/*LOGO-FIT:START*/
.ef-manual-search img[src$="alfa-romeo-logo-small.webp"]{--ls:0.85;--lx:-0.1px;--ly:0.1px;clip-path:inset(0.0% 20.0% 0.0% 20.3%)}
.ef-manual-search img[src$="aston-martin-logo-small.webp"]{--ls:1.38;--lx:-0.3px;--ly:-2.4px;clip-path:inset(30.5% 20.0% 22.0% 20.6%)}
.ef-manual-search img[src$="audi-logo-small.webp"]{--ls:1.48;--lx:-0.0px;--ly:-0.1px;clip-path:inset(30.5% 19.7% 30.0% 19.7%)}
.ef-manual-search img[src$="bentley-logo-small.webp"]{--ls:1.29;--lx:-0.4px;--ly:-2.6px;clip-path:inset(28.0% 20.0% 18.0% 20.9%)}
.ef-manual-search img[src$="bmw-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.1px;clip-path:inset(0.5% 20.6% 0.0% 20.6%)}
.ef-manual-search img[src$="cadillac-logo-small.webp"]{--ls:0.86;--lx:-0.0px;--ly:-0.9px;clip-path:inset(6.5% 20.6% 1.5% 20.6%)}
.ef-manual-search img[src$="chevrolet-logo-small.webp"]{--ls:1.41;--lx:0.3px;--ly:-0.1px;clip-path:inset(26.0% 22.4% 25.5% 21.8%)}
.ef-manual-search img[src$="chrysler-logo-small.webp"]{--ls:1.46;--lx:-0.0px;--ly:-0.1px;clip-path:inset(37.5% 19.4% 37.0% 19.4%)}
.ef-manual-search img[src$="citroen-logo-small.webp"]{--ls:0.96;--lx:-0.0px;--ly:-0.9px;clip-path:inset(10.5% 22.6% 6.0% 22.6%)}
.ef-manual-search img[src$="daihatsu-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.0px;clip-path:inset(0.0% 19.1% 0.0% 19.1%)}
.ef-manual-search img[src$="dodge-logo-small.webp"]{--ls:1.46;--lx:-0.0px;--ly:-0.0px;clip-path:inset(40.5% 19.4% 40.5% 19.4%)}
.ef-manual-search img[src$="ferrari-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.0px;clip-path:inset(1.5% 23.5% 1.5% 23.5%)}
.ef-manual-search img[src$="fiat-logo-small.webp"]{--ls:0.85;--lx:0.2px;--ly:-0.3px;clip-path:inset(0.5% 20.3% 0.0% 19.7%)}
.ef-manual-search img[src$="ford-logo-small.webp"]{--ls:1.49;--lx:-0.1px;--ly:-0.1px;clip-path:inset(29.5% 20.0% 29.0% 20.3%)}
.ef-manual-search img[src$="honda-logo-small.webp"]{--ls:1.00;--lx:-0.0px;--ly:-0.0px;clip-path:inset(10.0% 21.5% 10.0% 21.5%)}
.ef-manual-search img[src$="hyundai-logo-small.webp"]{--ls:1.37;--lx:-0.0px;--ly:-0.1px;clip-path:inset(24.5% 22.1% 24.0% 22.1%)}
.ef-manual-search img[src$="isuzu-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.0px;clip-path:inset(0.0% 19.1% 0.0% 19.1%)}
.ef-manual-search img[src$="iveco-logo-small.webp"]{--ls:1.56;--lx:-0.0px;--ly:-0.0px;clip-path:inset(38.0% 21.2% 38.0% 21.2%)}
.ef-manual-search img[src$="jaguar-logo-small.webp"]{--ls:1.43;--lx:-0.1px;--ly:-0.1px;clip-path:inset(27.0% 21.2% 26.5% 21.5%)}
.ef-manual-search img[src$="jeep-logo-small.webp"]{--ls:1.49;--lx:-0.3px;--ly:-0.1px;clip-path:inset(29.0% 20.6% 28.5% 21.2%)}
.ef-manual-search img[src$="kia-logo-small.webp"]{--ls:1.31;--lx:-0.1px;--ly:-0.1px;clip-path:inset(24.0% 20.3% 23.5% 20.6%)}
.ef-manual-search img[src$="land-rover-logo-small.webp"]{--ls:1.27;--lx:-0.1px;--ly:0.1px;clip-path:inset(22.0% 20.0% 22.5% 20.3%)}
.ef-manual-search img[src$="lexus-logo-small.webp"]{--ls:1.11;--lx:-0.0px;--ly:-0.0px;clip-path:inset(14.0% 20.9% 14.0% 20.9%)}
.ef-manual-search img[src$="mazda-logo-small.webp"]{--ls:0.91;--lx:-0.0px;--ly:-0.1px;clip-path:inset(6.5% 22.1% 6.0% 22.1%)}
.ef-manual-search img[src$="mercedes-logo-small.webp"]{--ls:0.85;--lx:-0.1px;--ly:-0.0px;clip-path:inset(0.0% 20.6% 0.0% 20.9%)}
.ef-manual-search img[src$="mg-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.1px;clip-path:inset(0.0% 20.3% 0.0% 20.3%)}
.ef-manual-search img[src$="mini-logo-small.webp"]{--ls:1.40;--lx:-0.1px;--ly:-0.0px;clip-path:inset(27.0% 19.7% 27.0% 20.0%)}
.ef-manual-search img[src$="mitsubishi-logo-small.webp"]{--ls:0.90;--lx:-0.0px;--ly:-0.1px;clip-path:inset(6.0% 20.3% 5.5% 20.3%)}
.ef-manual-search img[src$="nissan-logo-small.webp"]{--ls:0.92;--lx:-0.1px;--ly:-0.1px;clip-path:inset(7.0% 20.3% 6.5% 20.6%)}
.ef-manual-search img[src$="peugeot-logo-small.webp"]{--ls:0.85;--lx:0.3px;--ly:-0.1px;clip-path:inset(2.5% 23.5% 2.0% 22.6%)}
.ef-manual-search img[src$="porsche-logo-small.webp"]{--ls:0.85;--lx:-0.2px;--ly:-0.1px;clip-path:inset(1.0% 26.8% 0.5% 27.4%)}
.ef-manual-search img[src$="range-rover-logo-small.webp"]{--ls:1.61;--lx:-0.0px;--ly:-0.0px;clip-path:inset(35.5% 22.1% 35.5% 22.1%)}
.ef-manual-search img[src$="renault-logo-small.webp"]{--ls:0.86;--lx:-0.0px;--ly:-0.1px;clip-path:inset(4.0% 27.9% 3.5% 27.9%)}
.ef-manual-search img[src$="rolls-royce-logo-small.webp"]{--ls:0.85;--lx:-0.1px;--ly:-0.2px;clip-path:inset(1.5% 32.6% 0.5% 32.9%)}
.ef-manual-search img[src$="seat-logo-small.webp"]{--ls:0.90;--lx:-0.0px;--ly:-0.2px;clip-path:inset(6.5% 21.2% 5.5% 21.2%)}
.ef-manual-search img[src$="skoda-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.0px;clip-path:inset(1.0% 21.2% 1.0% 21.2%)}
.ef-manual-search img[src$="smart-logo-small.webp"]{--ls:0.97;--lx:-0.0px;--ly:-0.0px;clip-path:inset(9.0% 20.3% 9.0% 20.3%)}
.ef-manual-search img[src$="subaru-logo-small.webp"]{--ls:1.25;--lx:-0.1px;--ly:-0.0px;clip-path:inset(21.0% 20.6% 21.0% 20.9%)}
.ef-manual-search img[src$="suzuki-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.1px;clip-path:inset(1.0% 22.6% 0.5% 22.6%)}
.ef-manual-search img[src$="toyota-logo-small.webp"]{--ls:1.13;--lx:-0.0px;--ly:-0.1px;clip-path:inset(15.5% 20.6% 15.0% 20.6%)}
.ef-manual-search img[src$="vauxhall-logo-small.webp"]{--ls:1.03;--lx:-0.1px;--ly:-0.1px;clip-path:inset(11.5% 19.7% 11.0% 20.0%)}
.ef-manual-search img[src$="volkswagen-logo-small.webp"]{--ls:0.85;--lx:-0.0px;--ly:-0.2px;clip-path:inset(1.0% 20.9% 0.0% 20.9%)}
.ef-manual-search img[src$="volvo-logo-small.webp"]{--ls:0.85;--lx:-0.1px;--ly:-0.1px;clip-path:inset(0.0% 19.7% 0.0% 20.0%)}
/*LOGO-FIT:END*/

/* ===== Redesign pass: headings, selection states, slider, variants, years ===== */
.ef-manual-search{max-height:none!important;padding-top:3px!important}
.ef-search-panel{overflow-y:visible}
.ef-step-heading{justify-content:center;text-align:center;font-size:14px;margin:3px 0 5px}
.ef-configurator{gap:5px}
.ef-view-all{gap:5px;text-align:center;line-height:1.1;font-size:11.5px}
.ef-view-all .ef-chev{display:inline-flex;flex:none}
.ef-make-tile img,.ef-model-tile img,.ef-selector-option img.ef-selector-logo{transform:translate(var(--lx,0px),var(--ly,0px)) scale(var(--ls,1));transition:transform .18s ease}
.ef-model-tile img{width:82px!important;height:46px!important;transform:none}
.ef-choice-tile.is-selected,.ef-year-tile.is-selected{transform:scale(1.07);z-index:3;box-shadow:0 8px 16px rgba(8,80,180,.30),0 0 0 2px rgba(8,120,238,.16),inset 0 1px 0 #fff}
.ef-choice-tile.is-selected:hover:not(:disabled),.ef-year-tile.is-selected:hover:not(:disabled){transform:scale(1.07)}
.ef-make-tile.is-selected img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.12))}
.ef-model-tile.is-selected img{transform:scale(1.08)}
.ef-variant-tile{min-height:36px;padding:4px 6px;font-size:11px;line-height:1.15}
.ef-variant-tile.is-selected{font-weight:800}
/* Active tab: raised, bevelled */
.ef-search-tab.is-active{background:linear-gradient(180deg,#2a50ab 0%,#1E3A8A 55%,#162e6f 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.30),inset 0 -3px 6px rgba(0,0,20,.30),0 4px 10px rgba(10,30,90,.35)}
.ef-search-tab:not(.is-active){box-shadow:inset 0 2px 5px rgba(10,39,83,.10)}
/* Get Free Quote button: same raised, bevelled effect as the active toggle tab */
#fetch-button{background:linear-gradient(180deg,#2a50ab 0%,#1E3A8A 55%,#162e6f 100%)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.30),inset 0 -3px 6px rgba(0,0,20,.30),0 4px 10px rgba(10,30,90,.35)!important}
/* Brand slider arrows */
.ef-make-wrap{position:relative}
.ef-slide{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:20px;height:20px;padding:0;border:1px solid #cfdbea;border-radius:50%;background:#fff;color:#1E3A8A;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(9,42,83,.22);opacity:.92;transition:opacity .15s,transform .15s}
.ef-slide-left{left:-13px}
.ef-slide-right{right:-13px}
.ef-slide:hover:not(:disabled){opacity:1;transform:translateY(-50%) scale(1.1)}
.ef-slide:disabled{opacity:.3;cursor:default}
.ef-slide svg{width:12px;height:12px}
/* Year dropdown: exactly six complete rows visible, scroll for the rest */
.ef-selector-list[data-mode="years"]{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:40px;align-content:start;gap:6px;flex:0 0 auto;height:calc(40px*6 + 6px*5);overflow-y:auto}
.ef-selector-list[data-mode="years"] .ef-selector-option{height:100%;min-height:0;padding:2px;font-size:13px;font-weight:500;color:#3f67a9;letter-spacing:.01em}
.ef-selector-list[data-mode="years"] .ef-selector-option.is-selected{color:#0d55b5;font-weight:600}
@media (max-width:760px){
  .ef-selector-list[data-mode="years"]{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:36px;height:calc(36px*6 + 6px*5)}
  .ef-selector-list[data-mode="years"] .ef-selector-option{height:100%;font-size:12.5px}
  .ef-view-all{flex-direction:row;font-size:9px}
  .ef-view-all span:first-child{display:inline}
  .ef-view-all span:last-child{font-size:inherit}
}
@media (max-width:420px){
  .ef-selector-list[data-mode="years"]{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:36px;height:calc(36px*6 + 6px*5)}
}

.ef-make-tile>span,.ef-model-tile>span{position:relative;z-index:2}

.ef-selector-overlay:has(.ef-selector-list[data-mode="years"]){justify-content:center;gap:8px}
.ef-selector-overlay:has(.ef-selector-list[data-mode="years"]) .ef-selector-header{flex:none}
@media (max-width:760px){
  .ef-variant-grid .ef-variant-tile:nth-child(4){display:none}
  .ef-slide{width:18px;height:18px}
  .ef-slide-left{left:-6px}
  .ef-slide-right{right:-6px}
}

/* Logos ship with opaque white backgrounds: blend them into the tile so no white box shows on selected/tinted tiles */
.ef-make-tile img,.ef-selector-option img.ef-selector-logo{mix-blend-mode:multiply}

/* ===== Mobile pass ===== */
@media (max-width:760px){
  .ef-slide{display:none!important}
  .ef-manual-search{padding-top:10px!important}
  .ef-search-tabs{margin:0 0 12px}
  .ef-search-tab,.ef-search-tab:first-child,.ef-search-tab:last-child{padding-inline:12px;min-height:46px}
  .ef-make-grid>.ef-choice-tile,.ef-model-grid>.ef-choice-tile{aspect-ratio:auto;min-height:76px}
  .ef-view-all{min-height:76px;font-size:10.5px;font-weight:800;padding:2px 4px}
  .ef-variant-grid .ef-view-all,.ef-year-grid .ef-view-all{min-height:0}
  .ef-make-tile img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.15))}
  .ef-make-tile.is-selected img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.25))}
  .ef-model-tile img{width:100%!important;max-width:84px;height:46px!important}
  .ef-make-tile span,.ef-model-tile span{font-size:10px;line-height:1.1}
  .ef-year-tile{min-height:34px;font-size:12px}
  .ef-variant-tile{min-height:40px;font-size:11px}
  .ef-step-heading{font-size:14px;margin:4px 0 4px}
  .ef-configurator{gap:6px}
}
@media (max-width:760px){
  .ef-view-all span:first-child{overflow:visible;text-overflow:clip;white-space:normal}
  .ef-view-all{font-size:12.5px;gap:5px}
  .ef-view-all .ef-chev svg{width:16px;height:16px}
}

/* Variant tiles: keep the tick off the label (badge sits on the corner, outside the text) */
.ef-variant-tile{overflow:visible}
.ef-variant-tile.is-selected::after{top:-7px;right:-7px;width:18px;height:18px;box-shadow:0 2px 5px rgba(8,80,180,.35)}
.ef-variant-tile{padding-inline:10px}

/* One tick style for every selected tile (make, model, variant, year): corner badge outside the content */
.ef-choice-tile.is-selected,.ef-year-tile.is-selected{overflow:visible}
.ef-choice-tile.is-selected::after,.ef-year-tile.is-selected::after{content:'✓';position:absolute;top:-7px;right:-7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--ef-blue);color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 2px 5px rgba(8,80,180,.35);z-index:4}

/* Active-tab curved cap: same gradient + bevel as the tab itself (was a flat fill) */
.ef-search-tab .ef-tab-cap path{display:none}
.ef-search-tab .ef-tab-cap-right{background:linear-gradient(180deg,rgba(255,255,255,.30) 0,rgba(255,255,255,.30) 2px,rgba(255,255,255,0) 2px),linear-gradient(0deg,rgba(0,0,20,.30) 0,rgba(0,0,20,0) 7px),linear-gradient(180deg,#2a50ab 0%,#1E3A8A 55%,#162e6f 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 50' preserveAspectRatio='none'%3E%3Cpath d='M0,0%20C0,18%204,30%2010,38%20C16,46%2020,48%2023,50%20H0%20Z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 50' preserveAspectRatio='none'%3E%3Cpath d='M0,0%20C0,18%204,30%2010,38%20C16,46%2020,48%2023,50%20H0%20Z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}
.ef-search-tab .ef-tab-cap-left{background:linear-gradient(180deg,rgba(255,255,255,.30) 0,rgba(255,255,255,.30) 2px,rgba(255,255,255,0) 2px),linear-gradient(0deg,rgba(0,0,20,.30) 0,rgba(0,0,20,0) 7px),linear-gradient(180deg,#2a50ab 0%,#1E3A8A 55%,#162e6f 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 50' preserveAspectRatio='none'%3E%3Cpath d='M24,0%20H23%20C23,18%2019,30%2013,38%20C7,46%203,48%200,50%20H24%20Z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 50' preserveAspectRatio='none'%3E%3Cpath d='M24,0%20H23%20C23,18%2019,30%2013,38%20C7,46%203,48%200,50%20H24%20Z'/%3E%3C/svg%3E") no-repeat 0 0/100% 100%}

.ef-search-tab .ef-tab-cap-left{right:calc(100% - 2px);width:26px}
.ef-search-tab .ef-tab-cap-right{left:calc(100% - 2px);width:26px}

/* Selected tiles are allowed to overflow (for the corner tick), so nothing inside may scale past the card:
   model photos no longer scale (the tile itself already lifts), stay inside the tile, and blend their white background. */
.ef-model-tile img{max-width:calc(100% - 4px);border-radius:6px;mix-blend-mode:multiply}
.ef-model-tile.is-selected img{transform:none}
/* Selected logos: cap the extra enlargement so the largest logo still fits inside its tile */
.ef-make-tile.is-selected img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.08))}
@media (max-width:760px){
  .ef-make-tile img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.05))}
  .ef-make-tile.is-selected img{transform:translate(var(--lx,0px),var(--ly,0px)) scale(calc(var(--ls,1)*1.1))}
  .ef-model-tile.is-selected img{transform:none}
}
/* Two-line model names (e.g. "Discovery Sport") need room: photo + 2 label lines must fit inside the tile */
.ef-model-grid>.ef-model-tile{min-height:76px;aspect-ratio:auto}
.ef-model-tile img{height:44px!important}

/* "View All" tile must always match the height of its row (a tall neighbour, e.g. a 3-line engine code, used to leave it short) */
.ef-make-grid>.ef-view-all,.ef-model-grid>.ef-view-all{aspect-ratio:auto;align-self:stretch;height:auto;min-height:76px}
.ef-make-grid>.ef-view-all{min-height:0}
@media (max-width:760px){.ef-make-grid>.ef-view-all{min-height:76px}}
/* Desktop: start the Make & Model card at exactly the left card's 360px so toggling tabs causes no visible height change.
   IMPORTANT: this card's height is flexbox-stretched to match the fixed-360px
   registration card next to it (see .animated-box-left). Its rows are `1fr`
   grid tracks, so ANY gap/padding increase here directly steals height from
   the tile rows and squeezes/cuts off their text (e.g. "Mercedes-Benz"
   wrapping to 2 lines with no room). Do not increase .ef-configurator gap or
   .ef-manual-search padding for desktop — use .ef-tile-strip gap instead,
   which only affects horizontal spacing between tiles in the same row. */

/* Home hero: minimal space above the title (the removed eyebrow line used to sit here) */
#hero-section .hero-content{padding-top:10px!important}
#hero-section .hero-title{margin-top:4px!important}
@media (max-width:767px){#hero-section .hero-title{margin-top:12px!important}}
#hero-section .hero-content{padding-bottom:6px!important}

/* Year picker = a compact dropdown (header + six rows), not a full-card overlay: no empty space above/below.
   The list itself scrolls for the years beyond the six visible rows. */
.ef-selector-overlay:has(.ef-selector-list[data-mode="years"]){inset:0 0 auto 0;height:auto;justify-content:flex-start;gap:8px;padding-bottom:12px;border-radius:18px;box-shadow:0 18px 36px rgba(6,28,70,.35)}

/* Year picker fills the card again: six rows stretch to the available height (set from script), the rest scrolls */
.ef-selector-overlay:has(.ef-selector-list[data-mode="years"]){inset:0;height:auto;justify-content:flex-start;gap:8px;padding-bottom:12px;box-shadow:none;border-radius:inherit}
.ef-selector-list[data-mode="years"]{flex:1 1 0;min-height:0;height:auto;grid-auto-rows:var(--year-row,40px)}

/* View-all popups with photos (engine codes, models): the option must be tall enough for photo + label */
.ef-selector-list[data-mode="engineCodes"] .ef-selector-option,.ef-selector-list[data-mode="models"] .ef-selector-option{height:auto;min-height:86px;gap:3px;padding:6px 4px}
.ef-selector-list[data-mode="engineCodes"] .ef-selector-option span,.ef-selector-list[data-mode="models"] .ef-selector-option span{line-height:1.15}
@media (max-width:760px){
  .ef-selector-list[data-mode="engineCodes"] .ef-selector-option,.ef-selector-list[data-mode="models"] .ef-selector-option{min-height:80px}
}

/* The per-logo crop/scale values assume a 17:10 image box; keep that shape at every size so logos are never cut */
.ef-manual-search .ef-make-tile img,.ef-manual-search .ef-selector-option img.ef-selector-logo{aspect-ratio:17/10;height:auto!important}

/* Selected tiles lift by only ~4%, and the rows have enough air (gap + heading margins) that the lift never touches a neighbour or a heading */
.ef-choice-tile.is-selected,.ef-year-tile.is-selected,
.ef-choice-tile.is-selected:hover:not(:disabled),.ef-year-tile.is-selected:hover:not(:disabled){transform:scale(1.045)}
@media (max-width:760px){
  .ef-tile-strip{gap:8px}
  .ef-configurator{gap:14px}
  .ef-step-heading{margin:6px 0 8px}
  /* Balance the space above/below the Find button: pull it up out of the
     stacked 10px row-gaps above it and give the card the same ~10px of
     air below it that it already has above the toggle tabs. */
  .ef-configurator .ef-find-button{margin-top:-15px}
  .ef-manual-search{padding-bottom:14px}
}

/* Phones: a proper margin of hero background below the search card (desktop keeps its own spacing) */
@media (max-width:760px){
  #hero-section .hero-content{padding-bottom:30px!important}
}

/* Engine Code tab's brand popup = the Make & Model brand popup: 3 brands per row on phones */
@media (max-width:760px){
  .ef-selector-list[data-mode="engineMakes"] .ef-selector-option{flex-basis:calc((100% - 10px)/3)}
}

/* Desktop hero1 balance: tabs shorter, lighter tile labels (no wrapping of e.g. Mercedes-Benz), equal make/model tile height, centred View All, air below Find */
@media (min-width:761px){
  .ef-manual-search .ef-search-tab{min-height:40px}
  .ef-manual-search .ef-search-tabs{margin:0}
  .ef-manual-search .ef-step-heading{margin:2px 0 3px}
  .ef-manual-search .ef-make-tile,.ef-manual-search .ef-model-tile{font-weight:600}
  .ef-manual-search .ef-make-tile span,.ef-manual-search .ef-model-tile span{font-weight:600;letter-spacing:-.01em}
  .ef-manual-search .ef-make-tile span{white-space:nowrap;font-size:9.5px}
  .ef-manual-search .ef-make-grid>.ef-choice-tile,.ef-manual-search .ef-model-grid>.ef-choice-tile{height:72px;min-height:72px;aspect-ratio:auto}
  .ef-manual-search .ef-make-grid>.ef-view-all,.ef-manual-search .ef-model-grid>.ef-view-all{height:72px;min-height:72px}
  .ef-manual-search .ef-view-all{justify-content:center;text-align:center;font-weight:700}
  .ef-manual-search .ef-view-all span:first-child{flex:0 1 auto;text-align:center;overflow:visible;text-overflow:clip;white-space:normal}
  .ef-manual-search .ef-find-button{margin-bottom:8px}
}
@media (min-width:761px){
  .ef-manual-search{gap:0!important;row-gap:0!important}
  .ef-manual-search .ef-search-panel{justify-content:space-evenly}
  .ef-manual-search .ef-step-heading{margin:2px 0 3px;font-size:13.5px}
  .ef-manual-search .ef-make-grid>.ef-choice-tile,.ef-manual-search .ef-model-grid>.ef-choice-tile,.ef-manual-search .ef-make-grid>.ef-view-all,.ef-manual-search .ef-model-grid>.ef-view-all{height:72px;min-height:72px}
  .ef-manual-search .ef-year-tile,.ef-manual-search .ef-year-grid>.ef-view-all{height:28px;min-height:28px;padding-block:0}
  .ef-manual-search .ef-year-grid>.ef-view-all span:first-child{white-space:nowrap;font-size:10px}
  .ef-manual-search .ef-find-button{margin-bottom:6px}
}

/* View All: same weight as the make/model labels, chevron tucked close to the text so the pair reads as centred */
.ef-manual-search .ef-view-all{gap:2px}
@media (min-width:761px){ .ef-manual-search .ef-view-all{font-weight:600} }
@media (max-width:760px){ .ef-manual-search .ef-view-all{font-weight:700} }

/* View All: label truly centred in the tile; chevron pinned to the right edge */
.ef-manual-search .ef-view-all{position:relative;justify-content:center;padding-inline:16px}
.ef-manual-search .ef-view-all span:first-child{flex:0 1 auto;text-align:center}
.ef-manual-search .ef-view-all .ef-chev{position:absolute;right:5px;top:50%;transform:translateY(-50%)}

/* Brands / Models View All: label on two lines, chevron on a third line below it (Year tile is too short, keeps side chevron) */
.ef-manual-search .ef-make-grid>.ef-view-all,.ef-manual-search .ef-model-grid>.ef-view-all{flex-direction:column;gap:3px;padding-inline:4px}
.ef-manual-search .ef-make-grid>.ef-view-all .ef-chev,.ef-manual-search .ef-model-grid>.ef-view-all .ef-chev{position:static;transform:none;display:inline-flex;justify-content:center}
.ef-manual-search .ef-make-grid>.ef-view-all .ef-chev svg,.ef-manual-search .ef-model-grid>.ef-view-all .ef-chev svg{transform:rotate(90deg)}

/* Two-card hero: the section had a fixed 698px minimum height, leaving ~100px of empty space under the cards.
   Size to content and keep 20px below the cards, same as the home page. */
@media (min-width:768px){
  #hero-section{min-height:0!important;height:auto!important}
  #hero-section .hero-content{padding-bottom:20px!important}
}

/* Two-card hero, Make & Model tab: a little air after the tabs, no empty status line above Find,
   taller tiles use the freed height. Card height stays 360px (matches the registration card). */
@media (min-width:761px){
  .ef-manual-search:not(.ef-3tab) .ef-inline-status:empty{display:none}
  .ef-manual-search:not(.ef-3tab) .ef-configurator>.ef-step:first-child .ef-step-heading{margin-top:4px}
  .ef-manual-search:not(.ef-3tab) .ef-find-button{margin-bottom:4px}
  .ef-manual-search:not(.ef-3tab) .ef-search-panel{justify-content:center}
  .ef-manual-search:not(.ef-3tab) .ef-make-grid>.ef-choice-tile,.ef-manual-search:not(.ef-3tab) .ef-model-grid>.ef-choice-tile,.ef-manual-search:not(.ef-3tab) .ef-make-grid>.ef-view-all,.ef-manual-search:not(.ef-3tab) .ef-model-grid>.ef-view-all{height:76px;min-height:76px}
  .ef-manual-search:not(.ef-3tab) .ef-year-tile,.ef-manual-search:not(.ef-3tab) .ef-year-grid>.ef-view-all{height:30px;min-height:30px}
}

/* Mobile two-card hero: slightly tighter vertical rhythm; View All and tile labels share one lighter weight */
@media (max-width:760px){
  .ef-manual-search:not(.ef-3tab) .ef-search-tabs{margin-bottom:10px}
  .ef-manual-search:not(.ef-3tab) .ef-configurator{gap:13px}
  .ef-manual-search .ef-view-all,.ef-manual-search .ef-make-tile span,.ef-manual-search .ef-model-tile span{font-weight:600}
}

/* Two-card hero: title and subtitle centred on mobile and desktop */
#hero-section .hero-content .hero-title,#hero-section .hero-content #h1para{text-align:center!important}

/* Phones: drop the closing "Compare quotes & save up to 60% online." sentence from the hero paragraph */
@media (max-width:760px){ #hero-section #h1para .ef-hero-cta-line{display:none} }

/* Two-card hero, desktop: paragraph under the H1 is narrower (about 75-80% of the title width), centred */
@media (min-width:1024px){
  #hero-section .hero-content #h1para{max-width:78%;margin-left:auto;margin-right:auto}
}

/* Phones, two-card hero: space between the toggle tabs and "Select Your Make" equals the space between the reg plate and Get Free Quote (16px) */
@media (max-width:760px){
  .ef-manual-search:not(.ef-3tab){gap:0!important;row-gap:0!important}
}

/* Two-card hero: equal space above/below the content in both cards (heights unchanged), a little air above Find My Engine */
@media (min-width:761px){
  .animated-box-left{padding-top:17px!important;padding-bottom:17px!important}
  .ef-manual-search:not(.ef-3tab){padding-top:7px!important;padding-bottom:5px!important}
  .ef-manual-search:not(.ef-3tab) .ef-make-grid>.ef-choice-tile,.ef-manual-search:not(.ef-3tab) .ef-model-grid>.ef-choice-tile,.ef-manual-search:not(.ef-3tab) .ef-make-grid>.ef-view-all,.ef-manual-search:not(.ef-3tab) .ef-model-grid>.ef-view-all{height:74px!important;min-height:74px!important}
  .ef-manual-search:not(.ef-3tab) .ef-find-button{margin-top:6px!important;margin-bottom:0!important}
}
@media (max-width:760px){
  .ef-manual-search:not(.ef-3tab){padding-bottom:10px!important}
}

/* Phones, two-card hero: identical 16px above each heading (under the tabs, above Model, above Year) */
@media (max-width:760px){
  .ef-manual-search:not(.ef-3tab) .ef-configurator{gap:10px!important}
  .ef-manual-search:not(.ef-3tab) .ef-find-button{margin-top:-13px!important}
}