/* ============================================================
   HOMEPAGE - Steel Hybrid V4
   Transcribed from the approved mockup homepage-v4.html.
   Every selector is scoped under .cfah so the generic class names
   used in the mockup cannot collide with Elementor pages.
   ============================================================ */
.cfah{
  --red:#C8102E; --red-dk:#9B0B22; --red-lt:#E63946; --red-pale:rgba(200,16,46,0.08);
  --black:#0D0D0D; --ink:#1A1C1F;
  --steel-dk:#2C2F35; --steel-mid:#3C4048; --steel-body:#4A5060;
  --steel-card:#ECEEF2; --steel-lt:#DFE2E8; --steel-pale:#F0F2F5;
  --silver:#A8B0BC; --white:#FFFFFF;
  --green:#16A34A; --green-bg:rgba(22,163,74,0.12); --yellow:#D97706; --border:#CDD1D8;
  font-family:'Barlow',sans-serif; color:var(--ink);
}
.cfah *{box-sizing:border-box;}
.cfah h1,.cfah h2,.cfah h3,.cfah p,.cfah ul{margin:0;padding:0;}
.cfah .hero {
    min-height: 100vh;
    padding: 116px 5% 80px;
    display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;
    position: relative; overflow: hidden;
    background: var(--steel-pale);
  }
.cfah .hero::before {
    content:''; position:absolute; inset:0; z-index:0;
    background: repeating-linear-gradient(
      -65deg,
      transparent, transparent 60px,
      rgba(0,0,0,0.015) 60px, rgba(0,0,0,0.015) 61px
    );
  }
.cfah .hero-ghost {
    position:absolute; inset:0; z-index:1;
    background-image: url('/wp-content/uploads/2026/09/pumper-driver-side.jpg');
    background-size:cover; background-position:center 35%;
    opacity: 0.04;
  }
.cfah .hero-photo {
    position:absolute; inset:0; z-index:2;
    background-image: url('/wp-content/uploads/2026/09/pumper-driver-side.jpg');
    background-size:cover; background-position:center 35%;
    clip-path: polygon(46% 0%, 100% 0%, 100% 100%, 38% 100%);
  }
.cfah .hero-photo-tint {
    position:absolute; inset:0; z-index:3;
    background: linear-gradient(95deg,
      rgba(240,242,245,0)   0%,
      rgba(240,242,245,0)  35%,
      rgba(240,242,245,0.9) 43%,
      rgba(44,47,53,0.15)   52%,
      rgba(44,47,53,0.0)   60%,
      rgba(44,47,53,0.0)  100%
    );
  }
.cfah .hero-left { position:relative; z-index:5; }
.cfah .hero-right { position:relative; z-index:5; }
.cfah .hero-eyebrow {
    display:inline-flex; align-items:center; gap:8px;
    background:var(--steel-card); border:1px solid var(--border);
    padding:6px 14px; margin-bottom:22px;
    clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
  }
