The 40 Magnetic Golf Towel + Landing Pad System

/* ========================= AF LUXURY PAGE STYLES (Locked Option A) ========================= */ :root { --af-graphite: #0B0D0B; --af-tech: #9FB8A0; --af-olive: #1A2517; --af-signal: #22C55E; --bg-color: var(--af-graphite); --card-bg: #0B0D0B; --text-main: #f5f5f7; --text-muted: #A3A3A8; --border: rgba(159, 184, 160, 0.2); --border-soft: rgba(159, 184, 160, 0.1); --shadow: 0 20px 40px rgba(0,0,0,0.6); } .af-luxury-page { background: var(--bg-color); color: var(--text-main); padding: 60px 20px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; } .af-luxury-page * { box-sizing: border-box; } .af-container { max-width: 1000px; margin: 0 auto; } /* TYPOGRAPHY */ .af-eyebrow { color: var(--af-tech); letter-spacing: .1em; text-transform: uppercase; font-weight: 800; font-size: .75rem; margin: 0 0 16px; text-align: center; } .af-hero { display: flex; flex-direction: column; align-items: center; margin-bottom: 24px; } .af-hero h1 { margin: 0 0 14px; font-weight: 800; line-height: 1.05; font-size: clamp(2.25rem, 5vw, 3.75rem); letter-spacing: -0.02em; background: linear-gradient(180deg, #fff, #a1a1aa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; } .af-lead { font-size: 1.2rem; color: #fff; font-weight: 750; text-align: center; margin: 12px 0 10px; } .af-lede { margin: 0 auto 0; max-width: 760px; color: var(--text-muted); font-size: 1.05rem; text-align: center; line-height: 1.65; } /* CARDS */ .af-card { background: rgba(255,255,255,0.02); border-radius: 24px; padding: 34px; margin: 18px 0; border: 1px solid var(--border); box-shadow: var(--shadow); } .af-card--tech { background: linear-gradient(180deg, rgba(159,184,160,0.08), var(--af-graphite)); border: 1px solid rgba(159,184,160,0.3); } .af-h2 { margin: 0 0 12px; font-size: 1.7rem; line-height: 1.2; font-weight: 750; color: #fff; letter-spacing: -0.01em; } .af-muted { color: var(--text-muted); font-size: 1.02rem; margin: 0 0 .9rem; } /* EXEC SUMMARY */ .af-exec-summary { background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 20px; padding: 20px; margin: 0 auto 18px; max-width: 860px; text-align: left; } .af-exec-summary strong { display: block; font-size: .75rem; letter-spacing: .05em; text-transform: uppercase; color: var(--af-tech); font-weight: 900; margin-bottom: 8px; } .af-exec-summary p { margin: 0; color: #e5e7eb; font-size: 1.02rem; line-height: 1.65; } /* IMAGE WRAPPERS & VIDEO */ .af-img-wrap { margin: 0 0 14px 0; border-radius: 18px; overflow: hidden; border: 1px solid var(--border-soft); background: rgba(255,255,255,0.02); } .af-img { display: block; width: 100%; height: auto; } video.af-img { width: 100%; height: auto; display: block; border-radius: 18px; object-fit: cover; } /* LISTS */ .af-bullets { margin: 0; padding-left: 1.2rem; color: var(--text-muted); } .af-bullets li { margin: .75rem 0; } .af-bullets li strong { color: #fff; font-weight: 750; } /* CHIPS */ .af-chip-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; justify-content: center; } .af-chip { background: rgba(159,184,160,0.1); border: 1px solid rgba(159,184,160,0.25); color: #e5e5e7; padding: 8px 16px; border-radius: 999px; font-size: .9rem; font-weight: 650; } /* BUTTONS */ .af-btn-wrap { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 16px; align-items: center; } .af-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; border-radius: 999px; font-weight: 750; text-decoration: none; font-size: 1rem; transition: all .2s ease; border: 0; cursor: pointer; min-height: 48px; } .af-btn-primary { background: var(--af-signal); color: #000; border: 1px solid var(--af-signal); font-weight: 900; box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3); } .af-btn-primary:hover { filter: brightness(1.1); transform: translateY(-2px); } .af-btn-secondary { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.2); font-size: .95rem; padding: 12px 24px; } .af-btn-secondary:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.4); transform: translateY(-2px); } /* INTERACTION MODULE */ .af-hero-interaction { background: rgba(255,255,255,0.03); border: 1px solid var(--af-tech); border-radius: 24px; padding: 22px; margin: 0 auto; max-width: 560px; width: 100%; backdrop-filter: blur(10px); text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); } .af-interaction-label { font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; color: var(--af-tech); margin-bottom: 10px; font-weight: 800; display: block; text-align: center; } .af-swatch-row { display: flex; justify-content: center; gap: 12px; margin-bottom: 14px; flex-wrap: wrap; } .af-swatch { width: 32px; height: 32px; border-radius: 50%; border: 2px solid rgba(255,255,255,0.2); cursor: pointer; transition: transform .2s, border-color .2s, box-shadow .2s; padding: 0; background: #111; position: relative; } .af-swatch:hover { transform: scale(1.1); border-color: #fff; } .af-swatch[aria-selected="true"] { border-color: var(--af-signal); box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.2); transform: scale(1.1); } .af-nudge { text-align: center; margin-top: 10px; color: var(--text-muted); font-size: .92rem; } /* WORKFLOW STEPS */ .af-steps { display: grid; grid-template-columns: 1fr; /* Default mobile 1 col */ gap: 16px; margin-top: 14px; } .af-step { background: rgba(159,184,160,0.08); border: 1px solid rgba(159,184,160,0.25); border-radius: 18px; padding: 24px; display: flex; flex-direction: column; align-items: flex-start; text-align: left; } .af-step h3 { margin: 14px 0 8px 0; font-size: 1.25rem; font-weight: 900; color: var(--af-signal); text-transform: uppercase; letter-spacing: 0.02em; } .af-step p { margin: 0; color: #d1d5db; font-size: 1.05rem; line-height: 1.5; } .af-step .af-chip { color: var(--af-signal); border-color: rgba(34, 197, 94, 0.5); background: rgba(34, 197, 94, 0.1); } /* COMPARISON TABLE */ .af-compare-table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 20px 0; font-size: 0.95rem; color: var(--text-main); border: 1px solid var(--border); border-radius: 12px; overflow: hidden; } .af-compare-table caption { font-weight: 700; text-align: left; margin-bottom: 10px; color: var(--af-tech); text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.05em; } .af-compare-table th, .af-compare-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid var(--border-soft); } .af-compare-table th { background: rgba(159,184,160,0.1); color: #fff; font-weight: 700; } .af-compare-table td:first-child { font-weight: 600; color: var(--af-tech); width: 30%; } .af-compare-table tr:last-child td { border-bottom: none; } @media (max-width: 600px) { .af-compare-table thead { display: none; } .af-compare-table, .af-compare-table tbody, .af-compare-table tr, .af-compare-table td { display: block; width: 100%; } .af-compare-table tr { margin-bottom: 16px; background: rgba(255,255,255,0.03); border: 1px solid var(--border); border-radius: 12px; padding: 12px; } .af-compare-table td { padding: 8px 0; border-bottom: 1px solid var(--border-soft); display: flex; justify-content: space-between; align-items: center; } .af-compare-table td:last-child { border-bottom: none; } .af-compare-table td::before { content: attr(data-label); font-weight: 700; color: var(--af-tech); margin-right: 12px; text-transform: uppercase; font-size: 0.75rem; } } /* GRIDS */ .af-grid-2 { display: grid; grid-template-columns: 1fr; gap: 18px; } @media (min-width: 768px) { .af-grid-2 { grid-template-columns: 1fr 1fr; } .af-bundle-preview { grid-template-columns: 1fr 1fr !important; } } @media (max-width: 767px) { .af-luxury-page { padding: 40px 16px; } .af-card { padding: 26px; } .af-btn { width: 100%; } } /* FAQ */ .af-faq { border-top: 1px solid var(--border); padding: 18px 0; } .af-faq summary { cursor: pointer; font-weight: 750; color: #fff; font-size: 1.05rem; list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 4px 0; } .af-faq summary::-webkit-details-marker { display: none; } .af-faq summary::after { content: "+"; font-weight: 400; color: var(--text-muted); font-size: 1.5rem; } details[open] summary::after { content: "−"; } .af-faq div { margin-top: 10px; color: var(--text-muted); line-height: 1.6; } /* STANDARDS */ .af-standards-citation { margin: 2.2rem 0 0 0; padding: 1.75rem 1.75rem; background: var(--af-olive); border: 1px solid rgba(159,184,160,0.3); border-radius: 16px; } Instant Access Bundle • The 40 + Landing Pad The 40 + Landing Pad — Instant Access Bundle Test Verdict The 40 gives you maximum surface area for true wet/dry separation, but big towels can be a hassle if they don't have a home. This bundle solves that. The Landing Pad creates a guaranteed steel-core docking point inside your bag between club dividers , keeping your 16x40 towel secure, balanced, and off the ground. Verdict: The ultimate system for riders and mud-season players. Max coverage + guaranteed access. Upgrade your setup with the system designed for heavy-duty cleaning and automatic retention. Add Bundle to cart Testing Standards Shop Magnetic Towels The 40 + Landing Pad (Instant Access) Select your towel finish. The Landing Pad is included in the bundle. Pick Finish: Grey Add The 40 Bundle to Cart Tip: Landing Pad mounts inside the bag between club dividers. Independent on-course test See the routine under real pace: clean → re-dock → move on. Scrub → Wash → Dry (The 40 Routine) With The 40, you have more room to work. Keep one side wet, one side dry. Scrub Loosen what wiping can’t remove. Packed sand, mud, and grass lock into grooves and don’t come out with a casual wipe. The scrub pad applies focused friction to break debris free so the grooves can actually do their job instead of masking spin and launch. Wash Use the dual wash pockets to Flush contamination out of the system. Once debris is loosened, it has to go somewhere. The wet wash pocket rinses grime away instead of smearing it across the towel. This keeps dirt isolated and prevents re-contaminating the ball, face, or grips. Dry Restore clean contact and true feedback. Drying isn’t cosmetic. A clean, dry ball and face restore predictable friction at impact and a truer roll on the green. This is the step that turns “clean enough” into consistent results. Prefer something smaller? Stubby Bundle If The 40 feels too big, grab the compact Stubby (16×24) + Landing Pad bundle instead. Pick Finish: Black Add Stubby Bundle Just need the towel? If you already have a Landing Pad, grab The 40 solo. Pick Finish: Black Add The 40 Only Bundle vs. Towel Only Quick Spec Check Feature Bundle (The 40 + Pad) The 40 Only What you get Towel + Steel Docking Pad Towel Only Best for Any Bag (Stand or Cart) Magnet-Friendly Bags Routine adherence Highest (Guaranteed Home) Variable (Depends on Bag) Docking reliability 100% Consistent Depends on Surface System FAQ Where does the Landing Pad mount? Inside your golf bag between club dividers. It’s a stable internal docking surface for the towel. It does not mount on cart frames or rails. Does The 40 drag on the ground? Because of the center magnet, The 40 hangs balanced (approx 20" drop). If you use the Landing Pad high on your bag, it stays off the ground. If you have a very short Sunday bag, check the Stubby. Why dual wash pockets? Separation. You can keep one pocket soaked for mud/sand and the other damp for balls, while the rest of the towel stays dry for your hands. Can I buy the towel without the pad? Yes, see the "Just need the towel?" section above. However, the bundle is recommended for the most consistent experience. Can I wash the towel? Yes. Wash cold on gentle/low spin and air dry. Avoid high heat; hot dryers can degrade microfiber performance over time. Clean contact. Reliable feedback. Fewer “what the hell was that” shots. Start with the bundle. Upgrade your system. Add Bundle to cart Add towel only Testing Standards Evaluated Against Published Testing Standards This product is evaluated using Aiming Fluid Golf’s published magnetic gear testing framework. The framework defines how magnetic towels and docking systems are assessed across retention, cleaning effectiveness, usability, durability, and compatibility under real on-course conditions. The standards page documents evaluation criteria, common failure modes, and the scorecard logic used to assess magnetic golf gear independent of product marketing claims. View Testing & Design Standards { "@context":"https://schema.org", "@type":"FAQPage", "mainEntity":[ {"@type":"Question","name":"Where does the Landing Pad mount?","acceptedAnswer":{"@type":"Answer","text":"Inside your golf bag between club dividers. It’s a stable internal docking surface for the towel. It does not mount on cart frames or rails."}}, {"@type":"Question","name":"Does The 40 drag on the ground?","acceptedAnswer":{"@type":"Answer","text":"Because of the center magnet, The 40 hangs balanced (approx 20\" drop). If you use the Landing Pad high on your bag, it stays off the ground. If you have a very short Sunday bag, check the Stubby."}}, {"@type":"Question","name":"Why dual wash pockets?","acceptedAnswer":{"@type":"Answer","text":"Separation. You can keep one pocket soaked for mud/sand and the other damp for balls, while the rest of the towel stays dry for your hands."}}, {"@type":"Question","name":"Can I buy the towel without the pad?","acceptedAnswer":{"@type":"Answer","text":"Yes, see the \"Just need the towel?\" section above. However, the bundle is recommended for the most consistent experience."}}, {"@type":"Question","name":"Can I wash the towel?","acceptedAnswer":{"@type":"Answer","text":"Yes. Wash cold on gentle/low spin and air dry. Avoid high heat; hot dryers can degrade microfiber performance over time."}} ] } (function(){ // --- DATA MAPS (THE 40 BUNDLE) --- const bundleMap = { "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_70852911-336a-4f52-8952-ad7a71331ee4.jpg?v=1769717226", id: "42694796181547" }, "Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_a9bf27d1-982b-4134-838c-4ba64802284c.jpg?v=1769717110", id: "42694796148779" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_5dc2ca4f-7081-4422-9bb5-ab1ed1d87985.jpg?v=1769717255", id: "42694796116011" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_21196650-eeaf-4b5b-a449-9e56e0c587a1.jpg?v=1769716887", id: "42694796214315" } }; // --- DATA MAPS (STUBBY BUNDLE - ALTERNATIVE) --- const stubbyMap = { "Birdie Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_Image_8b752204-9ca3-4e0b-a73c-0103ff9c5dc4.jpg?v=1769716337", id: "42694042091563" }, "Gunmetal Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_884c27fa-8120-4b53-89d4-73c7cb6bab01.jpg?v=1769716030", id: "42694042157099" }, "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_c9189ce2-a536-4749-8f59-2eb39cc1f865.jpg?v=1769716373", id: "42694042124331" }, "Augusta Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_3b5d1151-cbb9-4ad0-8fb3-67c875bf4ebd.jpg?v=1769715608", id: "42694042255403" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main_87e9e13c-04a3-42bd-92df-ee89f7b17e34.jpg?v=1769716373", id: "42694042222635" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/Updated_Main.jpg?v=1769716373", id: "42694042189867" } }; // --- DATA MAPS (THE 40 TOWEL ONLY) --- const towelOnlyMap = { "Green": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/mAIN_IMAGE_UPDATE_29.jpg?v=1767904750", id: "40882080153643" }, "Grey": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/mAIN_IMAGE_UPDATE_26.jpg?v=1764811297", id: "40882080088107" }, "Blue": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/mAIN_IMAGE_UPDATE_27.jpg?v=1767904750", id: "40882080055339" }, "Black": { img: "https://cdn.shopify.com/s/files/1/0555/0830/3915/files/mAIN_IMAGE_UPDATE_28.jpg?v=1767904750", id: "40882080022571" } }; // --- STATE --- let selectedBundleFinish = 'Grey'; let selectedStubbyFinish = 'Black'; let selectedTowelOnlyFinish = 'Grey'; // --- HELPERS --- function getAttr(el, name){ return el.getAttribute(name); } function setStatus(el, msg){ if(el) el.textContent = msg; } // Generic Add to Cart (Single item) async function addToCart(items, statusEl){ if(statusEl) statusEl.textContent = "Adding..."; try{ const res = await fetch('/cart/add.js', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ items }) }); if(!res.ok) throw new Error(); window.location.href = '/cart'; } catch(e){ if(statusEl) statusEl.textContent = "Add failed."; } } // --- 1. THE 40 BUNDLE LOGIC --- const bundleSwatches = document.querySelectorAll('[data-af-color-bundle]'); const bundleImg = document.querySelector('[data-af-bundle-img]'); const bundleAtc = document.querySelectorAll('[data-af-atc-bundle]'); const bundleLabel = document.querySelector('[data-af-label-bundle]'); bundleSwatches.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-bundle'); selectedBundleFinish = f; bundleSwatches.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-bundle') === f)); if(bundleMap[f] && bundleImg) bundleImg.src = bundleMap[f].img; if(bundleLabel) bundleLabel.textContent = "Pick Finish: " + f; })); bundleAtc.forEach(btn => btn.addEventListener('click', async () => { const id = Number(bundleMap[selectedBundleFinish].id); await addToCart([{ id, quantity: 1 }], null); })); // --- 2. STUBBY BUNDLE LOGIC (ALTERNATIVE) --- const stubbySwatches = document.querySelectorAll('[data-af-color-stubby]'); const stubbyImg = document.querySelector('[data-af-stubby-img]'); const stubbyAtc = document.querySelectorAll('[data-af-atc-stubby-bundle]'); const stubbyLabel = document.querySelector('[data-af-label-stubby]'); stubbySwatches.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-stubby'); selectedStubbyFinish = f; stubbySwatches.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-stubby') === f)); if(stubbyMap[f] && stubbyImg) stubbyImg.src = stubbyMap[f].img; if(stubbyLabel) stubbyLabel.textContent = "Pick Finish: " + f; })); stubbyAtc.forEach(btn => btn.addEventListener('click', async () => { const id = Number(stubbyMap[selectedStubbyFinish].id); await addToCart([{ id, quantity: 1 }], null); })); // --- 3. TOWEL ONLY LOGIC (The 40) --- const towelSwatches = document.querySelectorAll('[data-af-color-towel]'); const towelImg = document.querySelector('[data-af-towel-only-img]'); const towelAtc = document.querySelector('[data-af-atc-towel]'); const towelLabel = document.querySelector('[data-af-label-towel]'); towelSwatches.forEach(btn => btn.addEventListener('click', () => { const f = getAttr(btn, 'data-af-color-towel'); selectedTowelOnlyFinish = f; towelSwatches.forEach(b => b.setAttribute('aria-selected', getAttr(b, 'data-af-color-towel') === f)); if(towelOnlyMap[f] && towelImg) towelImg.src = towelOnlyMap[f].img; if(towelLabel) towelLabel.textContent = "Pick Finish: " + f; })); if(towelAtc){ towelAtc.addEventListener('click', async () => { const id = Number(towelOnlyMap[selectedTowelOnlyFinish].id); await addToCart([{ id, quantity: 1 }], null); }); } // Init Defaults if(bundleSwatches.length) bundleSwatches[0].click(); if(stubbySwatches.length) stubbySwatches[0].click(); if(towelSwatches.length) towelSwatches[0].click(); })();