</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a class="skip-to-content-link button visually-hidden" href="#MainContent">Skip to content</a><!-- BEGIN sections: header-group --> <section id="shopify-section-sections--25140287865111__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement-bar"> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-announcement-bar.css?v=135271001159513235511757684154" rel="stylesheet" type="text/css" media="all" /> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-marquees.css?v=157404775809894894411757684154" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>#shopify-section-sections--25140287865111__announcement-bar .text--label, #shopify-section-sections--25140287865111__announcement-bar .text--link, #shopify-section-sections--25140287865111__announcement-bar .countdown-timer__message { font-weight: 400; }#shopify-section-sections--25140287865111__announcement-bar > div { --marquee-duration: 200s; } #shopify-section-sections--25140287865111__announcement-bar > .swiper-wrapper { transition-timing-function: linear; } @media screen and (min-width: 750px) { #shopify-section-sections--25140287865111__announcement-bar > div { --marquee-duration: 200s; } }</style> <div class="color-scheme-39b8c508-56eb-4899-8d40-fe2dbab3ef1e gradient"> <div class="announcement-bar bar js-announcement-bar"> <div class='container max-w-full'> <div class='announcement-bar__wrapper'> <div class="announcement_bar__marquee marquee--hover-pause enable-animation"> <ul class="marquee__content"> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> </ul> <ul aria-hidden="true" class="marquee__content"> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> <li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li><li class="marquee__item icon text--label"> <p>Every cart sold = 200 meals for American families in need.</p> </li> </ul> </div> </div> </div> </div> </div> <style> #shopify-section-sections--25140287865111__announcement-bar .announcement-bar {color: #ffffff !important; opacity: 1 !important;} </style></section><header id="shopify-section-sections--25140287865111__header" class="shopify-section shopify-section-group-header-group section-header"> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-header.css?v=4871462754011500301757684155" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>#shopify-section-sections--25140287865111__header > div {--header-inner-after-opacity: 0.1;--megamenu-dropdown-column-width: 13rem; } #shopify-section-sections--25140287865111__header .header__nav-item.megamenu .header__nav-links-item.has-dropdown > .header__nav-dropdown-link { font-size: var(--font-size-static-md); } #shopify-section-sections--25140287865111__header .header__nav-item.megamenu .header__nav-dropdown-link { font-size: var(--font-size-static-md); } #shopify-section-sections--25140287865111__header .header__nav-item.megamenu .header__nav-links-item--without-child-link .header__nav-dropdown-link { font-size: var(--font-size-static-lg); font-weight: var(--font-weight-normal); } #shopify-section-sections--25140287865111__header .header__nav-item.megamenu .header__nav--group-link:not(:has(.has-dropdown)) { --header-group-link-row-gap: var(--font-size-static-lg); } #shopify-section-sections--25140287865111__header .header__nav-item.megamenu .header__nav-sublinks .header__nav-sublinks-item .header__nav-dropdown-link { font-size: var(--font-size-static-md); }:root { --transparent-header-menu-text-color: var(--color-background); } #shopify-section-sections--25140287865111__header{ position: sticky; inset-block-start: 0; inset-inline: 0; width: 100%; z-index: var(--z-header); } html.js body.is-scrolled #shopify-section-sections--25140287865111__header { padding-block-start: 0; } .section-page-banner:before { content: ''; position: absolute; inset-block-start: 0; inset-inline-start: 0; width: 100%; height: 100%; }.cart-count-badge, .header__utils-link span.cart-count-badge { width: 1.5rem; height: 1.5rem; border-radius: 100%; color: rgb(var(--color-filled-button-text)); background: rgb(var(--color-filled-button)); position: absolute; inset-block-end: 1.5rem; inset-inline-start: 0.2rem; } @media screen and (min-width: 990px) { .header__utils-item .icon-with-text .icon { display: block; } .header__utils-item .icon-with-text .icon__text { display: none; } }</style><div id="header" class="header js-header header--nav-centered is-sticky section-sections--25140287865111__header color-scheme-6 gradient"> <div class="container max-w-page"> <div class="header__inner"> <header-drawer class="drawer drawer--start header__drawer mobile-drawer large-up-hide"> <details id="Navigation-drawer-header" class="drawer__container"> <summary class="drawer__button" id="Navigation-drawer-button-header" aria-label="Open menu" > <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3 12H21M3 5H21M3 19H21" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 8L16 16M16 8L8 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> <noscript> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 6L20 12L14 18M19 12H4" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="square" /> </svg> </noscript> </summary> <div class="drawer__content drawer__content--nav js-drawer color-scheme-1 gradient" id="Navigation-menu-drawer-header" tabindex="-1"> <button class="drawer__button-close header-drawer__button-close button-reset small-hide medium-hide no-js-hidden js-btn-close-drawer" aria-label="Close" > <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M14 6L20 12L14 18M19 12H4" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="square" /> </svg> </button> <nav class="slide-out-menu"> <div class="menu-panels"> <div class="primary-menu-panel"> <ul> <li><a href="/collections/all" class="h5" > Shop Golf Carts </a></li> <li><a href="/collections/used-golf-carts" class="h5" > Used Carts </a></li> <li><a href="/pages/all-batteries" class="h5" > Battery Upgrades </a></li> <li><a href="/collections/accessories" class="h5" > Accessories/ Parts </a></li> <li><a href="/pages/become-an-authorized-dealer" class="h5" > Become a Dealer </a></li> <li><a href="/pages/our-mission" class="h5" > Our mission </a></li> <li><a href="/pages/contact" class="h5" > Contact us </a></li> <li><a href="/pages/aftercare" class="h5" > Aftercare </a></li> <li><a href="/pages/builds-list" class="h5" > Custom builds </a></li> </ul> </div> </div> </nav> <div class="drawer-menu-buttons"> <a href="tel:8135827475" class="button brand header__utils-link--special"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M11.3463 8.56929L9.71686 6.93982C9.1349 6.35786 8.14558 6.59067 7.91279 7.34719C7.73821 7.87097 7.15625 8.16195 6.63249 8.04553C5.46858 7.75456 3.8973 6.24147 3.60632 5.01936C3.43174 4.49558 3.78091 3.91363 4.30467 3.73906C5.06121 3.50628 5.29399 2.51696 4.71204 1.935L3.08256 0.305527C2.617 -0.101842 1.91865 -0.101842 1.51128 0.305527L0.405569 1.41124C-0.700146 2.57515 0.52196 5.65952 3.25715 8.39471C5.99234 11.1299 9.0767 12.4102 10.2406 11.2463L11.3463 10.1406C11.7537 9.67501 11.7537 8.97666 11.3463 8.56929Z" fill="currentColor"/> </svg> Talk to a cart expert </a> <div class="drawer-menu-buttons__text">Get a Phone Consultation</div> </div> <div class="drawer__row drawer__row--bottom"> <nav class="drawer__subs"> <ul class="drawer__subs-items list-unstyled"> <li class="drawer__subs-item"> <a href="https://golfcartsusa.com/customer_authentication/redirect?locale=en®ion_country=US" class="drawer__subs-link" title="Log in" >Account</a> </li></ul> </nav> <div class="drawer__social"> <ul class="drawer__social-list list-unstyled"> </ul> </div> </div> </div> </details> <a href="tel:8135827475" class="button brand header__utils-link--special"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M11.3463 8.56929L9.71686 6.93982C9.1349 6.35786 8.14558 6.59067 7.91279 7.34719C7.73821 7.87097 7.15625 8.16195 6.63249 8.04553C5.46858 7.75456 3.8973 6.24147 3.60632 5.01936C3.43174 4.49558 3.78091 3.91363 4.30467 3.73906C5.06121 3.50628 5.29399 2.51696 4.71204 1.935L3.08256 0.305527C2.617 -0.101842 1.91865 -0.101842 1.51128 0.305527L0.405569 1.41124C-0.700146 2.57515 0.52196 5.65952 3.25715 8.39471C5.99234 11.1299 9.0767 12.4102 10.2406 11.2463L11.3463 10.1406C11.7537 9.67501 11.7537 8.97666 11.3463 8.56929Z" fill="currentColor"/> </svg> Talk to a cart expert </a> </header-drawer> <div class="header__logo "> <a href="/" class="full-unstyled-link"> <img src="//golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=160" alt="Golf Carts USA" width="159" height="46" loading="eager" class="header__logo-image new" srcset="//golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=160 1x, //golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=320 2x"> <img src="//golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=160" alt="Golf Carts USA" width="159" height="46" loading="eager" class="header__logo-image-transparent new" srcset="//golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=160 1x, //golfcartsusa.com/cdn/shop/files/Logo.svg?v=1772092984&width=320 2x"> </a> </div> <nav class="header__nav small-hide medium-hide js-nav"> <ul class="header__nav-items list-unstyled js-mega-menu"> <li class="header__nav-item header__nav-item-1 js-nav-item" data-menu-item="Shop Golf Carts"> <a href="/collections/all" class="header__nav-link js-nav-link text--link" title="Shop Golf Carts" >Shop Golf Carts </a></li> <li class="header__nav-item header__nav-item-2 js-nav-item" data-menu-item="Accessories/ Parts"> <a href="/collections/accessories" class="header__nav-link js-nav-link text--link" title="Accessories/ Parts" >Accessories/ Parts </a></li><li class="header__nav-item additional_link"> <a href="/pages/aftercare" class="header__nav-link text--link" >Aftercare</a> </li><li class="header__nav-item additional_link"> <a href="/pages/our-mission" class="header__nav-link text--link" >Our Mission</a> </li><li class="header__nav-item additional_link"> <a href="/pages/builds-list" class="header__nav-link text--link" >Custom builds</a> </li> </ul> </nav> <nav class="header__utils"> <ul class="header__utils-items list-unstyled"> <li class="header__utils-item header__utils-item--special"> <a href="tel:8135827475" class="button brand header__utils-link--special"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path d="M11.3463 8.56929L9.71686 6.93982C9.1349 6.35786 8.14558 6.59067 7.91279 7.34719C7.73821 7.87097 7.15625 8.16195 6.63249 8.04553C5.46858 7.75456 3.8973 6.24147 3.60632 5.01936C3.43174 4.49558 3.78091 3.91363 4.30467 3.73906C5.06121 3.50628 5.29399 2.51696 4.71204 1.935L3.08256 0.305527C2.617 -0.101842 1.91865 -0.101842 1.51128 0.305527L0.405569 1.41124C-0.700146 2.57515 0.52196 5.65952 3.25715 8.39471C5.99234 11.1299 9.0767 12.4102 10.2406 11.2463L11.3463 10.1406C11.7537 9.67501 11.7537 8.97666 11.3463 8.56929Z" fill="currentColor"/> </svg> Talk to a cart expert </a> </li> <li class="header__utils-item header__utils-item--search header__utils-item--mobile"><search-drawer class="drawer drawer--search"> <details id="Search-drawer-header" class="drawer__container"> <summary class="header__utils-link drawer__button text--link " id="Search-drawer-button-header" aria-label="Search" > <div class="icon-with-text header__utils-link--icon"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20L16.05 16.05M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </span> <span class="icon__text"> Search </span> </div><noscript> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 8L16 16M16 8L8 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </noscript> </summary> <div class="drawer__content drawer__content--search slim-scrollbar color-scheme-1 gradient js-drawer" id="Search-menu-drawer-header" tabindex="-1"> <div class="drawer__row"><predictive-search class="search"> <form action="/search"> <div class="search__head"> <div class="search__controls"><button type="submit" class="search__button search__button--submit button-reset js-btn-submit" aria-label="Search" > <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 20L16.05 16.05M18 11C18 14.866 14.866 18 11 18C7.13401 18 4 14.866 4 11C4 7.13401 7.13401 4 11 4C14.866 4 18 7.13401 18 11Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </button> <div class="field field--search" data-input-wrapper><label for="search-desktop" class="field__label visually-hidden">Search</label><input type="search" id="search-desktop" name="q" placeholder="Search for..." role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" class="field__input js-drawer-focus-element" /> <span class="field__message hidden" data-message ></span></div> <button type="button" class="search__button search__button--clear button-reset js-btn-clear-text" aria-label="Clear"disabled>Clear</button> <button class="drawer__button-close button-reset no-js-hidden js-btn-close-drawer" aria-label="Close" aria-controls="Search-menu-drawer-" aria-expanded="false" > <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8 8L16 16M16 8L8 16" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </button> </div> </div><div class="search__message hidden js-message-error"> <p data-text>Something went wrong. Please try again!</p> </div> <div class="search__body hidden js-results-container"></div></form> </predictive-search> </div></div> </details> </search-drawer> </li><li class="header__utils-item header__utils-item--account"> <a href="https://golfcartsusa.com/customer_authentication/redirect?locale=en®ion_country=US" class="header__utils-link text--link" title="Log in" > <div class="icon-with-text header__utils-link--icon"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.5 6.5C15.5 8.433 13.933 10 12 10C10.067 10 8.5 8.433 8.5 6.5C8.5 4.567 10.067 3 12 3C13.933 3 15.5 4.567 15.5 6.5Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="square" /> <path d="M12 13C7.8098 13 4.86894 16.0754 4.5 20H19.5C19.1311 16.0754 16.1902 13 12 13Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="square" /> </svg> </span> <span class="icon__text"> Log in </span> </div></a> </li><li class="header__utils-item header__utils-item--cart header__utils-item--mobile"> <a href="/cart" class="header__utils-link header__utils-link--cart text--link" title="Cart" id="cart-counter" data-cart-link> <div class="icon-with-text header__utils-link--icon"> <span class="icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 8H20V17C20 18.6569 18.6569 20 17 20H7C5.34315 20 4 18.6569 4 17V8Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="square" /> <path d="M8 8V7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7V8" stroke="currentColor" stroke-width="1.5" stroke-linejoin="square" /> </svg> </span> <span class="icon__text"> Cart </span> </div><span class="cart-count-badge hidden"></span> </a> </li> </ul> </nav> </div> </div> </div> <style data-shopify> .header__logo { width: 12.0rem; } .header__logo.header__logo-text .h4 { font-size: calc(var(--font-heading-scale) * 1.6rem * 1); } @media screen and (min-width: 750px) { .header__logo { width: 16.0rem; } .header__logo.header__logo-text .h4 { font-size: calc(var(--font-heading-scale) * 1.8rem * 1); } } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Golf Carts USA", "logo": "https:\/\/golfcartsusa.com\/cdn\/shop\/files\/Logo.svg?v=1772092984\u0026width=159", "sameAs": [ "", "", "", "", "", "", "", "" ], "url": "https:\/\/golfcartsusa.com" } </script> </header> <!-- END sections: header-group --><main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <section id="shopify-section-template--27771577860375__section_image_MKaHdF" class="shopify-section shopify-section--image"><style data-shopify>#SectionImage-template--27771577860375__section_image_MKaHdF { --max-width: 1600px; --border-radius: 0px; --margin-top: 0px; --margin-bottom: 0px; width: 100%; margin-top: var(--margin-top); margin-bottom: var(--margin-bottom); background-color: #000000; display: flex; justify-content: center; } #SectionImage-template--27771577860375__section_image_MKaHdF .section-image__wrapper { width: 100%; max-width: var(--max-width); border-radius: var(--border-radius); overflow: hidden; line-height: 0; } #SectionImage-template--27771577860375__section_image_MKaHdF .section-image__media { position: relative; width: 100%; } #SectionImage-template--27771577860375__section_image_MKaHdF .section-image__img { display: block; width: 100%; height: 100%; height: auto; } #SectionImage-template--27771577860375__section_image_MKaHdF .section-image__placeholder { width: 100%; aspect-ratio: 16 / 9; background: #f4f4f4; display: flex; align-items: center; justify-content: center; } #SectionImage-template--27771577860375__section_image_MKaHdF .section-image__placeholder svg { width: 100%; height: 100%; } </style><section id="SectionImage-template--27771577860375__section_image_MKaHdF" class="section-image"> <div class="section-image__wrapper"><div class="section-image__media"><img src="//golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=3000" alt="" srcset="//golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=200 200w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=300 300w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=400 400w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=500 500w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=600 600w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=750 750w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=900 900w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=1500 1500w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=1800 1800w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=2100 2100w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=2400 2400w, //golfcartsusa.com/cdn/shop/files/1920x500.jpg?v=1783422537&width=3000 3000w" width="1920" height="500" loading="lazy" sizes="(min-width: 1600px) 1600px, (min-width: 750px) 90vw, 100vw" class="section-image__img" fetchpriority="auto"> </div></div> </section> </section><section id="shopify-section-template--27771577860375__section_text_data_mqmb3k" class="shopify-section section-text-data-wrapper"><style data-shopify>#SectionTextData-template--27771577860375__section_text_data_mqmb3k { --max-width: 1200px; --text-color: #111111; --bg-color: #ffffff; --padding-top: 40px; --padding-bottom: 0px; background-color: var(--bg-color); color: var(--text-color); padding: var(--padding-top) 20px var(--padding-bottom); } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__wrapper { width: 100%; max-width: var(--max-width); margin: 0 auto; text-align: center; } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__heading { margin: 0 0 16px; font-size: 40px; line-height: 1.2; color: var(--text-color); } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__date { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 16px; line-height: 1.4; color: var(--text-color); } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__date-icon { width: 1em; height: 1em; flex-shrink: 0; } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__body { margin: 0; font-size: 16px; line-height: 1.6; color: var(--text-color); } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__body > *:first-child { margin-top: 0; } #SectionTextData-template--27771577860375__section_text_data_mqmb3k .section-text-data__body > *:last-child { margin-bottom: 0; }</style><section id="SectionTextData-template--27771577860375__section_text_data_mqmb3k" class="section-text-data"> <div class="section-text-data__wrapper"><h2 class="section-text-data__heading">Scott's Custom Vortex V6</h2></div> </section> </section><section id="shopify-section-template--27771577860375__section_video_wM66am" class="shopify-section section-video-wrapper"><style data-shopify>#SectionVideo-template--27771577860375__section_video_wM66am { --max-width: 1100px; --border-radius: 0px; --padding-top: 64px; --padding-bottom: 64px; --text-color: #111111; --bg-color: #f2f9fe; background-color: var(--bg-color); color: var(--text-color); padding: var(--padding-top) 20px var(--padding-bottom); } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__wrapper { width: 100%; max-width: var(--max-width); margin-left: auto; margin-right: auto; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__heading { margin: 0 0 20px; font-size: 32px; line-height: 1.2; color: var(--text-color); text-align: left; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__row { display: flex; gap: 40px; align-items: center; flex-direction: row-reverse; } @media (max-width: 749px) { #SectionVideo-template--27771577860375__section_video_wM66am .section-video__row { flex-direction: column; gap: 24px; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__media { height: 500px; } } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps { flex: 0 0 45%; max-width: 45%; display: flex; flex-direction: column; gap: 16px; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps-list { position: relative; display: flex; flex-direction: column; gap: 50px; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps-heading { margin: 0 0 8px; font-size: 40px; line-height: 1.2; color: #111111; } @media (max-width: 749px) { #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps { flex: 1 1 auto; max-width: 100%; } } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__video-col { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; } @media (max-width: 749px) { #SectionVideo-template--27771577860375__section_video_wM66am .section-video__video-col { max-width:300px; } } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__video-col .section-video__media { flex: 1 1 auto; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step { position: relative; display: flex; gap: 16px; align-items: center; color: #111111; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-icon { position: relative; z-index: 1; width: var(--icon-size, 56px); height: var(--icon-size, 56px); flex-shrink: 0; border-radius: 50%; background: var(--icon-bg, #f4f4f4); color: var(--icon-color, #111); display: flex; align-items: center; justify-content: center; overflow: hidden; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-icon img, #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-icon svg { width: 50%; height: 50%; object-fit: contain; display: block; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-body { flex: 1 1 auto; min-width: 0; max-width:150px; text-align:center; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-title { font-size: 18px; font-weight: 600; line-height: 1.3; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-text { margin: 0; font-size: 14px; line-height: 1.5; opacity: 0.85; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-text > *:first-child { margin-top: 0; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__step-text > *:last-child { margin-bottom: 0; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps-list::before { content: ''; position: absolute; top: var(--line-start, 28px); bottom: var(--line-start, 28px); left: var(--line-left, 33px); width: 2px; background: #f10808; z-index: 0; pointer-events: none; } /* @media (max-width: 749px) { #SectionVideo-template--27771577860375__section_video_wM66am .section-video__steps-list::before { display: none; } } */ #SectionVideo-template--27771577860375__section_video_wM66am .section-video__media { position: relative; width: 100%; background: transparent; aspect-ratio: 1 / 1.3; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__media video, #SectionVideo-template--27771577860375__section_video_wM66am .section-video__media iframe, #SectionVideo-template--27771577860375__section_video_wM66am .section-video__placeholder { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; border-radius: var(--border-radius); background: #000; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__placeholder { background: #f4f4f4; display: flex; align-items: center; justify-content: center; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__placeholder svg { width: 100%; height: 100%; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; border: 0; cursor: pointer; background: #ffffff; color: #111111; display: flex; align-items: center; justify-content: center; padding: 0; transition: transform 0.2s ease, background-color 0.2s ease; z-index: 2; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__play:hover { transform: translate(-50%, -50%) scale(1.06); } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__play svg { width: 40%; height: 40%; fill: currentColor; display: block; } #SectionVideo-template--27771577860375__section_video_wM66am .section-video__media.is-playing .section-video__play { display: none; }</style><section id="SectionVideo-template--27771577860375__section_video_wM66am" class="section-video"> <div class="section-video__wrapper"><div class="section-video__row"> <div class="section-video__steps"><h3 class="section-video__steps-heading">How it works</h3><div class="section-video__steps-list"><div class="section-video__step" style="--icon-size: 68px; --icon-bg: #f10808; --icon-color: #111111; --line-start: 34px; --line-left: 34px;" > <div class="section-video__step-icon"><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" fill="none"> <path d="M12.75 15.5834L17 19.8334L31.1667 5.66675" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M29.75 17V26.9167C29.75 27.6681 29.4515 28.3888 28.9201 28.9201C28.3888 29.4515 27.6681 29.75 26.9167 29.75H7.08333C6.33189 29.75 5.61122 29.4515 5.07986 28.9201C4.54851 28.3888 4.25 27.6681 4.25 26.9167V7.08333C4.25 6.33189 4.54851 5.61122 5.07986 5.07986C5.61122 4.54851 6.33189 4.25 7.08333 4.25H22.6667" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <div class="section-video__step-body"><h3 class="section-video__step-title">Ordered</h3><div class="section-video__step-text rte"><p>May 26, 2026</p></div></div> </div><div class="section-video__step" style="--icon-size: 68px; --icon-bg: #d0e8f5; --icon-color: #7cafd0; --line-start: 34px; --line-left: 34px;" > <div class="section-video__step-icon"><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" fill="none"> <path d="M20.825 8.92495C20.5654 9.18977 20.42 9.5458 20.42 9.91662C20.42 10.2874 20.5654 10.6435 20.825 10.9083L23.0916 13.175C23.3565 13.4345 23.7125 13.5799 24.0833 13.5799C24.4541 13.5799 24.8102 13.4345 25.075 13.175L30.4158 7.83412C31.1282 9.4083 31.3438 11.1622 31.0341 12.8621C30.7244 14.5619 29.904 16.1271 28.6822 17.3488C27.4604 18.5706 25.8953 19.391 24.1954 19.7008C22.4956 20.0105 20.7417 19.7948 19.1675 19.0825L9.37831 28.8716C8.81473 29.4352 8.05034 29.7518 7.25331 29.7518C6.45628 29.7518 5.6919 29.4352 5.12831 28.8716C4.56473 28.308 4.24811 27.5436 4.24811 26.7466C4.24811 25.9496 4.56473 25.1852 5.12831 24.6216L14.9175 14.8325C14.2051 13.2583 13.9894 11.5044 14.2992 9.8045C14.6089 8.10462 15.4293 6.5395 16.6511 5.31772C17.8729 4.09594 19.438 3.27552 21.1379 2.9658C22.8377 2.65608 24.5916 2.87177 26.1658 3.58412L20.8391 8.91078L20.825 8.92495Z" stroke="#7CAFD0" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <div class="section-video__step-body"><h3 class="section-video__step-title">Built</h3></div> </div><div class="section-video__step" style="--icon-size: 68px; --icon-bg: #f10808; --icon-color: #ffffff; --line-start: 34px; --line-left: 34px;" > <div class="section-video__step-icon"><svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" fill="none"> <path d="M22.6667 4.25H1.41669V22.6667H22.6667V4.25Z" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M22.6667 11.3333H28.3334L32.5834 15.5833V22.6666H22.6667V11.3333Z" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M7.79167 29.7501C9.74767 29.7501 11.3333 28.1644 11.3333 26.2084C11.3333 24.2524 9.74767 22.6667 7.79167 22.6667C5.83566 22.6667 4.25 24.2524 4.25 26.2084C4.25 28.1644 5.83566 29.7501 7.79167 29.7501Z" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M26.2084 29.7501C28.1644 29.7501 29.75 28.1644 29.75 26.2084C29.75 24.2524 28.1644 22.6667 26.2084 22.6667C24.2523 22.6667 22.6667 24.2524 22.6667 26.2084C22.6667 28.1644 24.2523 29.7501 26.2084 29.7501Z" stroke="white" stroke-width="2.83333" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </div> <div class="section-video__step-body"><h3 class="section-video__step-title">Delivered</h3><div class="section-video__step-text rte"><p>Jun 11, 2026</p></div></div> </div></div> </div> <div class="section-video__video-col"><div class="section-video__media" data-video-media><video poster="//golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=1600" preload="metadata" controls ><source src="//golfcartsusa.com/cdn/shop/videos/c/vp/9225a144f6534386bb7c9f4d3b132058/9225a144f6534386bb7c9f4d3b132058.m3u8?v=0" type="application/x-mpegURL"><source src="//golfcartsusa.com/cdn/shop/videos/c/vp/9225a144f6534386bb7c9f4d3b132058/9225a144f6534386bb7c9f4d3b132058.HD-1080p-3.3Mbps-88294803.mp4?v=0" type="video/mp4"></video><button type="button" class="section-video__play" aria-label="Translation missing: en.general.accessibility.play_video" data-video-play> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <path d="M8 5v14l11-7z"></path> </svg> </button></div></div></div></div><script> (function () { var root = document.getElementById('SectionVideo-template--27771577860375__section_video_wM66am'); if (!root) return; var media = root.querySelector('[data-video-media]'); if (!media) return; function startPlayback() { if (media.classList.contains('is-playing')) return; var video = media.querySelector('video'); if (video) { media.classList.add('is-playing'); video.controls = true; try { video.load(); } catch (e) {} var p = video.play(); if (p && typeof p.catch === 'function') { p.catch(function () { video.muted = true; video.play().catch(function () {}); }); } return; } var iframe = media.querySelector('iframe'); if (iframe) { var src = iframe.getAttribute('src'); if (src) { var sep = src.indexOf('?') === -1 ? '?' : '&'; if (src.indexOf('autoplay=1') === -1) { iframe.setAttribute('src', src + sep + 'autoplay=1'); } } media.classList.add('is-playing'); } } media.addEventListener('click', startPlayback); })(); </script></section> <style> #shopify-section-template--27771577860375__section_video_wM66am .section-video {margin-top: 40px;} </style></section><section id="shopify-section-template--27771577860375__section_text_list_e8PCFm" class="shopify-section section-text-list-wrapper"><style data-shopify>#SectionTextList-template--27771577860375__section_text_list_e8PCFm { --max-width: 1110px; --text-color: #111111; --bg-color: #ffffff; --col-gap: 4px; --row-gap: 4px; --check-size: 20px; --check-bg: #a90e0e; --item-bg-odd: #f2f9fe; --item-bg-even: #ddedf8; background-color: var(--bg-color); color: var(--text-color); padding: 60px 20px 60px; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__wrapper { width: 100%; max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 20px; justify-items: center; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__header { text-align: center; width: 100%; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__heading { margin: 0; font-size: 40px; line-height: 1.2; font-weight: 500; color: #111111; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__subheading { margin: 8px 0 0; font-size: 16px; line-height: 1.5; color: var(--text-color); opacity: 0.85; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__grid { width: 100%; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); column-gap: var(--col-gap); row-gap: var(--row-gap); border-radius: 16px; overflow: hidden; } @media (min-width: 750px) { #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item { display: grid; grid-template-columns: var(--check-size) 1fr; align-items: center; column-gap: 16px; padding: 16px 20px; margin: 0; font-size: 18px; line-height: 1.25; color: #000000; background: var(--item-bg-odd); } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item--empty { grid-template-columns: 1fr; } /* Striped backgrounds — mobile (cols = 1) */ #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(2n+1) { background: var(--item-bg-odd); } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(2n+2) { background: var(--item-bg-even); } @media (min-width: 750px) { #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(4n+1) { background: var(--item-bg-odd); } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(4n+2) { background: var(--item-bg-odd); } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(4n+3) { background: var(--item-bg-even); } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__item:nth-child(4n+4) { background: var(--item-bg-even); } } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__icon { width: var(--check-size); height: var(--check-size); border-radius: 50%; background-color: var(--check-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='5 12 10 17 19 7'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 55% 55%; flex-shrink: 0; } #SectionTextList-template--27771577860375__section_text_list_e8PCFm .section-text-list__text { margin: 0; }</style><section id="SectionTextList-template--27771577860375__section_text_list_e8PCFm" class="section-text-list"> <div class="section-text-list__wrapper"><div class="section-text-list__header"><h2 class="section-text-list__heading">What Carlos picked out</h2></div><div class="section-text-list__grid"><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">Custom Seats</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">33” Eco X Gear Sound Bar</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">Roof Glow</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">15” Bronze GTW wheels</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">Fans</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">Front Light Bar</p> </div><div class="section-text-list__item"> <span class="section-text-list__icon" aria-hidden="true"></span> <p class="section-text-list__text">Modz Steering Wheel</p> </div></div> </div> </section> </section><section id="shopify-section-template--27771577860375__section_images_gallery_r9tBEL" class="shopify-section section section-images-gallery-wrapper"><style data-shopify>#SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL { --max-width: 1200px; --text-color: #111111; --bg-color: #ffffff; --caption-color: #111111; --gap: 16px; --radius: 12px; --cols-desktop: 3; --cols-mobile: 2; background-color: var(--bg-color); color: var(--text-color); padding: 0px 20px 28px; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__wrapper { width: 100%; max-width: var(--max-width); margin: 0 auto; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__header { text-align: center; margin-bottom: 32px; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__heading { margin: 0 0 12px; font-size: 40px; line-height: 1.2; color: var(--text-color); } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__subheading { margin: 0; font-size: 16px; line-height: 1.5; color: var(--text-color); opacity: 0.85; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__grid { display: grid; grid-template-columns: repeat(var(--cols-mobile), minmax(0, 1fr)); gap: var(--gap); } @media (min-width: 750px) { #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__grid { grid-template-columns: repeat(var(--cols-desktop), minmax(0, 1fr)); } } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__item { margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__media { position: relative; width: 100%; border-radius: var(--radius); overflow: hidden; background: #f4f4f4; cursor: zoom-in; border: 0; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; font: inherit; color: inherit; aspect-ratio: 1 / 1; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__img { display: block; width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform 0.4s ease; } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__media:hover .images-gallery__img { transform: scale(1.03); } #SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL .images-gallery__caption { margin: 0; font-size: 14px; line-height: 1.4; color: var(--caption-color); text-align: left; } /* Lightbox */ image-gallery-popup { display: contents; } image-gallery-popup .images-gallery__lightbox { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.92); z-index: 9999; display: none; align-items: center; justify-content: center; padding: 40px; } image-gallery-popup .images-gallery__lightbox[open] { display: flex; } image-gallery-popup .images-gallery__lightbox-inner { position: relative; max-width: min(1400px, 100%); max-height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; } image-gallery-popup .images-gallery__lightbox-img { max-width: 100%; max-height: calc(100vh - 160px); width: auto; height: auto; display: block; border-radius: 8px; object-fit: contain; } image-gallery-popup .images-gallery__lightbox-caption { color: #fff; font-size: 14px; line-height: 1.4; text-align: center; max-width: 90vw; } image-gallery-popup .images-gallery__lightbox-btn { position: absolute; background: rgba(255, 255, 255, 0.12); border: 0; color: #fff; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 0; z-index:3; transition: background-color 0.2s ease; } image-gallery-popup .images-gallery__lightbox-btn:hover { background: rgba(255, 255, 255, 0.25); } image-gallery-popup .images-gallery__lightbox-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } image-gallery-popup .images-gallery__lightbox-close { top: 16px; right: 16px; } image-gallery-popup .images-gallery__lightbox-prev { left: 16px; top: 50%; transform: translateY(-50%); } image-gallery-popup .images-gallery__lightbox-next { right: 16px; top: 50%; transform: translateY(-50%); } @media (max-width: 749px) { image-gallery-popup .images-gallery__lightbox { padding: 16px; } image-gallery-popup .images-gallery__lightbox-btn { width: 38px; height: 38px; } image-gallery-popup .images-gallery__lightbox-prev { left: 8px; } image-gallery-popup .images-gallery__lightbox-next { right: 8px; } image-gallery-popup .images-gallery__lightbox-close { top: 8px; right: 8px; } }</style><section id="SectionImagesGallery-template--27771577860375__section_images_gallery_r9tBEL" class="images-gallery"> <image-gallery-popup> <div class="images-gallery__wrapper"><div class="images-gallery__header"><h2 class="images-gallery__heading">Gallery</h2></div><div class="images-gallery__grid"><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="0" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_323424596.png?v=1783409147&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="1" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423406.png?v=1783410004&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="2" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423405.png?v=1783410044&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="3" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_36332204.png?v=1783410107&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="4" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_360111222.png?v=1783410149&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="5" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_3623423400.png?v=1783410190&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="6" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_359112119.png?v=1783410256&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure><figure class="images-gallery__item"> <button type="button" class="images-gallery__media" data-gallery-open data-index="7" aria-label="Translation missing: en.general.accessibility.open_image"> <img src="//golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=1600" alt="" srcset="//golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=200 200w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_35911214147.png?v=1783410258&width=1500 1500w" width="1600" height="2133" loading="lazy" fetchpriority="auto" sizes="(min-width: 1200px) 400px, (min-width: 750px) 33vw, 50vw" class="images-gallery__img"> </button> </figure></div> </div> <script type="application/json" data-gallery-data> {"items":[{ "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_323424596.png?v=1783409147\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_3623423406.png?v=1783410004\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_3623423405.png?v=1783410044\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_36332204.png?v=1783410107\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_360111222.png?v=1783410149\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_3623423400.png?v=1783410190\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_359112119.png?v=1783410256\u0026width=2400", "alt": "", "caption": "" }, { "src": "\/\/golfcartsusa.com\/cdn\/shop\/files\/IMG_35911214147.png?v=1783410258\u0026width=2400", "alt": "", "caption": "" } ]} </script> <div class="images-gallery__lightbox" role="dialog" aria-modal="true" aria-label="Image gallery" data-gallery-lightbox> <button type="button" class="images-gallery__lightbox-btn images-gallery__lightbox-close" data-gallery-close aria-label="Close"> <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <line x1="6" y1="6" x2="18" y2="18"/> <line x1="18" y1="6" x2="6" y2="18"/> </svg> </button> <button type="button" class="images-gallery__lightbox-btn images-gallery__lightbox-prev" data-gallery-prev aria-label="Previous"> <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <polyline points="15 6 9 12 15 18"/> </svg> </button> <button type="button" class="images-gallery__lightbox-btn images-gallery__lightbox-next" data-gallery-next aria-label="Next"> <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"> <polyline points="9 6 15 12 9 18"/> </svg> </button> <div class="images-gallery__lightbox-inner"> <img class="images-gallery__lightbox-img" alt="" data-gallery-img> <p class="images-gallery__lightbox-caption" data-gallery-caption></p> </div> </div> </image-gallery-popup> </section> <script> if (!window.customElements.get('image-gallery-popup')) { class ImageGalleryPopup extends HTMLElement { constructor() { super(); this.index = 0; this.items = []; this.onKeyDown = this.onKeyDown.bind(this); } connectedCallback() { var dataEl = this.querySelector('[data-gallery-data]'); if (dataEl) { try { var parsed = JSON.parse(dataEl.textContent); this.items = (parsed && parsed.items) ? parsed.items : []; } catch (e) { this.items = []; } } this.lightbox = this.querySelector('[data-gallery-lightbox]'); this.imgEl = this.querySelector('[data-gallery-img]'); this.captionEl = this.querySelector('[data-gallery-caption]'); this.addEventListener('click', (e) => { var openBtn = e.target.closest('[data-gallery-open]'); if (openBtn && this.contains(openBtn)) { e.preventDefault(); var i = parseInt(openBtn.getAttribute('data-index'), 10) || 0; this.open(i); return; } if (e.target.closest('[data-gallery-close]')) { this.close(); return; } if (e.target.closest('[data-gallery-prev]')) { this.go(-1); return; } if (e.target.closest('[data-gallery-next]')) { this.go(1); return; } if (e.target === this.lightbox) { this.close(); } }); } open(i) { if (!this.items.length || !this.lightbox) return; this.index = ((i % this.items.length) + this.items.length) % this.items.length; this.render(); this.lightbox.setAttribute('open', ''); document.body.style.overflow = 'hidden'; document.addEventListener('keydown', this.onKeyDown); } close() { if (!this.lightbox) return; this.lightbox.removeAttribute('open'); document.body.style.overflow = ''; document.removeEventListener('keydown', this.onKeyDown); } go(delta) { if (!this.items.length) return; var n = this.items.length; this.index = ((this.index + delta) % n + n) % n; this.render(); } render() { var item = this.items[this.index]; if (!item) return; if (this.imgEl) { this.imgEl.src = item.src || ''; this.imgEl.alt = item.alt || ''; } if (this.captionEl) { this.captionEl.textContent = item.caption || ''; this.captionEl.style.display = item.caption ? 'block' : 'none'; } } onKeyDown(e) { if (e.key === 'Escape') this.close(); else if (e.key === 'ArrowLeft') this.go(-1); else if (e.key === 'ArrowRight') this.go(1); } } window.customElements.define('image-gallery-popup', ImageGalleryPopup); } </script> </section><section id="shopify-section-template--27771577860375__section_product_card_kQt8hj" class="shopify-section section section-product-card-wrapper"><style data-shopify>#SectionProductCard-template--27771577860375__section_product_card_kQt8hj { --max-width: 1100px; --text-color: #ffffff; --bg-color: #000000; --btn-bg: #f10808; --btn-text: #ffffff; --card-gap: 40px; --image-width: 50%; --image-radius: 12px; background-color: var(--bg-color); color: var(--text-color); padding: 0px 20px 0px; width: 100%; box-sizing: border-box; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__wrapper { width: 100%; max-width: var(--max-width); margin: 0 auto; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__row { display: flex; gap: var(--card-gap); align-items: center; background-color: #000000; border-radius: 0px; overflow: hidden; } @media (max-width: 749px) { #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__row { flex-direction: column; align-items: stretch; gap: 24px; } } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__media { flex: 0 0 var(--image-width); max-width: var(--image-width); position: relative; border-radius: var(--image-radius); overflow: hidden; background: #f4f4f4; } @media (max-width: 749px) { #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__media { flex: 1 1 auto; max-width: 100%; } } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__img { display: block; width: 100%; height: 100%; height: auto; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__content { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding:15px; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__label { display: inline-block; padding: 0; border-radius: 999px; /* background: #f1f5f9; */ color: #ffffff; font-size: 13px; font-weight: 600; letter-spacing: 0.02em; line-height: 1; margin: 0; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__title { margin: 0; font-size: 40px; line-height: 1.2; color: #ffffff; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; border: 0; cursor: pointer; font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none; transition: opacity 0.2s ease, transform 0.2s ease; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn:hover { opacity: 0.9; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn:hover .product-card__btn-arrow { transform: translateX(3px); } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn--primary { background: var(--btn-bg); color: var(--btn-text); } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn--secondary { background: transparent; color: var(--text-color); border: 1px solid currentColor; } #SectionProductCard-template--27771577860375__section_product_card_kQt8hj .product-card__btn-arrow { width: 16px; height: 16px; transition: transform 0.2s ease; flex-shrink: 0; }</style><section id="SectionProductCard-template--27771577860375__section_product_card_kQt8hj" class="product-card"> <div class="product-card__wrapper"> <div class="product-card__row"> <div class="product-card__media"><img src="//golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=1600" srcset="//golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=300 300w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=400 400w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=500 500w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=600 600w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=750 750w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=900 900w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=1100 1100w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=1300 1300w, //golfcartsusa.com/cdn/shop/files/IMG_35942345.png?v=1783408859&width=1500 1500w" width="1600" height="2133" loading="lazy" sizes="(min-width: 1200px) 600px, (min-width: 750px) 50vw, 100vw" class="product-card__img"> </div> <div class="product-card__content"><span class="product-card__label">CONFIGURE YOUR OWN</span><h2 class="product-card__title">Vortex V6</h2><a href="https://golfcartsusa.com/products/edge-vortex-v6-1" class="product-card__btn product-card__btn--top product-card__btn--primary"> <span>Shop this model</span> <svg class="product-card__btn-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"> <line x1="5" y1="12" x2="19" y2="12"/> <polyline points="12 5 19 12 12 19"/> </svg> </a></div> </div> </div> </section> </section><section id="shopify-section-template--27771577860375__section_mapd_VXEtyH" class="shopify-section section-map"><style> #map-section-template--27771577860375__section_mapd_VXEtyH{ padding-bottom:80px; } #map-section-template--27771577860375__section_mapd_VXEtyH .map-s__heading { text-align: center; } #map-section-template--27771577860375__section_mapd_VXEtyH .map-s__heading strong{ color: var(--brand-coral); } .map-container { position: relative; width: 100%; max-width: 1100px; margin: auto; } .map-image { z-index: 1; pointer-events: none; } .map-overlay { width: 100%; height: 100%; z-index: 2; } /* default state */ .state { fill: #044D85; stroke: rgba(255, 255, 255, 0.15); stroke-width: 1.5; transition: fill 0.15s, stroke 0.15s; cursor: pointer; } .state:hover { fill: rgba(255, 255, 255, 0.25); stroke: #38bdf8; stroke-width: 2.5; } /* the red client dots — purely decorative, hover passes through */ .client-dot { fill: #ef4444; stroke: #7f1d1d; stroke-width: 0.35; } #tooltip { position: absolute; background: rgba(15, 23, 42, 0.95); color: #f1f5f9; padding: 10px 14px; border-radius: 6px; font-size: 14px; pointer-events: none; display: none; z-index: 100; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); border: 1px solid #334155; border-left: 4px solid #38bdf8; } #tooltip b { color: #38bdf8; font-size: 16px; display: block; margin-bottom: 4px; } .calibration-panel { margin-top: 20px; background: #1e293b; padding: 12px 20px; border-radius: 6px; font-size: 13px; color: #94a3b8; text-align: center; border: 1px solid #334155; } .calibration-panel code { color: #38bdf8; background: #0f172a; padding: 2px 6px; border-radius: 4px; } /* spinner overlay — covers the map until it finishes drawing */ .map-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(15, 23, 42, 0.35); z-index: 90; transition: opacity .35s ease; pointer-events: none; } .map-loader.is-hidden { opacity: 0; } .map-loader::after { content: ''; width: 48px; height: 48px; border: 3px solid rgba(255, 255, 255, 0.18); border-top-color: #38bdf8; border-radius: 50%; animation: map-spin .8s linear infinite; } @keyframes map-spin { to { transform: rotate(360deg); } } @media screen and (max-width: 767px) { #map-section-template--27771577860375__section_mapd_VXEtyH{ padding-bottom:40px; } } </style> <script src="https://cdn.shopify.com/s/files/1/0948/3452/4439/files/d3.v7.min.js?v=1780322759" defer></script> <script src="https://cdn.shopify.com/s/files/1/0948/3452/4439/files/topojson.js?v=1780322759" defer></script> <section id="map-section-template--27771577860375__section_mapd_VXEtyH" class="map-section"> <div class="map-s__inner"><div class="map-s__header"><h2 class="map-s__heading">Every red area represents <strong>our<br> golf carts</strong> on the road.</h2></div><div class="map-container" id="mapFrame"> <div id="tooltip"></div> <div class="map-loader" id="mapLoader"></div> <svg class="map-overlay" id="map-svg" viewBox="0 0 975 610" preserveAspectRatio="none"> <g id="states-group"></g> </svg> </div> </div> </section> <script> document.addEventListener("DOMContentLoaded", () => { const stateData = { "01": { name: "Alabama" }, "04": { name: "Arizona" }, "05": { name: "Arkansas" }, "06": { name: "California" }, "08": { name: "Colorado" }, "09": { name: "Connecticut" }, "10": { name: "Delaware" }, "11": { name: "District of Columbia" }, "12": { name: "Florida" }, "13": { name: "Georgia" }, "16": { name: "Idaho" }, "17": { name: "Illinois" }, "18": { name: "Indiana" }, "19": { name: "Iowa" }, "20": { name: "Kansas" }, "21": { name: "Kentucky" }, "22": { name: "Louisiana" }, "23": { name: "Maine" }, "24": { name: "Maryland" }, "25": { name: "Massachusetts" }, "26": { name: "Michigan" }, "27": { name: "Minnesota" }, "28": { name: "Mississippi" }, "29": { name: "Missouri" }, "30": { name: "Montana" }, "31": { name: "Nebraska" }, "32": { name: "Nevada" }, "33": { name: "New Hampshire" }, "34": { name: "New Jersey" }, "35": { name: "New Mexico" }, "36": { name: "New York" }, "37": { name: "North Carolina" }, "38": { name: "North Dakota" }, "39": { name: "Ohio" }, "40": { name: "Oklahoma" }, "41": { name: "Oregon" }, "42": { name: "Pennsylvania" }, "44": { name: "Rhode Island" }, "45": { name: "South Carolina" }, "46": { name: "South Dakota" }, "47": { name: "Tennessee" }, "48": { name: "Texas" }, "49": { name: "Utah" }, "50": { name: "Vermont" }, "51": { name: "Virginia" }, "53": { name: "Washington" }, "54": { name: "West Virginia" }, "55": { name: "Wisconsin" }, "56": { name: "Wyoming" } }; // dot counts per state — calibrated visually from the original picture. // The picture has ~970 red dots total; densities below match it state by state. // FIPS code → dot count. const stateDots = { "01": 32, "04": 10, "05": 14, "06": 155, "08": 3, "09": 12, "10": 3, "11": 0, "12": 125, "13": 82, "16": 3, "17": 10, "18": 14, "19": 5, "20": 3, "21": 52, "22": 26, "23": 25, "24": 10, "25": 25, "26": 10, "27": 8, "28": 24, "29": 22, "30": 4, "31": 3, "32": 2, "33": 5, "34": 30, "35": 12, "36": 55, "37": 55, "38": 2, "39": 38, "40": 14, "41": 18, "42": 42, "44": 3, "45": 46, "46": 3, "47": 125, "48": 190, "49": 2, "50": 3, "51": 28, "53": 30, "54": 22, "55": 4, "56": 0 }; // 1 dot = 1 client. Derive client count straight from stateDots — single source of truth. Object.keys(stateData).forEach(id => { stateData[id].clients = String(stateDots[id] || 0); }); const tooltip = document.getElementById('tooltip'); const container = document.getElementById('mapFrame'); const loader = document.getElementById('mapLoader'); // tiny synthesized click — no audio file needed, no network request. // Lazily creates an AudioContext on first hover (browsers gate audio // behind a user gesture, but moving the mouse onto a page counts). let audioCtx = null; function playClick() { //off return false try { if (!audioCtx) { const AC = window.AudioContext || window.webkitAudioContext; if (!AC) return; audioCtx = new AC(); } if (audioCtx.state === 'suspended') audioCtx.resume(); const now = audioCtx.currentTime; const osc = audioCtx.createOscillator(); const gain = audioCtx.createGain(); // short blip: square wave, 900Hz → 180Hz pitch drop in ~30ms osc.type = 'square'; osc.frequency.setValueAtTime(900, now); osc.frequency.exponentialRampToValueAtTime(180, now + 0.03); // soft envelope so it's a tick, not a beep gain.gain.setValueAtTime(0.06, now); gain.gain.exponentialRampToValueAtTime(0.0001, now + 0.05); osc.connect(gain).connect(audioCtx.destination); osc.start(now); osc.stop(now + 0.06); } catch (e) { /* audio blocked — fail silently */ } } let dx = 0; let dy = 0; let scale = 1.0; function updateTransform() { d3.select("#states-group") .attr("transform", `translate(${dx}, ${dy}) scale(${scale})`); const el = document.getElementById("calibration-status"); if (el) el.textContent = `dx: ${dx}, dy: ${dy}, scale: ${scale.toFixed(3)}`; } // seeded RNG → stable dot layout across reloads function mulberry32(a){ return function(){ a |= 0; a = a + 0x6D2B79F5 | 0; let t = Math.imul(a ^ a >>> 15, 1 | a); t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t; return ((t ^ t >>> 14) >>> 0) / 4294967296; }; } const rand = mulberry32(20260601); const SVG_NS = 'http://www.w3.org/2000/svg'; d3.json("https://cdn.shopify.com/s/files/1/0948/3452/4439/files/states-albers-10m.json?v=1780322514").then(function(us) { const states = topojson.feature(us, us.objects.states).features; const filteredStates = states.filter(d => d.id !== "02" && d.id !== "15" && d.id !== "72" ); // draw states (hover handler kept exactly as before) d3.select("#states-group") .selectAll("path.state") .data(filteredStates) .enter() .append("path") .attr("class", "state") .attr("data-fips", d => d.id) .attr("d", d3.geoPath()) .on("mouseenter", playClick) .on("mousemove", function(event, d) { const info = stateData[d.id] || { name: d.properties.name, clients: "No data" }; tooltip.innerHTML = `<b>${info.name}</b>Clients: ${info.clients}`; tooltip.style.display = 'block'; tooltip.style.left = (event.pageX - container.offsetLeft + 15) + 'px'; tooltip.style.top = (event.pageY - container.offsetTop + 15) + 'px'; }) .on("mouseleave", function() { tooltip.style.display = 'none'; }); // ---- DOTS: batched into a DocumentFragment, single DOM insert ---- // Was: ~1400 separate d3.append() calls, each its own reflow. // Now: build everything in memory, append the whole <g> once. const svgEl = document.getElementById('map-svg'); const pt = svgEl.createSVGPoint(); const frag = document.createDocumentFragment(); document.querySelectorAll("#states-group > path.state").forEach(pathEl => { const fips = pathEl.getAttribute("data-fips"); const count = stateDots[fips] || 0; if (count === 0) return; const bbox = pathEl.getBBox(); let placed = 0, attempts = 0, max = count * 20; while (placed < count && attempts < max) { const x = bbox.x + rand() * bbox.width; const y = bbox.y + rand() * bbox.height; pt.x = x; pt.y = y; if (pathEl.isPointInFill(pt)) { const c = document.createElementNS(SVG_NS, 'circle'); c.setAttribute('class', 'client-dot'); c.setAttribute('cx', x.toFixed(1)); c.setAttribute('cy', y.toFixed(1)); c.setAttribute('r', 5); frag.appendChild(c); placed++; } attempts++; } }); const dotsG = document.createElementNS(SVG_NS, 'g'); dotsG.setAttribute('id', 'dots'); dotsG.setAttribute('pointer-events', 'none'); dotsG.appendChild(frag); document.getElementById('states-group').appendChild(dotsG); updateTransform(); // hide spinner once everything is on screen if (loader) { loader.classList.add('is-hidden'); setTimeout(() => loader.remove(), 400); } }).catch(err => { console.error('Map load failed:', err); if (loader) loader.classList.add('is-hidden'); }); window.addEventListener("keydown", (e) => { if (e.key === "ArrowLeft") dx -= 1; else if (e.key === "ArrowRight") dx += 1; else if (e.key === "ArrowUp") dy -= 1; else if (e.key === "ArrowDown") dy += 1; else if (e.key === "+" || e.key === "=") scale += 0.002; else if (e.key === "-") scale -= 0.002; else return; e.preventDefault(); updateTransform(); }); }); </script> </section> </main> <footer class="main-footer js-animation-fade-in"><!-- BEGIN sections: footer-group --> <section id="shopify-section-sections--25140287832343__trust_indicators_Df44Dz" class="shopify-section shopify-section-group-footer-group section-trust-indicators"><link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-trust-indicators.css?v=125500012283343711601757684154" rel="stylesheet" type="text/css" media="all" /><style data-shopify>#shopify-section-sections--25140287832343__trust_indicators_Df44Dz > div { padding-block-start: calc(var(--section-spacing-unit-size) * 2); padding-block-end: calc(var(--section-spacing-unit-size) * 2); --section-content-inner-align-items: start; --section-content-icon-width: var(--font-size-static-h7); } </style> <div class="color-scheme-3 gradient"> <div class="container max-w-page section-trust-indicators__content-start"> <swiper-component class="swiper section-trust-indicators__swiper" data-secton-id="sections--25140287832343__trust_indicators_Df44Dz" data-swiper-options='{"swiperId":"sections--25140287832343__trust_indicators_Df44Dz","slideCount":4,"spaceBetweenDesktop":20,"spaceBetweenMobile":12,"slidesPerView":1,"slidesPerViewDesktop":4,"slidesPerViewTablet":2,"enabled":true,"enabledTablet":true,"enabledDesktop":false,"autoplay":{"delay":3000},"swiperName":"trust-indicators"}' > <div class="swiper-wrapper section-trust-indicators__swiper-wrapper"> <div class="swiper-slide section-trust-indicators__swiper-slide"> <div class="color-scheme-3 gradient"> <div class="section-trust-indicators__tile js-animation-fade-in"> <div class="section-trust-indicators__content content--horizontal text-start"><div class="section-trust-indicators__icon icon font-size-h7"> <svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z" fill-rule="evenodd"/> </svg> </div> <div class="section-trust-indicators__content-inner"><div class="section-trust-indicators__title font-size-h7">Wide Product Selection</div></div> </div><a href="/collections/all" class="section-trust-indicators__link text-link"> <span class="text-link--on-hover"><p>Choose from hundreds of golf carts, parts, and accessories in one <br/>place.</p></span> </a></div> </div> </div><div class="swiper-slide section-trust-indicators__swiper-slide"> <div class="color-scheme-3 gradient"> <div class="section-trust-indicators__tile js-animation-fade-in"> <div class="section-trust-indicators__content content--horizontal text-start"><div class="section-trust-indicators__icon icon font-size-h7"> <svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10 2.62639L8.54072 7.33639C8.34848 7.95687 7.79714 8.37696 7.17504 8.37696H2.45272L6.27316 11.2879C6.77645 11.6714 6.98704 12.3511 6.7948 12.9716L5.33552 17.6816L9.15596 14.7706C9.65925 14.3872 10.3408 14.3872 10.844 14.7706L14.6645 17.6816L13.2052 12.9716C13.013 12.3511 13.2236 11.6714 13.7268 11.2879L17.5473 8.37696H12.825C12.2029 8.37696 11.6515 7.95687 11.4593 7.33639L10 2.62639ZM10.4552 0.846855C10.3119 0.384382 9.68806 0.384382 9.54477 0.846855L7.63027 7.02616C7.56619 7.23298 7.38241 7.37301 7.17504 7.37301H0.979572C0.515888 7.37301 0.323098 7.99527 0.698226 8.28109L5.71047 12.1001C5.87823 12.2279 5.94843 12.4545 5.88435 12.6613L3.96984 18.8406C3.82656 19.3031 4.33129 19.6877 4.70642 19.4019L9.71865 15.5828C9.88642 15.455 10.1136 15.455 10.2813 15.5828L15.2936 19.4019C15.6687 19.6877 16.1734 19.3031 16.0302 18.8406L14.1157 12.6613C14.0516 12.4545 14.1218 12.2279 14.2895 12.1001L19.3018 8.28109C19.6769 7.99527 19.4841 7.37301 19.0204 7.37301H12.825C12.6176 7.37301 12.4338 7.23298 12.3697 7.02616L10.4552 0.846855Z" fill-rule="evenodd" /> </svg> </div> <div class="section-trust-indicators__content-inner"><div class="section-trust-indicators__title font-size-h7">Customization Options</div></div> </div><a href="/collections/all" class="section-trust-indicators__link text-link"> <span class="text-link--on-hover"><p>Fast and reliable delivery across the U.S., right to your <br/>door.</p></span> </a></div> </div> </div><div class="swiper-slide section-trust-indicators__swiper-slide"> <div class="color-scheme-3 gradient"> <div class="section-trust-indicators__tile js-animation-fade-in"> <div class="section-trust-indicators__content content--horizontal text-start"><div class="section-trust-indicators__icon icon font-size-h7"> <svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M0 3.75156C0 3.47454 0.224196 3.24997 0.500755 3.24997H10.647C10.9235 3.24997 11.1477 3.47454 11.1477 3.75156V5.07505V5.63362V6.10938V13.6616C10.9427 14.0067 10.8813 14.1101 10.5516 14.6648L7.22339 14.6646V13.6614H10.1462V4.25316H1.00151V13.6614H2.6842V14.6646H0.500755C0.224196 14.6646 0 14.44 0 14.163V3.75156Z"/> <path d="M18.9985 8.08376L11.1477 6.10938V5.07505L19.6212 7.20603C19.8439 7.26203 20 7.46255 20 7.69253V14.1631C20 14.4401 19.7758 14.6647 19.4992 14.6647H17.3071V13.6615H18.9985V8.08376ZM11.1477 13.6616L13.3442 13.6615L13.3443 14.6647L10.5516 14.6648L11.1477 13.6616Z"/> <path d="M7.71269 14.1854C7.71269 15.6018 6.56643 16.75 5.15245 16.75C3.73847 16.75 2.59221 15.6018 2.59221 14.1854C2.59221 12.7691 3.73847 11.6209 5.15245 11.6209C6.56643 11.6209 7.71269 12.7691 7.71269 14.1854ZM5.15245 15.7468C6.01331 15.7468 6.71118 15.0478 6.71118 14.1854C6.71118 13.3231 6.01331 12.6241 5.15245 12.6241C4.29159 12.6241 3.59372 13.3231 3.59372 14.1854C3.59372 15.0478 4.29159 15.7468 5.15245 15.7468Z"/> <path d="M17.5196 14.1854C17.5196 15.6018 16.3733 16.75 14.9593 16.75C13.5454 16.75 12.3991 15.6018 12.3991 14.1854C12.3991 12.7691 13.5454 11.6209 14.9593 11.6209C16.3733 11.6209 17.5196 12.7691 17.5196 14.1854ZM14.9593 15.7468C15.8202 15.7468 16.5181 15.0478 16.5181 14.1854C16.5181 13.3231 15.8202 12.6241 14.9593 12.6241C14.0985 12.6241 13.4006 13.3231 13.4006 14.1854C13.4006 15.0478 14.0985 15.7468 14.9593 15.7468Z"/> </svg> </div> <div class="section-trust-indicators__content-inner"><div class="section-trust-indicators__title font-size-h7">Nationwide Shipping</div></div> </div><a href="/collections/all" class="section-trust-indicators__link text-link"> <span class="text-link--on-hover"><p>Personalize your cart with upgrades, colors, and features to match your <br/>style.</p></span> </a></div> </div> </div><div class="swiper-slide section-trust-indicators__swiper-slide"> <div class="color-scheme-3 gradient"> <div class="section-trust-indicators__tile js-animation-fade-in"> <div class="section-trust-indicators__content content--horizontal text-start"><div class="section-trust-indicators__icon icon font-size-h7"> <svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M11.571 1.05882C11.571 0.750194 11.8198 0.5 12.1266 0.5H13.4572C17.0692 0.5 20 3.45304 20 7.08924C20 10.7255 17.0692 13.6785 13.4572 13.6785L1.89992 13.7105L1.30855 13.1197L1.89992 12.5484L13.4572 12.5608C16.4541 12.5608 18.8889 10.1096 18.8889 7.08924C18.8889 4.06891 16.4541 1.61765 13.4572 1.61765H12.1266C11.8198 1.61765 11.571 1.36745 11.571 1.05882Z"/> <path d="M6.00311 7.00677C6.22317 6.7917 6.57489 6.79679 6.78871 7.01815C7.00252 7.2395 6.99746 7.59329 6.7774 7.80836L6.00311 7.00677ZM1.30855 13.1197L6.73968 18.5463C6.9565 18.7647 6.95627 19.1185 6.73917 19.3366C6.52207 19.5547 6.17031 19.5544 5.9535 19.3361L0.162462 13.5034C0.0572388 13.3974 -0.00128425 13.2533 2.13868e-05 13.1036C0.00132703 12.9538 0.0623521 12.8108 0.169407 12.7067C0.3269 12.5535 1.78474 11.1291 3.20439 9.74186L6.00311 7.00677L6.7774 7.80836L3.97862 10.5435C2.95441 11.5444 1.8705 12.5709 1.30855 13.1197Z"/> </svg> </div> <div class="section-trust-indicators__content-inner"><div class="section-trust-indicators__title font-size-h7">Established Brand </div></div> </div><a href="/collections/all" class="section-trust-indicators__link text-link"> <span class="text-link--on-hover"><p>A long-standing reputation for quality products and responsive <br/>support.</p></span> </a></div> </div> </div> </div> <div class="swiper-pagination swiper-pagination--sections--25140287832343__trust_indicators_Df44Dz"></div> </swiper-component> </div> </div> </section><section id="shopify-section-sections--25140287832343__footer_xjQ6Rm" class="shopify-section shopify-section-group-footer-group"> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-footer.css?v=119566405394728093081757684154" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>#shopify-section-sections--25140287832343__footer_xjQ6Rm > div { padding-block-start: calc(var(--section-spacing-unit-size) * 2); padding-block-end: calc(var(--section-spacing-unit-size) * 1); --section-footer-spacing-grid: 2; }.block-newsletter_ypDMHA { --block-grid-column: 3; --block-grid-row: 1; }.block-link_list_yykxXc { --block-grid-column: 1; --block-grid-row: 3; }.block-link_list_pmQdVJ { --block-grid-column: 1; --block-grid-row: 3; }.block-link_list_G348RN { --block-grid-column: 1; --block-grid-row: 3; }.block-social_media_LEHe8a { --block-grid-column: 2; --block-grid-row: 1; }</style><div class="footer color-scheme-6 gradient"> <div class="section-footer container max-w-page"> <div class="grid"> <div class="section-footer__block col-span-3 block-newsletter_ypDMHA align-self-start" ><div class="section-footer__content align-start text-start align-start--mobile text-start--mobile"> <div class="footer__newsletter"><h3 class="footer__block-heading">Stay Informed</h3><div class="footer__newsletter-text rte"></div><form method="post" action="/contact#newsletter_ypDMHA" id="newsletter_ypDMHA" accept-charset="UTF-8" class="newsletter-form js-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="newsletter__controls"> <div class="field newsletter__field" data-input-wrapper><label for="NewsletterForm--sections--25140287832343__footer_xjQ6Rm" class="field__label visually-hidden">Email</label><input type="email" id="NewsletterForm--sections--25140287832343__footer_xjQ6Rm" name="contact[email]" placeholder="Email address" required pattern="^([a-zA-Z0-9_\-\+\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,9})$" aria-required="true" autocapitalize="off" autocomplete="email" class="field__input" /> <span class="field__message hidden" data-message ></span></div> <button type="submit" class="button-reset newsletter__button" id="Subscribe-sections--25140287832343__footer_xjQ6Rm" name="commit" aria-label="Subscribe">Subscribe</button> </div></form></div> </div></div> <div class="section-footer__block col-span-1 block-link_list_yykxXc align-self-start" ><style data-shopify> #shopify-section-sections--25140287832343__footer_xjQ6Rm .footer__links a { color: rgba(var(--color-foreground), 1.0); } </style> <div class="section-footer__content footer__nav--vertical"> <div class="footer__nav-desktop small-hide"> <h4 class="footer__block-heading">SHOP</h4> <ul class="footer__links list-unstyled"><li> <a href="/collections/all?sort_by=best-selling&filter.p.m.custom.seaters=4" title="Inventory For 4 seats">Inventory For 4 seats</a> </li><li> <a href="/collections/all?sort_by=best-selling&filter.p.m.custom.seaters=6" title="Inventory For 6 seats">Inventory For 6 seats</a> </li><li> <a href="/collections/used-golf-carts" title="Used Carts">Used Carts</a> </li><li> <a href="/pages/all-batteries" title="Battery Upgrades">Battery Upgrades</a> </li><li> <a href="/collections/accessories" title="Accessories/ Parts">Accessories/ Parts</a> </li></ul> </div> <accordion-default class="accordion footer__accordion small-up-hide"> <nav class="footer__nav-mobile"><details class="accordion__section footer__links-details footer__links-mobile-item" id="Footer-accordion-section-2" > <summary class="footer__links-mobile-link heading-static js-btn" id="Accordion-button-2">SHOP<div class="footer__links-mobile-link-icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4V12M12 12V20M12 12H4M12 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </div> </summary> <div class="footer__links-mobile-item-dropdown accordion__body" id="Accordion-dropdown-2"> <ul class="footer__links list-unstyled"><li> <a href="/collections/all?sort_by=best-selling&filter.p.m.custom.seaters=4" title="Inventory For 4 seats">Inventory For 4 seats</a> </li><li> <a href="/collections/all?sort_by=best-selling&filter.p.m.custom.seaters=6" title="Inventory For 6 seats">Inventory For 6 seats</a> </li><li> <a href="/collections/used-golf-carts" title="Used Carts">Used Carts</a> </li><li> <a href="/pages/all-batteries" title="Battery Upgrades">Battery Upgrades</a> </li><li> <a href="/collections/accessories" title="Accessories/ Parts">Accessories/ Parts</a> </li></ul> </div> </details> </nav> </accordion-default> </div></div> <div class="section-footer__block col-span-1 block-link_list_pmQdVJ align-self-start" ><style data-shopify> #shopify-section-sections--25140287832343__footer_xjQ6Rm .footer__links a { color: rgba(var(--color-foreground), 1.0); } </style> <div class="section-footer__content footer__nav--vertical"> <div class="footer__nav-desktop small-hide"> <h4 class="footer__block-heading">GOLF CARTS USA</h4> <ul class="footer__links list-unstyled"><li> <a href="/pages/our-mission" title="Our mission">Our mission</a> </li><li> <a href="/pages/become-an-authorized-dealer" title="Become a Dealer">Become a Dealer</a> </li></ul> </div> <accordion-default class="accordion footer__accordion small-up-hide"> <nav class="footer__nav-mobile"><details class="accordion__section footer__links-details footer__links-mobile-item" id="Footer-accordion-section-3" > <summary class="footer__links-mobile-link heading-static js-btn" id="Accordion-button-3">GOLF CARTS USA<div class="footer__links-mobile-link-icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4V12M12 12V20M12 12H4M12 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </div> </summary> <div class="footer__links-mobile-item-dropdown accordion__body" id="Accordion-dropdown-3"> <ul class="footer__links list-unstyled"><li> <a href="/pages/our-mission" title="Our mission">Our mission</a> </li><li> <a href="/pages/become-an-authorized-dealer" title="Become a Dealer">Become a Dealer</a> </li></ul> </div> </details> </nav> </accordion-default> </div></div> <div class="section-footer__block col-span-1 block-link_list_G348RN align-self-start" ><style data-shopify> #shopify-section-sections--25140287832343__footer_xjQ6Rm .footer__links a { color: rgba(var(--color-foreground), 1.0); } </style> <div class="section-footer__content footer__nav--vertical"> <div class="footer__nav-desktop small-hide"> <h4 class="footer__block-heading">SUPPORT</h4> <ul class="footer__links list-unstyled"><li> <a href="/pages/contact" title="Contact Us">Contact Us</a> </li><li> <a href="/pages/aftercare" title="Aftercare">Aftercare</a> </li><li> <a href="/pages/cart-warranty" title="Warranty">Warranty</a> </li><li> <a href="/policies/shipping-policy" title="Shipping Policy">Shipping Policy</a> </li><li> <a href="/policies/terms-of-service" title="Terms of Service">Terms of Service</a> </li><li> <a href="/policies/refund-policy" title="Return & Refund">Return & Refund</a> </li><li> <a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a> </li></ul> </div> <accordion-default class="accordion footer__accordion small-up-hide"> <nav class="footer__nav-mobile"><details class="accordion__section footer__links-details footer__links-mobile-item is-active default-active" id="Footer-accordion-section-4" open> <summary class="footer__links-mobile-link heading-static js-btn" id="Accordion-button-4">SUPPORT<div class="footer__links-mobile-link-icon"> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4V12M12 12V20M12 12H4M12 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4 12H20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </div> </summary> <div class="footer__links-mobile-item-dropdown accordion__body" id="Accordion-dropdown-4"> <ul class="footer__links list-unstyled"><li> <a href="/pages/contact" title="Contact Us">Contact Us</a> </li><li> <a href="/pages/aftercare" title="Aftercare">Aftercare</a> </li><li> <a href="/pages/cart-warranty" title="Warranty">Warranty</a> </li><li> <a href="/policies/shipping-policy" title="Shipping Policy">Shipping Policy</a> </li><li> <a href="/policies/terms-of-service" title="Terms of Service">Terms of Service</a> </li><li> <a href="/policies/refund-policy" title="Return & Refund">Return & Refund</a> </li><li> <a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a> </li></ul> </div> </details> </nav> </accordion-default> </div></div> <div class="section-footer__block col-span-2 block-social_media_LEHe8a align-self-start" ><div class="section-footer__content align-start text-start align-start--mobile text-start--mobile"><h3 class="footer__block-heading"></h3><ul class="footer__social list-unstyled"> </ul> </div></div></div> </div> </div> <style> @media (min-width: 750px) and (max-width: 850px) {#shopify-section-sections--25140287832343__footer_xjQ6Rm .section-footer .grid {grid-template-columns: repeat(3, minmax(10rem, 1fr)); }} #shopify-section-sections--25140287832343__footer_xjQ6Rm .footer__links-mobile-link {color: rgba(255, 255, 255, 0.75);} </style></section><section id="shopify-section-sections--25140287832343__footer_NiCUgF" class="shopify-section shopify-section-group-footer-group"> <link rel='stylesheet' href='//golfcartsusa.com/cdn/shop/t/4/assets/section-footer.css?v=119566405394728093081757684154' media='print' onload="this.media='all'"> <noscript> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-footer.css?v=119566405394728093081757684154" rel="stylesheet" type="text/css" media="all" /> </noscript> <style data-shopify>#shopify-section-sections--25140287832343__footer_NiCUgF > div { padding-block-start: calc(var(--section-spacing-unit-size) * 0); padding-block-end: calc(var(--section-spacing-unit-size) * 1); --section-footer-spacing-grid: 1; }#shopify-section-sections--25140287832343__footer_NiCUgF .container { border-block-start: 0.1rem solid rgba(var(--color-foreground), 0.1); padding-block-start: calc(var(--section-spacing-unit-size) * 1); }.block-richtext_zPJmmx { --block-grid-column: 1; --block-grid-row: 1; }.block-richtext_Dkp6BH { --block-grid-column: 1; --block-grid-row: 1; }.block-richtext_MthXnb { --block-grid-column: 1; --block-grid-row: 1; }.block-richtext_i7e9Bn { --block-grid-column: 1; --block-grid-row: 1; }.block-richtext_yEPHfE { --block-grid-column: 1; --block-grid-row: 1; }.block-richtext_PQqEDh { --block-grid-column: 1; --block-grid-row: 1; }</style><div class="footer color-scheme-6 gradient"> <div class="section-footer container max-w-page"> <div class="grid"> <div class="section-footer__block col-span-1 block-richtext_zPJmmx align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">Florida Location </h3><p>📍6102 E Adamo Dr, Tampa, FL 33619</p> </div></div> <div class="section-footer__block col-span-1 block-richtext_Dkp6BH align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">South Carolina Location</h3><p>📍901 US-17 BUS, Surfside Beach, SC 29575</p> </div></div> <div class="section-footer__block col-span-1 block-richtext_MthXnb align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">Texas Location</h3><p>📍 10420 Plano Rd, Unit 104, Dallas, TX 75238</p> </div></div> <div class="section-footer__block col-span-1 block-richtext_i7e9Bn align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">New Jersey Location</h3><p>📍1000 Noah's Rd Pleasantville, NJ 08232</p> </div></div> <div class="section-footer__block col-span-1 block-richtext_yEPHfE align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">Georgia Location</h3><p>📍 2575 Business Dr Cumming, GA 30028</p> </div></div> <div class="section-footer__block col-span-1 block-richtext_PQqEDh align-self-start" > <div class="section-footer__content footer__richtext text-start text-start--mobile"><h3 class="footer__block-heading">West Coast Location</h3><p>📍 Coming Soon</p> </div></div></div> </div> </div> <style> #shopify-section-sections--25140287832343__footer_NiCUgF .footer__block-heading {color: var(--brand-green-light);} @media screen and (min-width: 750px) {#shopify-section-sections--25140287832343__footer_NiCUgF .section-footer .grid {grid-template-columns: repeat(4, minmax(10rem, 1fr)); }} @media (max-width: 750px) {#shopify-section-sections--25140287832343__footer_NiCUgF .section-footer {border-top: none; } #shopify-section-sections--25140287832343__footer_NiCUgF .section-footer .grid {gap: 20px 0; }} </style></section><section id="shopify-section-sections--25140287832343__footer_JadcgE" class="shopify-section shopify-section-group-footer-group"> <link rel='stylesheet' href='//golfcartsusa.com/cdn/shop/t/4/assets/section-footer.css?v=119566405394728093081757684154' media='print' onload="this.media='all'"> <noscript> <link href="//golfcartsusa.com/cdn/shop/t/4/assets/section-footer.css?v=119566405394728093081757684154" rel="stylesheet" type="text/css" media="all" /> </noscript> <style data-shopify>#shopify-section-sections--25140287832343__footer_JadcgE > div { padding-block-start: calc(var(--section-spacing-unit-size) * 1); padding-block-end: calc(var(--section-spacing-unit-size) * 1); --section-footer-spacing-grid: 1; }.block-richtext_GWFib7 { --block-grid-column: 6; --block-grid-row: 1; }</style><div class="footer color-scheme-6 gradient"> <div class="section-footer container max-w-page"> <div class="grid"> <div class="section-footer__block col-span-6 block-richtext_GWFib7 align-self-center" > <div class="section-footer__content footer__richtext footer__richtext--copyright text-center text-center--mobile"><h3 class="footer__block-heading"></h3><p>Copyright © 2026 Powered by <a href="https://edge-ev.com/" target="_blank" title="https://edge-ev.com/"><strong>Edge-Ev</strong></a>. All rights reserved.</p> </div></div></div> </div> </div> <style> #shopify-section-sections--25140287832343__footer_JadcgE .footer__richtext p {font-size: 14px; font-weight: 300; line-height: 21px; color: rgba(255, 255, 255, 0.7);} </style></section> <!-- END sections: footer-group --></footer><!-- BEGIN sections: overlay-group --> <section id="shopify-section-sections--25140287930647__cart-drawer" class="shopify-section shopify-section-group-overlay-group"><link href="//golfcartsusa.com/cdn/shop/t/4/assets/component-cart-drawer.css?v=142838678818851617561757684154" rel="stylesheet" type="text/css" media="all" /><link href="//golfcartsusa.com/cdn/shop/t/4/assets/component-cart.css?v=129232586987638618011757684155" rel="stylesheet" type="text/css" media="all" /> <script src="//golfcartsusa.com/cdn/shop/t/4/assets/cart.js?v=78196216838318977031757684153" defer="defer"></script> <script src="//golfcartsusa.com/cdn/shop/t/4/assets/cart-info-bar-slider.js?v=71747711964503262211757684155" defer="defer"></script><style data-shopify>cart-drawer .cart-item .media { aspect-ratio: 3/4; }</style><cart-drawer> <div class="color-scheme-1 gradient"> <div class="cart-drawer" id="sections--25140287930647__cart-drawer"> <div class="cart-drawer__inner" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1" ><div class="cart-drawer__head"> <p class="cart-drawer__title h4">Your cart<span class="cart-drawer__title-counter">0</span> </p> <button class="cart-drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close" data-drawer-close> <svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 5L19 19M19 5L5 19" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"/> </svg> </button> </div> <div class="cart-drawer__top"> <style data-shopify>.shipping-bar { visibility: hidden; }</style></div> <div class="cart-drawer__body" id="CartDrawer-Body" data-cart-body><div class="cart-drawer__empty"> <h2 class="cart-drawer__empty-text">It’s a little<br><em>empty</em> here</h2> <span class="cart-drawer__empty-desc">Your cart is currently empty</span> <a href="/collections/all" class="button button--outlined uppercase"> Start Shopping</a></div></div> </div> </div> </div> </cart-drawer> </section><div id="shopify-section-sections--25140287930647__quick-cart-drawer" class="shopify-section shopify-section-group-overlay-group"> </div> <!-- END sections: overlay-group --><ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> </ul> <script> window.theme = window.theme || {}; theme = { settings: { money_format: "${{amount}}", money_with_currency_format: "${{amount}} USD", cart_free_shipping_threshold: 15000, cart_free_shipping_text: `Spend <span class="money">0</span> more for free shipping`, cart_free_shipping_text_success: `Congrats! You're qualified for free shipping!`, } } window.shopUrl = 'https://golfcartsusa.com'; window.routes = { cart_url: '/cart', cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', search_url: '/search', predictive_search_url: '/search/suggest', }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.` } window.variantStrings = { addToCart: 'Buy Now', unavailable: 'Unavailable', soldOut: 'Sold out', addSubscriptionToCart: 'Add subscription to cart', preOrder: 'Pre-order now' } window.validationStrings = { invalidEmail: 'Please enter a valid email address' } window.accessibilityStrings = { recipientFormExpanded: `Gift card recipient form expanded`, recipientFormCollapsed: `Gift card recipient form collapsed`, }; </script> <script> (function() { console.log('start utm'); const KEYS = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_content', 'utm_code', 'utm_term', 'utm_account', 'gclid', 'fbclid']; const CLID_KEYS = ['gclid', 'fbclid']; const TTL = 7 * 24 * 60 * 60 * 1000; const setCookie = (k, v) => { const d = new Date(); d.setTime(d.getTime() + TTL); document.cookie = k + "=" + encodeURIComponent(v) + ";expires=" + d.toUTCString() + ";path=/;SameSite=Lax"; }; const deleteCookie = (k) => { document.cookie = k + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;SameSite=Lax"; }; const getCookie = (k) => { const name = k + "="; const decodedCookie = decodeURIComponent(document.cookie); const ca = decodedCookie.split(';'); for (let i = 0; i < ca.length; i++) { let c = ca[i].trim(); if (c.indexOf(name) === 0) return c.substring(name.length, c.length); } return ""; }; const params = new URLSearchParams(window.location.search); const incomingClid = CLID_KEYS.some(k => params.get(k)); if (incomingClid) { console.log('New click ID in URL — clearing old gclid/fbclid'); CLID_KEYS.forEach(k => deleteCookie(k)); } KEYS.forEach(k => { const val = params.get(k); if (val) { setCookie(k, val); console.log('UTM saved:', k, val); } }); const fillForm = () => { KEYS.forEach(k => { const val = getCookie(k); if (val) { const inputs = document.querySelectorAll('input[name="' + k + '"]'); inputs.forEach(input => { if (!input.value) input.value = val; }); } }); }; fillForm(); document.addEventListener('DOMContentLoaded', fillForm); console.log('end utm'); })(); </script> <back-to-top class="hide"> <button href="#" class="button back-to-top button--filled"> <span class="icon--rotate-270"><svg width="1em" height="1em" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 4L17 12L9 20" stroke="currentColor" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="square" /> </svg> </span> </button> </back-to-top> <script id="Subify-config"> var SubifyConfig = window.SubifyConfig || {}; SubifyConfig.sdkUrl = "https://cdn.hengam.io/subify/subify-sdk.js"; SubifyConfig.templateName = "builds_list"; SubifyConfig.isHomePage = SubifyConfig.templateName === 'index'; SubifyConfig.isCollectionPage = SubifyConfig.templateName === 'collection'; SubifyConfig.isLandingPage = SubifyConfig.templateName === 'page'; function createSubifySdkScript() { const subifySdkScript = document.createElement('script'); subifySdkScript.setAttribute('defer', 'defer'); subifySdkScript.src = SubifyConfig.sdkUrl; document.body.appendChild(subifySdkScript); } document.querySelectorAll('script[data-app-id]').forEach(function(script) { if (!script.getAttribute('src').includes('subify')) return; if (!SubifyConfig.isHomePage && !SubifyConfig.isCollectionPage && !SubifyConfig.isLandingPage){ SubifyConfig.product = null; createSubifySdkScript(); } }); </script> <style> .product-option__label[title="Dark Red"],.facet-checkbox input[value="Dark Red"] {background-color: #cf0e0e;} .product-option__label[title="Black"],.facet-checkbox input[value="Black"] {background-color: Black;} .product-option__label[title="Gunmetal Grey"],.facet-checkbox input[value="Gunmetal Grey"] {background-color: #858c88;} .product-option__label[title="Sea Blue"],.facet-checkbox input[value="Sea Blue"] {background-color: #4184dc;} .product-option__label[title="Cyan"],.facet-checkbox input[value="Cyan"] {background-color: #33c6e5;} .product-option__label[title="Forest Green"],.facet-checkbox input[value="Forest Green"] {background-color: #39564b;} .product-option__label[title="Gunmetal"],.facet-checkbox input[value="Gunmetal"] {background-color: #787b83;} .product-option__label[title="Matte Black"],.facet-checkbox input[value="Matte Black"] {background-color: #363333;} .product-option__label[title="Metallic Red"],.facet-checkbox input[value="Metallic Red"] {background-color: #f61f1f;} .product-option__label[title="Metallic Sky Blue"],.facet-checkbox input[value="Metallic Sky Blue"] {background-color: #005bd3;} .product-option__label[title="White"],.facet-checkbox input[value="White"] {background-color: #ffffff;} </style> <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script> </body> </html>