.cfah .pulse-dot { width:7px; height:7px; background:var(--red); border-radius:50%; animation:pulse 1.6s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.7)} }
.cfah .eyebrow-text { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.18em; text-transform:uppercase; color:var(--steel-body); }
.cfah h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(54px,7vw,100px); line-height:0.9; letter-spacing:0.02em; color:var(--ink); margin-bottom:20px; }
.cfah h1 .red { color:var(--red); }
.cfah .hero-desc { font-size:17px; line-height:1.72; color:var(--steel-body); max-width:460px; margin-bottom:36px; }
.cfah .hero-desc strong { color:var(--ink); font-weight:600; }
.cfah .btn-row { display:flex; gap:12px; flex-wrap:wrap; }
.cfah .btn-primary { display:inline-flex; align-items:center; gap:8px; background:var(--red); color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none; padding:14px 28px; border:none; cursor:pointer; clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); transition:background .2s, transform .15s; }
.cfah .btn-primary:hover { background:var(--red-lt); transform:translateY(-2px); }
.cfah .btn-outline { display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--ink); font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none; padding:13px 28px; border:1.5px solid var(--border); clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); transition:border-color .2s, transform .15s; cursor:pointer; }
.cfah .btn-outline:hover { border-color:var(--steel-body); transform:translateY(-2px); }
.cfah .btn-outline-light { display:inline-flex; align-items:center; gap:8px; background:transparent; color:var(--white); font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none; padding:13px 28px; border:1.5px solid rgba(255,255,255,0.3); clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); transition:border-color .2s, transform .15s; cursor:pointer; }
.cfah .btn-outline-light:hover { border-color:rgba(255,255,255,0.7); transform:translateY(-2px); }
.cfah .hero-stats { display:flex; gap:40px; flex-wrap:wrap; margin-top:44px; padding-top:28px; border-top:1px solid var(--border); }
.cfah .stat-num { font-family:'Bebas Neue',sans-serif; font-size:44px; line-height:1; color:var(--ink); letter-spacing:0.02em; }
.cfah .stat-num span { color:var(--red); }
.cfah .stat-label { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:var(--silver); margin-top:3px; }
.cfah .hero-difference { background:var(--white); border:1px solid var(--border); box-shadow:0 8px 48px rgba(0,0,0,0.14); overflow:hidden; }
.cfah .diff-header { background:var(--red); padding:16px 24px; display:flex; align-items:center; gap:12px; }
.cfah .diff-header-icon { font-size:20px; }
.cfah .diff-header-title { font-family:'Bebas Neue',sans-serif; font-size:21px; letter-spacing:0.06em; color:var(--white); }
.cfah .diff-header-sub { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgba(255,255,255,0.65); margin-top:1px; }
.cfah .diff-item { display:flex; align-items:flex-start; gap:14px; padding:14px 22px; border-bottom:1px solid var(--steel-lt); transition:background .15s; }
.cfah .diff-item:last-child { border-bottom:none; }
.cfah .diff-item:hover { background:var(--steel-card); }
.cfah .diff-check { width:24px; height:24px; flex-shrink:0; background:var(--green-bg); border:1px solid rgba(22,163,74,0.2); display:flex; align-items:center; justify-content:center; font-size:11px; margin-top:2px; color:var(--green); }
.cfah .diff-item-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink); margin-bottom:2px; }
.cfah .diff-item-desc { font-size:12px; color:var(--steel-body); line-height:1.45; }
.cfah .diff-footer { padding:14px 22px; background:var(--steel-card); border-top:1px solid var(--steel-lt); display:flex; align-items:center; gap:10px; }
.cfah .diff-footer-text { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--silver); }
.cfah .diff-footer-text strong { color:var(--steel-body); }
.cfah .trust-bar {
    padding: 0 5%;
    background: var(--steel-mid);
    display: flex; align-items:stretch; overflow-x:auto;
    border-top: 1px solid rgba(255,255,255,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.2);
  }
.cfah .trust-item { display:flex; align-items:center; gap:10px; padding:18px 28px; border-right:1px solid rgba(255,255,255,0.06); white-space:nowrap; flex-shrink:0; }
.cfah .trust-icon { font-size:16px; }
.cfah .trust-text { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; color:rgba(255,255,255,0.45); }
.cfah .trust-text strong { color:var(--white); }
.cfah .garage-section { display:grid; grid-template-columns:1fr 1fr; min-height:520px; }
.cfah .garage-visual {
    position:relative; overflow:hidden;
    display:flex; align-items:flex-end; min-height:520px;
    background: linear-gradient(135deg, #1a1c1f 0%, #0d0d0d 60%, #1a0808 100%);
  }
.cfah .garage-visual::before {
    content:''; position:absolute; inset:0; pointer-events:none;
    background: repeating-linear-gradient(-55deg,transparent,transparent 28px,rgba(200,16,46,0.025) 28px,rgba(200,16,46,0.025) 29px);
  }
.cfah .garage-photo { display:none; }
.cfah .garage-overlay { display:none; }
.cfah .garage-visual::after { content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:var(--red); z-index:3; }
.cfah .garage-caption {
    position:relative; z-index:4; padding:20px 24px 24px; width:100%;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 60%, transparent 100%);
  }
