/* ═══════════════════════════════
       BRAND COLOUR TOKENS — DO NOT CHANGE
       Primary dark:  #231f20
       Primary yellow:#ffdc02
    ═══════════════════════════════ */
    :root {
      --c-dark:    #231f20;
      --c-yellow:  #ffdc02;
      --c-yellow-d:#d9bc00;
      --c-red:     #cc1100;
      --c-white:   #ffffff;
      --c-bg:      #f4f4f4;
      --c-bg2:     #eaeaea;
      --c-card:    #ffffff;
      --c-text:    #1c1c1c;
      --c-muted:   #5a5a5a;
      --c-border:  #d4d4d4;
      --shadow:    0 2px 12px rgba(0,0,0,0.08);
      --shadow-h:  0 6px 24px rgba(0,0,0,0.15);
      /* ── Official TDM logo palette (from TDM_Logo PDF) ── */
      --c-logo-red:    #cd3929;
      --c-logo-yellow: #f8da05;
      --c-logo-grey:   #bdbcbc;
      /* Display font for main headings — echoes the TDM logo lettering */
      --f-display: 'Anton', 'Barlow Condensed', sans-serif;
    }

    *{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;}
    body{font-family:'Barlow',sans-serif;color:var(--c-text);overflow-x:hidden;
      background:var(--c-bg);}
    body::before{display:none;}
    img{max-width:100%;height:auto;display:block;}

    .skip{position:absolute;top:-40px;left:0;background:var(--c-yellow);color:var(--c-dark);
      padding:8px 16px;text-decoration:none;font-weight:700;z-index:10000;transition:top .2s;}
    .skip:focus{top:0;}

    /* ═══ HEADER ═══ */
    header{position:fixed;top:0;left:0;right:0;z-index:1000;
      background:#000;box-shadow:0 2px 18px rgba(0,0,0,0.55);}
    .nav{max-width:1240px;margin:0 auto;padding:0 2rem;
      display:flex;align-items:center;justify-content:space-between;height:78px;gap:1rem;}
    .nav-logo img{height:46px;width:auto;}
    .nav-badges{display:flex;flex-direction:column;gap:3px;border-left:2px solid rgba(255,220,2,.3);
      padding-left:1rem;margin-left:.2rem;}
    .nav-badge{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;
      letter-spacing:.1em;text-transform:uppercase;color:var(--c-yellow);line-height:1.2;
      display:flex;align-items:center;gap:.4rem;white-space:nowrap;}
    .nav-badge i{font-size:.9rem;}
    .nav-links{display:flex;gap:1.6rem;list-style:none;align-items:center;}
    .nav-links a{color:rgba(255,255,255,.78);text-decoration:none;
      font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.95rem;
      letter-spacing:.07em;text-transform:uppercase;transition:color .2s;}
    .nav-links a:hover{color:var(--c-yellow);}
    .nav-cta{background:var(--c-yellow)!important;color:var(--c-dark)!important;
      padding:.42rem 1.3rem;border-radius:3px;font-weight:800!important;}
    .nav-cta:hover{background:var(--c-yellow-d)!important;}

    /* ═══ TICKER ═══ */
    .ticker-bar{background:var(--c-yellow);overflow:hidden;white-space:nowrap;
      position:fixed;top:78px;left:0;right:0;z-index:999;
      border-bottom:2px solid var(--c-yellow-d);}
    .ticker-track{display:inline-block;animation:tick 30s linear infinite;padding:6px 0;}
    .ticker-track:hover{animation-play-state:paused;}
    .t-item{display:inline-flex;align-items:center;gap:.45rem;
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;
      letter-spacing:.16em;text-transform:uppercase;color:var(--c-dark);padding:0 2rem;}
    .t-item i{font-size:13px;color:var(--c-red);}
    @keyframes tick{0%{transform:translateX(0)}100%{transform:translateX(-33.333%)}}

    /* ═══ HERO — background image ═══ */
    #hero{position:relative;min-height:560px;display:flex;align-items:center;
      padding-top:112px;border-bottom:4px solid var(--c-yellow);
      background:#201b1c url('images/hero-bg.webp') center/cover no-repeat;}
    .hero-overlay{position:absolute;inset:0;
      background:linear-gradient(100deg, rgba(20,17,18,.93) 0%, rgba(20,17,18,.85) 38%, rgba(20,17,18,.62) 70%, rgba(20,17,18,.45) 100%);
      z-index:1;}
    .hero-inner{position:relative;z-index:2;max-width:1240px;margin:0 auto;
      padding:3.2rem 2rem 3.2rem;max-width:720px;}
    .hero-tag{display:inline-flex;align-items:center;gap:.45rem;
      background:var(--c-yellow);color:var(--c-dark);
      font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.72rem;
      letter-spacing:.2em;text-transform:uppercase;padding:.3rem .85rem;
      border-radius:2px;margin-bottom:1.2rem;}
    .hero-tag i{font-size:12px;}
    .hero-brand-badge{position:absolute;top:calc(112px + 1rem);z-index:3;
      display:flex;flex-direction:column;align-items:center;gap:.15rem;}
    .hero-brand-badge-l{left:1.6rem;}
    .hero-brand-badge-r{right:1.6rem;}
    .hero-brand-badge img{height:34px;width:auto;display:block;
      filter:drop-shadow(0 3px 8px rgba(0,0,0,.5));}
    .hbb-label{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.62rem;
      letter-spacing:.14em;text-transform:uppercase;color:#fff;
      text-shadow:0 2px 6px rgba(0,0,0,.6);}
    .hbb-sub{font-family:'Barlow',sans-serif;font-weight:400;font-size:.55rem;
      color:rgba(255,255,255,.65);text-shadow:0 1px 4px rgba(0,0,0,.6);}
    @media (max-width:640px){
      .hero-brand-badge{top:calc(112px + .5rem);gap:.05rem;}
      .hero-brand-badge-l{left:.7rem;}
      .hero-brand-badge-r{right:.7rem;}
      .hero-brand-badge img{height:20px;}
      .hero-brand-badge .hbb-label,.hero-brand-badge .hbb-sub{display:none;}
    }

    #hero h1{font-family:var(--f-display);font-weight:400;font-style:italic;
      font-size:clamp(2.6rem,5.6vw,5rem);line-height:.94;letter-spacing:0;
      text-transform:uppercase;color:#fff;margin-bottom:1rem;
      text-shadow:0 4px 24px rgba(0,0,0,.4);}
    #hero h1 .accent{color:var(--c-yellow);}
    .hero-sub{font-family:'Barlow Condensed',sans-serif;font-weight:600;
      font-size:clamp(1rem,1.8vw,1.4rem);letter-spacing:.1em;text-transform:uppercase;
      color:#e8e6e6;margin-bottom:1.4rem;}
    .hero-desc{font-size:1rem;color:#d4d1d1;max-width:480px;line-height:1.7;margin-bottom:1.6rem;}
    .hero-btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.8rem;}

    /* ═══ BUTTONS ═══ */
    .btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.93rem;
      letter-spacing:.07em;text-transform:uppercase;padding:.78rem 1.8rem;
      border-radius:3px;cursor:pointer;text-decoration:none;
      display:inline-flex;align-items:center;gap:.45rem;
      transition:all .18s;border:2px solid transparent;}
    .btn i{font-size:15px;}
    .btn-y{background:var(--c-yellow);color:var(--c-dark);border-color:var(--c-yellow);}
    .btn-y:hover{background:var(--c-yellow-d);border-color:var(--c-yellow-d);}
    .btn-r{background:var(--c-red);color:#fff;border-color:var(--c-red);}
    .btn-r:hover{background:#a80e00;border-color:#a80e00;}
    .btn-d{background:var(--c-dark);color:var(--c-yellow);border-color:var(--c-dark);}
    .btn-d:hover{background:#3a3235;}
    .btn-o{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
    .btn-o:hover{background:#fff;color:var(--c-dark);border-color:#fff;}

    .hero-stats{display:flex;gap:2.5rem;padding-top:1.4rem;
      border-top:2px solid rgba(255,255,255,.25);flex-wrap:wrap;}
    .stat-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;
      font-size:2.4rem;color:var(--c-yellow);line-height:1;}
    .stat-lbl{font-size:.78rem;color:#e0dede;text-transform:uppercase;
      letter-spacing:.08em;margin-top:.15rem;}

    /* ═══ INFO BAR ═══ */
    .info-bar{background:var(--c-dark);padding:.65rem 0;}
    .info-inner{max-width:1240px;margin:0 auto;padding:0 2rem;
      display:flex;gap:2rem;align-items:center;flex-wrap:wrap;}
    .info-item{display:flex;align-items:center;gap:.5rem;
      font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.85rem;
      letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.75);
      text-decoration:none;transition:color .18s;}
    .info-item:hover{color:var(--c-yellow);}
    .info-item i{font-size:14px;color:var(--c-yellow);}
    .info-pill{margin-left:auto;background:var(--c-red);color:#fff;
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;
      letter-spacing:.12em;text-transform:uppercase;padding:.3rem .9rem;border-radius:2px;
      display:inline-flex;align-items:center;gap:.4rem;}
    .info-pill i{font-size:12px;}

    /* ═══ SECTIONS ═══ */
    .section{padding:5rem 0;}
    .section-textured{position:relative;background:transparent;}

    /* ═══ Per-section background photos ═══ */
    #services{background:linear-gradient(rgba(244,244,244,.72),rgba(244,244,244,.72)),
      url('images/tdm-workshop-vehicles-on-hoists.webp') center/cover no-repeat fixed;}
    #about{background:linear-gradient(rgba(244,244,244,.72),rgba(244,244,244,.72)),
      url('images/about-bg.webp') center/cover no-repeat fixed;}
    section[aria-label="Workshop gallery"]{
      background:linear-gradient(rgba(244,244,244,.72),rgba(244,244,244,.72)),
      url('images/golden-bay-tanker-trailer-brake-repair.webp') center/cover no-repeat fixed;}
    #contact{background:linear-gradient(rgba(244,244,244,.72),rgba(244,244,244,.72)),
      url('images/green-gorilla-waste-truck-service.webp') center/cover no-repeat fixed;}
    .section-alt{background:rgba(235,235,235,.15);}


    /* Faded photo watermarks scrolling behind each section */
    section[aria-label="Workshop gallery"]{padding:5rem 0;}
    .container{max-width:1240px;margin:0 auto;padding:0 2rem;}
    .eyebrow{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;
      letter-spacing:.3em;text-transform:uppercase;color:var(--c-red);
      margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem;}
    .eyebrow i{font-size:12px;}
    h2{font-family:var(--f-display);font-weight:400;font-style:italic;
      font-size:clamp(1.7rem,3.3vw,2.6rem);text-transform:uppercase;line-height:1.02;
      letter-spacing:0;color:var(--c-dark);margin-bottom:1.2rem;}
    h2 .acc{color:var(--c-red);}

    .brand-logos{display:flex;flex-wrap:wrap;align-items:center;gap:2.2rem;
      margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--c-border);}
    .brand-logos img{height:38px;width:auto;object-fit:contain;filter:grayscale(0%);}
    .blogo{display:flex;flex-direction:column;align-items:center;gap:.3rem;}
    .blogo-cap{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.62rem;
      letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);}

    /* ═══ SERVICES ═══ */
    .svc-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:2.5rem;}
    .svc-top p{color:var(--c-muted);line-height:1.8;font-size:.95rem;}
    .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
      background:var(--c-border);border:1px solid var(--c-border);
      border-radius:6px;overflow:hidden;}
    article.svc{background:var(--c-card);padding:1.8rem 1.6rem;
      transition:background .18s;position:relative;
      border-top:3px solid transparent;}
    article.svc:hover{background:#f8f8f8;border-top-color:var(--c-yellow);}
    .svc-icon{width:44px;height:44px;
      background:#fff9d0;border:1.5px solid var(--c-yellow);
      border-radius:6px;display:flex;align-items:center;justify-content:center;
      margin-bottom:1rem;color:var(--c-dark);}
    .svc-icon i{font-size:22px;}
    .svc-icon.red{background:#ffe8e8;border-color:var(--c-red);color:var(--c-red);}
    h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;
      text-transform:uppercase;letter-spacing:.04em;color:var(--c-dark);margin-bottom:.45rem;}
    article.svc p{color:var(--c-muted);font-size:.87rem;line-height:1.65;}
    .svc-badge{position:absolute;top:1rem;right:1rem;
      background:var(--c-red);color:#fff;
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.6rem;
      letter-spacing:.12em;text-transform:uppercase;padding:.18rem .5rem;border-radius:2px;}
    .svc.wide{grid-column:span 2;}
    .svc.svc-full{grid-column:span 3;min-height:280px;}

    /* Photo service cards: image strip on top, solid text panel below — fully separate, fully readable */
    article.svc.svc-photo{padding:0;position:relative;min-height:230px;
      display:flex;align-items:flex-end;overflow:hidden;}
    .svc-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
      display:block;filter:brightness(.75);transform:scale(1.01);
      transition:transform .35s,filter .35s;}
    article.svc.svc-photo:hover .svc-photo-img{transform:scale(1.06);filter:brightness(.65);}
    article.svc.svc-photo::after{content:'';position:absolute;inset:0;z-index:0;
      background:linear-gradient(180deg,rgba(20,17,18,.1) 0%,rgba(20,17,18,.45) 40%,rgba(20,17,18,.9) 100%);}
    .svc-photo-body{position:relative;z-index:1;padding:1.4rem 1.6rem 1.6rem;width:100%;}
    .svc-photo .svc-icon{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.5);
      backdrop-filter:blur(4px);color:#fff;}
    .svc-photo .svc-icon.red{background:rgba(204,17,0,.3);border-color:rgba(255,255,255,.6);color:#fff;}
    article.svc.svc-photo p{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.65);}
    article.svc.svc-photo h3{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.7);}

    /* ═══ PARTS ═══ */
    .parts-search-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem;}
    .psearch-input{position:relative;flex:1;min-width:260px;max-width:520px;}
    .psearch-input i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);
      color:var(--c-muted);font-size:.9rem;}
    .psearch-input input{width:100%;padding:.7rem 1rem .7rem 2.6rem;
      border:1.5px solid var(--c-border);border-radius:5px;background:var(--c-card);
      font-family:'Barlow',sans-serif;font-size:.92rem;color:var(--c-text);outline:none;
      transition:border-color .18s;}
    .psearch-input input:focus{border-color:var(--c-yellow-d);}
    .psearch-count{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.78rem;
      letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);}

    .parts-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.3rem;}
    .tab{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.8rem;
      letter-spacing:.08em;text-transform:uppercase;padding:.45rem 1.1rem;
      border:1.5px solid var(--c-border);border-radius:3px;cursor:pointer;
      background:var(--c-card);color:var(--c-muted);transition:all .18s;}
    .tab:hover,.tab.active{background:var(--c-dark);color:var(--c-yellow);border-color:var(--c-dark);}

    #parts-table-wrap{background:var(--c-card);border:1px solid var(--c-border);
      border-radius:6px;overflow:hidden;}
    #parts-table{width:100%;border-collapse:collapse;font-size:.87rem;}
    #parts-table thead th{background:var(--c-dark);color:var(--c-yellow);
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;
      letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:.7rem 1rem;}
    #parts-table tbody td{padding:.65rem 1rem;border-bottom:1px solid var(--c-border);
      color:var(--c-text);vertical-align:top;}
    #parts-table tbody tr:last-child td{border-bottom:none;}
    #parts-table tbody tr:hover{background:#fafafa;}
    #parts-table td:first-child{font-family:'Barlow Condensed',sans-serif;font-weight:700;
      color:var(--c-dark);white-space:nowrap;font-size:.85rem;letter-spacing:.02em;}
    #parts-table td:last-child{color:var(--c-muted);font-size:.78rem;white-space:nowrap;}
    .parts-loading,.parts-empty{text-align:center;color:var(--c-muted);padding:2rem 1rem !important;}
    .parts-pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;
      padding:1rem;border-top:1px solid var(--c-border);flex-wrap:wrap;}
    .ppage-btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;
      padding:.4rem .8rem;border:1.5px solid var(--c-border);border-radius:3px;
      background:var(--c-card);color:var(--c-text);cursor:pointer;transition:all .15s;min-width:2.2rem;}
    .ppage-btn:hover:not(:disabled){border-color:var(--c-yellow-d);}
    .ppage-btn.active{background:var(--c-dark);color:var(--c-yellow);border-color:var(--c-dark);}
    .ppage-btn:disabled{opacity:.35;cursor:not-allowed;}
    .ppage-ellipsis{color:var(--c-muted);padding:0 .2rem;}

    .parts-cta{margin-top:1.5rem;
      background:linear-gradient(110deg,rgba(35,31,32,.95) 0%,rgba(35,31,32,.82) 60%,rgba(35,31,32,.55) 100%),url('images/parts-bg.webp') center/cover no-repeat;
      border-radius:6px;
      padding:1.8rem 2rem;display:flex;align-items:center;
      justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
    .parts-cta h3{color:#fff;}
    .parts-cta p{color:rgba(255,255,255,.6);font-size:.85rem;margin-top:.2rem;}

    /* ═══ TRUST STRIP ═══ */
    .trust-strip{background:var(--c-dark);padding:1.8rem 0;}
    .trust-inner{max-width:1240px;margin:0 auto;padding:0 2rem;
      display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;}
    .trust-item{display:flex;align-items:center;gap:.9rem;}
    .trust-item i{font-size:1.8rem;color:var(--c-yellow);flex-shrink:0;}
    .trust-item div{display:flex;flex-direction:column;}
    .trust-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.7rem;
      color:#fff;line-height:1;}
    .trust-lbl{font-size:.78rem;color:rgba(255,255,255,.6);text-transform:uppercase;
      letter-spacing:.07em;margin-top:.1rem;}
    .trust-divider{width:1px;height:36px;background:rgba(255,255,255,.15);}

    /* ═══ ABOUT ═══ */
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
    .about-text{background:rgba(255,255,255,.82);padding:2rem;border-radius:8px;}
    .trading-hours{background:var(--c-dark);border-radius:6px;padding:1.1rem 1.3rem;margin:1.2rem 0;}
    .trading-hours h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.8rem;
      letter-spacing:.15em;text-transform:uppercase;color:var(--c-yellow);margin-bottom:.7rem;
      display:flex;align-items:center;gap:.4rem;}
    .trading-hours h5 i{font-size:.75rem;}
    .trading-hours ul{list-style:none;}
    .trading-hours ul li{display:flex;justify-content:space-between;font-size:.82rem;
      color:rgba(255,255,255,.85);padding:.28rem 0;border-bottom:1px solid rgba(255,255,255,.08);}
    .trading-hours ul li:last-child{border-bottom:none;}
    .trading-hours ul li span:first-child{font-weight:600;color:#fff;}
    .about-card{background:linear-gradient(160deg,rgba(35,31,32,.93),rgba(35,31,32,.88)),url('images/about-bg.webp') center/cover no-repeat;
      border-radius:8px;padding:2.5rem;position:relative;
      box-shadow:var(--shadow-h);}
    .about-card::after{content:'';position:absolute;bottom:-10px;right:-10px;
      width:55%;height:55%;border-right:3px solid var(--c-yellow);
      border-bottom:3px solid var(--c-yellow);border-radius:0 0 5px 0;pointer-events:none;}
    .about-pill{position:absolute;top:-14px;left:1.5rem;
      background:var(--c-red);color:#fff;
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.68rem;
      letter-spacing:.15em;text-transform:uppercase;padding:.25rem .9rem;border-radius:2px;}
    .about-big{font-family:var(--f-display);font-weight:400;font-style:italic;
      font-size:3rem;color:var(--c-logo-red);line-height:1;display:inline-block;
      letter-spacing:0;padding-bottom:.12em;
      border-bottom:5px solid var(--c-logo-yellow);
      text-shadow:0 1px 0 rgba(255,255,255,.25);}
    .about-sub{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.85rem;
      letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1rem;}
    .about-feats{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;}
    .about-feat{display:flex;align-items:center;gap:.6rem;font-size:.85rem;
      color:rgba(255,255,255,.82);}
    .about-feat i{font-size:13px;color:var(--c-yellow);}
    .about-text p{color:var(--c-muted);line-height:1.8;font-size:.95rem;margin-bottom:1rem;}
    .vals{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.6rem;}
    .val{background:var(--c-card);border:1px solid var(--c-border);
      border-left:3px solid var(--c-yellow);border-radius:0 4px 4px 0;padding:.85rem .9rem;
      box-shadow:var(--shadow);}
    .val h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.88rem;
      text-transform:uppercase;letter-spacing:.04em;color:var(--c-dark);margin-bottom:.2rem;}
    .val p{font-size:.76rem;color:var(--c-muted);line-height:1.45;}
    .about-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem;}
    .about-gallery figure{margin:0;border-radius:8px;overflow:hidden;position:relative;
      box-shadow:var(--shadow);}
    .about-gallery img{width:100%;height:160px;object-fit:cover;display:block;
      transition:transform .3s;}
    .about-gallery figure:hover img{transform:scale(1.05);}
    .about-gallery figcaption{position:absolute;bottom:0;left:0;right:0;
      background:linear-gradient(transparent,rgba(35,31,32,.88));
      color:#fff;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;
      letter-spacing:.05em;padding:1.6rem .7rem .55rem;}

    /* ═══ WORK GALLERY ═══ */
    .work-gallery{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
    .wg-main img{width:100%;height:100%;object-fit:cover;border-radius:8px;
      display:block;min-height:300px;transition:transform .3s;}
    .wg-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
    .wg-grid img{width:100%;height:160px;object-fit:cover;border-radius:6px;
      display:block;transition:transform .3s;}
    .wg-main img:hover,.wg-grid img:hover{transform:scale(1.02);}

    /* ═══ LOCATIONS — real photo background ═══ */
    .section-mapbg{position:relative;overflow:hidden;
      background:linear-gradient(rgba(24,21,22,.82),rgba(24,21,22,.82)),
      url('images/mulch-man-truck-workshop-exterior.webp') center/cover no-repeat fixed;}
    .section-mapbg::before{content:none !important;}
    .section-mapbg::after{content:none !important;}
    .section-mapbg .container{position:relative;z-index:1;}
    .section-mapbg .eyebrow{color:var(--c-yellow);}
    .section-mapbg h2{color:#fff;}
    .section-mapbg h2 .acc{color:var(--c-logo-red);}
    .loc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
    .loc-card{border-radius:8px;position:relative;overflow:hidden;min-height:230px;
      display:flex;align-items:flex-end;transition:box-shadow .2s,transform .15s;}
    .loc-card:hover{box-shadow:var(--shadow-h);transform:translateY(-2px);}
    .loc-map-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
    .loc-map-bg iframe{position:absolute;top:-48px;left:0;width:100%;height:calc(100% + 48px);border:0;display:block;
      filter:blur(0.5px) grayscale(.1) brightness(.9);transform:scale(1.02);}
    .loc-overlay{position:absolute;inset:0;z-index:1;
      background:linear-gradient(180deg,rgba(35,31,32,.05) 0%,rgba(35,31,32,.25) 45%,rgba(35,31,32,.82) 100%);}
    .loc-card.loc-featured .loc-overlay{background:linear-gradient(180deg,rgba(35,31,32,.1) 0%,rgba(35,31,32,.35) 45%,rgba(35,31,32,.90) 100%);}
    .loc-content{position:relative;z-index:2;padding:1.4rem 1.5rem 1.6rem;width:100%;}
    .loc-badge{display:inline-flex;align-items:center;gap:.4rem;
      background:var(--c-yellow);color:var(--c-dark);
      font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.65rem;
      letter-spacing:.12em;text-transform:uppercase;padding:.25rem .7rem;border-radius:2px;
      margin-bottom:.8rem;}
    .loc-badge-fuso{background:#e30613;color:#fff;}
    .loc-content h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;
      text-transform:uppercase;letter-spacing:.03em;color:#fff;margin-bottom:.6rem;
      text-shadow:0 1px 6px rgba(0,0,0,.4);}
    .loc-content h3 .loc-sub{font-size:.7rem;color:rgba(255,255,255,.7);text-transform:none;
      letter-spacing:0;font-weight:500;display:block;margin-top:.15rem;text-shadow:none;}
    .loc-addr,.loc-phone{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;
      color:#fff;font-weight:700;margin-bottom:.4rem;line-height:1.4;
      text-shadow:0 1px 6px rgba(0,0,0,.7);}
    .loc-addr i,.loc-phone i{color:var(--c-yellow);font-size:.8rem;margin-top:.15rem;flex-shrink:0;}
    .loc-card[data-maps-url]{cursor:pointer;transition:transform .18s,box-shadow .18s;}
    .loc-card[data-maps-url]:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.35);}
    .loc-card[data-maps-url]:focus-visible{outline:3px solid var(--c-yellow);outline-offset:2px;}
    .loc-maps-hint{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;gap:.35rem;
      background:rgba(0,0,0,.55);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.03em;
      padding:.3rem .6rem;border-radius:20px;pointer-events:none;}
    .loc-maps-hint i{font-size:.58rem;color:var(--c-yellow);}
    .loc-phone a{color:#fff;font-weight:700;text-decoration:none;}
    .loc-phone a:hover{color:var(--c-yellow);}
    .loc-email{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;
      color:#fff;font-weight:700;margin-bottom:.3rem;line-height:1.4;
      text-shadow:0 1px 6px rgba(0,0,0,.7);}
    .loc-email i{color:var(--c-yellow);font-size:.78rem;margin-top:.15rem;flex-shrink:0;}
    .loc-email a{color:#fff;font-weight:700;text-decoration:none;}
    .loc-email a:hover{color:var(--c-yellow);}
    .loc-detail{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;
      color:#fff;font-weight:600;margin-bottom:.25rem;line-height:1.4;
      text-shadow:0 1px 6px rgba(0,0,0,.7);}
    .loc-detail i{color:var(--c-yellow);font-size:.75rem;margin-top:.15rem;flex-shrink:0;}
    .loc-detail a{color:#fff;text-decoration:none;}
    .loc-detail a:hover{color:var(--c-yellow);}
    .loc-brand{margin-top:.9rem;}
    .loc-brand img{height:32px;width:auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));}
    .loc-note{font-size:.78rem;color:rgba(255,255,255,.85);margin-top:.4rem;font-weight:600;}
    .loc-disclaimer{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;
      font-size:.83rem;color:var(--c-muted);}
    .loc-disclaimer i{color:var(--c-yellow-d);}
    .loc-disclaimer a{color:var(--c-dark);font-weight:700;text-decoration:none;}

    /* ═══ CONTACT ═══ */
    .contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;}
    .cd-head{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.72rem;
      letter-spacing:.2em;text-transform:uppercase;color:var(--c-muted);margin-bottom:1.5rem;}
    .citem{display:flex;gap:.9rem;margin-bottom:1.3rem;align-items:flex-start;}
    .cicon{width:40px;height:40px;background:var(--c-dark);border-radius:5px;
      display:flex;align-items:center;justify-content:center;
      color:var(--c-yellow);flex-shrink:0;}
    .cicon i{font-size:18px;}
    .cv-lbl{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.65rem;
      letter-spacing:.18em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.15rem;}
    .cv-val{font-weight:600;color:var(--c-text);font-size:.93rem;line-height:1.4;}
    .cv-val a{color:inherit;text-decoration:none;}
    .cv-val a:hover{color:var(--c-red);}
    .ebox{margin-top:1.5rem;padding:1.2rem;border-radius:5px;
      background:#fff8f8;border:2px solid var(--c-red);}
    .ebox-t{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.9rem;
      text-transform:uppercase;letter-spacing:.07em;color:var(--c-dark);
      margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem;}
    .ebox-t i{font-size:16px;color:var(--c-red);}
    .ebox p{font-size:.83rem;color:var(--c-muted);margin-bottom:.9rem;}
    .form-box{background:var(--c-card);border:1px solid var(--c-border);
      border-radius:8px;padding:2rem;box-shadow:var(--shadow);}
    .form-title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.1rem;
      text-transform:uppercase;letter-spacing:.06em;color:var(--c-dark);margin-bottom:1.4rem;}
    .frow{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
    .fg{margin-bottom:.9rem;}
    .fg label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.12em;
      text-transform:uppercase;color:var(--c-muted);margin-bottom:.3rem;}
    .fg input,.fg select,.fg textarea{width:100%;padding:.62rem .8rem;
      border:1.5px solid var(--c-border);border-radius:4px;
      font-family:'Barlow',sans-serif;font-size:.88rem;color:var(--c-text);
      background:var(--c-bg);transition:border-color .18s;outline:none;}
    .fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--c-yellow-d);}
    .fg textarea{resize:vertical;min-height:90px;}
    .f-sub{width:100%;background:var(--c-yellow);color:var(--c-dark);
      font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:1rem;
      letter-spacing:.08em;text-transform:uppercase;padding:.85rem;
      border:none;border-radius:4px;cursor:pointer;transition:background .18s;
      display:flex;align-items:center;justify-content:center;gap:.5rem;}
    .f-sub i{font-size:16px;}
    .f-sub:hover{background:var(--c-yellow-d);}
    .f-sub:disabled{opacity:.6;cursor:not-allowed;}
    .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
    .form-result{margin-top:.9rem;font-size:.86rem;font-weight:600;min-height:1.2em;}
    .form-result.success{color:#1a7a3c;}
    .form-result.error{color:var(--c-red);}
    .form-required-note{font-size:.72rem;color:var(--c-muted);margin:-.2rem 0 .9rem;}
    .fg.h-captcha{margin-bottom:1.1rem;}

    /* ═══ FOOTER ═══ */
    footer{background:#000;color:rgba(255,255,255,.6);}
    .footer-g{max-width:1240px;margin:0 auto;padding:3rem 2rem 2rem;
      display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;}
    .foot-logo img{height:38px;margin-bottom:.8rem;}
    .foot-logo p{font-size:.83rem;line-height:1.7;color:rgba(255,255,255,.5);margin-top:.5rem;}
    .foot-col h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.7rem;
      letter-spacing:.2em;text-transform:uppercase;color:var(--c-yellow);margin-bottom:.9rem;}
    .foot-col ul{list-style:none;}
    .foot-col ul li{margin-bottom:.4rem;}
    .foot-col ul li a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.84rem;
      transition:color .18s;display:inline-flex;align-items:center;gap:.4rem;}
    .foot-col ul li a:hover{color:var(--c-yellow);}
    .foot-col ul li a i{font-size:12px;}

    /* ═══ FOOTER MAP + SOCIAL BAR ═══ */
    .foot-map-bar{display:grid;grid-template-columns:1fr 1fr;gap:0;
      border-bottom:1px solid rgba(255,255,255,.08);}
    .foot-map-info{padding:2.8rem 2rem;display:flex;flex-direction:column;
      justify-content:center;max-width:520px;margin-left:auto;}
    .foot-map-info h5{font-family:'Barlow Condensed',sans-serif;font-weight:700;
      font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
      color:var(--c-yellow);margin-bottom:.7rem;display:flex;align-items:center;gap:.4rem;}
    .foot-map-addr{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.9rem;}
    .foot-rating{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;flex-wrap:wrap;}
    .stars i{color:var(--c-yellow);font-size:.85rem;margin-right:1px;}
    .foot-rating-text{color:rgba(255,255,255,.6);font-size:.83rem;}
    .foot-social{display:flex;gap:.7rem;flex-wrap:wrap;}
    .social-btn{display:inline-flex;align-items:center;gap:.5rem;
      background:#1877F2;color:#fff;text-decoration:none;
      font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:.82rem;
      letter-spacing:.04em;padding:.6rem 1.1rem;border-radius:4px;
      transition:opacity .18s;border:1.5px solid transparent;}
    .social-btn:hover{opacity:.85;}
    .social-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);}
    .social-btn-outline:hover{background:rgba(255,255,255,.08);opacity:1;}
    .foot-map-embed{min-height:280px;}
    .foot-map-embed iframe{display:block;filter:grayscale(.15) contrast(1.05);}

    .foot-bot{max-width:1240px;margin:0 auto;padding:1rem 2rem;
      border-top:1px solid rgba(255,255,255,.08);
      display:flex;justify-content:space-between;align-items:center;
      font-size:.77rem;color:rgba(255,255,255,.35);flex-wrap:wrap;gap:.5rem;}
    .foot-bot span{color:var(--c-yellow);font-family:'Barlow Condensed',sans-serif;
      font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;}

    /* ═══ ACTIVE NAV LINK ═══ */
    .nav-links a.active-link{color:var(--c-yellow);}

    /* ═══ ACCESSIBILITY ═══ */
    .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

    /* ═══ PARTS PAGE HERO (lightweight, no full hero photo) ═══ */
    .parts-hero{background:var(--c-bg2);padding-top:calc(112px + 2rem);padding-bottom:2.5rem;
      border-bottom:3px solid var(--c-yellow);}
    .parts-hero h1{font-family:var(--f-display);font-weight:400;font-style:italic;letter-spacing:0;
      font-size:clamp(2.2rem,4.5vw,3.2rem);text-transform:uppercase;line-height:1;
      color:var(--c-dark);margin-top:.4rem;}
    .parts-hero h1 .acc{color:var(--c-yellow-d);}

    /* ═══ BRANDS GRID (parts page) ═══ */
    .brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;}
    .brand-tag{background:var(--c-card);border:1.5px solid var(--c-border);border-radius:5px;
      padding:.9rem .6rem;text-align:center;font-family:'Barlow Condensed',sans-serif;
      font-weight:700;font-size:.88rem;text-transform:uppercase;letter-spacing:.03em;
      color:var(--c-text);transition:all .18s;}
    .brand-tag:hover{border-color:var(--c-yellow);background:#fffde6;color:var(--c-dark);}

    /* ═══ HOW IT WORKS (parts page) ═══ */
    .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem;}
    .how-step{background:var(--c-card);border:1px solid var(--c-border);border-radius:8px;
      padding:1.8rem;position:relative;}
    .how-num{width:38px;height:38px;background:var(--c-dark);color:var(--c-yellow);
      border-radius:50%;display:flex;align-items:center;justify-content:center;
      font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.1rem;
      margin-bottom:1rem;}
    .how-step h3{margin-bottom:.5rem;}
    .how-step p{color:var(--c-muted);font-size:.88rem;line-height:1.6;}

    /* ═══ HOMEPAGE PARTS TEASER ═══ */
    /* ═══ COF STRIP ═══ */
    .cof-strip{display:grid;grid-template-columns:1fr 1.5fr;gap:0;
      margin-top:1.5rem;border-radius:8px;overflow:hidden;
      background:var(--c-dark);box-shadow:var(--shadow-h);}
    .cof-strip-text{padding:2.2rem 2.4rem;display:flex;flex-direction:column;justify-content:center;}
    .cof-strip-text h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2rem;
      text-transform:uppercase;line-height:1;color:#fff;margin-bottom:.8rem;}
    .cof-strip-text p{color:rgba(255,255,255,.7);font-size:.88rem;line-height:1.7;}
    .cof-strip-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;height:260px;}
    .cof-strip-photos img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;
      transition:transform .3s;}
    .cof-strip-photos img:hover{transform:scale(1.04);}

    .parts-teaser{background:var(--c-dark);border-radius:8px;padding:2.2rem 2.4rem;
      display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
      flex-wrap:wrap;margin-top:2.5rem;}
    .parts-teaser-text h3{color:#fff;font-size:1.3rem;margin-bottom:.4rem;}
    .parts-teaser-text p{color:rgba(255,255,255,.6);font-size:.88rem;}
    .parts-teaser-text p strong{color:var(--c-yellow);}

    /* ═══ RESPONSIVE ═══ */
    @media(max-width:960px){
      .hero-inner,.about-grid,.contact-grid,.svc-top{grid-template-columns:1fr;}
      .hero-imgs{display:none;}
      .svc-grid{grid-template-columns:1fr 1fr;}
      .svc.wide{grid-column:span 1;}
      .footer-g{grid-template-columns:1fr 1fr;}
      .foot-map-bar{grid-template-columns:1fr;}
      .foot-map-info{margin-left:0;max-width:none;padding:2.2rem 2rem 1.5rem;}
      .loc-grid{grid-template-columns:1fr 1fr;}
      .about-gallery{grid-template-columns:1fr 1fr;}
      .brand-grid{grid-template-columns:repeat(3,1fr);}
      .how-grid{grid-template-columns:1fr;}
      .work-gallery{grid-template-columns:1fr;}
      .nav-badges{display:none;}
      .cof-strip{grid-template-columns:1fr;}
    }
    @media(max-width:600px){
      .nav-links{display:none;}
      .svc-grid{grid-template-columns:1fr;}
      .svc.svc-full{grid-column:span 1;}
      .frow{grid-template-columns:1fr;}
      .footer-g{grid-template-columns:1fr;gap:1.5rem;}
      .parts-cta{flex-direction:column;}
      .vals{grid-template-columns:1fr;}
      .foot-social{flex-direction:column;}
      .social-btn{justify-content:center;}
      .loc-grid{grid-template-columns:1fr;}
      .about-gallery{grid-template-columns:1fr 1fr;}
      .parts-search-bar{flex-direction:column;align-items:stretch;}
      #parts-table{font-size:.78rem;}
      #parts-table thead th,#parts-table tbody td{padding:.5rem .6rem;}
      .trust-inner{flex-direction:column;gap:1.2rem;}
      .trust-divider{display:none;}
      .brand-grid{grid-template-columns:repeat(2,1fr);}
      .parts-teaser{flex-direction:column;align-items:flex-start;}
    }