<!DOCTYPE html>
<html lang="en-AU">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Mr LogBook — Sydney's trusted mobile mechanic. We come to you for logbook servicing, brakes, suspension, transmission & more. 6am–8pm, 7 days. 20+ years experience. $75 OFF your first service.">
  <meta name="keywords" content="mobile mechanic sydney, car service sydney, logbook service sydney, mobile mechanic near me, car mechanic at home, vehicle servicing sydney, brake repair sydney, suspension sydney, transmission sydney, affordable mechanic sydney">
  <meta name="robots" content="INDEX, FOLLOW">
  <meta name="author" content="Mr LogBook">
  <link rel="canonical" href="https://mrlogbook.net.au/">
  <link rel="alternate" hreflang="en-AU" href="https://mrlogbook.net.au/">
  <link rel="alternate" hreflang="x-default" href="https://mrlogbook.net.au/">
  <link rel="alternate" hreflang="en-AU" href="https://mrlogbook.net.au/">
  <link rel="alternate" hreflang="x-default" href="https://mrlogbook.net.au/">
  <meta property="og:title" content="Mr LogBook — Mobile Mechanic Sydney | We Come To You">
  <meta property="og:description" content="Sydney's trusted mobile mechanic. Logbook servicing, brakes, suspension, transmission repairs — at your home or workplace. 6am–8pm, 7 days.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://mrlogbook.au/">
  <meta property="og:image" content="https://mrlogbook.net.au/images/logo.svg">
  <meta property="og:locale" content="en_AU">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Mr LogBook — Mobile Mechanic Sydney">
  <meta name="twitter:description" content="Mobile mechanic service across Sydney. We come to you. Logbook servicing, brakes, suspension & more.">
  <title>Mr LogBook — Mobile Mechanic Sydney | We Come To You</title>
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  <!-- Preload LCP image for performance -->
  <link rel="preload" as="image" href="images/car-hero.webp" fetchpriority="high">
  <!-- Preload hero font to eliminate LCP bottleneck -->
  <link rel="preload" as="font" href="/fonts/muli-latin.woff2" type="font/woff2" crossorigin>
  <!-- Self-hosted fonts (inline to avoid render-blocking request) -->
  <style>