.cfah .garage-caption-label { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:rgba(255,255,255,0.6); margin-bottom:6px; }
.cfah .garage-caption-title { font-family:'Bebas Neue',sans-serif; font-size:28px; letter-spacing:0.04em; color:#fff; margin-bottom:3px; text-shadow:0 2px 8px rgba(0,0,0,0.8); }
.cfah .garage-caption-sub { font-size:13px; color:rgba(255,255,255,0.7); line-height:1.5; text-shadow:0 1px 4px rgba(0,0,0,0.8); }
/* Moved out of the photo panel - it vanished against the sliding truck.
   Now it sits beside the heading at the top of the content column. */
.cfah .garage-head { display:flex; align-items:flex-start; justify-content:space-between; gap:28px; margin-bottom:18px; }
.cfah .garage-head h2 { margin-bottom:0; }
.cfah .garage-head h2 { flex:1 1 auto; min-width:0; }
.cfah .garage-badge { flex:0 0 auto; background:var(--red); padding:14px 20px; text-align:center; align-self:flex-start; clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%); }
.cfah .garage-badge-main { font-family:'Bebas Neue',sans-serif; font-weight:800; font-size:17px; color:#fff; letter-spacing:0.06em; line-height:1.25; white-space:nowrap; }
.cfah .garage-badge-sub { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; color:rgba(255,255,255,0.8); margin-top:4px; }
.cfah .garage-content { background:var(--steel-card); padding:72px 56px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid var(--border); }
.cfah .section-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:var(--red); margin-bottom:12px; }
.cfah h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,4.5vw,56px); line-height:0.93; letter-spacing:0.02em; color:var(--ink); margin-bottom:18px; }
.cfah h2 .red { color:var(--red); }
.cfah .garage-desc { font-size:15px; line-height:1.72; color:var(--steel-body); margin-bottom:24px; max-width:440px; }
.cfah .garage-desc strong { color:var(--ink); font-weight:600; }
.cfah .strength-list { display:flex; flex-direction:column; gap:8px; margin-bottom:28px; }
.cfah .strength-item { display:flex; align-items:center; gap:12px; padding:10px 14px; background:var(--white); border:1px solid var(--border); }
.cfah .strength-icon { font-size:14px; flex-shrink:0; }
.cfah .strength-text { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--steel-body); }
.cfah .inventory-section { padding:72px 5%; background:var(--steel-pale); }
.cfah .section-header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:18px; flex-wrap:wrap; gap:12px; }
.cfah .filter-bar { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:32px; padding-bottom:22px; border-bottom:1px solid var(--border); }
.cfah .filter-btn { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:7px 18px; background:var(--white); border:1px solid var(--border); color:var(--steel-body); cursor:pointer; transition:all .15s; clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%); }
.cfah .filter-btn.active { background:var(--red); border-color:var(--red); color:#fff; }
.cfah .filter-btn:hover:not(.active) { border-color:var(--steel-body); color:var(--ink); }
.cfah .inventory-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.cfah .truck-card { background:var(--white); border:1px solid var(--border); box-shadow:0 2px 8px rgba(0,0,0,0.06); overflow:hidden; cursor:pointer; position:relative; transition:transform .2s, box-shadow .2s; }
.cfah .truck-card:hover { transform:translateY(-4px); box-shadow:0 10px 28px rgba(0,0,0,0.12); }
.cfah .truck-card:hover .quick-view { opacity:1; transform:translateY(0); }
.cfah .truck-card.courtesy { opacity:.72; background:var(--steel-card); }
.cfah .truck-card.courtesy:hover { opacity:.9; }
.cfah .card-img-area { height:160px; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.cfah .status-badge { position:absolute; top:10px; left:0; font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; padding:3px 12px 3px 8px; clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%); z-index:2; }
.cfah .status-badge.available { background:var(--green); color:#fff; }
.cfah .status-badge.pending { background:var(--yellow); color:#fff; }
.cfah .status-badge.courtesy { background:var(--silver); color:#fff; }
.cfah .quick-view { position:absolute; bottom:0; left:0; right:0; background:rgba(200,16,46,0.9); padding:9px; text-align:center; font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:#fff; opacity:0; transform:translateY(4px); transition:opacity .2s, transform .2s; }
.cfah .card-body { padding:14px 14px 16px; }
.cfah .card-meta { display:flex; align-items:center; gap:7px; margin-bottom:5px; }
.cfah .card-year { font-family:'Bebas Neue',sans-serif; font-size:17px; color:var(--red); letter-spacing:0.05em; }
.cfah .card-type-tag { font-family:'Barlow Condensed',sans-serif; font-size:10px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--silver); background:var(--steel-card); border:1px solid var(--border); padding:1px 7px; }
.cfah .card-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; color:var(--ink); line-height:1.25; margin-bottom:8px; }
.cfah .card-specs-row { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.cfah .cspec { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--silver); }
.cfah .cspec strong { color:var(--steel-body); }
.cfah .card-price { font-family:'Bebas Neue',sans-serif; font-size:24px; color:var(--ink); letter-spacing:0.03em; }
.cfah .card-price sup { font-family:'Barlow',sans-serif; font-size:12px; color:var(--silver); font-weight:600; }
.cfah .view-all-link { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--red); text-decoration:none; border-bottom:1px solid rgba(200,16,46,0.3); padding-bottom:2px; }
.cfah .sell-section { display:grid; grid-template-columns:1fr 1fr; min-height:400px; }
.cfah .sell-left {
    background: var(--black);
    padding: 72px 56px;
    display: flex; flex-direction:column; justify-content:center;
    position: relative; overflow: hidden;
    border-left: 5px solid var(--red);
  }
.cfah .sell-left::before {
    content: '';
    position: absolute; inset: 0;
    background-image: url('/wp-content/uploads/2026/09/rescue-driver-side.jpg');
    background-size: cover;
    background-position: center 40%;
    opacity: 0.07;
    pointer-events: none;
  }
.cfah .sell-left::after {
    content: '';
    position: absolute;
    top: -60px; right: -40px;
    width: 180px; height: 140%;
    background: rgba(200,16,46,0.07);
    transform: rotate(-12deg);
    pointer-events: none;
  }
.cfah .sell-watermark {
    position: absolute;
    bottom: -20px; right: -10px;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 160px; letter-spacing: 0.04em;
    color: rgba(255,255,255,0.025);
    line-height: 1;
    pointer-events: none;
    z-index: 0;
    user-select: none;
  }
.cfah .sell-eyebrow { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.2em; text-transform:uppercase; color:rgba(255,255,255,0.35); margin-bottom:10px; position:relative; z-index:1; }
.cfah .sell-left h2 { color:var(--white); margin-bottom:14px; position:relative; z-index:1; }
.cfah .sell-left p { font-size:15px; color:rgba(255,255,255,0.55); line-height:1.65; margin-bottom:28px; max-width:400px; position:relative; z-index:1; }
.cfah .btn-white { display:inline-block; position:relative; z-index:1; background:var(--white); color:var(--black); font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none; padding:14px 28px; clip-path:polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%); width:fit-content; transition:background .2s, transform .15s; }
.cfah .btn-white:hover { background:var(--steel-card); transform:translateY(-2px); }
.cfah .sell-right { background:var(--steel-card); padding:56px; border-left:1px solid var(--border); display:flex; flex-direction:column; justify-content:center; gap:22px; }
.cfah .process-step { display:flex; gap:16px; align-items:flex-start; }
.cfah .step-num { font-family:'Bebas Neue',sans-serif; font-size:32px; color:var(--red); letter-spacing:0.05em; line-height:1; width:36px; flex-shrink:0; }
.cfah .step-title { font-family:'Barlow Condensed',sans-serif; font-size:15px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink); margin-bottom:4px; }
.cfah .step-desc { font-size:13px; color:var(--steel-body); line-height:1.55; }
.cfah .testimonials { padding:72px 5%; background:var(--steel-card); }
.cfah .testi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:14px; margin-top:44px; }
.cfah .testi-card { background:var(--white); padding:28px 24px; border:1px solid var(--border); border-top:3px solid var(--red); box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.cfah .stars { display:flex; gap:3px; margin-bottom:12px; }
.cfah .testi-text { font-size:14px; line-height:1.72; color:var(--steel-body); margin-bottom:18px; font-style:italic; }
.cfah .testi-author { display:flex; align-items:center; gap:12px; }
.cfah .testi-avatar { width:38px; height:38px; border-radius:50%; background:var(--red-pale); border:2px solid rgba(200,16,46,0.2); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.cfah .testi-name { font-family:'Barlow Condensed',sans-serif; font-size:14px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--ink); }
.cfah .testi-dept { font-size:12px; color:var(--silver); margin-top:2px; }
@media (max-width:960px){
.cfah .hero { grid-template-columns:1fr; gap:40px; }
.cfah .hero-photo { clip-path:none; opacity:.08; }
.cfah .hero-photo-tint { display:none; }
.cfah .garage-section { grid-template-columns:1fr; }
.cfah .sell-section { grid-template-columns:1fr; }
.cfah .footer-top { grid-template-columns:1fr 1fr; }
.cfah .nav-links { display:none; }
.cfah .inventory-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
.cfah .footer-top { grid-template-columns:1fr; }
.cfah .inventory-grid { grid-template-columns:1fr; }
}

/* ---- garage truck animation (was missing from the extraction) ---- */
.cfah .garage-truck-wrap {
    position: absolute;
    bottom: 0;
    left: -110%;
    width: 115%;   /* larger — fills the panel nicely */
    z-index: 2;
    pointer-events: none;
  }
.cfah .garage-truck-wrap.in-view {
    animation: truckSlideIn 3.8s cubic-bezier(0.16, 0.84, 0.44, 1) forwards;
  }
.cfah .garage-truck-img {
    width: 100%;
    display: block;
    /* lighten blends correctly on dark backgrounds — white becomes transparent */
    mix-blend-mode: lighten;
    filter: drop-shadow(-10px 6px 20px rgba(0,0,0,0.9));
  }
.cfah .garage-truck-wrap.in-view {
    animation: truckSlideIn 3.8s cubic-bezier(0.16, 0.84, 0.44, 1) forwards;
  }
@keyframes truckSlideIn {
    0%   { left: -110%; opacity: 0; }
    15%  { opacity: 1; }
    100% { left: -10%; }
  }

/* ---- homepage corrections ---- */
/* Bebas Neue must be weight 800 in this kit or it renders too light. */
.cfah h1,.cfah h2,.cfah .stat-num,.cfah .garage-caption-title,.cfah .sell-left h2{font-weight:800;}

/* Name and department were sitting too far apart in the testimonial cards. */
.cfah .testi-name{margin-bottom:1px;line-height:1.2;}
.cfah .testi-dept{line-height:1.3;}
.cfah .testi-author{align-items:center;}



/* ---- trust bar: fluid across every width ----
   The mockup used nowrap with fixed padding, so five items overflowed and
   produced a scrollbar from roughly 1550px down. An equal five-column grid
   with clamped type and padding fits at any width instead. ---- */
.cfah .trust-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;overflow:visible;}
.cfah .trust-item{white-space:normal;flex-shrink:1;min-width:0;justify-content:center;padding:15px clamp(8px,1.1vw,26px);gap:clamp(6px,0.55vw,10px);}
.cfah .trust-item:last-child{border-right:none;}
.cfah .trust-text{font-size:clamp(9.5px,0.76vw,12px);letter-spacing:clamp(.04em,.07vw,.1em);line-height:1.35;}
.cfah .trust-icon{font-size:clamp(12px,1vw,16px);line-height:1;flex:0 0 auto;}
.cfah .trust-icon img.emoji{width:1em;height:1em;vertical-align:-0.1em;}

