<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Gotcha Covered Marine -- Boat Lifts, Covers & Dock Products | Idaho, Eastern Washington & Western Montana</title>
  <!-- Google Analytics 4 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-14990533403"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-14990533403');
  </script>

  <meta name="description" content="BASTA authorized boat lift dealer serving Idaho, Eastern Washington & Western Montana. Gravity-lock lifts, Touchless Covers, and Mission Gear dock products. Free consultations -- call Brent directly.">
  <meta http-equiv="X-Content-Type-Options" content="nosniff">
  <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
  <meta property="og:title" content="Gotcha Covered Marine -- Boat Lifts & Dock Products">
  <meta property="og:description" content="BASTA authorized boat lift dealer. 16-year warranty. Lifelong boater. Free consultations -- call Brent directly.">
    <meta property="og:image" content="https://gotchacoveredmarine.com/images/boats/ski-boat.jpg">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://gotchacoveredmarine.com">
  <meta name="twitter:card" content="summary_large_image">
  <link rel="canonical" href="https://gotchacoveredmarine.com">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet">

  
<!-- LocalBusiness + Geo + OpeningHours -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "LocalBusiness",
    "name": "Gotcha Covered Marine",
    "legalName": "Gotcha Covered, LLC",
    "description": "BASTA authorized boat lift dealer serving Idaho, Eastern Washington & Western Montana. Professional installation, free consultations.",
    "url": "https://gotchacoveredmarine.com",
    "telephone": "+1-208-603-8199",
    "email": "brent@gotchacoveredmarine.com",
    "image": "https://gotchacoveredmarine.com/images/boats/ski-boat.jpg",
    "video": {
      "@type": "VideoObject",
      "name": "How Gotcha Covered Marine Installs Your Boat Lift",
      "description": "See how Brent and the Gotcha Covered Marine team pre-assemble, transport, and professionally install your BASTA boat lift. Every lift customized to your dock.",
      "uploadDate": "2026-06-10",
      "contentUrl": "https://gotchacoveredmarine.com/videos/gcm-install-how-we-do-it.mp4",
      "embedUrl": "https://gotchacoveredmarine.com/videos/gcm-install-how-we-do-it.mp4"
    },
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "Sandpoint",
      "addressLocality": "Sandpoint",
      "addressRegion": "ID",
      "postalCode": "83864",
      "addressCountry": "US"
    },
    "geo": {
      "@type": "GeoCoordinates",
      "latitude": 48.2761306,
      "longitude": -116.5487835
    },
    "areaServed": [{"@type": "State", "name": "Idaho"}, {"@type": "State", "name": "Washington"}, {"@type": "State", "name": "Montana"}],
    "priceRange": "$$",
    "openingHoursSpecification": [
      {"@type": "OpeningHoursSpecification", "dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday"], "opens": "08:00", "closes": "17:00"},
      {"@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday"], "opens": "09:00", "closes": "14:00"}
    ],
    "hasOfferCatalog": {
      "@type": "OfferCatalog",
      "name": "Boat Lift Products",
      "itemListElement": [
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA PWC Lift", "description": "Gravity-lock personal watercraft lift, up to 4,500 lbs"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA 4.5K Aluminum Lift", "description": "Heavy-duty aluminum boat lift for boats up to 4,500 lbs"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA Pontoon Lift", "description": "Pontoon-specific gravity-lock lift with wide bunks"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA Tritoon Lift", "description": "Tritoon-specific lift with reinforced frame for three-log pontoon boats"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA 5K Lift", "description": "Mid-size gravity-lock lift for boats up to 5,000 lbs"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA 7K Lift", "description": "Heavy-duty boat lift for vessels up to 7,000 lbs"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA 10K Lift", "description": "Commercial-grade lift for boats up to 10,000 lbs"}},
        {"@type": "Offer", "itemOffered": {"@type": "Product", "name": "BASTA 11K Floating Lift", "description": "Floating lift system for deep water and variable depth applications up to 11,000 lbs"}}
      ]
    },
    "sameAs": [
      "https://www.youtube.com/@GotchaCoveredMarine",
      "https://www.facebook.com/gotchacoveredmarine",
      "https://www.instagram.com/gotchacoveredmarineinc"
    ]
  }
  </script>

  <!-- Product schema for each BASTA model -- no public pricing (contact for quote) -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "Product",
        "name": "BASTA PWC Lift",
        "description": "Gravity-lock personal watercraft lift. Handles PWCs up to 4,500 lbs. Zero hydraulic parts, zero failure modes, 16-year warranty. For use in shallow to standard water depths.",
        "image": "https://gotchacoveredmarine.com/images/boats/pwc-jet-ski.jpg",
        "brand": {"@type": "Brand", "name": "BASTA"},
        "manufacturer": {"@type": "Organization", "name": "BASTA Boatlifts"},
        "hasProductSpecification": {
          "@type": "PropertyValue",
          "name": "Capacity",
          "value": "4,500 lbs"
        },
        "hasMerchantReturnPolicy": {
          "@type": "MerchantReturnPolicy",
          "returnPolicyCategory": "http://schema.org/MerchantReturnPolicyNonRefundable"
        }
      },
      {
        "@type": "Product",
        "name": "BASTA 4.5K Aluminum Lift",
        "description": "Heavy-duty aluminum boat lift for boats up to 4,500 lbs. Marine-grade aluminum construction, gravity-lock mechanism, 16-year warranty.",
        "image": "https://gotchacoveredmarine.com/images/boats/ski-boat.jpg",
        "brand": {"@type": "Brand", "name": "BASTA"},
        "manufacturer": {"@type": "Organization", "name": "BASTA Boatlifts"}
      },
      {
        "@type": "Product",
        "name": "BASTA Pontoon Lift",
        "description": "Pontoon-specific gravity-lock lift with extra-wide bunks to support pontoon boats securely. 16-year BASTA warranty.",
        "brand": {"@type": "Brand", "name": "BASTA"},
        "manufacturer": {"@type": "Organization", "name": "BASTA Boatlifts"}
      },
      {
        "@type": "Product",
        "name": "BASTA Floating Lift (11K FL)",
        "description": "Floating boat lift for deep water and variable depth applications. Handles boats up to 11,000 lbs. Gravity-lock design, no pilings needed, 16-year warranty.",
        "image": "https://touchlesscover.com/wp-content/uploads/2020/03/HPIM2040-1.jpg",
        "brand": {"@type": "Brand", "name": "BASTA"},
        "manufacturer": {"@type": "Organization", "name": "BASTA Boatlifts"}
      }
    ]
  }
  </script>

  <!-- FAQPage -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
      {
        "@type": "Question",
        "name": "What is the warranty on BASTA boat lifts?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "BASTA boat lifts are backed by a 16-year structural warranty -- the longest in the industry. Because the gravity-lock mechanism has no hydraulic fluid, no pumps, and no seals to fail, BASTA confidently warranties the product for 16 years."
        }
      },
      {
        "@type": "Question",
        "name": "How are BASTA lifts different from Sunstream?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Sunstream uses active hydraulic pressure to hold your boat up -- if the pump fails, a seal leaks, or power goes out, the boat comes down. BASTA uses a passive gravity-lock: the boat settles into its natural resting position and gravity mechanically captures the load. Nothing to fail. Nothing to maintain. Nothing to go wrong."
        }
      },
      {
        "@type": "Question",
        "name": "Do you offer free consultations?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. Free consultations are available -- Brent answers his own phone. He's a lifelong boater who's passionate about helping you find the right lift, touchless cover, or accessory to perfectly fit your boat, your dock, and your specific needs. No pressure, no obligation."
        }
      },
      {
        "@type": "Question",
        "name": "Do you install boat lifts?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Yes. Professional installation is available across Idaho, Eastern Washington & Western Montana. Brent handles installation personally and is available to consult before you buy to ensure you get the right lift."
        }
      },
      {
        "@type": "Question",
        "name": "What lakes do you service?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "We service lakes across Idaho, Eastern Washington & Western Montana -- including Lake Pend Orielle, Coeur d'Alene, Priest Lake, Flathead Lake, Lake Roosevelt, and Lake Chelan."
        }
      },
      {
        "@type": "Question",
        "name": "How do I get a price quote?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Call Brent directly at (208) 603-8199 or email Brent@gotchacoveredmarine.com. Lift pricing depends on your boat weight, water depth, and dock configuration -- Brent will give you an accurate quote based on your specific situation."
        }
      }
    ]
  }
  </script>

  <!-- BreadcrumbList for navigation -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://gotchacoveredmarine.com"},
      {"@type": "ListItem", "position": 2, "name": "Products", "item": "https://gotchacoveredmarine.com/#services"},
      {"@type": "ListItem", "position": 3, "name": "BASTA Boat Lifts", "item": "https://gotchacoveredmarine.com/#services"},
      {"@type": "ListItem", "position": 4, "name": "Lake Directory", "item": "https://gotchacoveredmarine.com/#directory"}
    ]
  }
  </script>
  

  <style>
    /* ============================================================
       RESET & BASE
       ============================================================ */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; font-size: 16px; }
    body {
      font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
      color: #1A1A2E;
      background: #ffffff;
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    img { max-width: 100%; height: auto; display: block; }
    a { color: inherit; text-decoration: none; }
    button { font-family: inherit; cursor: pointer; border: none; background: none; }
    ul { list-style: none; }

    /* ============================================================
       CUSTOM PROPERTIES
       ============================================================ */
    :root {
      --navy:       #0D1B2A;
      --steel:      #4E83C5;
      --light-blue:  #E8F4FD;
      --gold:       #B8860B;
      --gold-light:  #F0E6D2;
      --parchment:  #F5F0E8;
      --white:      #FFFFFF;
      --text:       #1A1A2E;
      --text-muted: #6B7280;
      --border:     #E5E0D5;
      --shadow-sm:   0 1px 3px rgba(0,0,0,0.08);
      --shadow-md:   0 4px 16px rgba(0,0,0,0.10);
      --shadow-lg:   0 8px 32px rgba(0,0,0,0.14);
      --radius:     8px;
      --radius-lg:  16px;
      --transition: 0.22s cubic-bezier(0.4,0,0.2,1);
    }

    /* ============================================================
       TYPOGRAPHY
       ============================================================ */
    h1, h2, h3 {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
    }
    h1 { font-size: clamp(2rem, 5vw, 3.5rem); }
    h2 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); }
    h3 { font-size: clamp(1.125rem, 2.5vw, 1.5rem); }
    p  { font-size: 1rem; line-height: 1.7; }

    /* ============================================================
       LAYOUT UTILITIES
       ============================================================ */
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .container--narrow {
      max-width: 800px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .section { padding: 80px 0; }
    @media (max-width: 768px) {
      .section { padding: 60px 20px; }
      .directory { padding: 0; }
      .directory__header { margin-bottom: 28px; }
      .directory__grid { gap: 14px; }
    }
    @media (max-width: 480px) {
      .section { padding: 48px 16px; }
      .directory { padding: 0; }
      .directory__header h2 { font-size: 1.5rem; }
      .directory__grid { gap: 12px; }
    }
    .section--dark {
      background: var(--navy);
      color: var(--white);
    }
    .section--parchment { background: var(--parchment); }
    .section--light-blue { background: var(--light-blue); }
    .section-label {
      font-family: 'Inter', sans-serif;
      font-size: 0.75rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--steel);
      margin-bottom: 12px;
    }
    .section-label--gold { color: var(--gold); }
    .section-label--white { color: rgba(255,255,255,0.65); }

    /* ============================================================
       BUTTONS
       ============================================================ */
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 13px 28px;
      border-radius: var(--radius);
      font-family: 'Inter', sans-serif;
      font-size: 0.9375rem;
      font-weight: 600;
      letter-spacing: 0.01em;
      transition: transform var(--transition), box-shadow var(--transition), background var(--transition), color var(--transition), border-color var(--transition);
      cursor: pointer;
      white-space: nowrap;
      text-decoration: none;
    }
    .btn:focus-visible {
      outline: 2px solid var(--steel);
      outline-offset: 3px;
    }
    .btn--gold {
      background: var(--gold);
      color: var(--navy);
      font-weight: 700;
      border: 2px solid var(--gold);
      box-shadow: 0 2px 8px rgba(184,134,11,0.30);
    }
    .btn--gold:hover {
      background: #9a7209;
      border-color: #9a7209;
      transform: translateY(-1px);
      box-shadow: 0 4px 16px rgba(184,134,11,0.35);
    }
    .btn--gold:active { transform: translateY(0); }

    .btn--outline-white {
      background: rgba(0,0,0,0.38);
      color: var(--white);
      border: 2px solid rgba(255,255,255,0.4);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }
    .btn--outline-white:hover {
      background: rgba(255,255,255,0.10);
      border-color: var(--white);
      transform: translateY(-1px);
    }
    .btn--outline-white:active { transform: translateY(0); }

    .btn--outline-navy {
      background: transparent;
      color: var(--navy);
      border: 2px solid var(--navy);
    }
    .btn--outline-navy:hover {
      background: var(--navy);
      color: var(--white);
      transform: translateY(-1px);
    }

    .btn--large {
      padding: 16px 36px;
      font-size: 1rem;
    }

    /* ============================================================
       NAVIGATION
       ============================================================ */
    .nav {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      padding: 0 24px;
    }
    .nav__inner {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
    }
    .nav__logo {
      display: flex;
      align-items: center;
      gap: 10px;
      color: var(--white);
      font-family: 'Playfair Display', serif;
      font-weight: 700;
      font-size: 1.1rem;
      text-decoration: none;
    }
    .nav__logo img {
      height: 44px;
      width: auto;
      object-fit: contain;
    }
    .nav__logo-text { display: flex; flex-direction: column; line-height: 1.1; }
    .nav__logo-sub {
      font-family: 'Inter', sans-serif;
      font-size: 0.65rem;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      opacity: 0.75;
    }
    .nav__links {
      display: flex;
      align-items: center;
      gap: 32px;
    }
    .nav__links a {
      color: rgba(255,255,255,0.88);
      font-size: 0.9rem;
      font-weight: 500;
      text-decoration: none;
      transition: color var(--transition);
      position: relative;
    }
    .nav__links a::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      height: 1px;
      background: var(--white);
      transform: scaleX(0);
      transition: transform var(--transition);
      transform-origin: left;
    }
    .nav__links a:hover { color: var(--white); }
    .nav__links a:hover::after { transform: scaleX(1); }
    .nav__cta {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    .nav__phone {
      display: flex;
      align-items: center;
      gap: 6px;
      color: rgba(255,255,255,0.88);
      font-size: 0.875rem;
      font-weight: 500;
      transition: color var(--transition);
    }
    .nav__phone:hover { color: var(--white); }

    /* Mobile nav toggle */
    .nav__hamburger {
      display: none;
      flex-direction: column;
      gap: 5px;
      padding: 4px;
      cursor: pointer;
      background: none;
      border: none;
    }
    .nav__hamburger span {
      display: block;
      width: 24px;
      height: 2px;
      background: var(--white);
      border-radius: 2px;
      transition: transform var(--transition), opacity var(--transition);
    }
    .nav__mobile {
      display: none;
      position: fixed;
      inset: 0;
      background: var(--navy);
      z-index: 99;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 32px;
    }
    .nav__mobile.open { display: flex; }
    .nav__mobile a {
      color: var(--white);
      font-size: 1.5rem;
      font-weight: 600;
      font-family: 'Playfair Display', serif;
      text-decoration: none;
    }
    .nav__mobile-close {
      position: absolute;
      top: 24px;
      right: 24px;
      color: var(--white);
      font-size: 2rem;
      background: none;
      border: none;
      cursor: pointer;
    }

    /* ============================================================
       VIDEO HERO
       ============================================================ */
    .hero {
      position: relative;
      height: 100vh;
      min-height: 600px;
      display: flex;
      align-items: center;
      overflow: hidden;
      background: var(--navy);
    }
    .hero__video-wrap {
      position: absolute;
      inset: 0;
      z-index: 1;
    }
    .hero__video-wrap {
      position: absolute;
      inset: 0;
      z-index: 1;
    }
    .hero__video-single {
      position: absolute;
      inset: 0;
    }
    .hero__video-single iframe,
    .hero__video-single video {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 177.78vh;
      min-width: 100%;
      height: 56.25vw;
      min-height: 100%;
      transform: translate(-50%, -50%);
      border: none;
    }
    .hero__product-toggle {
      position: absolute;
      bottom: 32px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 0;
      z-index: 10;
      border-radius: 12px;
      overflow: hidden;
      border: 2px solid #c4961d;
      box-shadow: 0 4px 24px rgba(0,0,0,0.4);
    }
    .hero__product-btn {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 14px 24px;
      font-family: 'Inter', sans-serif;
      font-size: 0.9rem;
      font-weight: 600;
      letter-spacing: 0.03em;
      border: none;
      cursor: pointer;
      transition: all 0.25s ease;
      background: rgba(13, 27, 42, 0.85);
      color: rgba(255,255,255,0.75);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
    }
    .hero__product-btn:hover {
      background: rgba(196, 150, 29, 0.25);
      color: #fff;
    }
    .hero__product-btn--active {
      background: #c4961d;
      color: #0b213a;
    }
    .hero__product-btn--active:hover {
      background: #d4a820;
      color: #0b213a;
    }
    .hero__product-btn svg {
      flex-shrink: 0;
    }
    @media (max-width: 600px) {
      .hero__product-toggle {
        flex-direction: column;
        bottom: 24px;
        gap: 0;
      }
      .hero__product-btn {
        padding: 12px 20px;
        font-size: 0.85rem;
        justify-content: center;
      }
    }

    .hero__overlay {
      position: absolute;
      inset: 0;
      z-index: 2;
      background: linear-gradient(
        to bottom,
        rgba(13,27,42,0.55) 0%,
        rgba(13,27,42,0.45) 40%,
        rgba(13,27,42,0.65) 100%
      );
    }
    .hero__content {
      position: relative;
      z-index: 3;
      width: 100%;
      padding-top: 72px; /* nav height */
    }
    .hero__content-inner {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 24px;
    }
    .hero__badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,0.12);
      border: 1px solid rgba(255,255,255,0.25);
      border-radius: 100px;
      padding: 6px 16px;
      font-size: 0.8125rem;
      font-weight: 600;
      color: rgba(255,255,255,0.95);
      letter-spacing: 0.04em;
      text-transform: uppercase;
      margin-bottom: 24px;
      backdrop-filter: blur(4px);
    }
    .hero__badge svg { flex-shrink: 0; }
    .hero__headline {
      color: var(--white);
      max-width: 700px;
      margin-bottom: 20px;
    }
    .hero__headline span {
      color: var(--gold);
    }
    .hero__sub {
      color: rgba(255,255,255,0.9);
      font-size: clamp(0.9375rem, 2.5vw, 1.0625rem);
      max-width: 540px;
      margin-bottom: 36px;
      line-height: 1.65;
      font-weight: 400;
      line-height: 1.7;
    }
    .hero__actions {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }
    .hero__scroll {
      position: absolute;
      bottom: 32px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 3;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      color: rgba(255,255,255,0.55);
      font-size: 0.7rem;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      animation: scrollBounce 2s ease-in-out infinite;
    }
    .hero__scroll-line {
      width: 1px;
      height: 40px;
      background: linear-gradient(to bottom, rgba(255,255,255,0.5), transparent);
    }
    @keyframes scrollBounce {
      0%, 100% { transform: translateX(-50%) translateY(0); }
      50% { transform: translateX(-50%) translateY(6px); }
    }

    /* ============================================================
       SERVICES
       ============================================================ */
    .services__header {
      text-align: center;
      max-width: 640px;
      margin: 0 auto 56px;
    }
    .services__header h2 { margin-bottom: 16px; }
    p { color: var(--text-muted); font-size: 1.0625rem; }

    .services__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 28px;
    }
    .service-card {
      background: var(--white);
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-md);
      transition: transform var(--transition), box-shadow var(--transition);
      display: flex;
      flex-direction: column;
    }
    .service-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-lg);
    }
    .service-card__img {
      position: relative;
      height: 220px;
      overflow: hidden;
    }
    .service-card__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
    }
    .service-card:hover .service-card__img img { transform: scale(1.04); }
    .service-card__tag {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--gold);
      color: var(--white);
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      padding: 4px 10px;
      border-radius: 4px;
    }
    .service-card__body {
      padding: 28px 24px 32px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .service-card__title {
      font-family: 'Playfair Display', serif;
      font-size: 1.25rem;
      font-weight: 700;
      margin-bottom: 10px;
      color: var(--navy);
    }
    .service-card__text {
      color: #374151;
      font-size: 1rem;
      line-height: 1.7;
      line-height: 1.65;
      flex: 1;
      margin-bottom: 20px;
    }
    .service-card__link {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: var(--steel);
      font-weight: 600;
      font-size: 0.9rem;
      text-decoration: none;
      transition: gap var(--transition), color var(--transition);
    }
    .service-card__link:hover { color: var(--navy); gap: 10px; }
    .service-card__link:focus-visible {
      outline: 2px solid var(--steel);
      outline-offset: 3px;
      border-radius: 2px;
    }

    /* ============================================================
       WHY US
       ============================================================ */
    .why-us {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 64px;
      align-items: center;
    }
    .why-us__img-wrap {
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-lg);
    }
    .why-us__img-wrap img {
      width: 100%;
      height: 480px;
      object-fit: cover;
    }
    .why-us__content { }
    .why-us__content h2 { margin-bottom: 20px; }
    .why-us__lead {
      font-size: 1.0625rem;
      color: var(--text-muted);
      margin-bottom: 28px;
      line-height: 1.7;
    }
    .why-us__bullets {
      display: flex;
      flex-direction: column;
      gap: 14px;
    }
    .why-us__bullet {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 0.9375rem;
      color: var(--text);
    }
    .why-us__bullet svg {
      flex-shrink: 0;
      margin-top: 2px;
      color: var(--steel);
    }
    .why-us__bullet--gold svg { color: var(--gold); }

    /* ============================================================
       LAKE DIRECTORY
       ============================================================ */
    .directory__header {
      text-align: center;
      max-width: 640px;
      margin: 0 auto 48px;
    }
    .directory__header h2 { margin-bottom: 14px; }
    .directory__header p { color: var(--text-muted); }
    .directory__grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .lake-card {
      background: var(--white);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 20px;
      padding-right: 40px;
      text-decoration: none;
      color: var(--text);
      transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
      display: block;
      position: relative;
    }
    .lake-card__chevron {
      position: absolute;
      right: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--gold);
      opacity: 0.75;
      width: 20px;
      height: 20px;
      transition: opacity var(--transition), transform var(--transition);
    }
    .lake-card:hover .lake-card__chevron { opacity: 1; transform: translateY(-50%) translateX(3px); }
    .lake-card:hover {
      border-color: var(--steel);
      box-shadow: var(--shadow-md);
      transform: translateY(-2px);
    }
    .lake-card:focus-visible {
      outline: 2px solid var(--steel);
      outline-offset: 2px;
    }
    .lake-card__name {
      font-family: 'Playfair Display', serif;
      font-size: 1rem;
      font-weight: 700;
      margin-bottom: 4px;
      color: var(--navy);
    }
    .lake-card__state {
      font-size: 0.8125rem;
      color: var(--text-muted);
      margin-bottom: 10px;
    }
    .lake-card__meta {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 0.8125rem;
      color: #2c5282;
      font-weight: 600;
    }
    .directory__all {
      text-align: center;
      margin-top: 40px;
    }

    /* ============================================================
       CTA BAND
       ============================================================ */
    .cta-band {
      background: var(--navy);
      color: var(--white);
      padding: 72px 0;
      text-align: center;
    }
    .cta-band h2 { margin-bottom: 14px; }
    .cta-band__sub {
      color: rgba(255,255,255,0.72);
      font-size: 1.0625rem;
      margin-bottom: 36px;
      max-width: 520px;
      margin-left: auto;
      margin-right: auto;
    }
    .cta-band__phone {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: clamp(1.5rem, 4vw, 2.25rem);
      font-weight: 700;
      color: var(--gold);
      text-decoration: none;
      font-family: 'Playfair Display', serif;
      margin-bottom: 36px;
      transition: color var(--transition);
    }
    .cta-band__phone:hover { color: #d4a017; }
    .cta-band__phone:focus-visible {
      outline: 2px solid var(--gold);
      outline-offset: 4px;
    }
    .cta-band__actions {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      flex-wrap: wrap;
    }

    /* ============================================================
       FOOTER
       ============================================================ */
    .footer {
      background: #08131f;
      color: rgba(255,255,255,0.65);
      padding: 64px 0 0;
    }
    .footer__grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr 1fr;
      gap: 48px;
      padding-bottom: 48px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .footer__brand-desc {
      font-size: 0.9rem;
      line-height: 1.65;
      margin-top: 16px;
      max-width: 260px;
    }
    .footer__col-title {
      font-family: 'Inter', sans-serif;
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.40);
      margin-bottom: 16px;
    }
    .footer__links {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .footer__links a {
      font-size: 0.9rem;
      color: rgba(255,255,255,0.65);
      text-decoration: none;
      transition: color var(--transition);
    }
    .footer__links a:hover { color: var(--white); }
    .footer__links a:focus-visible {
      outline: 1px solid var(--steel);
      outline-offset: 2px;
    }
    .footer__bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 0;
      font-size: 0.8125rem;
      color: rgba(255,255,255,0.35);
    }
    .footer__bottom-links {
      display: flex;
      gap: 24px;
    }
    .footer__bottom-links a {
      color: rgba(255,255,255,0.35);
      text-decoration: none;
      transition: color var(--transition);
    }
    .footer__bottom-links a:hover { color: rgba(255,255,255,0.65); }

    /* ============================================================
       RESPONSIVE
       ============================================================ */
    @media (max-width: 1024px) {
      .services__grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
      .directory__grid { grid-template-columns: repeat(3, 1fr); }
      .footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
    }
    @media (max-width: 768px) {
      .nav {
        background: var(--navy);
        height: 60px;
      }
      .nav__inner { height: 60px; }
      .nav__logo img { display: none; }
      .nav__logo-text { font-size: 1rem; }
      .nav__logo-sub { font-size: 0.6rem; }
      .nav__links, .nav__phone, .nav__cta { display: none; }
      .nav__hamburger { display: flex; }
      .hero__content { padding-top: 60px; }
      .hero__scroll { bottom: 20px; }
      .hero__scroll-line { height: 28px; }
      .services__grid { grid-template-columns: 1fr; gap: 20px; }
      .service-card__link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: auto;
        padding: 16px 16px;
        background: var(--navy);
        color: var(--white) !important;
        border-radius: var(--radius);
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        transition: background var(--transition), gap var(--transition);
        box-shadow: var(--shadow-sm);
        gap: 8px;
        min-height: 52px;
      }
      .service-card__link:hover {
        background: var(--steel);
        gap: 12px;
      }
      .service-card__link svg { flex-shrink: 0; }
      .services__header p { font-size: 0.9375rem; }
      .services__intro { font-size: 0.9375rem; padding: 0 4px; line-height: 1.6; }
      .services__header { margin-bottom: 32px; }
      .services__header p { font-size: 0.9375rem; }
      .why-us { grid-template-columns: 1fr; gap: 36px; }
      .why-us__img-wrap img { height: 280px; }
      .directory__grid { grid-template-columns: repeat(2, 1fr); }
      .footer__grid { grid-template-columns: 1fr; gap: 28px; }
      .footer__bottom { flex-direction: column; gap: 12px; text-align: center; }
      .hero__actions { flex-direction: column; align-items: flex-start; gap: 16px; padding-bottom: 52px; }
      .section { padding: 60px 0; }
    }
    @media (max-width: 480px) {
      .hero__badge { font-size: 0.65rem; padding: 4px 10px; }
      .hero__headline { font-size: clamp(1.5rem, 8vw, 2.5rem); }
      .hero__sub { font-size: 0.875rem; line-height: 1.55; padding: 0 4px; }
      .hero__content { padding-left: 16px; padding-right: 16px; }
      .btn--large { padding: 16px 20px; font-size: 1rem; }
      .btn--outline-white { width: 100%; text-align: center; }
      .btn--gold { width: 100%; text-align: center; }
      .directory__grid { grid-template-columns: 1fr; gap: 12px; }
      .lake-card { padding: 16px; }
      .lake-card__name { font-size: 1rem; }
      .lake-card__meta { font-size: 0.8125rem; }
      .cta-band { padding: 48px 20px; }
      .cta-band__actions { flex-direction: column; gap: 12px; }
      .cta-band__actions .btn { width: 100%; text-align: center; justify-content: center; }
      .why-us__item { padding: 20px; }
      .footer { padding: 48px 20px 0; }
      .footer__grid { gap: 32px; }
      .section { padding: 48px 20px; }
      .section__header { margin-bottom: 32px; }
    }
  /* ============================================================
     MISSION GEAR SHOP
     ============================================================ */
    .mission-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      gap: 24px;
    }
    .mission-card {
      background: var(--white);
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: var(--shadow-md);
      display: flex;
      flex-direction: column;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    .mission-card:hover {
      transform: translateY(-3px);
      box-shadow: var(--shadow-lg);
    }
    .mission-card__img {
      height: 180px;
      background: #f0f4f8;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }
    .mission-card__img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .mission-card__img .mission-card__emoji {
      font-size: 3.5rem;
    }
    .mission-card__badge {
      position: absolute;
      top: 10px;
      right: 10px;
      background: var(--navy);
      color: var(--white);
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.06em;
      padding: 3px 8px;
      border-radius: 4px;
    }
    .mission-card__body {
      padding: 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .mission-card__brand {
      font-size: 0.6875rem;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--steel);
      margin-bottom: 6px;
    }
    .mission-card__name {
      font-family: 'Playfair Display', serif;
      font-size: 1.0625rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 8px;
    }
    .mission-card__desc {
      font-size: 0.875rem;
      color: var(--text-muted);
      line-height: 1.55;
      flex: 1;
      margin-bottom: 14px;
    }
    .mission-card__price {
      font-size: 1.125rem;
      font-weight: 700;
      color: var(--navy);
      margin-bottom: 14px;
    }
    .mission-card__add {
      width: 100%;
      padding: 12px;
      background: var(--navy);
      color: var(--white);
      border: none;
      border-radius: var(--radius);
      font-weight: 600;
      font-size: 0.9rem;
      cursor: pointer;
      transition: background 0.2s;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .mission-card__add:hover { background: var(--steel); }
    .mission-card__add.added {
      background: #2d7a4f;
    }

    /* Cart Bar */
    .mission-cart-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 200;
      background: var(--navy);
      color: var(--white);
      box-shadow: 0 -4px 20px rgba(0,0,0,0.25);
    }
    .mission-cart-bar__inner {
      max-width: 960px;
      margin: 0 auto;
      padding: 14px 24px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
    }
    .mission-cart-bar__info {
      font-size: 0.9375rem;
    }
    .mission-cart-bar__count {
      font-weight: 700;
      color: var(--gold);
    }

    /* Cart Drawer */
    .cart-drawer {
      position: fixed;
      inset: 0;
      z-index: 300;
      display: none;
    }
    .cart-drawer.open { display: block; }
    .cart-drawer__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.5);
    }
    .cart-drawer__panel {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: min(420px, 95vw);
      background: var(--white);
      display: flex;
      flex-direction: column;
      box-shadow: -4px 0 24px rgba(0,0,0,0.15);
    }
    .cart-drawer__header {
      padding: 20px 24px;
      border-bottom: 1px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .cart-drawer__header h3 { margin: 0; font-size: 1.25rem; }
    .cart-drawer__close {
      background: none;
      border: none;
      font-size: 1.75rem;
      cursor: pointer;
      color: var(--text-muted);
      line-height: 1;
    }
    .cart-drawer__items {
      flex: 1;
      overflow-y: auto;
      padding: 16px 24px;
    }
    .cart-drawer__empty { color: var(--text-muted); text-align: center; margin-top: 48px; }
    .cart-item {
      display: flex;
      gap: 14px;
      padding: 14px 0;
      border-bottom: 1px solid var(--border);
    }
    .cart-item__img {
      width: 64px;
      height: 64px;
      border-radius: 8px;
      background: #f0f4f8;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.75rem;
      flex-shrink: 0;
    }
    .cart-item__info { flex: 1; }
    .cart-item__name { font-weight: 600; font-size: 0.9375rem; margin-bottom: 4px; }
    .cart-item__price { color: var(--navy); font-weight: 700; font-size: 0.9375rem; }
    .cart-item__remove {
      background: none;
      border: none;
      color: #c0392b;
      cursor: pointer;
      font-size: 0.8125rem;
      padding: 4px 0;
    }
    .cart-drawer__footer {
      padding: 20px 24px;
      border-top: 1px solid var(--border);
    }
    .cart-drawer__total {
      display: flex;
      justify-content: space-between;
      font-size: 1.0625rem;
      margin-bottom: 12px;
    }
    .cart-drawer__note { font-size: 0.8125rem; color: var(--text-muted); margin-bottom: 16px; }

    /* Checkout Modal */
    .checkout-modal {
      position: fixed;
      inset: 0;
      z-index: 400;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 20px;
    }
    .checkout-modal.open { display: flex; }
    .checkout-modal__backdrop {
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,0.6);
    }
    .checkout-modal__panel {
      position: relative;
      background: var(--white);
      border-radius: var(--radius-lg);
      max-width: 560px;
      width: 100%;
      max-height: 90vh;
      overflow-y: auto;
      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    }
    .checkout-modal__close {
      position: absolute;
      top: 16px;
      right: 20px;
      background: none;
      border: none;
      font-size: 1.5rem;
      cursor: pointer;
      color: var(--text-muted);
    }
    .checkout-modal__inner { padding: 32px; }
    .checkout-modal__inner h3 { font-family: 'Playfair Display', serif; font-size: 1.5rem; margin-bottom: 8px; }
    .checkout-modal__sub { color: var(--text-muted); margin-bottom: 28px; font-size: 0.9375rem; }
    .checkout-form__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
      margin-bottom: 16px;
    }
    .checkout-field { display: flex; flex-direction: column; gap: 6px; }
    .checkout-field label { font-size: 0.8125rem; font-weight: 600; color: var(--navy); }
    .checkout-field input,
    .checkout-field textarea {
      padding: 12px 14px;
      border: 1.5px solid var(--border);
      border-radius: var(--radius);
      font-size: 0.9375rem;
      font-family: 'Inter', sans-serif;
      transition: border-color 0.2s;
      background: var(--white);
    }
    .checkout-field input:focus,
    .checkout-field textarea:focus {
      outline: none;
      border-color: var(--steel);
    }
    .checkout-form__summary {
      background: #f8f9fa;
      border-radius: var(--radius);
      padding: 16px;
      margin: 20px 0;
    }
    .checkout-form__summary-row {
      display: flex;
      justify-content: space-between;
      font-size: 1rem;
    }
    .checkout-form__note { font-size: 0.8125rem; color: var(--text-muted); text-align: center; margin-top: 12px; }

    /* Toast */
    .toast {
      position: fixed;
      bottom: 90px;
      left: 50%;
      transform: translateX(-50%) translateY(20px);
      background: var(--navy);
      color: var(--white);
      padding: 12px 20px;
      border-radius: 100px;
      font-size: 0.9rem;
      font-weight: 600;
      display: flex;
      align-items: center;
      gap: 10px;
      opacity: 0;
      transition: opacity 0.3s, transform 0.3s;
      pointer-events: none;
      z-index: 500;
      white-space: nowrap;
      box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    }
    .toast.show {
      opacity: 1;
      transform: translateX(-50%) translateY(0);
    }
    .toast svg { color: #4ade80; flex-shrink: 0; }

    /* ============================================================
       SOCIAL PROOF BADGE
       ============================================================ */
    .social-proof-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(255,255,255,0.12);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      border: 1px solid rgba(255,255,255,0.2);
      border-radius: 100px;
      padding: 6px 14px 6px 10px;
      font-size: 0.8125rem;
      color: var(--white);
      margin-bottom: 20px;
    }
    .social-proof-badge__stars { color: var(--gold); }

    /* ============================================================
       MOBILE ADJUSTMENTS FOR SHOP
       ============================================================ */
    /* Mission Gear Filter Tabs */
    .mission-tabs {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }
    .mission-tab {
      padding: 8px 18px;
      border-radius: 100px;
      border: 1.5px solid var(--border);
      background: var(--white);
      color: var(--text-muted);
      font-size: 0.8125rem;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.2s;
      white-space: nowrap;
    }
    .mission-tab:hover { border-color: var(--steel); color: var(--navy); }
    .mission-tab--active {
      background: var(--navy);
      color: var(--white);
      border-color: var(--navy);
    }
    .mission-card[data-category] { transition: opacity 0.25s; }
    .mission-card.hidden { display: none; }

    @media (max-width: 768px) {
      .mission-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
      .mission-card__img { height: 140px; }
      .mission-card__body { padding: 14px; }
      .checkout-form__grid { grid-template-columns: 1fr; gap: 12px; }
    }
    @media (max-width: 480px) {
      .mission-grid { grid-template-columns: 1fr; }
      .mission-tabs { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
      .mission-tab { flex-shrink: 0; }
      .mission-cart-bar__inner { padding: 12px 16px; }
      .cart-drawer__panel { width: 100%; }
      .checkout-modal__inner { padding: 24px 20px; }
    }

  </style>
</head>
<body>

  <!-- ============================================================
       NAVIGATION
       ============================================================ -->
  <nav class="nav" role="navigation" aria-label="Main navigation">
    <div class="nav__inner">
      <a href="/" class="nav__logo" aria-label="Gotcha Covered Marine home">
        <img src="images/basta-brand.png" alt="BASTA Boatlifts" onerror="this.style.display='none'">
        <div class="nav__logo-text">
          <span>Gotcha Covered</span>
          <span class="nav__logo-sub">Marine</span>
        </div>
      </a>

      <ul class="nav__links">
        <li><a href="/basta/">BASTA</a></li>
        <li><a href="/touchless/">Touchless Covers</a></li>
        <li><a href="/mission-gear/">Mission Gear</a></li>
        <li><a href="/lakes/">Lake Directory</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>

      <div class="nav__cta">
        <a href="tel:+12086038199" class="nav__phone" aria-label="Call us">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.93 3.52 2 2 0 0 1 3.91 1.33h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9a16 16 0 0 0 6.29 6.29l1.92-1.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          (208) 603-8199
        </a>
        <a href="#contact" class="btn btn--outline-white btn--large" style="padding:10px 20px;font-size:0.875rem;">Get a Quote</a>
      </div>

      <button class="nav__hamburger" aria-label="Open menu" aria-expanded="false" id="hamburgerBtn">
        <span></span><span></span><span></span>
      </button>
    </div>
  </nav>

  <!-- Mobile Menu -->
  <div class="nav__mobile" id="mobileMenu" role="dialog" aria-modal="true" aria-label="Mobile navigation">
    <button class="nav__mobile-close" aria-label="Close menu" id="mobileClose">&times;</button>
    <a href="/basta/" class="mobile-nav-link">BASTA Lifts</a>
    <a href="/touchless/" class="mobile-nav-link">Touchless Covers</a>
    <a href="/mission-gear/" class="mobile-nav-link">Mission Gear</a>
    <a href="/lakes/" class="mobile-nav-link">Lake Directory</a>
    <a href="#contact" class="mobile-nav-link">Contact</a>
    <a href="tel:+12086038199" class="btn btn--gold btn--large">Call (208) 603-8199</a>
  </div>

  <!-- ============================================================
       VIDEO HERO
       ============================================================ -->
  <header class="hero" id="top">
    <div class="hero__video-wrap" aria-hidden="true">
      <!-- BASTA Lifestyle YouTube (default hero) -->
      <div class="hero__video-single" id="hero-video-wrap">
        <iframe
          id="hero-video-frame"
          src="https://www.youtube.com/embed/g5JGw-QZ-xk?autoplay=1&mute=1&controls=1&fs=1&playsinline=1&modestbranding=1&rel=0"
          allow="autoplay; encrypted-media; fullscreen"
          title="Gotcha Covered Marine -- BASTA Lifestyle"
          loading="lazy"
          style="width:100%;height:100%;border:none;"
        ></iframe>
      </div>
      <!-- Large product toggle -- primary UX for video switching -->
      
    </div>
    <div class="hero__overlay"></div>

    <div class="hero__content">
      <div class="hero__content-inner">
        <div class="hero__badge">
          <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>
          BASTA Authorized Dealer
        </div>
        <div class="social-proof-badge" aria-label="4.9 star Google rating">
          <span class="social-proof-badge__stars" aria-hidden="true">★★★★★</span>
          <span>4.9/5 -- Trusted by waterfront owners across Idaho &amp; Eastern WA</span>
        </div>
        <h1 class="hero__headline" id="hero-headline">
          Boat Lifts Built to <span>Last a Lifetime</span>
        </h1>
        <p class="hero__sub">
          Gravity-lock engineering. Zero failure modes. 16-year warranty.
          Serving Idaho, Eastern Washington & Western Montana from our base in Sandpoint, Idaho.
        </p>
        <div class="hero__actions">
          <a href="#contact" class="btn btn--gold btn--large">Get a Free Quote</a>
          <a href="#services" class="btn btn--outline-white btn--large">View Products</a>
        </div>
      </div>
    </div>

    <div class="hero__scroll" aria-hidden="true">
      <span>Scroll</span>
      <div class="hero__scroll-line"></div>
    </div>
  </header>

  <!-- ============================================================
       SERVICES
       ============================================================ -->
  <section class="section" id="services">
    <div class="container">
      <div class="services__header">
        <p class="section-label">What We Offer</p>
        <h2>Everything Your Waterfront Needs</h2>
        <p>From BASTA gravity-lock lifts to Touchless Covers and Mission Gear dock products -- we provide complete waterfront solutions for the Inland Northwest.</p>
      </div>

      <div class="services__grid">

        <!-- Card 1: BASTA Boat Lifts -->
        <article class="service-card">
          <div class="service-card__img">
            <img src="images/boats/ski-boat.jpg" alt="BASTA boat lift with ski boat on Lake Coeur d'Alene" loading="lazy" width="768" height="512">
            <span class="service-card__tag">BASTA Authorized Dealer</span>
          </div>
          <div class="service-card__body">
            <h3 class="service-card__title">BASTA Boat Lifts</h3>
            <p class="service-card__text">
              Gravity-lock engineering means nothing to fail, nothing to maintain, nothing to go wrong. BASTA lifts carry a 16-year structural warranty -- the longest in the industry -- because the design has zero failure modes.
            </p>
            <a href="#contact" class="service-card__link" aria-label="Learn more about BASTA Boat Lifts">
              Request a Quote
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </div>
        </article>

        <!-- Card 2: Touchless Boat Covers -->
        <article class="service-card">
          <div class="service-card__img">
            <img src="https://touchlesscover.com/wp-content/uploads/2020/03/HPIM2040-1.jpg" alt="Touchless automatic boat cover system" loading="lazy" width="800" height="533">
            <span class="service-card__tag">Exclusive Territory</span>
          </div>
          <div class="service-card__body">
            <h3 class="service-card__title">Touchless Boat Covers</h3>
            <p class="service-card__text">
              Hands-free operation -- no straps, no cranking, no climbing. The cover pulls over your boat automatically at the touch of a button. Protects against weather, UV, and debris. Built for Northern Idaho lakes.
            </p>
            <a href="#contact" class="service-card__link" aria-label="Learn more about Touchless Boat Covers">
              Request a Quote
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </div>
        </article>

        <!-- Card 3: Mission Gear Boating Accessories -->
        <article class="service-card">
          <div class="service-card__img">
            <img src="images/boats/mission-gear-wake-shaper.jpg" alt="MISSION Delta Wake Shaper - Boating Accessories" loading="lazy" width="768" height="512">
            <span class="service-card__tag">In Stock</span>
          </div>
          <div class="service-card__body">
            <h3 class="service-card__title">Mission Gear Boating Accessories</h3>
            <p class="service-card__text">
              Dock bumpers, cleats, lifts, and accessories. Marine-grade hardware to keep your dock functional and your boat protected. Full product line from Mission Gear -- available for pickup or delivery across our service area.
            </p>
            <a href="#contact" class="service-card__link" aria-label="Learn more about Mission Gear Boating Accessories">
              Request a Quote
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
            </a>
          </div>
        </article>

      </div>
    </div>
  </section>

  <!-- ============================================================
       MISSION GEAR SHOP
       ============================================================ -->
  <section class="section" id="mission-gear">
    <div class="container">
      <div class="services__header">
        <p class="section-label">Mission Gear -- Official Dealer</p>
        <h2>Premium Boat Gear, Ready to Ship</h2>
        <p>Marine-grade accessories from Mission Outdoor. Order online -- pickup in Sandpoint or ships direct to your dock across the Inland Northwest.</p>
      </div>

      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px;">
        <div class="service-card" style="overflow:hidden;border-radius:var(--radius-lg);">
          <img src="https://cdn.shopify.com/s/files/1/0677/8444/2176/products/SURF-018_MAIN_RGB_GY.jpg?v=1762457938" alt="DELTA Wake Shaper" style="width:100%;height:180px;object-fit:cover;" loading="lazy">
          <div style="padding:16px;text-align:center;background:var(--white);">
            <strong>DELTA Wake Shaper</strong>
          </div>
        </div>
        <div class="service-card" style="overflow:hidden;border-radius:var(--radius-lg);">
          <img src="https://cdn.shopify.com/s/files/1/0677/8444/2176/products/LINE-001-38-10-BK_MAIN_RGB_GY.jpg?v=1762457931" alt="Dock Line" style="width:100%;height:180px;object-fit:cover;" loading="lazy">
          <div style="padding:16px;text-align:center;background:var(--white);">
            <strong>Mission Dock Line</strong>
          </div>
        </div>
        <div class="service-card" style="overflow:hidden;border-radius:var(--radius-lg);">
          <img src="https://cdn.shopify.com/s/files/1/0677/8444/2176/products/BSOX-201-Family_RGB_GY.jpg?v=1762457942" alt="Board Sock" style="width:100%;height:180px;object-fit:cover;" loading="lazy">
          <div style="padding:16px;text-align:center;background:var(--white);">
            <strong>Deluxe Board Sock</strong>
          </div>
        </div>
        <div class="service-card" style="overflow:hidden;border-radius:var(--radius-lg);">
          <img src="https://cdn.shopify.com/s/files/1/0677/8444/2176/products/TRID-004-NB_MAIN_RGB_GY.jpg?v=1762457956" alt="MISSION SUP" style="width:100%;height:180px;object-fit:cover;" loading="lazy">
          <div style="padding:16px;text-align:center;background:var(--white);">
            <strong>Mission Inflatable SUP</strong>
          </div>
        </div>
      </div>

      <div style="text-align:center;">
        <a href="/mission-gear/" class="btn btn--gold btn--large">Shop Mission Gear</a>
      </div>
    </div>
  </section>

  <!-- Cart Drawer -->
  <div class="cart-drawer" id="cart-drawer" role="dialog" aria-label="Shopping cart" aria-hidden="true">
    <div class="cart-drawer__backdrop" id="cart-backdrop"></div>
    <div class="cart-drawer__panel">
      <div class="cart-drawer__header">
        <h3>Your Cart</h3>
        <button class="cart-drawer__close" id="cart-close" aria-label="Close cart">&times;</button>
      </div>
      <div class="cart-drawer__items" id="cart-items">
        <p class="cart-drawer__empty" id="cart-empty">Your cart is empty.</p>
      </div>
      <div class="cart-drawer__footer" id="cart-footer" style="display:none">
        <div class="cart-drawer__total">
          <span>Total</span>
          <strong id="cart-totalDrawer">$0</strong>
        </div>
        <p class="cart-drawer__note">Shipping calculated at checkout. Pickup available in Sandpoint, ID.</p>
        <button class="btn btn--gold btn--large" style="width:100%" id="checkout-btn">Proceed to Checkout</button>
      </div>
    </div>
  </div>

  <!-- Checkout Modal -->
  <div class="checkout-modal" id="checkout-modal" role="dialog" aria-label="Checkout" aria-hidden="true">
    <div class="checkout-modal__backdrop" id="checkout-backdrop"></div>
    <div class="checkout-modal__panel">
      <button class="checkout-modal__close" id="checkout-close" aria-label="Close checkout">&times;</button>
      <div class="checkout-modal__inner">
        <h3>Complete Your Order</h3>
        <p class="checkout-modal__sub">We'll confirm availability and shipping within 24 hours.</p>
        <form id="checkout-form" novalidate>
          <div class="checkout-form__grid">
            <div class="checkout-field">
              <label for="cf-name">Full Name *</label>
              <input type="text" id="cf-name" name="name" required placeholder="Your name">
            </div>
            <div class="checkout-field">
              <label for="cf-email">Email *</label>
              <input type="email" id="cf-email" name="email" required placeholder="you@email.com">
            </div>
            <div class="checkout-field">
              <label for="cf-phone">Phone *</label>
              <input type="tel" id="cf-phone" name="phone" required placeholder="(555) 000-0000">
            </div>
            <div class="checkout-field">
              <label for="cf-city">City / Town *</label>
              <input type="text" id="cf-city" name="city" required placeholder="Sandpoint, ID">
            </div>
          </div>
          <div class="checkout-field">
            <label for="cf-notes">Order Notes (optional)</label>
            <textarea id="cf-notes" name="notes" rows="3" placeholder="Quantity, special instructions, pickup preference..."></textarea>
          </div>
          <div class="checkout-form__summary">
            <div class="checkout-form__summary-row">
              <span id="cf-item-count">0 items</span>
              <strong id="cf-total">$0</strong>
            </div>
          </div>
          <button type="submit" class="btn btn--gold btn--large" style="width:100%">Send Order Request</button>
          <p class="checkout-form__note">No charge now. Brent will confirm your order by email within 24 hours.</p>
        </form>
      </div>
    </div>
  </div>

  <!-- Order Confirmation Toast -->
  <div class="toast" id="order-toast" role="status" aria-live="polite">
    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
    <span id="toast-msg">Added to cart!</span>
  </div>

  <!-- ============================================================
       WHY US
       ============================================================ -->
  <section class="section section--parchment" id="why-us">
    <div class="container">
      <div class="why-us">
        <div class="why-us__img-wrap">
          <video
 poster="videos/poster-sunset.jpg" autoplay muted loop playsinline
              preload="auto"
              style="width:100%;height:480px;object-fit:cover;border-radius:var(--radius-lg);"
              title="Gotcha Covered Marine -- Brent's Dock at Sunset"
              aria-label="Sunset dock scene from Brent's waterfront property"
            >
              <source src="videos/gcm-promo-sunset.mp4" type="video/mp4">
              Your browser does not support the video tag.
            </video>
        </div>
        <div class="why-us__content">
          <p class="section-label">Why Gotcha Covered Marine</p>
          <h2>We're Boaters. We Help You Find the Perfect Fit.</h2>
          <p class="why-us__lead">
            Gotcha Covered Marine is owned and operated by Brent Partridge -- waterfront property owner, lifelong boater, and lake resident. We don't sell boat lifts from a showroom. We help you choose the right lift based on your specific boat, your dock, and your lake's water depth.
          </p>
          <div class="why-us__bullets">
            <div class="why-us__bullet">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
              <span>16-year structural warranty on all BASTA lifts</span>
            </div>
            <div class="why-us__bullet">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
              <span>Free consultations -- Brent answers his phone</span>
            </div>
            <div class="why-us__bullet why-us__bullet--gold">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
              <span>Professional installation across Central WA, Eastern WA, Idaho and MT</span>
            </div>
            <div class="why-us__bullet">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
              <span>Brent -- lifelong boater, passionate about finding your perfect fit</span>
            </div>
            <div class="why-us__bullet">
              <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>
              <span>BASTA authorized dealer representing for Idaho, Eastern Washington & Western Montana</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ============================================================
       LAKE DIRECTORY
       ============================================================ -->
  <section class="section section--light-blue" id="directory">
    <div class="container">
      <div class="directory__header">
        <p class="section-label">Service Area</p>
        <h2>Lake-by-Lake Directory</h2>
        <p>17 lake pages with real water depth data, seasonal level charts, and lift recommendations for your specific lake -- built from USGS gauge data, not guesses.</p>
      </div>

      <div class="directory__grid">
        <a href="lakes/lake-pend-oreille.html" class="lake-card" aria-label="Lake Pend Orielle boat lifts">
          <div class="lake-card__name">Lake Pend Orielle</div>
          <div class="lake-card__state">Northern Idaho</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            13 ft seasonal swing
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-coeur-dalene.html" class="lake-card" aria-label="Lake Coeur d'Alene boat lifts">
          <div class="lake-card__name">Lake Coeur d'Alene</div>
          <div class="lake-card__state">North Idaho</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            Deep water, rocky bottom
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/priest-lake.html" class="lake-card" aria-label="Priest Lake boat lifts">
          <div class="lake-card__name">Priest Lake</div>
          <div class="lake-card__state">Northern Idaho</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            Very stable, 0.58 ft range
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/hayden-lake.html" class="lake-card" aria-label="Hayden Lake boat lifts">
          <div class="lake-card__name">Hayden Lake</div>
          <div class="lake-card__state">North Idaho</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            2,300 acres, 120 ft max
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/spirit-lake.html" class="lake-card"

 <a href="lakes/bear-lake.html" class="lake-card" aria-label="Bear Lake boat lifts">
          <div class="lake-card__name">Bear Lake</div>
          <div class="lake-card__state">Idaho-Utah Border</div>
          <div class="lake-card__type">BASTA Lifts</div>
        </a> aria-label="Spirit Lake boat lifts">
          <div class="lake-card__name">Spirit Lake</div>
          <div class="lake-card__state">North Idaho</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            4,800 acres, shallow
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-fernan.html" class="lake-card" aria-label="Lake Fernan boat lifts">
          <div class="lake-card__name">Lake Fernan</div>
          <div class="lake-card__state">Coeur d'Alene Area</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            165 acres, stable levels
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/moses-lake.html" class="lake-card" aria-label="Moses Lake boat lifts">
          <div class="lake-card__name">Moses Lake</div>
          <div class="lake-card__state">Eastern Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            6,500 acres, shallow
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-chelan.html" class="lake-card" aria-label="Lake Chelan boat lifts">
          <div class="lake-card__name">Lake Chelan</div>
          <div class="lake-card__state">Central Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            50 miles long, 1,486 ft deep
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-roosevelt.html" class="lake-card" aria-label="Lake Roosevelt boat lifts">
          <div class="lake-card__name">Lake Roosevelt</div>
          <div class="lake-card__state">Eastern Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            150-mile reservoir
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-okin.html" class="lake-card" aria-label="Lake Okin boat lifts">
          <div class="lake-card__name">Lake Okin</div>
          <div class="lake-card__state">Eastern Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            800 acres, shallow
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/lake-pateros.html" class="lake-card" aria-label="Lake Pateros boat lifts">
          <div class="lake-card__name">Lake Pateros</div>
          <div class="lake-card__state">Central Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            3,400 acres, 200 ft max
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/liberty-lake.html" class="lake-card" aria-label="Liberty Lake boat lifts">
          <div class="lake-card__name">Liberty Lake</div>
          <div class="lake-card__state">Eastern Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            2,320 acres, strong demand
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/newman-lake.html" class="lake-card" aria-label="Newman Lake boat lifts">
          <div class="lake-card__name">Newman Lake</div>
          <div class="lake-card__state">Eastern Washington</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            930 acres, Spokane River
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/flathead-lake.html" class="lake-card" aria-label="Flathead Lake boat lifts">
          <div class="lake-card__name">Flathead Lake</div>
          <div class="lake-card__state">Western Montana</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            191 sq mi, glacial lake
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
        <a href="lakes/whitefish-lake.html" class="lake-card" aria-label="Whitefish Lake boat lifts">
          <div class="lake-card__name">Whitefish Lake</div>
          <div class="lake-card__state">Northwest Montana</div>
          <div class="lake-card__meta">
            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
            4,300 acres, 190 ft max
          </div>
          <svg class="lake-card__chevron" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18l6-6-6-6"/></svg>
        </a>
      </div>

      <div class="directory__all">
        <a href="lakes/" class="btn btn--outline-navy">See All Lakes &rarr;</a>
      </div>
    </div>
  </section>

  <!-- ============================================================
       CTA BAND
       ============================================================ -->
  <section class="cta-band" id="contact">
    <div class="container--narrow">
      <p class="section-label section-label--white">Ready to Get Started?</p>
      <h2>Not Sure What Lift You Need?</h2>
      <p class="cta-band__sub">
        We help you size your lift based on your boat, your dock, and your lake's water depth -- at no charge. Brent answers his phone and will talk you through the options.
      </p>
      <a href="tel:+12086038199" class="cta-band__phone" aria-label="Call Brent Partridge at Gotcha Covered Marine">
        <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.93 3.52 2 2 0 0 1 3.91 1.33h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9a16 16 0 0 0 6.29 6.29l1.92-1.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
        (208) 603-8199
      </a>
      <div class="cta-band__actions">
        <a href="tel:+12086038199" class="btn btn--gold btn--large">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.99 12 19.79 19.79 0 0 1 1.93 3.52 2 2 0 0 1 3.91 1.33h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9a16 16 0 0 0 6.29 6.29l1.92-1.92a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
          Call Now
        </a>
        <a href="/cdn-cgi/l/email-protection#c1a3b3a4afb581a6aeb5a2a9a0a2aeb7a4b3a4a5efa2aeacfeb2b4a3aba4a2b5fc90b4aeb5a4e4f3f193a4b0b4a4b2b5e4f3f1e484f3e4f9f1e4f8f5e4f3f186aeb5a2a9a0e4f3f182aeb7a4b3a4a5e4f3f18ca0b3a8afa4" class="btn btn--outline-white btn--large">
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
          Send an Email
        </a>
      </div>
    </div>
  </section>

  <!-- ============================================================
       FOOTER
       ============================================================ -->
  <footer class="footer" role="contentinfo">
    <div class="container">
      <div class="footer__grid">

        <div>
          <a href="/" class="nav__logo" style="color:#fff;" aria-label="Gotcha Covered Marine home">
            <img src="images/basta-brand.png" alt="BASTA Boatlifts" onerror="this.style.display='none'" style="height:40px;width:auto;">
            <div class="nav__logo-text">
              <span>Gotcha Covered</span>
              <span class="nav__logo-sub">Marine</span>
            </div>
          </a>
          <p class="footer__brand-desc">
            BASTA authorized boat lift dealer serving Idaho, Eastern Washington & Western Montana from Sandpoint, Idaho. Professional installation. Free consultations. Call Brent directly.
          </p>
        </div>

        <div>
          <p class="footer__col-title">Products</p>
          <ul class="footer__links">
            <li><a href="#services">BASTA Boat Lifts</a></li>
            <li><a href="#services">Touchless Covers</a></li>
            <li><a href="#services">Mission Gear Products</a></li>
            <li><a href="#services">Installation</a></li>
            <li><a href="#services">Repairs & Service</a></li>
          </ul>
        </div>

        <div>
          <p class="footer__col-title">Service Area</p>
                   <ul class="footer__links">
            <li><a href="#directory">Idaho</a></li>
            <li><a href="#directory">Eastern Washington</a></li>
            <li><a href="#directory">Western Montana</a></li>
            
          </ul>
        </div>

        <div>
          <p class="footer__col-title">Contact</p>
          <ul class="footer__links">
            <li>
              <a href="tel:+12086038199" aria-label="Call us">(208) 603-8199</a>
            </li>
            <li>
              <a href="/cdn-cgi/l/email-protection#402232252e3400272f34232821232f36253225246e232f2d" aria-label="Email Brent"><span class="__cf_email__" data-cfemail="0d6f7f6863794d6a62796e656c6e627b687f6869236e6260">[email&#160;protected]</span></a>
            </li>
            <li><a href="https://www.instagram.com/gotchacoveredmarineinc" target="_blank" rel="noopener noreferrer" aria-label="Instagram">@gotchacoveredmarineinc</a></li>
            <li>Sandpoint, Idaho</li>
          </ul>
        </div>

      </div>

      <div class="footer__bottom">
        <span>(C) 2026 Gotcha Covered Marine Inc. All rights reserved.  |  Gotcha Covered, LLC (Idaho registered entity)</span>
        <nav class="footer__bottom-links" aria-label="Legal">
          <a href="/privacy-policy/">Privacy Policy</a>
          <a href="/terms-of-service/">Terms of Service</a>
          <a href="#">Built by Signalloom AI</a>
        </nav>
      </div>
    </div>
  </footer>

  <!-- ============================================================
       JAVASCRIPT
       ============================================================ -->
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    (function () {
      'use strict';

      // ── Mobile menu ──────────────────────────────────────────
      var hamburger = document.getElementById('hamburgerBtn');
      var mobileMenu = document.getElementById('mobileMenu');
      var mobileClose = document.getElementById('mobileClose');
      var mobileLinks = mobileMenu ? mobileMenu.querySelectorAll('a') : [];

      function openMenu() {
        mobileMenu.classList.add('open');
        hamburger.setAttribute('aria-expanded', 'true');
        document.body.style.overflow = 'hidden';
        mobileClose.focus();
      }
      function closeMenu() {
        mobileMenu.classList.remove('open');
        hamburger.setAttribute('aria-expanded', 'false');
        document.body.style.overflow = '';
        hamburger.focus();
      }

      if (hamburger) hamburger.addEventListener('click', openMenu);
      if (mobileClose) mobileClose.addEventListener('click', closeMenu);
      mobileLinks.forEach(function (link) {
        link.addEventListener('click', closeMenu);
      });
      document.addEventListener('keydown', function (e) {
        if (e.key === 'Escape' && mobileMenu.classList.contains('open')) closeMenu();
      });

      // ── Smooth scroll for same-page anchors ───────────────────
      document.querySelectorAll('a[href^="#"]').forEach(function (anchor) {
        anchor.addEventListener('click', function (e) {
          var target = document.querySelector(this.getAttribute('href'));
          if (target) {
            e.preventDefault();
            target.scrollIntoView({ behavior: 'smooth', block: 'start' });
          }
        });
      });

      // ── Nav background on scroll ─────────────────────────────
      var nav = document.querySelector('.nav');
      function updateNav() {
        if (window.scrollY > 60) {
          nav.style.background = 'rgba(13,27,42,0.97)';
          nav.style.boxShadow = '0 1px 0 rgba(255,255,255,0.08)';
        } else {
          nav.style.background = 'transparent';
          nav.style.boxShadow = '';
        }
      }
      window.addEventListener('scroll', updateNav, { passive: true });
      updateNav();

      
      // ── Scroll-triggered fade-in ─────────────────────────────
      var fadeEls = document.querySelectorAll('.service-card, .why-us, .lake-card, .directory__header, .cta-band');
      var fadeObserver = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
          if (entry.isIntersecting) {
            entry.target.style.opacity = '1';
            entry.target.style.transform = 'translateY(0)';
            fadeObserver.unobserve(entry.target);
          }
        });
      }, { threshold: 0.12 });

      // Set initial state
      fadeEls.forEach(function(el) {
        el.style.opacity = '0';
        el.style.transform = 'translateY(22px)';
        el.style.transition = 'opacity 0.55s ease, transform 0.55s ease';
        fadeObserver.observe(el);
      });

      // ── Mission Gear Shop ───────────────────────────────────
      var MISSION_PRODUCTS = [
        {
          id: 'delta-wakeshaper',
          brand: 'Mission Gear',
          name: 'DELTA Wake Shaper',
          desc: 'Patented surf wave creator for non-surf-style boats. Mounts in minutes. Creates a clean, big wave for carving.',
          price: 248.00,
          emoji: '🏄',
          badge: 'Best Seller',
          category: 'wakesurf',
          img: 'https://images.unsplash.com/photo-1569074187119-c87815b476da?w=400&h=300&fit=crop'
        },
        {
          id: 'atlas-ballast',
          category: 'accessories',
          brand: 'Mission Gear',
          name: 'Atlas Ballast Bag',
          desc: '1,100lb capacity. Quick-fill valve. Built from heavy-duty vinyl. Fills in 90 seconds.',
          price: 89.00,
          emoji: '⚓',
          badge: '',
          img: 'https://images.unsplash.com/photo-1605281317010-fe5ffe798166?w=400&h=300&fit=crop'
        },
        {
          id: 'icon-fender',
          category: 'fenders',
          brand: 'Mission Gear',
          name: 'ICON Multi-Fender System',
          desc: 'The smarter bumper for boats and docks. 8 attachment points. Configurable for any situation -- pontoon, runabout, cruiser.',
          price: 79.00,
          emoji: '🛟',
          badge: '',
          img: 'https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=400&h=300&fit=crop'
        },
        {
          id: 'board-sock-deluxe',
          category: 'wakesurf',
          brand: 'Mission Gear',
          name: 'Deluxe Board Sock',
          desc: 'Premium board sock with carry handle + integrated fin wrench. Scratch-free neoprene. Quick-dry for heavier use.',
          price: 49.00,
          emoji: '🏄',
          badge: '',
          img: 'https://images.unsplash.com/photo-1531722569936-825d3fa91431?w=400&h=300&fit=crop'
        },
        {
          id: 'classic-wake-rope',
          brand: 'Mission Gear',
          name: 'Surf Rope | Classic',
          desc: '70ft, 12-strand polyethylene. 2,200lb tensile strength. No memory, no stretch. The gold standard for wakesurf rope.',
          price: 59.00,
          emoji: '🪢',
          badge: '',
          category: 'accessories',
          img: 'https://images.unsplash.com/photo-1565583668569-61a114a7c5d9?w=400&h=300&fit=crop'
        },
        {
          id: 'tuko-towel',
          category: 'towels',
          brand: 'Mission Gear',
          name: 'TUKO Beach Towel',
          desc: 'Quick-dry microfiber. Sand-free patented weave. 60×30in. Sand slides right off. Absorbs 3× its weight.',
          price: 45.00,
          emoji: '🏖️',
          badge: 'Popular',
          img: 'https://images.unsplash.com/photo-1523359346063-d879354c0ea5?w=400&h=300&fit=crop'
        },
        {
          id: 'titan-dock-bumper',
          category: 'fenders',
          brand: 'Mission Gear',
          name: 'TITAN Dock Bumper',
          desc: 'Heavy-duty marine-grade bumper. 20in length. Ideal for docks and seawalls. Self-skimming profile won\'t collect debris.',
          price: 89.00,
          emoji: '🏗️',
          badge: '',
          img: 'https://images.unsplash.com/photo-1563453392212-326f5e7f6bb8?w=400&h=300&fit=crop'
        },
        {
          id: 'maven-pontoon-fender',
          category: 'fenders',
          brand: 'Mission Gear',
          name: 'MAVEN Pontoon Fenders',
          desc: 'Designed specifically for pontoon tubes. Self-skimming shape sheds grass and debris. Multiple attachment configs. Sold in pairs.',
          price: 109.00,
          emoji: '🚤',
          badge: '',
          img: 'https://images.unsplash.com/photo-1563453392212-326f5e7f6bb8?w=400&h=300&fit=crop'
        },
        {
          id: 'ondo-comp-vest',
          category: 'accessories',
          brand: 'Mission Gear',
          name: 'ONDO Comp Vest',
          desc: 'Competition-grade impact vest. CGA approved. Low-profile fit for wake surfing and wakeboarding. S-XXL.',
          price: 149.00,
          emoji: '🦺',
          badge: '',
          img: 'https://images.unsplash.com/photo-1569074187119-c87815b476da?w=400&h=300&fit=crop'
        },
        {
          id: 'cassi-tote-23l',
          category: 'towels',
          brand: 'Mission Gear',
          name: 'CASSI Gear Tote 23L',
          desc: 'Durable marine-grade mesh. 23L capacity. Magnetic closure pocket. Fits in boat cubbies. Rust-proof hardware.',
          price: 35.00,
          emoji: '🎒',
          badge: '',
          img: 'https://images.unsplash.com/photo-1553062407-98eeb64c6a62?w=400&h=300&fit=crop'
        },
        {
          id: 'delta-parts-kit',
          category: 'accessories',
          brand: 'Mission Gear',
          name: 'DELTA Parts | Hardware Kit',
          desc: 'Official replacement suction cup assembly kit for DELTA 2.0. Everything needed for a full rebuild.',
          price: 32.00,
          emoji: '🔧',
          badge: '',
          img: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400&h=300&fit=crop'
        }
      ];

      var cart = [];
      var cartBar = document.getElementById('cart-bar');
      var cartCountEl = document.getElementById('cart-count');
      var cartTotalEl = document.getElementById('cart-total');
      var cartItemsEl = document.getElementById('cart-items');
      var cartEmptyEl = document.getElementById('cart-empty');
      var cartFooterEl = document.getElementById('cart-footer');
      var cartTotalDrawerEl = document.getElementById('cart-totalDrawer');
      var missionGrid = document.getElementById('mission-grid');
      var cartDrawer = document.getElementById('cart-drawer');
      var cartBackdrop = document.getElementById('cart-backdrop');
      var cartCloseBtn = document.getElementById('cart-close');
      var openCartBtn = document.getElementById('open-cart-btn');
      var checkoutModal = document.getElementById('checkout-modal');
      var checkoutBackdrop = document.getElementById('checkout-backdrop');
      var checkoutCloseBtn = document.getElementById('checkout-close');
      var checkoutForm = document.getElementById('checkout-form');
      var cfItemCount = document.getElementById('cf-item-count');
      var cfTotal = document.getElementById('cf-total');
      var toast = document.getElementById('order-toast');
      var toastMsg = document.getElementById('toast-msg');

      function formatPrice(p) { return '$' + p.toFixed(2); }

      function setupMissionTabs() {
        var tabs = document.querySelectorAll('.mission-tab');
        tabs.forEach(function(tab) {
          tab.addEventListener('click', function() {
            var filter = tab.getAttribute('data-filter');
            tabs.forEach(function(t) { t.classList.remove('mission-tab--active'); });
            tab.classList.add('mission-tab--active');
            // Filter cards using CSS class
            var cards = missionGrid.querySelectorAll('.mission-card');
            cards.forEach(function(card) {
              var cat = card.getAttribute('data-category');
              if (filter === 'all' || cat === filter) {
                card.classList.remove('hidden');
              } else {
                card.classList.add('hidden');
              }
            });
          });
        });
      }

      function renderMissionProducts() {
        // Cards are pre-rendered statically. Just bind click events to Add-to-Cart buttons.
        if (!missionGrid) return;
        missionGrid.querySelectorAll('.mission-card__add').forEach(function(btn) {
          // Remove old listener if any (prevent duplicates on re-run)
          var newBtn = btn.cloneNode(true);
          btn.parentElement.replaceChild(newBtn, btn);
          newBtn.addEventListener('click', function() {
            var id = newBtn.getAttribute('data-id');
            var name = newBtn.getAttribute('data-name');
            var price = parseFloat(newBtn.getAttribute('data-price'));
            addToCart(id, name, price);
          });
        });
      }

      function addToCart(id, name, price) {
        var existing = cart.find(function(item) { return item.id === id; });
        if (existing) {
          existing.qty += 1;
        } else {
          cart.push({ id: id, name: name, price: price, qty: 1 });
        }
        updateCart();
        showToast(name + ' added to cart');
        // animate button
        document.querySelector('.mission-card__add[data-id="' + id + '"]').classList.add('added');
        setTimeout(function() {
          var b = document.querySelector('.mission-card__add[data-id="' + id + '"]');
          if (b) b.classList.remove('added');
        }, 1200);
      }

      function removeFromCart(id) {
        cart = cart.filter(function(item) { return item.id !== id; });
        updateCart();
      }

      function updateCart() {
        var totalItems = cart.reduce(function(s, i) { return s + i.qty; }, 0);
        var totalPrice = cart.reduce(function(s, i) { return s + (i.price * i.qty); }, 0);
        if (cartCountEl) cartCountEl.textContent = totalItems;
        if (cartTotalEl) cartTotalEl.textContent = formatPrice(totalPrice);
        if (cartTotalDrawerEl) cartTotalDrawerEl.textContent = formatPrice(totalPrice);
        if (cfItemCount) cfItemCount.textContent = totalItems + ' item' + (totalItems !== 1 ? 's' : '');
        if (cfTotal) cfTotal.textContent = formatPrice(totalPrice);

        if (cartBar) cartBar.style.display = cart.length > 0 ? 'block' : 'none';

        if (cartEmptyEl) cartEmptyEl.style.display = cart.length === 0 ? 'block' : 'none';
        if (cartFooterEl) cartFooterEl.style.display = cart.length > 0 ? 'block' : 'none';

        if (cartItemsEl) {
          if (cart.length === 0) {
            cartItemsEl.innerHTML = '<p class="cart-drawer__empty">Your cart is empty.</p>';
          } else {
            cartItemsEl.innerHTML = cart.map(function(item) {
              return '<div class="cart-item">' +
                '<div class="cart-item__img">' + (MISSION_PRODUCTS.find(function(p){return p.id===item.id}) || {}).emoji + '</div>' +
                '<div class="cart-item__info">' +
                  '<div class="cart-item__name">' + item.name + (item.qty > 1 ? ' &times; ' + item.qty : '') + '</div>' +
                  '<div class="cart-item__price">' + formatPrice(item.price * item.qty) + '</div>' +
                '</div>' +
                '<button class="cart-item__remove" data-id="' + item.id + '" aria-label="Remove">Remove</button>' +
              '</div>';
            }).join('');
            cartItemsEl.querySelectorAll('.cart-item__remove').forEach(function(btn) {
              btn.addEventListener('click', function() { removeFromCart(btn.getAttribute('data-id')); });
            });
          }
        }
      }

      function showToast(msg) {
        if (!toast || !toastMsg) return;
        toastMsg.textContent = msg;
        toast.classList.add('show');
        setTimeout(function() { toast.classList.remove('show'); }, 2500);
      }

      function openCart() {
        if (cartDrawer) { cartDrawer.classList.add('open'); cartDrawer.setAttribute('aria-hidden', 'false'); }
        document.body.style.overflow = 'hidden';
      }
      function closeCart() {
        if (cartDrawer) { cartDrawer.classList.remove('open'); cartDrawer.setAttribute('aria-hidden', 'true'); }
        document.body.style.overflow = '';
      }

      function openCheckout() {
        closeCart();
        if (checkoutModal) { checkoutModal.classList.add('open'); checkoutModal.setAttribute('aria-hidden', 'false'); }
        document.body.style.overflow = 'hidden';
      }
      function closeCheckout() {
        if (checkoutModal) { checkoutModal.classList.remove('open'); checkoutModal.setAttribute('aria-hidden', 'true'); }
        document.body.style.overflow = '';
      }

      if (cartBackdrop) cartBackdrop.addEventListener('click', closeCart);
      if (cartCloseBtn) cartCloseBtn.addEventListener('click', closeCart);
      if (openCartBtn) openCartBtn.addEventListener('click', openCart);
      if (checkoutBackdrop) checkoutBackdrop.addEventListener('click', closeCheckout);
      if (checkoutCloseBtn) checkoutCloseBtn.addEventListener('click', closeCheckout);
      if (checkoutForm) {
        checkoutForm.addEventListener('submit', function(e) {
          e.preventDefault();
          var formData = new FormData(checkoutForm);
          var name = formData.get('name');
          var email = formData.get('email');
          var phone = formData.get('phone');
          var city = formData.get('city');
          var notes = formData.get('notes');
          if (!name || !email || !phone || !city) {
            showToast('Please fill in all required fields.');
            return;
          }
          var orderItems = cart.map(function(i) { return i.qty + '× ' + i.name; }).join(', ');
          var orderTotal = cart.reduce(function(s,i){return s+(i.price*i.qty);},0);
          var subject = encodeURIComponent('Mission Gear Order -- ' + name);
          var body = encodeURIComponent(
            'Mission Gear Order\n' +
            '------------------\n' +
            'Name: ' + name + '\n' +
            'Email: ' + email + '\n' +
            'Phone: ' + phone + '\n' +
            'City: ' + city + '\n' +
            (notes ? 'Notes: ' + notes + '\n' : '') +
            '\nOrder Items:\n' + orderItems + '\n' +
            '\nOrder Total: ' + formatPrice(orderTotal) + '\n' +
            '\n[This order will be confirmed by Brent within 24 hours]'
          );
          window.location.href = 'mailto:brent@gotchacoveredmarine.com?subject=' + subject + '&body=' + body;
          showToast('Order request sent! Brent will confirm shortly.');
          closeCheckout();
          cart = [];
          updateCart();
        });
      }

      setupMissionTabs();
      renderMissionProducts();

    })();
  </script>

  <script>
  document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll("a[href^=tel]").forEach(function(el) {
      el.addEventListener("click", function() {
        gtag("event", "phone_click", { event_category: "engagement" });
      });
    });
    document.querySelectorAll("a[href*=\"quote\"], a[href*=\"contact\"], .cta-btn, .quote-btn, [data-quote]").forEach(function(el) {
      el.addEventListener("click", function() {
        gtag("event", "quote_request", { event_category: "conversion" });
      });
    });
    var form = document.querySelector("form");
    if (form) {
      form.addEventListener("submit", function() {
        gtag("event", "contact_form_submit", { event_category: "conversion" });
      });
    }
    document.querySelectorAll(".mc-card__btn, .shop-btn, [data-shop], .btn-row a").forEach(function(el) {
      el.addEventListener("click", function() {
        gtag("event", "checkout_submit", { event_category: "engagement" });
      });
    });
  });
  </script>
</body>
</html>