@font-face{font-family:'Muli';font-style:normal;font-weight:400;font-display:swap;src:url('muli-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Muli';font-style:normal;font-weight:600;font-display:swap;src:url('muli-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Muli';font-style:normal;font-weight:700;font-display:swap;src:url('muli-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Muli';font-style:normal;font-weight:800;font-display:swap;src:url('muli-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Muli';font-style:normal;font-weight:900;font-display:swap;src:url('muli-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
  </style>

  <style>
@keyframes mlbFadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes mlbFloatCar{0%,to{transform:translateX(0) rotate(0deg)}25%{transform:translateX(-12px) rotate(-.5deg)}75%{transform:translateX(12px) rotate(.5deg)}}@keyframes mlbSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes mlbCountBounce{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes mlbPulse{0%,to{box-shadow:0 0 0 0 rgba(200,164,74,.4)}50%{box-shadow:0 0 0 12px transparent}}@keyframes mlbShimmer{0%{background-position:-200%center}to{background-position:200%center}}@keyframes mlbSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes mlbScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes promoBarShimmer{0%,to{opacity:1}50%{opacity:.7}}@keyframes offerPulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes claimBtnBounce{0%,to{transform:translateY(0)}80%{transform:translateY(-2px)}}@keyframes mlbFloatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes heroBadgeGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:"Muli",sans-serif;color:#e0d8cc;background:#1f1a11;line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}button{cursor:pointer;border:0;background:0 0;font-family:inherit}:root{--mlb-navy:#0f2027;--mlb-navy-light:#203a43;--mlb-navy-mid:#2c5364;--mlb-green:#25D366;--mlb-green-light:#3edd78;--mlb-white:#f5f0e8;--mlb-offwhite:#2a231a;--mlb-gray:#9a918a;--mlb-lightgray:#3a342c;--mlb-shadow:0 4px 24px rgba(0,0,0,0.12);--mlb-radius:12px;--mlb-radius-lg:20px;--mlb-transition:all 0.3s cubic-bezier(0.25,0.46,0.45,0.94)}.mlb-h1,.mlb-h2,.mlb-h3,.mlb-h4{font-weight:800;line-height:1.2;color:#f5f0e8}.mlb-h1{font-size:clamp(2rem,5vw,3.5rem)}.mlb-h2{font-size:clamp(1.6rem,3.5vw,2.5rem)}.mlb-h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}.mlb-nav-logo .mlb-logo-text span,.mlb-text-gold{color:var(--mlb-green)}.mlb-nav-links a:hover,.mlb-text-white{color:var(--mlb-white)}.mlb-text-center{text-align:center}.mlb-para{font-size:1.05rem;color:#6a6560;line-height:1.75}.mlb-para-light{color:rgba(255,255,255,.8)}.carousel-item img,.gallery-carousel{aspect-ratio:4/3;object-fit:cover;width:100%}.mlb-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.mlb-section{padding:5rem 0}.mlb-section--dark{background:var(--mlb-navy);color:var(--mlb-white)}.mlb-section--light{background:var(--mlb-offwhite)}.mlb-hamburger span,.mlb-section--white{background:var(--mlb-white)}.mlb-section-header{max-width:680px;margin:0 auto 3.5rem;text-align:center}.mlb-section-header .mlb-h2{margin-bottom:.75rem}.mlb-row{display:flex;flex-wrap:wrap;gap:1.5rem}.mlb-col-2{flex:0 0 calc(50% - .75rem)}.mlb-col-3{flex:0 0 calc(33.333% - 1rem)}.mlb-col-4{flex:0 0 calc(25% - 1.125rem)}.mlb-animate{opacity:0}.mlb-animate.is-visible{animation:mlbFadeInUp .7s ease forwards}.mlb-delay-1{animation-delay:.1s}.mlb-delay-2{animation-delay:.2s}.mlb-delay-3{animation-delay:.3s}.mlb-delay-4{animation-delay:.4s}.mlb-navbar{position:fixed;top:0;left:0;right:0;z-index:1050;padding:1rem 0;transition:var(--mlb-transition)}.mlb-navbar.is-scrolled{background:var(--mlb-navy);padding:.6rem 0;box-shadow:0 2px 20px rgba(0,0,0,.25)}.mlb-navbar .mlb-container{display:flex;align-items:center;justify-content:space-between}.mlb-nav-logo{display:flex;align-items:center;gap:.5rem}.mlb-nav-logo img{height:56px;width:auto}.mlb-nav-logo .mlb-logo-text{font-size:1.3rem;font-weight:900;color:var(--mlb-white);letter-spacing:-.5px}.mlb-nav-cta,.mlb-nav-links,.mlb-nav-phone{display:flex;align-items:center;gap:2rem}.mlb-nav-links a{font-weight:600;letter-spacing:.3px;position:relative;padding-bottom:2px}.mlb-nav-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--mlb-green);transition:width .25s}.mlb-nav-links a:hover::after{width:100%}.mlb-mobile-menu a:hover,.mlb-nav-links a.is-active,.mlb-nav-phone:hover{color:var(--mlb-green)}.mlb-nav-cta,.mlb-nav-phone{gap:1rem}.mlb-nav-links a,.mlb-nav-phone{color:rgba(255,255,255,.85);font-size:.95rem}.mlb-nav-phone{font-weight:700;gap:.4rem}.mlb-hamburger{display:none;flex-direction:column;gap:5px;padding:4px;cursor:pointer}.mlb-hamburger span{display:block;width:26px;height:2.5px;border-radius:2px;transition:var(--mlb-transition)}.mlb-hamburger.is-open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mlb-hamburger.is-open span:nth-child(2){opacity:0}.mlb-hamburger.is-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mlb-mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--mlb-navy);z-index:1040;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;animation:mlbFadeInUp .3s ease}.mlb-mobile-menu.is-open{display:flex}.mlb-mobile-menu a{color:var(--mlb-white);font-size:1.4rem;font-weight:700;letter-spacing:.5px;transition:color .2s}.mlb-mobile-menu .mlb-mobile-close{position:absolute;top:1.5rem;right:1.5rem;color:var(--mlb-white);font-size:2rem;cursor:pointer}.mlb-promo-bar{background:var(--mlb-navy);color:#fff;text-align:center;padding:0;font-size:0;font-weight:700;margin-top:72px;letter-spacing:.3px}.mlb-promo-bar-inner{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.1rem .75rem;padding:.85rem 1.5rem;font-size:.95rem;background:linear-gradient(90deg,#1a3a6e 0,#25d366 60%,#1a3a6e 100%);background-size:200% 100%;animation:promoBarShimmer 6s ease infinite}.mlb-promo-offer{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:900;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.mlb-offer-amount{font-size:1.4rem;font-weight:900;color:gold;letter-spacing:1px;animation:offerPulse 2s ease-in-out infinite}.mlb-offer-label{font-size:.95rem;font-weight:700;color:rgba(255,255,255,.95)}.mlb-promo-bar-divider{color:rgba(255,255,255,.4);font-size:1.2rem;font-weight:300}.mlb-promo-claim-btn{display:inline-block;background:gold;color:var(--mlb-navy);font-size:.85rem;font-weight:900;padding:.4rem 1.1rem;border-radius:50px;text-decoration:none;letter-spacing:.5px;box-shadow:0 2px 10px rgba(255,215,0,.4);transition:transform .2s,box-shadow .2s;animation:claimBtnBounce 3s ease-in-out infinite}.mlb-promo-claim-btn:hover{transform:scale(1.05);box-shadow:0 4px 20px rgba(255,215,0,.6);background:#ffe44d}.mlb-hero{background:linear-gradient(135deg,var(--mlb-navy) 0%,var(--mlb-navy-light) 55%,var(--mlb-navy-mid) 100%);min-height:72vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:6rem 0 4rem}.mlb-hero-bg,.mlb-hero::before{position:absolute;pointer-events:none}.mlb-hero-bg{inset:0;z-index:0;background-image:radial-gradient(ellipse at 80% 50%,rgba(39,139,80,.12)0,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(39,139,80,.07)0,transparent 45%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,48px 48px,48px 48px}.mlb-hero>.mlb-container,.mlb-hero>.mlb-hero-bg+.mlb-container{position:relative;z-index:1}.mlb-hero-car-badge{animation:mlbFloatBadge 4s ease-in-out infinite}.mlb-hero::before{content:"";top:-50%;right:-20%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(44,83,100,.4)0,transparent 70%)}.mlb-hero-badge,.mlb-hero-trust span{display:inline-flex;align-items:center}.mlb-hero-badge{gap:.5rem;background:rgba(39,139,80,.15);border:1px solid rgba(39,139,80,.4);color:#8ee4b4;font-size:.85rem;font-weight:700;padding:.35rem .85rem;border-radius:50px;margin-bottom:1rem;letter-spacing:.01em}.mlb-hero-badge i{color:#ffc107;font-size:.8rem}.mlb-hero-offer-badge{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,rgba(255,215,0,.15)0,rgba(255,215,0,.05) 100%);border:2px solid rgba(255,215,0,.5);border-radius:16px;padding:.75rem 1.5rem;margin-bottom:1.5rem;max-width:fit-content;animation:heroBadgeGlow 3s ease-in-out infinite}.mlb-hero-offer-amount{font-size:2.4rem;font-weight:900;line-height:1;color:gold;letter-spacing:-1px}.mlb-hero-offer-dollar{font-size:1.4rem;vertical-align:top;margin-right:2px}.mlb-hero-offer-off{font-size:1.1rem;vertical-align:middle;margin-left:3px;color:#fff}.mlb-hero-offer-text{text-align:left}.mlb-hero-offer-headline{font-size:1rem;font-weight:800;color:#fff;line-height:1.2;letter-spacing:.5px}.mlb-hero-offer-sub{font-size:.8rem;font-weight:500;color:rgba(255,255,255,.7);margin-top:.15rem}.mlb-hero-trust{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.mlb-hero-trust span{gap:.35rem;font-size:.82rem;font-weight:600;color:rgba(255,255,255,.65);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:.3rem .7rem;border-radius:6px}.mlb-hero-search i,.mlb-hero-trust span i{color:var(--mlb-green);font-size:.9rem}.mlb-hero-search{display:flex;align-items:center;gap:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.35rem .35rem .35rem 1rem;margin-bottom:1.25rem;max-width:440px}.mlb-hero-search i{font-size:1.1rem;flex-shrink:0}.mlb-hero-search input{background:0 0;border:0;outline:0;color:#fff;font-size:.9rem;padding:.4rem .75rem;flex:1;min-width:0}.mlb-hero-search input::placeholder{color:rgba(255,255,255,.45)}.mlb-hero-search button{background:var(--mlb-green);color:#fff;border:0;padding:.55rem 1.2rem;border-radius:50px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s}.mlb-hero-search button:hover{background:#238c4d}.mlb-hero .mlb-container,.mlb-hero-image{display:flex;align-items:center;position:relative}.mlb-hero-image{flex:0 0 44%;justify-content:center}.mlb-hero-car{width:100%;max-width:480px;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.45);animation:mlbFloatCar 5s ease-in-out infinite;object-fit:cover;height:320px}.mlb-hero-scroll-hint{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:2;opacity:.5}.mlb-hero .mlb-container{gap:3rem;z-index:2}.mlb-hero-content{flex:1;animation:mlbSlideIn .9s ease}.mlb-hero-content .mlb-h1{color:var(--mlb-white);margin-bottom:1rem;line-height:1.1;font-size:clamp(2rem,4.5vw,3.25rem)}.mlb-hero-content .mlb-h1 .mlb-text-gold{display:block}.mlb-hero-content .mlb-para{color:rgba(255,255,255,.75);font-size:1.15rem;margin-bottom:2rem;max-width:520px}.mlb-hero-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.mlb-hero-visual{flex:0 0 45%;display:flex;justify-content:center;align-items:center}.mlb-car-illustration{width:100%;max-width:520px;animation:mlbFloatCar 5s ease-in-out infinite;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.mlb-hero-sub{display:flex;align-items:center;gap:1.5rem;margin-top:1.25rem;flex-wrap:wrap}.mlb-hero-sub-item{display:flex;align-items:center;gap:.4rem;color:rgba(255,255,255,.65);font-size:.9rem;font-weight:600}.mlb-hero-sub-item i{color:var(--mlb-green);font-size:1.1rem}.mlb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 2rem;border-radius:8px;font-weight:700;font-size:1rem;letter-spacing:.3px;transition:var(--mlb-transition);cursor:pointer;border:2px solid transparent;white-space:nowrap}.mlb-btn--gold{background:var(--mlb-green);color:var(--mlb-navy);border-color:var(--mlb-green)}.mlb-btn--gold:hover{background:var(--mlb-green-light);border-color:var(--mlb-green-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(200,164,74,.35)}.mlb-btn--outline{background:0 0;color:var(--mlb-white);border-color:rgba(255,255,255,.4)}.mlb-btn--outline:hover{background:rgba(255,255,255,.1);border-color:var(--mlb-white);color:var(--mlb-white);transform:translateY(-2px)}.mlb-btn--primary{background:var(--mlb-navy);color:var(--mlb-white);border-color:var(--mlb-navy)}.mlb-btn--primary:hover{background:var(--mlb-navy-light);border-color:var(--mlb-navy-light);transform:translateY(-2px)}.mlb-btn--lg{padding:1rem 2.5rem;font-size:1.05rem}.mlb-btn--sm{padding:.5rem 1.2rem;font-size:.85rem}.mlb-btn--block{display:flex;width:100%}.mlb-btn--success{background:#28a745;color:#fff;border-color:#28a745}.mlb-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.mlb-stats{padding:3rem 0;background:var(--mlb-white)}.mlb-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center}.mlb-stat-item{padding:1rem}.mlb-stat-number{font-size:2.5rem;font-weight:900;color:var(--mlb-navy);line-height:1;margin-bottom:.4rem;display:block}.mlb-footer-contact a:hover,.mlb-footer-links a:hover,.mlb-stat-number .mlb-text-gold{color:var(--mlb-green)}.mlb-stat-label{font-size:.9rem;font-weight:600;color:var(--mlb-gray);text-transform:uppercase;letter-spacing:.5px}.mlb-card{background:var(--mlb-white);border-radius:var(--mlb-radius);padding:2rem;box-shadow:var(--mlb-shadow);transition:var(--mlb-transition);border:1px solid rgba(0,0,0,.05)}.mlb-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.mlb-card-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--mlb-navy) 0%,var(--mlb-navy-mid) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.6rem;color:var(--mlb-green)}.mlb-card .mlb-h3{margin-bottom:.75rem}.mlb-card .mlb-para{font-size:.95rem}.mlb-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mlb-service-card{background:var(--mlb-white);border:1px solid var(--mlb-lightgray);border-radius:var(--mlb-radius);padding:2rem 1.75rem;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}.mlb-service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(37,211,102,.18);border-color:var(--mlb-green)}.mlb-service-card .mlb-service-icon{width:52px;height:52px;background:rgba(37,211,102,.1);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--mlb-green);margin-bottom:1.25rem;transition:background .25s ease}.mlb-service-card:hover .mlb-service-icon{background:var(--mlb-green);color:var(--mlb-white)}.mlb-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mlb-benefit-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:rgba(255,255,255,.06);border-radius:var(--mlb-radius);border:1px solid rgba(200,164,74,.2);transition:var(--mlb-transition)}.mlb-benefit-item:hover{background:rgba(255,255,255,.1);transform:translateY(-4px)}.mlb-benefit-icon{flex-shrink:0;width:48px;height:48px;background:var(--mlb-green);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--mlb-navy)}.mlb-benefit-text .mlb-h3{color:var(--mlb-white);font-size:1.05rem;margin-bottom:.3rem;font-weight:700}.mlb-benefit-text p{color:rgba(255,255,255,.65);font-size:.9rem;line-height:1.6}.mlb-steps{display:flex;gap:2rem;position:relative}.mlb-steps::before{content:"";position:absolute;top:40px;left:calc(16.666% + 24px);right:calc(16.666% + 24px);height:2px;background:linear-gradient(90deg,var(--mlb-green) 0%,var(--mlb-green-light) 50%,var(--mlb-green) 100%);z-index:0}.mlb-step{flex:1;text-align:center;position:relative;z-index:1}.mlb-step-number{width:80px;height:80px;border-radius:50%;background:var(--mlb-navy);border:3px solid var(--mlb-green);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.8rem;font-weight:900;color:var(--mlb-green);animation:mlbCountBounce 2s ease-in-out infinite}.mlb-step-number span{color:var(--mlb-white);font-size:1.6rem}.mlb-step .mlb-h3{color:var(--mlb-navy);margin-bottom:.5rem}.mlb-step .mlb-para{color:var(--mlb-gray);font-size:.95rem}.mlb-carousel-wrap{border-radius:var(--mlb-radius-lg);overflow:hidden;box-shadow:var(--mlb-shadow)}#galleryCarousel{perspective:1200px}#galleryCarousel .carousel-inner{border-radius:16px;overflow:hidden}#galleryCarousel .carousel-item{transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .6s ease;transform-style:preserve-3d}#galleryCarousel .carousel-item img{height:480px;object-fit:contain;width:100%;background:#111}#galleryCarousel .carousel-item-next.carousel-item-start,#galleryCarousel .carousel-item-prev.carousel-item-end{transform:rotateY(15deg) scale(.95);opacity:0}#galleryCarousel .carousel-item-next,#galleryCarousel .carousel-item-prev,#galleryCarousel .carousel-item.active{transform:rotateY(0deg) scale(1)}#galleryCarousel .active.carousel-item-end,#galleryCarousel .carousel-item-next{transform:rotateY(-15deg) scale(.95) translateZ(-40px);opacity:0}#galleryCarousel .active.carousel-item-start,#galleryCarousel .carousel-item-prev{transform:rotateY(15deg) scale(.95) translateZ(-40px);opacity:0}#galleryCarousel .carousel-caption{background:rgba(15,32,39,.82);border-radius:12px;padding:.75rem 1.5rem;bottom:1.5rem;left:1.5rem;right:1.5rem;backdrop-filter:blur(4px)}#galleryCarousel .carousel-caption h5{font-weight:800;font-size:1.1rem;color:#fff}#galleryCarousel .carousel-caption p{margin:0;font-size:.85rem;opacity:.85;color:rgba(255,255,255,.9)}#galleryCarousel .carousel-indicators{bottom:.5rem}#galleryCarousel .carousel-indicators button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:0;transition:all .3s}#galleryCarousel .carousel-indicators button.active{background:var(--mlb-green);transform:scale(1.3)}#galleryCarousel .carousel-control-next,#galleryCarousel .carousel-control-prev{width:auto;padding:1rem;top:50%;bottom:auto;transform:translateY(-50%);opacity:.7;transition:opacity .3s,transform .3s}#galleryCarousel .carousel-control-next:hover,#galleryCarousel .carousel-control-prev:hover{opacity:1;transform:translateY(-50%) scale(1.1)}#galleryCarousel .carousel-control-next-icon,#galleryCarousel .carousel-control-prev-icon{background:var(--mlb-navy);border-radius:50%;padding:1.2rem}.gallery-grid-img{width:100%;height:220px;object-fit:cover;border-radius:10px;border:2px solid rgba(255,255,255,.05);transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease;cursor:pointer}.gallery-grid-img:hover{transform:scale(1.08);box-shadow:0 12px 40px rgba(0,0,0,.5);border-color:var(--mlb-green)}.lb-dataContainer{width:100%}.lb-data .lb-caption{font-size:1rem;font-weight:600;color:#f5f0e8}.lb-data .lb-number{color:#9a918a}.mlb-areas-col{flex:1 1 280px;min-width:0}.mlb-areas-tags{display:flex;flex-wrap:wrap;gap:.4rem}.mlb-area-tag{display:inline-block;padding:.45rem 1rem;background:var(--mlb-white);border:2px solid var(--mlb-lightgray);border-radius:50px;font-weight:700;font-size:.85rem;color:var(--mlb-navy);transition:var(--mlb-transition);white-space:nowrap}.mlb-area-tag:hover{background:var(--mlb-green);border-color:var(--mlb-green);color:var(--mlb-navy);transform:translateY(-2px)}.mlb-testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.mlb-testimonial{background:var(--mlb-white);border-radius:var(--mlb-radius);padding:2rem;box-shadow:var(--mlb-shadow);border-left:4px solid var(--mlb-green);transition:var(--mlb-transition)}.mlb-testimonial:hover{transform:translateY(-4px)}.mlb-testimonial-stars{color:var(--mlb-green);font-size:1.1rem;margin-bottom:1rem}.mlb-testimonial-text{font-style:italic;color:#555;line-height:1.75;margin-bottom:1.25rem;font-size:.97rem}.mlb-testimonial-author{display:flex;align-items:center;gap:.75rem}.mlb-testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--mlb-navy);display:flex;align-items:center;justify-content:center;color:var(--mlb-green);font-weight:900;font-size:1rem}.mlb-testimonial-name{font-weight:700;color:var(--mlb-navy);font-size:.95rem}.mlb-testimonial-loc{font-size:.82rem;color:var(--mlb-gray)}.mlb-cta-section{background:linear-gradient(135deg,var(--mlb-navy) 0%,var(--mlb-navy-light) 100%);padding:5rem 0;position:relative;overflow:hidden}.mlb-cta-section::after{content:"";position:absolute;bottom:-60px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(200,164,74,.15)0,transparent 70%);border-radius:50%;pointer-events:none}.mlb-cta-inner{display:flex;align-items:center;gap:3rem}.mlb-cta-content{flex:1}.mlb-cta-content .mlb-h2{color:var(--mlb-white);margin-bottom:.75rem}.mlb-cta-content .mlb-para{color:rgba(255,255,255,.7);margin-bottom:1.5rem}.mlb-cta-phone{display:inline-flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:900;color:var(--mlb-green);margin-bottom:1.5rem}.mlb-cta-visual{flex:0 0 40%;display:flex;justify-content:center}.mlb-newsletter-section{background:linear-gradient(135deg,var(--mlb-navy) 0%,var(--mlb-navy-light) 60%,var(--mlb-navy-mid) 100%);padding:4rem 0}.mlb-newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.mlb-newsletter-box{padding:2.5rem;background:rgba(255,255,255,.07);border-radius:var(--mlb-radius-lg);border:1px solid rgba(200,164,74,.25);color:var(--mlb-white)}.mlb-newsletter-box .mlb-box-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.3rem;font-weight:800}.mlb-newsletter-box .mlb-box-title i{color:var(--mlb-green);font-size:1.6rem}.mlb-newsletter-box .mlb-para{color:rgba(255,255,255,.7);margin-bottom:1.5rem;font-size:.95rem}.mlb-subscribe-form{display:flex;gap:0}.mlb-subscribe-form input[type=email]{flex:1;padding:.75rem 1rem;border-radius:8px 0 0 8px;border:0;font-size:.95rem;font-family:inherit;background:rgba(255,255,255,.9)}.mlb-subscribe-form input[type=email]:focus{outline:2px solid var(--mlb-green)}.mlb-subscribe-form button{background:var(--mlb-green);color:var(--mlb-navy);border-radius:0 8px 8px 0;font-weight:700;font-size:.95rem;font-family:inherit;white-space:nowrap}.mlb-subscribe-form button:hover{background:var(--mlb-green-light)}.mlb-app-buttons{display:flex;gap:1rem;flex-wrap:wrap}.mlb-app-btn,.mlb-subscribe-form button{padding:.75rem 1.5rem;transition:var(--mlb-transition)}.mlb-app-btn{display:inline-flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.1);border:1px solid rgba(200,164,74,.4);border-radius:12px;color:var(--mlb-white)}.mlb-app-btn:hover{background:rgba(255,255,255,.2);border-color:var(--mlb-green);color:var(--mlb-white);transform:translateY(-2px)}.mlb-app-btn i{font-size:1.5rem;color:var(--mlb-green)}.mlb-app-btn-text .mlb-app-store-label{font-size:.65rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px}.mlb-app-btn-text .mlb-app-store-name,.mlb-footer h4{font-weight:800;font-size:.95rem}.mlb-privacy-note{font-size:.82rem;color:rgba(255,255,255,.45);margin-top:.75rem}.mlb-privacy-note i{margin-right:.25rem}.mlb-footer{background:#0a161e;color:rgba(255,255,255,.65);padding:3.5rem 0 0}.mlb-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.mlb-footer-brand .mlb-footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.3rem;font-weight:900;color:var(--mlb-white)}.mlb-footer-brand .mlb-footer-logo img{height:40px}.mlb-footer-brand p{font-size:.9rem;line-height:1.7;margin-bottom:1rem}.mlb-footer h4{color:var(--mlb-white);font-size:1rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.mlb-footer-links li{margin-bottom:.5rem}.mlb-footer-links a{font-size:.9rem;color:rgba(255,255,255,.6);transition:color .2s}.mlb-footer-contact li{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.75rem;font-size:.9rem}.mlb-footer-contact i{color:var(--mlb-green);margin-top:3px;flex-shrink:0}.mlb-footer-contact a{color:rgba(255,255,255,.7)}.mlb-footer-hours li{display:flex;justify-content:space-between;font-size:.88rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.mlb-footer-hours li:last-child{border-bottom:none}.mlb-footer-hours .mlb-day{color:rgba(255,255,255,.5)}.mlb-footer-hours .mlb-time{color:var(--mlb-green);font-weight:700}.mlb-footer-social{display:flex;gap:.75rem;margin-top:1rem}.mlb-footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);font-size:1rem;transition:var(--mlb-transition)}.mlb-footer-social a:hover{background:var(--mlb-green);color:var(--mlb-navy)}.mlb-footer-bottom{padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.mlb-footer-bottom a{color:rgba(255,255,255,.5)}.mlb-captcha-question i,.mlb-footer-bottom a:hover{color:var(--mlb-green)}.mlb-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1030;background:var(--mlb-navy);padding:.75rem 1rem;gap:.75rem;box-shadow:0-4px 20px rgba(0,0,0,.3)}.mlb-sticky-cta .mlb-btn{flex:1;justify-content:center;font-size:.9rem;padding:.7rem}.mlb-modal,.mlb-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0}.mlb-modal{z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.mlb-modal.is-open{opacity:1;visibility:visible}.mlb-modal-overlay{background:rgba(0,0,0,.7);z-index:9998;backdrop-filter:blur(4px)}.mlb-modal-content{background:var(--mlb-white);border-radius:var(--mlb-radius-lg);max-width:680px;width:100%;max-height:92vh;overflow-y:auto;position:relative;z-index:9999;transform:translateY(20px) scale(.97);transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px rgba(0,0,0,.5)}.mlb-modal.is-open .mlb-modal-content{transform:translateY(0) scale(1)}.mlb-modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);color:var(--mlb-white);display:flex;align-items:center;justify-content:center;font-size:1.3rem;cursor:pointer;transition:var(--mlb-transition);z-index:1;border:0;line-height:1}.mlb-modal-close:hover{background:rgba(255,255,255,.3)}.mlb-modal-body{padding:2rem}.mlb-form-group{margin-bottom:1.25rem}.mlb-form-label{display:block;font-weight:700;font-size:.88rem;color:var(--mlb-navy);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.4px}.mlb-form-control{width:100%;padding:.75rem 1rem;border:2px solid var(--mlb-lightgray);border-radius:8px;font-size:.97rem;font-family:inherit;transition:var(--mlb-transition);background:var(--mlb-white);color:#333}.mlb-form-control:focus{outline:0;border-color:var(--mlb-green);box-shadow:0 0 0 3px rgba(200,164,74,.15)}.mlb-form-control.is-error{border-color:#dc3545}.mlb-form-error{color:#dc3545;font-size:.82rem;font-weight:600;margin-top:.3rem;display:none}.mlb-captcha-error.is-visible,.mlb-form-error.is-visible{display:block}.mlb-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mlb-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L1 4h14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}textarea.mlb-form-control{resize:vertical;min-height:120px}.mlb-captcha-group{margin:1.25rem 0;padding:1rem;background:var(--mlb-offwhite);border-radius:8px;border:1px solid var(--mlb-lightgray)}.mlb-captcha-question{font-weight:800;font-size:1.1rem;color:var(--mlb-navy);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.mlb-captcha-wrap{display:flex;align-items:center;gap:.75rem}.mlb-captcha-wrap input{max-width:120px}.mlb-captcha-error{color:#dc3545;font-size:.82rem;font-weight:600;margin-top:.3rem;display:none}@media (max-width:1024px){.mlb-nav-links,.mlb-steps::before{display:none}.mlb-hamburger{display:flex}.mlb-hero .mlb-container{flex-direction:column;text-align:center}.mlb-hero-content .mlb-para{margin:0 auto 2rem}.mlb-hero-cta,.mlb-hero-sub{justify-content:center}.mlb-hero-visual{flex:none;width:80%}.mlb-benefits-grid,.mlb-services-grid{grid-template-columns:repeat(2,1fr)}.mlb-steps{flex-direction:column;gap:1.5rem}.mlb-testimonials-grid{grid-template-columns:repeat(2,1fr)}.mlb-newsletter-grid{grid-template-columns:1fr}.mlb-footer-grid{grid-template-columns:1fr 1fr}.mlb-stats-grid{grid-template-columns:repeat(2,1fr)}.mlb-cta-inner{flex-direction:column;text-align:center}.mlb-cta-visual{flex:none;width:60%}}@media (max-width:768px){.mlb-section{padding:3.5rem 0}.mlb-benefits-grid,.mlb-footer-grid,.mlb-services-grid,.mlb-testimonials-grid{grid-template-columns:1fr}.mlb-footer-grid{gap:2rem}.mlb-footer-bottom{flex-direction:column;gap:.5rem;text-align:center}.mlb-form-row{grid-template-columns:1fr}.mlb-sticky-cta{display:flex}.mlb-btn--block-mobile{display:flex;width:100%}#mlbWorkCarousel .carousel-item img{height:280px}.mlb-subscribe-form{flex-direction:column;gap:.5rem}.mlb-subscribe-form button,.mlb-subscribe-form input[type=email]{border-radius:8px}.mlb-hero{min-height:auto;padding:5rem 0 3rem}.mlb-modal-box{margin:.5rem;max-height:95vh}.mlb-modal-body{padding:1.5rem}.mlb-modal-header{padding:1.25rem 1.5rem}}@media (max-width:480px){.mlb-stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.mlb-stat-number{font-size:1.8rem}.mlb-app-buttons{flex-direction:column}.mlb-app-btn{justify-content:center}}.mlb-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.mlb-reveal.is-visible{opacity:1;transform:translateY(0)}.mlb-section--appointment{background:linear-gradient(135deg,var(--mlb-navy) 0%,var(--mlb-navy-light) 100%)}.mlb-appointment-features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.mlb-appt-feature{display:flex;align-items:center;gap:.6rem;color:rgba(255,255,255,.85);font-weight:600;font-size:.9rem}.mlb-appt-feature i{color:var(--mlb-green);font-size:1.1rem;flex-shrink:0}.mlb-app-mockup{position:relative;display:inline-block}.mlb-app-mockup .app-overlay{position:absolute;top:12%;left:50%;transform:translateX(-50%);width:68%;background:linear-gradient(135deg,#1a7f3c,#25d366);border-radius:10px;padding:.6rem .75rem;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.25);color:#fff}.mlb-app-mockup .app-overlay .app-title{font-weight:900;font-size:.8rem}.mlb-app-mockup .app-overlay .app-sub{font-size:.65rem;opacity:.8;margin-top:.15rem}.mlb-app-mockup .app-overlay .app-card{background:rgba(255,255,255,.15);border-radius:5px;margin-top:.4rem;padding:.35rem;font-size:.62rem;line-height:1.4}.mlb-footer-logo{gap:0!important}.mlb-footer-logo img{height:44px!important}@media (max-width:768px){.mlb-section--appointment>.mlb-container{display:flex!important;flex-direction:column!important;gap:2rem!important}.mlb-section--appointment>.mlb-container>div:last-child{order:-1}.mlb-appointment-features{grid-template-columns:1fr!important;gap:.5rem!important}.mlb-section:has(.mlb-app-mockup)>.mlb-container,section#services+section:not(.mlb-section--appointment) .mlb-container[style*="1fr 1fr"]{display:flex!important;flex-direction:column!important;gap:2rem!important}.mlb-section--white>.mlb-container[style*="grid-template-columns:1fr 1fr"]{display:flex!important;flex-direction:column!important;gap:2rem!important}}@media (max-width:480px){.mlb-hero-car{height:220px!important;width:100%!important;max-width:100%!important}.mlb-hero-image{flex:none!important;width:100%!important}}@media (max-width:768px){.mlb-hero-car{height:260px!important}}@media (max-width:576px){#newsletterForm{flex-direction:column!important;gap:.5rem!important}#newsletterForm input[type=email]{min-width:0!important;flex:none!important}#newsletterForm button,#newsletterForm input[type=email]{border-radius:8px!important;width:100%!important}}@media (max-width:480px){.mlb-modal-content{max-width:calc(100vw - 1rem)!important;margin:0 auto!important;border-radius:12px!important}.mlb-modal-content form{padding:1rem!important}.mlb-modal-content form .mlb-form-row{grid-template-columns:1fr!important}}@media (max-width:768px){#galleryCarousel .carousel-item img{height:280px!important;object-fit:cover!important}}@media (max-width:480px){#galleryCarousel .carousel-item img{height:200px!important}#galleryCarousel .carousel-caption{left:.75rem!important;right:.75rem!important;bottom:.75rem!important;padding:.5rem .75rem!important}#galleryCarousel .carousel-caption h5{font-size:.9rem!important}#galleryCarousel .carousel-caption p{font-size:.75rem!important}}@media (max-width:400px){.mlb-promo-bar{font-size:.75rem!important;padding:.5rem .75rem!important;margin-top:64px}.mlb-promo-bar-inner{padding:.75rem 1rem;font-size:.85rem;gap:.05rem .5rem}.mlb-promo-offer{font-size:.95rem}.mlb-offer-amount{font-size:1.2rem}.mlb-offer-label{font-size:.82rem}.mlb-promo-claim-btn{font-size:.78rem;padding:.35rem .9rem}.mlb-hero-offer-badge{padding:.6rem 1rem;gap:.75rem;margin-bottom:1rem}.mlb-hero-offer-amount{font-size:1.8rem}.mlb-hero-offer-text{display:none}}@media (max-width:768px){.mlb-sticky-cta{z-index:1040!important}}@media (max-width:400px){.mlb-hero-search{flex-wrap:wrap!important;border-radius:12px!important;padding:.5rem!important}.mlb-hero-search input{width:100%!important;min-width:0!important;padding:.5rem!important}.mlb-hero-search button{width:100%!important;border-radius:50px!important;padding:.6rem!important}.mlb-footer-bottom{flex-direction:column!important;gap:.5rem!important;text-align:center!important}}.mlb-section--dark .mlb-h3{color:var(--mlb-white)!important}.mlb-section--white .mlb-text-gold{color:#1a7f3c!important}.mlb-section--dark .mlb-text-gold,.mlb-section--newsletter .mlb-text-gold{color:#5ce8a0!important}.mlb-section--dark .mlb-step .mlb-para,.mlb-section--newsletter .mlb-para{color:rgba(255,255,255,.65)!important}#quoteForm p[style*=mlb-gray],.mlb-section-tag{color:#6a6560!important}.mlb-app-btn-text span:last-child{color:var(--mlb-white)}.mlb-section--newsletter .mlb-form-control{background:rgba(255,255,255,.12);color:var(--mlb-white);background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.4)!important;color:#f5f0e0!important}.mlb-section--newsletter .mlb-form-control::placeholder{color:rgba(255,255,255,.75)}.carousel-indicators button{min-width:44px;min-height:44px}.carousel-slide-title,.mlb-footer-heading{color:var(--mlb-white);font-size:1rem;font-weight:700}.mlb-footer-heading{margin-bottom:1rem}.carousel-slide-title{margin:0 0 .25rem;text-shadow:0 1px 4px rgba(0,0,0,.6)}.mlb-section--appointment .mlb-h3{color:var(--mlb-white)!important}.mlb-section--dark .mlb-section-tag[style*=mlb-green],.mlb-section--white .mlb-benefit-text p{color:rgba(255,255,255,.9)!important}.mlb-section--white .mlb-para,.mlb-section--white ul li,ul[style*="color:#555"] li{color:#3d3830!important}.mlb-section--appointment .mlb-h3,.mlb-section--appointment .mlb-para{color:#f5f0e8!important}[style*="color:#1a7f3c"]{color:#145c2e!important}.mlb-section--dark .mlb-section-tag{color:#d4cfc7!important}.mlb-section--light .mlb-benefit-card,.mlb-section--white .mlb-benefit-card{background:#f5f0e8!important;color:#1a1a1a}.mlb-section--light .mlb-benefit-card .mlb-h3,.mlb-section--light .mlb-benefit-card p,.mlb-section--white .mlb-benefit-card .mlb-h3,.mlb-section--white .mlb-benefit-card p{color:#1a1a1a!important}.mlb-section--light .mlb-service-link,.mlb-section--white .mlb-service-link,.mlb-service-link{color:#1a5c7a!important}.mlb-area-tag,.mlb-section--light .mlb-section-tag,.mlb-section--light .mlb-text-gold{color:#f5f0e8!important}.mlb-area-tag{background:#0f2027!important}.mlb-section--white .mlb-app-mockup-badge{color:#1a1a1a!important}.mlb-section--newsletter p[style*="color:#6a6560"]{color:#b4afa9!important}.mlb-section--light .mlb-para,.mlb-section--light p{color:#d4cfc7!important}#quoteForm .mlb-form-label,.mlb-section--light .mlb-benefit-text .mlb-h3,.mlb-section--light .mlb-benefit-text p,.mlb-section--white .mlb-benefit-text .mlb-h3,.mlb-section--white .mlb-benefit-text p{color:#1a1a1a!important}
/* Anti-bot honeypot — visually hidden but bots still see it */
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
  </style>
  <style>
    /* Bootstrap grid utilities — inlined to eliminate render-blocking */
    .row { display: flex; flex-wrap: wrap; margin-right: -0.75rem; margin-left: -0.75rem; }
    .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 0.75rem; padding-left: 0.75rem; }
    .col { flex: 1 0 0%; }
    .flex-wrap { flex-wrap: wrap !important; }
    .d-block { display: block !important; }
    .w-100 { width: 100% !important; }
    .shadow { box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important; }
    .navbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
  </style>
  <!-- Bootstrap CSS — async load to prevent render blocking -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" media="print" onload="this.media='all'">
  <noscript></noscript>
  <!-- Bootstrap Icons CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" media="print" onload="this.media='all'" crossorigin>
  <noscript></noscript>

  <!-- Structured Data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "AutoRepair",
    "name": "Mr LogBook - Mobile Mechanic Sydney",
    "description": "Mobile mechanic service in Sydney. We come to you for logbook servicing, onsite repairs, brakes, suspension, clutch, transmission and more.",
    "telephone": "0404 192 197",
    "address": { "@type": "PostalAddress", "addressLocality": "Sydney", "addressRegion": "NSW", "addressCountry": "AU" },
    "areaServed": ["Sydney","North Shore","Inner City","Eastern Suburbs","North Sydney","Chatswood","Mosman","Lane Cove","Neutral Bay","Crows Nest","St Leonards","Artarmon","Willoughby","Parramatta","Manly","Bondi","Surry Hills"],
    "openingHoursSpecification": [
      { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"], "opens": "06:00", "closes": "20:00" }
    ],
    "priceRange": "$$",
      "image": "https://mrlogbook.net.au/images/logo.svg",
    "url": "https://mrlogbook.au"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Service",
    "serviceType": "Mobile Mechanic",
    "provider": { "@type": "AutoRepair", "name": "Mr LogBook - Mobile Mechanic Sydney", "telephone": "0404 192 197" },
    "areaServed": { "@type": "City", "name": "Sydney", "addressRegion": "NSW" },
    "description": "Mobile mechanic services including logbook servicing, brake repairs, suspension, transmission, clutch and general automotive repairs.",
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Mobile Mechanic Services",
      "itemListElement": [
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Logbook Service" } },
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Brake Service" } },
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Suspension Repairs" } },
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Transmission Service" } },
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "Clutch Repairs" } },
        { "@type": "Offer", "itemOffered": { "@type": "Service", "name": "General Auto Repairs" } }
      ]
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      { "@type": "Question", "name": "What is a mobile mechanic and how does it work?", "acceptedAnswer": { "@type": "Answer", "text": "A mobile mechanic comes to your location — home, work, or anywhere in Sydney — to service or repair your vehicle. Simply book online or call us, and we'll arrive at your chosen location at the scheduled time with all tools and parts needed." } },
      { "@type": "Question", "name": "Do you service all car makes and models?", "acceptedAnswer": { "@type": "Answer", "text": "Yes. We service and repair all makes and models — Japanese, European, American, and Australian vehicles. We're specialists in Mercedes, BMW, Audi, VW, Toyota, Honda, Mazda, Ford, Holden, and more." } },
      { "@type": "Question", "name": "Is logbook servicing really done by a qualified mechanic?", "acceptedAnswer": { "@type": "Answer", "text": "Absolutely. Every logbook service is performed by a licensed, qualified mechanic. We use quality OEM or equivalent parts and stamp your logbook just like a dealership — maintaining your manufacturer's warranty." } },
      { "@type": "Question", "name": "How much does a mobile mechanic cost compared to a workshop?", "acceptedAnswer": { "@type": "Answer", "text": "Our mobile mechanic prices are competitive with traditional workshops, and you save time and transport costs since we come to you. We offer a $75 discount on your first service." } },
      { "@type": "Question", "name": "What warranty do you offer?", "acceptedAnswer": { "@type": "Answer", "text": "We back every service with a 12-month or 20,000km warranty (whichever comes first) on both parts and labour. That's our commitment to quality." } },
      { "@type": "Question", "name": "What payment methods do you accept?", "acceptedAnswer": { "@type": "Answer", "text": "We accept cash, bank transfer, and all major credit and debit cards. Payment is due upon completion of service." } }
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://mrlogbook.au/" }]
  }
  </script>

  <!-- Google Analytics 4 — Replace G-XXXXXXXXXX with your Measurement ID -->
  <!--
  <!-- Google Analytics placeholder — replace with real ID -->
  -->

  <!-- Friendly CAPTCHA DISABLED FOR TESTING -->
<link rel="stylesheet" href="css_style.css">
<!--
<script type="module" src="https://cdn.jsdelivr.net/npm/friendly-challenge@0.9.19/widget.module.min.js" async defer>
<script nomodule src="https://cdn.jsdelivr.net/npm/friendly-challenge@0.9.19/widget.min.js" async defer>
-->
</head>
  <!-- Google Maps Places API — for service address autocomplete -->
  <script>
(function() {
  // Load Google Maps Places API lazily — only when user focuses address field
  window.initAutocomplete = function() {
    var addressInput = document.getElementById("txtBAddress") || document.querySelector(".address-input");
    if (addressInput && !window.googleMapsLoaded) {
      var script = document.createElement("script");
      script.src = "https://maps.googleapis.com/maps/api/js?key=***&libraries=places";
      script.async = true;
      script.defer = true;
      document.head.appendChild(script);
      window.googleMapsLoaded = true;
    }
  };
  // Load on address field focus
  document.addEventListener("DOMContentLoaded", function() {
    var addr = document.getElementById("txtBAddress");
    if (addr) addr.addEventListener("focus", window.initAutocomplete);
  });
})();
</script>
</head>
<body>

  <!-- ── Navigation ─────────────────────────────── -->
  <nav class="mlb-navbar">
    <div class="mlb-container">
      <a href="index.html" class="mlb-nav-logo" aria-label="Mr LogBook Home">
        <img src="images/logo.svg" alt="Mr LogBook" width="200" height="52" style="height:52px;width:auto;">
      </a>
      <ul class="mlb-nav-links">
        <li><a href="index.html" class="is-active">Home</a></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="faq.html">FAQ</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
      <div class="mlb-nav-cta">
        <a href="tel:0404192197" class="mlb-nav-phone">
          <i class="bi bi-telephone"></i> 0404 192 197
        </a>
        <a href="#book-modal" class="mlb-btn mlb-btn--gold mlb-btn--sm js-open-book-modal">Book Now</a>
      </div>
      <button class="mlb-hamburger" aria-label="Open menu" aria-expanded="false">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>

  <!-- Mobile Menu -->
  <div class="mlb-mobile-menu">
    <button class="mlb-mobile-close" aria-label="&times;">&times;</button>
    <a href="index.html">Home</a><a href="about.html">About Us</a>
    <a href="services.html">Services</a><a href="gallery.html">Gallery</a>
    <a href="faq.html">FAQ</a><a href="contact.html">Contact</a>
    <a href="tel:0404192197" class="mlb-btn mlb-btn--gold mt-3">Call 0404 192 197</a>
  </div>

  <!-- ── Promo Bar ─────────────────────────────── -->
  <div class="mlb-promo-bar">
    <div class="mlb-promo-bar-inner">
      <span class="mlb-promo-offer">
        <i class="bi bi-gift-fill"></i>
        <strong class="mlb-offer-amount">$75 OFF</strong>
        <span class="mlb-offer-label">your first service</span>
      </span>
      <span class="mlb-promo-bar-divider">|</span>
      <i class="bi bi-clock"></i>
      <span>6am – 8pm, 7 days</span>
      <span class="mlb-promo-bar-divider">|</span>
      <i class="bi bi-shield-check"></i>
      <span>12-month warranty</span>
      <a href="index.html#quote" class="mlb-promo-claim-btn">Claim Offer</a>
    </div>
  </div>

  <main id="main-content">
  <!-- ── Hero ──────────────────────────────────── -->
  <section class="mlb-hero">
    <div class="mlb-hero-bg"></div>
    <div class="mlb-container mlb-hero-content">
      <div class="mlb-hero-text">
        <div class="mlb-hero-badge">
          <i class="bi bi-star-fill"></i>
          <span>4.9 / 5.0 — Rated by 200+ Sydney customers</span>
        </div>
        <h1 class="mlb-hero-title">
          Your Car, <span class="mlb-text-gold">Served.</span><br>
          At Your Door.
        </h1>
        <!-- Big offer badge -->
        <div class="mlb-hero-offer-badge">
          <div class="mlb-hero-offer-amount">
            <span class="mlb-hero-offer-dollar">$</span>75<span class="mlb-hero-offer-off">OFF</span>
          </div>
          <div class="mlb-hero-offer-text">
            <div class="mlb-hero-offer-headline">New Customers Only</div>
            <div class="mlb-hero-offer-sub">First service · No minimum spend</div>
          </div>
        </div>
        <p class="mlb-hero-sub">
          Expert mobile mechanic — right in your driveway. Logbook servicing, brakes, suspension, transmission, diagnostics &amp; more. No workshop required.
        </p>
        <div class="mlb-hero-actions">
          <a href="#book-modal" class="mlb-btn mlb-btn--gold mlb-btn--lg js-open-book-modal">
            <i class="bi bi-calendar-check"></i> Book Your Service
          </a>
          <a href="#quote" class="mlb-btn mlb-btn--outline mlb-btn--lg">
            <i class="bi bi-chat-left-quote"></i> Get Free Quote
          </a>
        </div>
        <!-- Suburb search strip -->
        <div class="mlb-hero-search">
          <i class="bi bi-geo-alt-fill"></i>
          <input type="text" id="heroSuburb" placeholder="Enter your suburb or postcode" autocomplete="off">
          <button onclick="var s=document.getElementById('txtSuburb');if(s&&document.getElementById('heroSuburb').value.trim()){s.value=document.getElementById('heroSuburb').value.trim();s.dispatchEvent(new Event('input'));}document.getElementById('quote').scrollIntoView({behavior:'smooth'})" aria-label="Get Quote">Get Quote</button>
        </div>
        <div class="mlb-hero-trust">
          <span><i class="bi bi-shield-check"></i> Fully Licensed</span>
          <span><i class="bi bi-award"></i> 12-Month Warranty</span>
          <span><i class="bi bi-geo-alt"></i> All Sydney Suburbs</span>
        </div>
      </div>
      <div class="mlb-hero-image">
        <img src="images/car-hero.webp"
             alt="Mr LogBook mobile mechanic arriving at your location"
             class="mlb-hero-car"
             width="619" height="320"
             loading="eager"
             fetchpriority="high">
        <div class="mlb-hero-car-badge">
          <i class="bi bi-check-circle-fill"></i> Fully Equipped Workshop
        </div>
      </div>
    </div>
    <div class="mlb-hero-scroll-hint">
      <div class="mlb-hero-scroll-inner"></div>
    </div>
  </section>

  <!-- ── How It Works ───────────────────────────── -->
  <section class="mlb-section mlb-section--light">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">How It Works</span>
        <h2 class="mlb-h2">Book in <span class="mlb-text-gold">3 Easy Steps</span></h2>
        <p class="mlb-para">We come to you — at home, work, or anywhere in Sydney. It's that simple.</p>
      </div>
      <div class="mlb-steps">
        <div class="mlb-step">
          <div class="mlb-step-number">1</div>
          <div class="mlb-step-icon"><i class="bi bi-calendar-plus"></i></div>
          <h3 class="mlb-h3" style="color:#f5f0e8;">Book Online</h3>
          <p class="mlb-para">Tell us your car, the service you need, and your preferred time. Takes 2 minutes.</p>
        </div>
        <div class="mlb-step-connector"></div>
        <div class="mlb-step">
          <div class="mlb-step-number">2</div>
          <div class="mlb-step-icon"><i class="bi bi-wrench-adjustable"></i></div>
          <h3 class="mlb-h3" style="color:#f5f0e8;">We Come To You</h3>
          <p class="mlb-para">Our qualified mechanic arrives at your location with all tools and parts.</p>
        </div>
        <div class="mlb-step-connector"></div>
        <div class="mlb-step">
          <div class="mlb-step-number">3</div>
          <div class="mlb-step-icon"><i class="bi bi-hand-thumbs-up-fill"></i></div>
          <h3 class="mlb-h3" style="color:#f5f0e8;">You're Done</h3>
          <p class="mlb-para">Car serviced, logbook stamped, warranty intact. Back on the road the same day.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Services ─────────────────────────────── -->
  <section class="mlb-section mlb-section--white" id="services">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">What We Do</span>
        <h2 class="mlb-h2">Our <span class="mlb-text-gold">Services</span></h2>
        <p class="mlb-para">Full mobile mechanic coverage across Sydney — every make, every model, every job.</p>
      </div>
      <div class="mlb-services-grid">
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-journal-bookmark-fill"></i></div>
          <h3 class="mlb-h3">Logbook Service</h3>
          <p class="mlb-para">Full manufacturer-scheduled maintenance. Your logbook gets stamped, warranty stays intact.</p>
          <a href="services.html" class="mlb-service-link">Learn More About Our Services <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-disc"></i></div>
          <h3 class="mlb-h3">Brakes &amp; Suspension</h3>
          <p class="mlb-para">Brake pads, rotors, calipers, shocks, struts and suspension components.</p>
          <a href="services.html#brakes" class="mlb-service-link">Learn More About Brakes &amp; Suspension <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-gear-wide-connected"></i></div>
          <h3 class="mlb-h3">Transmission &amp; Clutch</h3>
          <p class="mlb-para">Automatic and manual transmission servicing, fluid changes, clutch replacements.</p>
          <a href="services.html#transmission" class="mlb-service-link">Learn More About Transmission &amp; Clutch <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-lightning-charge-fill"></i></div>
          <h3 class="mlb-h3">Roadside Assistance</h3>
          <p class="mlb-para">Emergency callouts — battery, flat tyre, fuel delivery, lockout. 6am–8pm daily.</p>
          <a href="services.html#roadside" class="mlb-service-link">Learn More About Roadside Assistance <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-activity"></i></div>
          <h3 class="mlb-h3">Diagnostics</h3>
          <p class="mlb-para">Engine check engine light diagnostics, fault code reading, sensor repairs.</p>
          <a href="services.html#diagnostics" class="mlb-service-link">Learn More About Diagnostics <i class="bi bi-arrow-right"></i></a>
        </div>
        <div class="mlb-service-card">
          <div class="mlb-service-icon"><i class="bi bi-wrench-adjustable"></i></div>
          <h3 class="mlb-h3">General Repairs</h3>
          <p class="mlb-para">Engine, cooling systems, exhausts, electrical, pre-purchase inspections.</p>
          <a href="services.html#general" class="mlb-service-link">Learn More About General Repairs <i class="bi bi-arrow-right"></i></a>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Stats ─────────────────────────────────── -->
  <section class="mlb-section mlb-section--dark">
    <div class="mlb-container">
      <div class="mlb-stats-grid">
        <div class="mlb-stat-item">
          <div class="mlb-stat-number" data-target="20">0</div>
          <div class="mlb-stat-suffix">+</div>
          <div class="mlb-stat-label">Years Combined Experience</div>
        </div>
        <div class="mlb-stat-item">
          <div class="mlb-stat-number" data-target="500">0</div>
          <div class="mlb-stat-suffix">+</div>
          <div class="mlb-stat-label">Cars Serviced</div>
        </div>
        <div class="mlb-stat-item">
          <div class="mlb-stat-number" data-target="100">0</div>
          <div class="mlb-stat-suffix">%</div>
          <div class="mlb-stat-label">Satisfaction Rate</div>
        </div>
        <div class="mlb-stat-item">
          <div class="mlb-stat-number" data-target="49" data-divide-by="10" data-decimals="1">0</div>
          <div class="mlb-stat-suffix">★</div>
          <div class="mlb-stat-label">Google Rating</div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Why Choose Us ─────────────────────────── -->
  <section class="mlb-section mlb-section--white">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">Why Us</span>
        <h2 class="mlb-h2">Why Sydney Drivers <span class="mlb-text-gold">Choose Us</span></h2>
        <p class="mlb-para">More than just a mechanic — a service that actually respects your time and your car.</p>
      </div>
      <div class="mlb-benefits-grid">
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-clock-fill"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3" style="color:#f5f0e8;">We Come To You</h3>
            <p>No driving to a workshop, no waiting around. We show up at your home or workplace with everything needed.</p>
          </div>
        </div>
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-shield-check"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3">Licensed &amp; Insured</h3>
            <p>Every mechanic is fully qualified and licensed. We carry full insurance on all work performed.</p>
          </div>
        </div>
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-award-fill"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3">12-Month Warranty</h3>
            <p>All parts and labour are backed by our 12-month or 20,000km warranty, whichever comes first.</p>
          </div>
        </div>
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-wallet2"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3">$75 OFF First Service</h3>
            <p>New customers get $75 off their first service. No hidden fees, no upselling — just fair, honest pricing.</p>
          </div>
        </div>
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-stars"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3">All Makes &amp; Models</h3>
            <p>Japanese, European, American, Australian — we service everything from Toyota to Mercedes, Ford to BMW.</p>
          </div>
        </div>
        <div class="mlb-benefit-item">
          <div class="mlb-benefit-icon"><i class="bi bi-journal-check"></i></div>
          <div class="mlb-benefit-text">
            <h3 class="mlb-h3">Logbook Stamped</h3>
            <p>Your logbook gets officially stamped on every logbook service. Manufacturer warranty fully preserved.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Areas We Serve ───────────────────────── -->
  <section class="mlb-section mlb-section--light">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">Coverage</span>
        <h2 class="mlb-h2">Areas We <span class="mlb-text-gold">Serve</span></h2>
        <p class="mlb-para">We cover all of greater Sydney — if you're in the metro area, we can get to you.</p>
      </div>
      <div class="mlb-areas-grid">
        <div class="mlb-areas-col">
          <h3 class="mlb-h3" style="color:#f5f0e8;margin-bottom:0.75rem;">North Shore</h3>
          <div class="mlb-areas-tags">
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Chatswood</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Mosman</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">North Sydney</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Lane Cove</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Cremorne</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Neutral Bay</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Artarmon</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Willoughby</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">St Leonards</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Crows Nest</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Hornsby</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Pymble</span>
          </div>
        </div>
        <div class="mlb-areas-col">
          <h3 class="mlb-h3" style="color:#f5f0e8;margin-bottom:0.75rem;">Inner City &amp; East</h3>
          <div class="mlb-areas-tags">
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Surry Hills</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Bondi</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Paddington</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Newtown</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Marrickville</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Alexandria</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Darlinghurst</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Manly</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Coogee</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Randwick</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Double Bay</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Vaucluse</span>
          </div>
        </div>
        <div class="mlb-areas-col">
          <h3 class="mlb-h3" style="color:#f5f0e8;margin-bottom:0.75rem;">Greater Sydney</h3>
          <div class="mlb-areas-tags">
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Parramatta</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">CBD</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">The Rocks</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Barangaroo</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Balmain</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Leichhardt</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Ashfield</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Burwood</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Strathfield</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Rhodes</span>
            <span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Olympic Park</span><span class="mlb-area-tag" style="background:#0f2027;color:#f5f0e8;">Hunters Hill</span>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Appointment Section ─────────────────── -->
  <section class="mlb-section mlb-section--appointment">
    <div class="mlb-container" style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;">
      <div>
        <span class="mlb-section-tag" style="background:rgba(255,255,255,0.1);color:var(--mlb-white);">Book Today</span>
        <h2 class="mlb-h2" style="color:var(--mlb-white);margin-top:0.75rem;margin-bottom:1rem;">Your Car Deserves<br><span class="mlb-text-gold">Expert Care</span></h2>
        <p class="mlb-para">
          Don't wait for a breakdown. Book your service now and get $75 off your first service. We confirm all bookings same-day and arrive on time, every time.
        </p>
        <div class="mlb-appointment-features">
          <div class="mlb-appt-feature">
            <i class="bi bi-calendar-check-fill"></i>
            <span>Same-day bookings available</span>
          </div>
          <div class="mlb-appt-feature">
            <i class="bi bi-clock-fill"></i>
            <span>6am – 8pm, 7 days a week</span>
          </div>
          <div class="mlb-appt-feature">
            <i class="bi bi-currency-dollar"></i>
            <span>$75 OFF for new customers</span>
          </div>
          <div class="mlb-appt-feature">
            <i class="bi bi-shield-fill-check"></i>
            <span>12-month warranty on all work</span>
          </div>
        </div>
        <div style="margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;">
          <a href="tel:0404192197" class="mlb-btn mlb-btn--outline mlb-btn--lg">
            <i class="bi bi-telephone"></i> 0404 192 197
          </a>
        </div>
      </div>
      <div style="position:relative;">
        <img src="images/appointment-car.webp"
             alt="Mr LogBook mobile mechanic working on a Volkswagen"
             style="width:100%;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,0.4);max-height:400px;object-fit:cover;"
             width="800" height="533"
             loading="lazy">
        <div style="position:absolute;bottom:1.5rem;left:1.5rem;background:rgba(27,58,107,0.92);backdrop-filter:blur(8px);border-radius:12px;padding:0.75rem 1.25rem;color:var(--mlb-white);display:flex;align-items:center;gap:0.5rem;font-size:0.88rem;font-weight:700;">
          <i class="bi bi-gear-fill" style="color:var(--mlb-green);"></i>
          VW Golf serviced — Artarmon
        </div>
      </div>
    </div>
  </section>

  <!-- ── Mr LogBook App ───────────────────────── -->
  <section class="mlb-section mlb-section--white">
    <div class="mlb-container" style="display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;">
      <div>
        <div style="display:inline-flex;align-items:center;gap:0.5rem;background:rgba(37,211,102,0.1);border:1px solid rgba(37,211,102,0.3);border-radius:50px;padding:0.35rem 1rem;margin-bottom:1rem;">
          <i class="bi bi-whatsapp" style="color:#1a7f3c;"></i>
          <span style="font-size:0.82rem;font-weight:700;color:#145c2e;">Now on Android</span>
        </div>
        <h2 class="mlb-h2" style="margin-bottom:1rem;">Manage Your Car<br>From Your <span class="mlb-text-gold">Pocket</span></h2>
        <p class="mlb-para" style="margin-bottom:1.5rem;">
          Track your service history, get reminders when your next service is due, book appointments, and receive service reports — all from the Mr LogBook app.
        </p>
        <div style="display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;">
          <a href="#" class="mlb-btn mlb-btn--dark mlb-btn--md" style="background:#000;border-color:#000;border-radius:10px;display:inline-flex;align-items:center;gap:0.75rem;">
            <i class="bi bi-google-play" style="font-size:1.4rem;"></i>
            <div style="text-align:left;">
              <div style="font-size:0.7rem;font-weight:700;color:rgba(255,255,255,0.75);line-height:1;">Get it on</div>
              <div style="font-size:0.95rem;font-weight:700;">Google Play</div>
            </div>
          </a>
        </div>
        <ul style="list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;">
          <li style="display:flex;align-items:center;gap:0.5rem;font-weight:600;color:rgba(255,255,255,0.85);"><i class="bi bi-check-circle-fill" style="color:var(--mlb-green);"></i> Service history</li>
          <li style="display:flex;align-items:center;gap:0.5rem;font-weight:600;color:rgba(255,255,255,0.85);"><i class="bi bi-check-circle-fill" style="color:var(--mlb-green);"></i> Reminders</li>
          <li style="display:flex;align-items:center;gap:0.5rem;font-weight:600;color:rgba(255,255,255,0.85);"><i class="bi bi-check-circle-fill" style="color:var(--mlb-green);"></i> Book appointments</li>
          <li style="display:flex;align-items:center;gap:0.5rem;font-weight:600;color:rgba(255,255,255,0.85);"><i class="bi bi-check-circle-fill" style="color:var(--mlb-green);"></i> Service reports</li>
        </ul>
      </div>
      <div style="text-align:center;">
        <!-- Phone mockup showing Mr LogBook app -->
        <div class="mlb-app-mockup">
          <img src="images/app-mockup.webp"
               alt="Mr LogBook app on Android phone"
               style="max-height:420px;border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,0.15);"
               width="500" height="889"
               loading="lazy">
          <div class="app-overlay">
            <div class="app-title">Mr LogBook</div>
            <div class="app-sub">Service Reminder</div>
            <div class="app-card">BMW 3 Series<br>Service due in 5 days</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ── Gallery ─────────────────────────────── -->
  <section class="mlb-section mlb-section--light" id="gallery">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">Gallery</span>
        <h2 class="mlb-h2">Our Work <span class="mlb-text-gold">Speaks</span></h2>
        <p class="mlb-para">A selection of jobs completed by the Mr LogBook team across Sydney.</p>
      </div>
      <div id="galleryCarousel" class="carousel slide mlb-gallery-carousel" data-bs-ride="carousel" data-bs-interval="4000">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="0" class="active" aria-label="Go to slide 1" aria-current="true"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="1" aria-label="Go to slide 2"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="2" aria-label="Go to slide 3"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="3" aria-label="Go to slide 4"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="4" aria-label="Go to slide 5"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="5" aria-label="Go to slide 6"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="6" aria-label="Go to slide 7"></button>
          <button type="button" data-bs-target="#galleryCarousel" data-bs-slide-to="7" aria-label="Go to slide 8"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img src="images/gallery/gallery-carousel-1.jpg" alt="Mr LogBook mobile mechanic" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Mr LogBook — Mobile Mechanic</p>
              <p>Sydneywide</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-2.jpg" alt="Mr LogBook mobile workshop" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Fully Equipped Mobile Workshop</p>
              <p>We come to you</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-3.jpg" alt="Mr LogBook expert work" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Expert Mechanical Work</p>
              <p>Every make, every model</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-4.jpg" alt="Mr LogBook logbook service" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Logbook Servicing</p>
              <p>New car warranty preserved</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-5.jpg" alt="Mr LogBook brake service" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Professional Brake Service</p>
              <p>Brakes, suspension & more</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-6.jpg" alt="Mr LogBook on-site service" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">On-Site Service</p>
              <p>Servicing all Greater Sydney</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-7.jpg" alt="Mr LogBook quality repairs" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Quality Repairs, Anywhere</p>
              <p>12-month warranty on all work</p>
            </div>
          </div>
          <div class="carousel-item">
            <img src="images/gallery/gallery-carousel-8.jpg" alt="Mr LogBook trusted service" class="d-block w-100" width="800" height="600">
            <div class="carousel-caption">
              <p class="carousel-slide-title">Trusted by Sydney Drivers</p>
              <p>4.9 / 5.0 — Rated by 200+ customers</p>
            </div>
          </div>
        </div>
        <button class="carousel-control-prev" type="button" data-bs-target="#galleryCarousel" data-bs-slide="prev" aria-label="Previous image">
          <span class="carousel-control-prev-icon"></span>
          <span class="visually-hidden">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-bs-target="#galleryCarousel" data-bs-slide="next" aria-label="Next image">
          <span class="carousel-control-next-icon"></span>
          <span class="visually-hidden">Next</span>
        </button>
      </div>
    </div>
  </section>

  <!-- ── Testimonials ──────────────────────────── -->
  <section class="mlb-section mlb-section--dark" id="testimonials">
    <div class="mlb-container">
      <div class="mlb-section-header">
        <span class="mlb-section-tag" style="background:rgba(255,255,255,0.1);color:var(--mlb-white);">Testimonials</span>
        <h2 class="mlb-h2">What Our Customers <span class="mlb-text-gold">Say</span></h2>
      </div>
      <div class="mlb-testimonials-grid">
        <div class="mlb-testimonial">
          <div class="mlb-testimonial-stars">
            <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
          </div>
          <p class="mlb-testimonial-text">"Absolute legend. Came to my office car park in Chatswood, did the full logbook service on my Mercedes C200 in under 2 hours. Logbook stamped, no mess, back to work. Will definitely use again."</p>
          <div class="mlb-testimonial-author">
            <div class="mlb-testimonial-avatar">DC</div>
            <div>
              <strong>Daniel C.</strong>
              <div class="mlb-testimonial-detail">Mercedes C200 — Chatswood</div>
            </div>
          </div>
        </div>
        <div class="mlb-testimonial">
          <div class="mlb-testimonial-stars">
            <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
          </div>
          <p class="mlb-testimonial-text">"My Golf was making a grinding noise — turns out it was the brakes. Got it fixed the same day I called. Way cheaper than the workshop quoted and didn't have to drive anywhere. These guys are the future."</p>
          <div class="mlb-testimonial-author">
            <div class="mlb-testimonial-avatar">SK</div>
            <div>
              <strong>Sarah K.</strong>
              <div class="mlb-testimonial-detail">VW Golf — Artarmon</div>
            </div>
          </div>
        </div>
        <div class="mlb-testimonial">
          <div class="mlb-testimonial-stars">
            <i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
          </div>
          <p class="mlb-testimonial-text">"Had them out to our house in Seven Hills for a logbook service on the Ford Ranger. On time, professional, and $75 off the normal price. Already booked in for the next one."</p>
          <div class="mlb-testimonial-author">
            <div class="mlb-testimonial-avatar">MJ</div>
            <div>
              <strong>Michael J.</strong>
              <div class="mlb-testimonial-detail">Ford Ranger — Seven Hills</div>
            </div>
          </div>
        </div>
      </div>
      <div style="text-align:center;margin-top:2rem;">
        <a href="https://www.google.com/maps/place/Mr+LogBook+Mobile+Services+Liverpool/@-33.8482439,150.9319747,17z/data=!4m6!3m5!1s0x6b12935ec435d59d:0xfc1d1e6166f6b5e7!8m2!3d-33.8482439!4d150.9319747!16s%2Fg%2F11h00pf7jn?entry=ttu" target="_blank" rel="noopener" class="mlb-btn mlb-btn--outline">
          <i class="bi bi-google"></i> Read All Google Reviews
        </a>
      </div>
    </div>
  </section>

  <!-- ── Quote Form ────────────────────────────── -->
  <section class="mlb-section mlb-section--white" id="quote">
    <div class="mlb-container" style="max-width:700px;">
      <div class="mlb-section-header">
        <span class="mlb-section-tag">Free Quote</span>
        <h2 class="mlb-h2">Get Your <span class="mlb-text-gold">Free Quote</span></h2>
        <p class="mlb-para">Fill in the form and we'll get back to you within 24 hours during business hours.</p>
      </div>

      <form id="quoteForm" method="POST" name="quote" data-netlify="true" netlify-honeypot="bot-field">
        <input type="hidden" name="formId" value="quoteForm">
        <input type="hidden" name="form-name" value="quote">
        <!-- Anti-bot honeypot — hidden from humans, filled by bots -->
        <div class="hp-field" aria-hidden="true"><label>Leave this empty: <input name="hp_website" tabindex="-1" autocomplete="off"></label></div>

        <div class="mlb-form-row">
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtName">Your Name *</label>
            <input type="text" id="txtName" name="name" class="mlb-form-control" placeholder="Full name" required>
          </div>
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtPhone">Phone Number *</label>
            <input type="tel" id="txtPhone" name="phone" class="mlb-form-control" placeholder="0400 000 000" required>
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtEmail">Email Address *</label>
          <input type="email" id="txtEmail" name="email" class="mlb-form-control" placeholder="you@example.com" required>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtSuburb">Suburb / Postcode *</label>
          <div style="position:relative;">
            <input type="text" id="txtSuburb" name="suburb" class="mlb-form-control" placeholder="Start typing suburb or postcode..." autocomplete="off" required>
            <div id="suburbSuggestions" class="autocomplete-dropdown" style="display:none;position:absolute;top:100%;left:0;right:0;background:#2a231a;border:1px solid #3a342c;border-radius:0 0 8px 8px;z-index:100;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,0.3);"></div>
          </div>
          <span class="mlb-form-error" id="lblSuburbMsg" style="display:none;">Please enter your suburb or postcode</span>
        </div>

        <div class="mlb-form-row">
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtRego">Rego / Plate *</label>
            <input type="text" id="txtRego" name="rego" class="mlb-form-control" placeholder="e.g. ABC123" required>
          </div>
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtMake">Make &amp; Model</label>
            <input type="text" id="txtMake" name="make_model" class="mlb-form-control" placeholder="e.g. Toyota Camry 2018">
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="ddlService">Service Required *</label>
          <select id="ddlService" name="service" class="mlb-form-control mlb-form-select" required>
            <option value="">Select a service...</option>
            <option>Logbook Service</option>
            <option>Brake Service</option>
            <option>Suspension Repair</option>
            <option>Transmission Service</option>
            <option>Clutch Repair</option>
            <option>General Repair / Other</option>
          </select>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtMessage">Additional Notes</label>
          <textarea id="txtMessage" name="message" class="mlb-form-control" placeholder="Describe the issue or what you need..." rows="3"></textarea>
        </div>

        <!-- Friendly CAPTCHA DISABLED FOR TESTING -->
        <!-- <div class="frc-captcha" data-sitekey="FCMG1U06NHNITG8R" data-start="auto" style="margin-bottom:1rem;"></div> -->
        <!-- TEST BYPASS: remove this hidden input when re-enabling CAPTCHA -->
        <input type="hidden" name="frc-captcha-solution" value="TEST_BYPASS">

        <button type="submit" class="mlb-btn mlb-btn--primary mlb-btn--lg mlb-btn--block" aria-label="Get My Free Quote">
          <i class="bi bi-send"></i> Get My Free Quote
        </button>
        <p style="text-align:center;margin-top:1rem;color:#333333;font-size:0.82rem;">
          <i class="bi bi-lock-fill"></i> No spam — ever.
        </p>
      </form>
    </div>
  </section>

  <!-- ── Newsletter ────────────────────────────── -->
  <section class="mlb-section mlb-section--newsletter" style="background:#0f2027;">
    <div class="mlb-container" style="text-align:center;max-width:600px;">
      <h2 class="mlb-h2" style="color:#f5f0e8;">Stay In The <span style="color:#5ce8a0;">Loop</span></h2>
      <p class="mlb-para" style="color:rgba(255,255,255,0.7);margin:0.75rem auto 2rem;">
        Service reminders, car tips, and occasional special offers. No spam — ever.
      </p>
      <form id="newsletterForm" style="display:flex;gap:0.75rem;flex-wrap:wrap;justify-content:center;">
        <input type="hidden" name="formId" value="newsletterForm">
        <!-- Anti-bot honeypot -->
        <div class="hp-field" aria-hidden="true"><label>Leave this empty: <input name="hp_website" tabindex="-1" autocomplete="off"></label></div>
        <input type="email" name="email" class="mlb-form-control" placeholder="Your email address" required style="flex:1;min-width:240px;background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.4);color:#f5f0e8;" onfocus="this.style.borderColor='#5ce8a0'" onblur="this.style.borderColor='rgba(255,255,255,0.4)'">
        <!-- Friendly CAPTCHA DISABLED FOR TESTING -->
        <!-- <div class="frc-captcha" data-sitekey="FCMG1U06NHNITG8R" data-start="auto" style="width:100%;"></div> -->
        <!-- TEST BYPASS: remove this hidden input when re-enabling CAPTCHA -->
        <input type="hidden" name="frc-captcha-solution" value="TEST_BYPASS">
        <button type="submit" class="mlb-btn mlb-btn--gold" aria-label="Subscribe to newsletter">Subscribe</button>
      </form>
    </div>
  </section>

  </main>
  <!-- ── Footer ───────────────────────────────── -->
  <footer class="mlb-footer">
    <div class="mlb-container">
      <div class="mlb-footer-grid">
        <div class="mlb-footer-brand">
          <div class="mlb-footer-logo">
            <img src="images/logo.svg" alt="Mr LogBook" width="200" height="48" style="height:48px;width:auto;">
          </div>
          <p>Sydney's trusted mobile mechanic. We come to you — at home, work, or anywhere in Sydney.</p>
          <div class="mlb-footer-social">
            <a href="https://www.facebook.com/mrlogbook/" target="_blank" rel="noopener" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
            <a href="https://twitter.com/MrLogBookAus" target="_blank" rel="noopener" aria-label="Twitter"><i class="bi bi-twitter-x"></i></a>
            <a href="https://www.instagram.com/mrlogbook/" target="_blank" rel="noopener" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
          </div>
        </div>
        <div>
          <h2 class="mlb-footer-heading">Quick Links</h2>
          <ul class="mlb-footer-links">
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="services.html">Services</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="faq.html">FAQ</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
        <div>
          <h2 class="mlb-footer-heading">Contact Us</h2>
          <ul class="mlb-footer-contact">
            <li style="font-size:1rem;"><i class="bi bi-telephone"></i> <a href="tel:0404192197" style="font-size:1.05rem;font-weight:700;letter-spacing:0.02em;">0404 192 197</a></li>
            <li><i class="bi bi-envelope"></i> <a href="/cdn-cgi/l/email-protection#0c65626a634c617e60636b6e636367226d79"><span class="__cf_email__" data-cfemail="93fafdf5fcd3fee1fffcf4f1fcfcf8bdf2e6">[email&#160;protected]</span></a></li>
            <li><i class="bi bi-geo-alt"></i> Sydney NSW, Australia</li>
          </ul>
          <ul class="mlb-footer-hours" style="margin-top:0.5rem;">
            <li><span class="mlb-day">Mon – Sun</span><span class="mlb-time">6am – 8pm</span></li>
          </ul>
        </div>
      </div>
      <div class="mlb-footer-bottom">
        <span>&copy; <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear())</script> Mr LogBook. All rights reserved.</span>
        <span><a href="privacy.html">Privacy Policy</a> · <a href="terms.html">Terms of Service</a></span>
      </div>
    </div>
  </footer>

  <!-- ── Book Service Modal ─────────────────── -->
  <div id="book-modal" class="mlb-modal" role="dialog" aria-modal="true" aria-labelledby="book-modal-title">
    <div class="mlb-modal-overlay"></div>
    <div class="mlb-modal-content">
      <button class="mlb-modal-close js-close-book-modal" aria-label="Close booking form">&times;</button>
      <!-- Car image header -->
      <div style="position:relative;height:180px;overflow:hidden;border-radius:16px 16px 0 0;">
        <img src="images/modal-header.webp"
             alt="Mr LogBook mobile mechanic"
             style="width:100%;height:100%;object-fit:cover;"
             width="800" height="533"
             loading="lazy">
        <div style="position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(15,32,39,0.9));"></div>
        <div style="position:absolute;bottom:1rem;left:1.5rem;">
          <h2 id="book-modal-title" style="color:var(--mlb-white);font-family:'Muli',sans-serif;font-size:1.5rem;font-weight:900;margin:0;text-shadow:0 2px 8px rgba(0,0,0,0.5);">
            <i class="bi bi-calendar-check" style="color:var(--mlb-green);margin-right:0.4rem;"></i> Book Your Service
          </h2>
          <p style="color:rgba(255,255,255,0.75);margin:0.3rem 0 0;font-size:0.85rem;">
            Fill in the form — we confirm same-day &nbsp;·&nbsp; 6am–8pm, 7 days
          </p>
        </div>
      </div>

      <form id="bookingFormModal" method="POST" name="booking" data-netlify="true" netlify-honeypot="bot-field" style="padding:1.5rem 2rem 2rem;">
        <input type="hidden" name="formId" value="bookingFormModal">
        <!-- Anti-bot honeypot — hidden from humans, filled by bots -->
        <div class="hp-field" aria-hidden="true"><label>Leave this empty: <input name="hp_website" tabindex="-1" autocomplete="off"></label></div>

        <div class="mlb-form-row">
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtBName">Your Name *</label>
            <input type="text" id="txtBName" name="name" class="mlb-form-control" placeholder="Full name" required>
          </div>
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtBPhone">Phone *</label>
            <input type="tel" id="txtBPhone" name="phone" class="mlb-form-control" placeholder="0400 000 000" required>
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtBEmail">Email *</label>
          <input type="email" id="txtBEmail" name="email" class="mlb-form-control" placeholder="you@example.com" required>
        </div>

        <div class="mlb-form-row">
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtBRego">Rego / Plate *</label>
            <input type="text" id="txtBRego" name="rego" class="mlb-form-control" placeholder="ABC123" required>
          </div>
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtBMake">Make &amp; Model</label>
            <input type="text" id="txtBMake" name="make_model" class="mlb-form-control" placeholder="e.g. Toyota Camry 2018">
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="ddlBService">Service Required *</label>
          <select id="ddlBService" name="service" class="mlb-form-control mlb-form-select" required>
            <option value="">Select a service...</option>
            <option>Logbook Service</option>
            <option>Brake Service</option>
            <option>Suspension Repair</option>
            <option>Transmission Service</option>
            <option>Clutch Repair</option>
            <option>General Repair / Other</option>
          </select>
        </div>

        <div class="mlb-form-row">
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="txtBDate">Preferred Date *</label>
            <input type="date" id="txtBDate" name="date" class="mlb-form-control" required>
          </div>
          <div class="mlb-form-group">
            <label class="mlb-form-label" for="ddlBTime">Preferred Time *</label>
            <select id="ddlBTime" name="time" class="mlb-form-control mlb-form-select" required>
              <option value="">Select time...</option>
              <option>6:00 AM – 8:00 AM</option>
              <option>8:00 AM – 10:00 AM</option>
              <option>10:00 AM – 12:00 PM</option>
              <option>12:00 PM – 2:00 PM</option>
              <option>2:00 PM – 4:00 PM</option>
              <option>4:00 PM – 6:00 PM</option>
              <option>6:00 PM – 8:00 PM</option>
            </select>
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtBAddress">Service Address *</label>
          <input type="text" id="txtBAddress" name="address" class="mlb-form-control" placeholder="Start typing your address..." autocomplete="off" required>
          <a href="#" id="toggleManualAddress" style="font-size:0.75rem;color:var(--mlb-green);">Or enter address manually</a>
          <div id="manualAddressFields" style="display:none;margin-top:0.5rem;">
            <input type="text" id="txtBAddressManual" class="mlb-form-control" placeholder="Street address" style="margin-bottom:0.4rem;">
            <div class="mlb-form-row" style="margin-top:0.4rem;">
              <div class="mlb-form-group" style="flex:2;">
                <input type="text" id="txtBCityManual" class="mlb-form-control" placeholder="Suburb" style="width:100%;">
              </div>
              <div class="mlb-form-group" style="flex:1;">
                <input type="text" id="txtBPostcodeManual" class="mlb-form-control" placeholder="Postcode" style="width:100%;">
              </div>
            </div>
          </div>
        </div>

        <div class="mlb-form-group">
          <label class="mlb-form-label" for="txtBNotes">Additional Notes</label>
          <textarea id="txtBNotes" name="notes" class="mlb-form-control" placeholder="Any special instructions, access details, or specific issues..." rows="2"></textarea>
        </div>

        <!-- Friendly CAPTCHA DISABLED FOR TESTING -->
        <!-- <div class="frc-captcha" data-sitekey="FCMG1U06NHNITG8R" data-start="auto" style="margin-bottom:1rem;"></div> -->

        <button type="submit" class="mlb-btn mlb-btn--gold mlb-btn--lg mlb-btn--block" aria-label="Confirm booking">
          <i class="bi bi-calendar-check"></i> Confirm Booking
        </button>
        <p style="text-align:center;margin-top:1rem;color:#333333;font-size:0.82rem;">
          <i class="bi bi-lock-fill"></i> No spam — ever &nbsp;·&nbsp; <a href="terms.html" style="color:#145c2e;">See T&Cs</a>
        </p>
      </form>
    </div>
  </div>

  <!-- Sticky Mobile CTA -->
  <div class="mlb-sticky-cta">
    <a href="tel:0404192197" class="mlb-btn mlb-btn--outline mlb-btn--sm" style="border-color:var(--mlb-green);color:var(--mlb-green);"><i class="bi bi-telephone"></i> Call</a>
    <a href="#book-modal" class="mlb-btn mlb-btn--gold mlb-btn--sm js-open-book-modal"><i class="bi bi-calendar-check"></i> Book</a>
  </div>

  <!-- Bootstrap JS — deferred so it doesn't block parsing -->
  <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  <script src="js/suburbs.js" defer></script>
  <script src="js/email.min.js" defer></script>
  <script src="js/main-v5.js" defer></script>
  <script src="js/mobile-fixes.js" defer></script>

  <!-- Google Places Autocomplete — replace YOUR_GOOGLE_PLACES_API_KEY with real key -->
  <script>
  function initAutocomplete() {
    var addressInput = document.getElementById('txtBAddress');
    if (addressInput) {
      new google.maps.places.Autocomplete(addressInput, {
        componentRestrictions: { country: 'au' },
        fields: ['address_components', 'formatted_address', 'geometry'],
        types: ['address']
      });
    }
  }
  // Fallback if Google Maps doesn't load
  window.addEventListener('load', function() {
    var addressInput = document.getElementById('txtBAddress');
    if (addressInput && typeof google === 'undefined') {
      // Silently skip — form still works without autocomplete
    }
  });
  </script>
</body>
</html>