/* ---- trust bar on small screens ----
   Horizontal scrolling gave no affordance, so it read as cut off rather than
   scrollable. Wrapping to two columns keeps all five claims visible. ---- */
@media (max-width:760px){
  .cfah .trust-bar{
	display:grid;grid-template-columns:1fr 1fr;
	overflow-x:visible;padding:0;
  }
  .cfah .trust-item{
	white-space:normal;flex-shrink:1;
	padding:13px 14px;gap:8px;
	border-right:1px solid rgba(255,255,255,0.06);
	border-bottom:1px solid rgba(255,255,255,0.06);
	align-items:flex-start;
  }
  /* right column has no divider, last row has no bottom rule */
  .cfah .trust-item:nth-child(2n){border-right:none;}
  .cfah .trust-item:nth-last-child(-n+1){border-bottom:none;}
  /* an odd count leaves the last item spanning the full width */
  .cfah .trust-item:last-child:nth-child(odd){grid-column:1 / -1;border-right:none;}
  .cfah .trust-text{font-size:10.5px;letter-spacing:.08em;line-height:1.45;}
  .cfah .trust-icon{font-size:14px;line-height:1.3;flex:0 0 auto;}
  .cfah .trust-icon img.emoji{width:14px;height:14px;}
}

/* ---- garage panel height on small screens ----
   The panel has a fixed 520px minimum from the desktop layout. Once it goes
   full width the truck renders shorter than that, leaving black above it.
   Height now follows the image, with room for the caption. ---- */
@media (max-width:960px){
  .cfah .garage-section{min-height:0;}
  .cfah .garage-visual{
	min-height:0;
	aspect-ratio:1.332;
  }
}
/* The content column is narrow from about 1150 down - below that the badge
   drops under the heading rather than fighting it for width. It stays right
   aligned through tablet and mobile landscape. */
@media (max-width:1150px) and (min-width:961px){
  .cfah .garage-head{flex-direction:column;gap:18px;}
  .cfah .garage-badge{align-self:flex-end;}
}
/* Below 960 the garage section is already single column, so the content spans
   the full page and there is room for the badge beside the heading again. */
@media (max-width:960px) and (min-width:561px){
  .cfah .garage-head{flex-direction:row;align-items:flex-start;gap:24px;}
  .cfah .garage-badge{align-self:flex-start;}
}
/* Portrait: a narrow right-aligned tag looked stranded, so it becomes a
   full-width band sitting on the same 18px rhythm as the heading. */
@media (max-width:560px){
  .cfah .garage-head{flex-direction:column;align-items:stretch;gap:18px;}
  .cfah .garage-head h2{width:100%;}
  .cfah .garage-badge{align-self:stretch;width:100%;padding:15px 18px;}
  .cfah .garage-badge-main{font-size:16px;white-space:normal;}
}
@media (max-width:600px){
  .cfah .garage-caption{padding:16px 18px 18px;}
}

/* ---- sell band ----
   Full width rather than a split panel, so it reads as the call to action
   between the garage section and the testimonials instead of a third
   two-column block in a row. ---- */
.cfah .sell-band{
	background:var(--black);position:relative;overflow:hidden;
	border-top:4px solid var(--red);
	padding:clamp(44px,5vw,72px) 5%;
}
.cfah .sell-band::before{content:'';position:absolute;inset:0;background-image:url('/wp-content/uploads/2026/09/garage-lot.jpg');background-size:cover;background-position:center;opacity:.14;}
.cfah .sell-band::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(13,13,13,.94) 0%,rgba(13,13,13,.82) 45%,rgba(155,11,34,.35) 100%);}
.cfah .sell-band-inner{position:relative;z-index:2;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;}

.cfah .sell-band-head h2{color:#fff;font-size:clamp(2rem,3.4vw,3rem);line-height:.95;margin:0 0 14px;}
.cfah .sell-band-head h2 .red{color:var(--red-lt);}
.cfah .sell-band-head p{color:var(--silver);font-size:.9375rem;line-height:1.7;margin:0 0 22px;}
.cfah .sell-band .sell-eyebrow{margin-bottom:10px;}

.cfah .sell-band-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,38px);}
.cfah .sell-band .process-step{display:block;padding-left:16px;border-left:2px solid rgba(255,255,255,.14);}
.cfah .sell-band .step-num{font-family:'Bebas Neue',sans-serif;font-weight:800;font-size:1.75rem;line-height:1;color:var(--red-lt);margin-bottom:8px;}
.cfah .sell-band .step-title{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:6px;}
.cfah .sell-band .step-desc{font-family:'Barlow',sans-serif;font-size:.8125rem;line-height:1.6;color:var(--silver);}

@media (max-width:960px){
  .cfah .sell-band-inner{grid-template-columns:1fr;gap:32px;}
  .cfah .sell-band-steps{grid-template-columns:1fr;gap:20px;}
}

/* ---- delivery stories ----
   Dated proof: a photo of the truck, the department, the month. Sits above
   the testimonials so the evidence comes before the quotes. ---- */
.cfah .stories{padding:clamp(48px,5vw,76px) 5%;background:var(--white);}
.cfah .stories .section-header{max-width:1440px;margin:0 auto 28px;}
.cfah .stories-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.6vw,26px);}

.cfah .story-card{
	display:flex;flex-direction:column;text-decoration:none;color:inherit;
	background:var(--white);border:1px solid var(--steel-lt);
	transition:transform .2s,box-shadow .2s;overflow:hidden;
}
.cfah .story-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(13,13,13,.10);}
.cfah .story-img{position:relative;aspect-ratio:16/10;background:var(--steel-card);overflow:hidden;}
.cfah .story-img img{width:100%;height:100%;object-fit:cover;display:block;}
.cfah .story-date{
	position:absolute;top:12px;left:0;background:var(--steel-dk);color:#fff;
	font-family:'Barlow Condensed',sans-serif;font-size:.625rem;font-weight:800;
	letter-spacing:.16em;text-transform:uppercase;padding:5px 14px 5px 10px;
	clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);
}
.cfah .story-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
.cfah .story-unit{font-family:'Barlow Condensed',sans-serif;font-size:.625rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:7px;}
.cfah .story-title{font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:800;line-height:1.28;letter-spacing:.02em;color:var(--ink);margin-bottom:6px;}
.cfah .story-dept{font-family:'Barlow',sans-serif;font-size:.8125rem;line-height:1.5;color:var(--steel-body);margin-bottom:14px;}
.cfah .story-more{margin-top:auto;font-family:'Barlow Condensed',sans-serif;font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--red);border-bottom:1px solid var(--red);align-self:flex-start;padding-bottom:1px;}

@media (max-width:960px){.cfah .stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:600px){.cfah .stories-grid{grid-template-columns:1fr;}}

/* ---- hero top padding ----
   The mockup nav was position:fixed and floated over the hero, so its 116px
   top padding was clearing an 80px overlay. The Elementor header sits in the
   flow instead, so that padding was stacking on top of it. ---- */
.cfah .hero{padding-top:clamp(28px,3vw,40px);min-height:calc(100vh - 92px);}
@media (max-width:960px){
  .cfah .hero{min-height:0;padding-top:clamp(24px,5vw,36px);padding-bottom:clamp(32px,6vw,56px);}
}

/* ---- inventory: live count button + "more units" tile (2026-09-21) ---- */
.cfah .view-all-btn { font-family:'Barlow Condensed',sans-serif; font-size:13px; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; color:#fff; background:var(--red); text-decoration:none; padding:15px 26px; display:inline-block; line-height:1; transition:background .2s; clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%); }
.cfah .view-all-btn:hover { background:#9B0B22; color:#fff; }

.cfah .inv-more-card { background:var(--red); text-decoration:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; text-align:center; padding:28px 18px; box-sizing:border-box; transition:background .2s, transform .2s; }
.cfah .inv-more-card:hover { background:#9B0B22; transform:translateY(-4px); }
.cfah .inv-more-num { font-family:'Bebas Neue',sans-serif; font-weight:800; font-size:clamp(38px,3.4vw,54px); line-height:.9; letter-spacing:0.01em; color:#fff; }
.cfah .inv-more-label { font-family:'Bebas Neue',sans-serif; font-weight:800; font-size:22px; line-height:1.05; letter-spacing:0.03em; color:#fff; }
.cfah .inv-more-cta { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; color:#fff; border:1.5px solid rgba(255,255,255,0.55); padding:10px 16px; margin-top:4px; }

/* below the 5-across grid the tile becomes a full-width bar instead of an orphan cell */
@media (max-width:960px){
  .cfah .inv-more-card { grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; gap:14px; padding:20px 24px; }
  .cfah .inv-more-num { font-size:40px; }
  .cfah .inv-more-label { font-size:20px; }
  .cfah .inv-more-label br { display:none; }
  .cfah .inv-more-cta { margin-top:0; margin-left:auto; }
}
@media (max-width:600px){
  .cfah .inv-more-card { flex-direction:column; gap:10px; padding:24px 18px; }
  .cfah .inv-more-cta { margin-left:0; }
  .cfah .view-all-btn { padding:14px 20px; font-size:12px; }
}