✨ Get 20% OFF your first order. ✨

Your Shopping Bag

Your bag is empty

Subtotal $0.00
Shipping Calculated at checkout
Continue Shopping

Multi-purpose Titleist Hybrid 818 H2 Hy 23° Stiff Ns Pro 950gh Accessory [tywO3koY]

$29.99 $95.99 -69%

Titleist Hybrid 818 H2: Performance Redefined The Titleist Hybrid 818 H2 is a game-changer in the world of golf clubs, designed to deliver unmatched performance and precision. This hybrid offers a perfect blend of distance and control, making it an

Secure Shopping

100% Safe Guarantee

Free Shipping

On orders over $30

Money-Back

30-Day Guarantee

<h2>Titleist Hybrid 818 H2: Performance Redefined</h2> The Titleist Hybrid 818 H2 is a game-changer in the world of golf clubs, designed to deliver unmatched performance and precision. This hybrid offers a perfect blend of distance and control, making it an essential addition to any golfer's bag. With its advanced technology and sleek design, the 818 H2 is engineered to enhance your game and help you achieve greater distances with ease. <ul> <li><strong>Advanced Design</strong>: The 818 H2 features a deep face cup design for increased ball speed and forgiveness.</li> <li><strong>Optimized Loft</strong>: The 23° loft angle is perfect for long-iron replacement shots, providing a consistent ball flight.</li> </ul> </p> <p> <title> <h2>Technical Specifications and Details</h2> This hybrid is crafted with precision, featuring a stiff flex NS PRO 950GH steel shaft for enhanced stability and control. The standard lie angle and D2.0 swing balance ensure a smooth and consistent swing, while the 39-inch length is tailored for optimal playability. The Titleist Hybrid 818 H2 comes with a 388g total weight, offering a perfect balance between distance and control. <ul> <li><strong>Shaft Type</strong>: NS PRO 950GH steel shaft for stability and control.</li> <li><strong>Length</strong>: 39 inches for optimal playability and control.</li> </ul> </p> <p> <title> <h2>Practical Uses and Target Audience</h2> The Titleist Hybrid 818 H2 is ideal for golfers of all skill levels, especially those looking to improve their long-iron shots and increase their overall distance. Whether you're a beginner or a seasoned pro, this hybrid will help you take your game to the next level. Its versatile design makes it suitable for a wide range of golf courses and conditions, ensuring that you're always prepared for the challenges ahead. <ul> <li><strong>Target Audience</strong>: Golfers seeking distance and forgiveness in their long-iron replacements.</li> <li><strong>Use Cases</strong>: Perfect for long-iron replacement shots, approach shots, and tee shots on par 5s.</li> </ul> </p> </div> </div> <div id="reviews" class="tab-content animate-fade-in"> <div class="grid grid-cols-1 md:grid-cols-2 gap-x-16 gap-y-10"> <div class="space-y-8"> <h3 class="text-2xl font-bold text-slate-900">What Our Customers Say</h3> <div class="flex flex-col gap-2 border-b border-slate-200 pb-6"> <div class="flex items-center"> <div class="text-amber-500 flex items-center"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> <span class="ml-auto text-sm text-slate-500">December 31, 2025</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">A very sturdy and an extremely reliable item.</p> <p class="text-sm text-slate-500">- Nina I..</p> </div><div class="flex flex-col gap-2 border-b border-slate-200 pb-6"> <div class="flex items-center"> <div class="text-amber-500 flex items-center"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> <span class="ml-auto text-sm text-slate-500">December 31, 2025</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">A great gadget that is very, very sturdy.</p> <p class="text-sm text-slate-500">- Wade T..</p> </div><div class="flex flex-col gap-2 border-b border-slate-200 pb-6"> <div class="flex items-center"> <div class="text-amber-500 flex items-center"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> </div> <span class="ml-auto text-sm text-slate-500">December 31, 2025</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">This has made a huge and positive impact.</p> <p class="text-sm text-slate-500">- Gianna Y..</p> </div> </div> <div class="bg-slate-50 p-8 rounded-lg"> <h3 class="text-2xl font-bold text-slate-900 mb-6">Write a Review</h3> <form class="space-y-6" id="reviewForm"> <div> <label for="email" class="block text-sm font-medium text-slate-700">Email</label> <input type="email" id="email" name="email" required class="mt-1 block w-full rounded-md border-slate-300 p-3" /> </div> <div> <label for="review-title" class="block text-sm font-medium text-slate-700">Review Title</label> <input type="text" id="review-title" class="mt-1 block w-full rounded-md border-slate-300 p-3" /> </div> <div> <label for="review-body" class="block text-sm font-medium text-slate-700">Review</label> <textarea id="review-body" rows="4" class="mt-1 block w-full rounded-md border-slate-300 p-3"></textarea> </div> <button type="submit" class="w-full bg-slate-900 hover:bg-slate-700 text-white py-3 px-4 rounded-md">Submit Review</button> </form> </div> <div id="thankYouMessage" class="hidden mt-6 text-green-600 text-center font-semibold"> Thank you for your review! Your review is under moderation and will be published soon. </div> </div> </div> </div> </div> </main> <div class="mt-24 bg-slate-50 py-20"> <div class="max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="text-4xl font-serif font-bold text-slate-900">You Might Also Like</h2> <p class="mt-4 text-lg text-slate-600">Discover more great products from our collection.</p> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1BFQVEYWVxKU1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0565/7958/8149/products/fae12198af08db4d364f75f94c97b97f.jpg?v=1678215140" alt="Dodge Polyester Shower Curtain™" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1BFQVEYWVxKU1g/" class="line-clamp-2">Dodge Polyester Shower Curtain™</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(534)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$26.99</span> <span class="text-md text-slate-400 line-through">$86.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1BFQVEYWVxKU1g/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1BIRFIeW1ZLU18/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0582/3066/9512/products/jjd7s43wcpe6xpnjqyef.jpg?v=1627491748" alt="Kingston Brass KC7068BL 8 in. Widespread Bathroom Faucet" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1BIRFIeW1ZLU18/" class="line-clamp-2">Kingston Brass KC7068BL 8 in. Widespread Bathroom Faucet</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(447)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$48.99</span> <span class="text-md text-slate-400 line-through">$156.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1BIRFIeW1ZLU18/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1NAQ1cVXVRDVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0577/0998/5853/files/FOA_20East_2024-08-26T19_47_34.707623_oneoebyuxv.jpg?v=1753092123" alt="Mauna Black Round Dining Table" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1NAQ1cVXVRDVF8/" class="line-clamp-2">Mauna Black Round Dining Table</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(109)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$53.99</span> <span class="text-md text-slate-400 line-through">$172.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1NAQ1cVXVRDVF8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1NBQFIdXl1BW18/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0677/1795/5898/files/Ashley_20Furniture_2024-08-27T01_40_10.702843_bsdazurgsj_f61bbe9f-539d-43fc-a3fe-809da9d97e3a.jpg?v=1742991327" alt="Temmpton Dual Power Leather Reclining Modular Loveseat with Console" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1NBQFIdXl1BW18/" class="line-clamp-2">Temmpton Dual Power Leather Reclining Modular Loveseat with Console</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(335)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$99.99</span> <span class="text-md text-slate-400 line-through">$319.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1NBQFIdXl1BW18/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1NBQ1AbX1VBUl8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0554/1062/2658/files/FOA_20East_20Dropship_20Dropship_2025-06-26T18_3A47_3A52.356044_hbzngrhhtu_2fc392de-c2f2-4e5d-a650-17ede8b69e2f.jpg?v=1752044209" alt="BRACHIUM Cal.King Bed, White" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1NBQ1AbX1VBUl8/" class="line-clamp-2">BRACHIUM Cal.King Bed, White</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(193)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$71.99</span> <span class="text-md text-slate-400 line-through">$230.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1NBQ1AbX1VBUl8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1JBQlUeXlFBUlg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0578/4836/5171/files/508854_02xHD.jpg?v=1752724497" alt="Emberson Modular Sectionals" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1JBQlUeXlFBUlg/" class="line-clamp-2">Emberson Modular Sectionals</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(140)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$59.99</span> <span class="text-md text-slate-400 line-through">$191.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1JBQlUeXlFBUlg/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1JFQlkYX1NEU18/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0689/4374/1233/files/1112211121111_1.jpg?v=1736280330" alt="New Genuine AC Adapter For Lenovo LOQ 15IAX9E 135W 00HM686" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1JFQlkYX1NEU18/" class="line-clamp-2">New Genuine AC Adapter For Lenovo LOQ 15IAX9E 135W 00HM686</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(67)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$29.99</span> <span class="text-md text-slate-400 line-through">$95.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1JFQlkYX1NEU18/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1JGQ1UfXFBCV18/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0023/5965/6517/files/14694888931488-1-220944ca476e4994b0bea5bdac7b487a.jpg?v=1731480707" alt="Crop Top" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1JGQ1UfXFBCV18/" class="line-clamp-2">Crop Top</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(731)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$22.99</span> <span class="text-md text-slate-400 line-through">$73.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1JGQ1UfXFBCV18/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1VAR1YbWVxFUV8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0560/5290/8232/products/UBIQUITI-UniFi-AP-AC-Outdoor-Mesh-1167Mbps_-dual-omni-antennas-5-Pack---PoE-injector-not-included-UBIQUITI-1670348232.jpg?v=1670348234" alt="UBIQUITI UniFi AP AC Outdoor Mesh 1167Mbps, dual-omni antennas 5 Pack - PoE injector not included" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1VAR1YbWVxFUV8/" class="line-clamp-2">UBIQUITI UniFi AP AC Outdoor Mesh 1167Mbps, dual-omni antennas 5 Pack - PoE injector not included</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(739)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$40.99</span> <span class="text-md text-slate-400 line-through">$131.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1VAR1YbWVxFUV8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1RCRVgVXl1AU1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0738/3950/9758/files/7359d720478789854a7a08ee57598ebcL.jpg?v=1748039331" alt="Magnaflow Conv DF 2011-2013 Forester H4 2.5 OEM Underbody" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1RCRVgVXl1AU1g/" class="line-clamp-2">Magnaflow Conv DF 2011-2013 Forester H4 2.5 OEM Underbody</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(574)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$62.99</span> <span class="text-md text-slate-400 line-through">$201.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1RCRVgVXl1AU1g/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1RDRFUeWFZFUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/2728/6638/files/DEWDT9610QZ.jpg?v=1713367851" alt="DEWALT SDS Plus EXTREME 2® Drill Bit 24 x 450mm" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1RDRFUeWFZFUF8/" class="line-clamp-2">DEWALT SDS Plus EXTREME 2® Drill Bit 24 x 450mm</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(45)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$32.99</span> <span class="text-md text-slate-400 line-through">$105.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1RDRFUeWFZFUF8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1RHQ1AfXFBLWlg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0799/5588/6414/files/8426265422821_S2442225_P00_a3e88296-7d1e-410b-b5d8-9cb6d5f5460f.jpg?v=1751862372" alt="Kūdikio lėlė Llorens 42282 Alexandra 42 cm" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1RHQ1AfXFBLWlg/" class="line-clamp-2">Kūdikio lėlė Llorens 42282 Alexandra 42 cm</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(348)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$24.99</span> <span class="text-md text-slate-400 line-through">$79.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1RHQ1AfXFBLWlg/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1RJSVYbXFRHUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0837/2577/files/a20791b13d26f0584419c_l__81495.1651520473.550.550.jpg?v=1733364927" alt="Custom Black Iron Mirror "Oaxaca"" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1RJSVYbXFRHUF8/" class="line-clamp-2">Custom Black Iron Mirror "Oaxaca"</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(725)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$62.99</span> <span class="text-md text-slate-400 line-through">$201.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1RJSVYbXFRHUF8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1RJSVkfXVFDV1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0837/2577/products/colonial3a.jpg?v=1748968579" alt="Talavera Tile "Colonial3"" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1RJSVkfXVFDV1g/" class="line-clamp-2">Talavera Tile "Colonial3"</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(738)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$44.99</span> <span class="text-md text-slate-400 line-through">$143.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1RJSVkfXVFDV1g/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1dERlgdXFdDV1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0522/1610/3083/files/tom-ford-tf6063-b-052-blue-control-hd-1.jpg?v=1746697239" alt="Tom Ford TF6063-B 052 Blue Control" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1dERlgdXFdDV1g/" class="line-clamp-2">Tom Ford TF6063-B 052 Blue Control</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(538)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$49.99</span> <span class="text-md text-slate-400 line-through">$159.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1dERlgdXFdDV1g/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1dFQFYcWlFCUFg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0364/6733/products/Abadeh-TAN80002641-Iran-head2.jpg?v=1571438529" alt="Abadeh Tribal Rug TAN80002641 Iran" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1dFQFYcWlFCUFg/" class="line-clamp-2">Abadeh Tribal Rug TAN80002641 Iran</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(772)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$41.99</span> <span class="text-md text-slate-400 line-through">$134.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1dFQFYcWlFCUFg/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1ZCR1QaX1FAUl8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0642/7816/7773/files/1008910_V1_ENLRES.jpg?v=1750623364" alt="14k 8.5x10.0mm Closed Back Signet Ring" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1ZCR1QaX1FAUl8/" class="line-clamp-2">14k 8.5x10.0mm Closed Back Signet Ring</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(533)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$50.99</span> <span class="text-md text-slate-400 line-through">$163.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1ZCR1QaX1FAUl8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1ZERVMfVVNHVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0537/5783/7482/products/pss_5_gallon_front_0826.jpg?v=1713903990" alt="More Premium Stone Sealer - 5 Gallon" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1ZERVMfVVNHVF8/" class="line-clamp-2">More Premium Stone Sealer - 5 Gallon</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(349)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$46.99</span> <span class="text-md text-slate-400 line-through">$150.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1ZERVMfVVNHVF8/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1lDRFAbW1VBUVg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0861/8311/7126/files/Schweng_Terrassenueberdachung_S400_ID_r8wd9_0.jpg?v=1742917662" alt="Schweng Terrassenüberdachung S400 (ID r8wd9) #MTG" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1lDRFAbW1VBUVg/" class="line-clamp-2">Schweng Terrassenüberdachung S400 (ID r8wd9) #MTG</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(646)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$195.99</span> <span class="text-md text-slate-400 line-through">$627.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1lDRFAbW1VBUVg/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> <div class="group flex flex-col bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-300"> <a target="_blank" href="/product/X1lGQVIVWVFGV1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0770/7600/5182/files/LK839a.jpg?v=1752153959" alt="LK839 Optotrap Laser Sick OTD3-1313 1005925" class="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300" /> </a> <div class="p-5 flex-grow"> <h3 class="text-lg font-semibold text-slate-800 min-h-[3.5rem]"> <a href="/product/X1lGQVIVWVFGV1g/" class="line-clamp-2">LK839 Optotrap Laser Sick OTD3-1313 1005925</a> </h3> <div class="flex items-center mt-2"> <div class="flex text-amber-500 text-sm"> <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i> <i class="fas fa-star-half-alt"></i> </div> <span class="ml-2 text-xs text-slate-500">(918)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$63.99</span> <span class="text-md text-slate-400 line-through">$204.99</span> <span class="px-2 py-0.5 bg-red-100 text-red-600 text-xs font-semibold rounded-full">-69%</span> </div> </div> <div class="max-h-0 opacity-0 group-hover:max-h-40 group-hover:opacity-100 transition-all duration-300 ease-in-out overflow-hidden"> <div class="p-4 pt-0"> <a target="_blank" href="/product/X1lGQVIVWVFGV1g/" class="w-full bg-slate-900 text-white font-bold py-3 rounded-lg text-sm block text-center">Add to Cart</a> </div> </div> </div> </div> </div> </div> <footer class="bg-gray-900 text-white py-12 mt-20"> <div class="max-w-7xl mx-auto px-6"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div> <h3 class="text-xl font-bold mb-4"><span class="text-indigo-400">mappa-mercia.org</span></h3> <p class="text-gray-400">Fun, trendy products inspired by memes, pop culture, and humor.</p> </div> <div> <h4 class="font-semibold mb-4">About Us</h4> <ul class="space-y-2"> <!--<li><a href="/pages/terms-of-use" class="text-gray-400 hover:text-white" target="_blank">Terms of Use</a></li>--> <li class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h1.4a1 1 0 01.95.68l1.516 4.547a1 1 0 01-.217 1.016l-1.19 1.19a16.001 16.001 0 006.586 6.586l1.19-1.19a1 1 0 011.016-.217l4.547 1.516a1 1 0 01.68.95V19a2 2 0 01-2 2h-1C9.163 21 3 14.837 3 7V5z" /> </svg> <a href="tel:4153048208" class="text-gray-400 hover:text-white">TEL: 303-695-7913</a> </li> <li class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12H8m0 0h.01M8 12a4 4 0 100-8 4 4 0 000 8zm0 0v4a4 4 0 004 4h.5a4 4 0 004-4v-4m0 0H8" /> </svg> <a href="mailto:hello@taylorstitch.com" class="text-gray-400 hover:text-white" target="_blank">Email Us</a> </li> <li class="flex items-center space-x-2"> <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h4m1 8a9 9 0 100-18 9 9 0 000 18z" /> </svg> <a href="#icon-footer-chat-new" onclick="openChatWidget()" class="text-gray-400 hover:text-white">Start a Chat</a> </li> </ul> </div> <div> <h4 class="font-semibold mb-4">Customer Service</h4> <ul class="space-y-2"> <li><a target="_blank" href="/product/XFRHQVIZX1JE/" class="text-gray-400 hover:text-white">Contact Us</a></li> <li><a target="_blank" href="/product/VVlCQFQYVVZLVQ/" class="text-gray-400 hover:text-white">Return & Exchange Policy</a></li> <li><a target="_blank" href="/product/XFVJQlEYWVNGV18/" class="text-gray-400 hover:text-white">Privacy Policy</a></li> <li><a target="_blank" href="/product/XFdARlAZVVZEV18/" class="text-gray-400 hover:text-white">Terms of Service</a></li> </ul> </div> <div> <h4 class="font-semibold mb-4">Stay Connected</h4> <div class="flex space-x-4 mb-4"> <a href="/product/X1BAQVQeX1FGW18/" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> <a href="/product/XFZGSVMfVVxLU1g/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> <a href="/product/W1RBRFceWVNGVQ/" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> <a href="/product/XFVERVgbWldBUFg/" class="text-gray-400 hover:text-white"><i class="fab fa-pinterest"></i></a> </div> <p class="text-gray-400">Subscribe to our newsletter for exclusive offers</p> <div class="mt-3 flex"> <input type="email" required placeholder="Your email" class="px-3 py-2 bg-gray-800 text-white rounded-l focus:outline-none w-full"> <button class="bg-indigo-600 hover:bg-indigo-700 px-4 py-2 rounded-r text-white"> <i class="fas fa-arrow-right"></i> </button> </div> </div> </div> <div class="border-t border-gray-800 mt-8 pt-8 flex flex-col md:flex-row md:justify-between md:items-center space-y-4 md:space-y-0"> <p class="text-gray-400 text-sm text-center md:text-left"> © 2025 mappa-mercia.org. All rights reserved. </p> <div class="flex flex-wrap justify-center md:justify-end gap-x-4 gap-y-2 text-sm text-gray-400"> <a href="/product/XFhIQVEfXldEVF8/" class="hover:text-white">Accessibility</a> <a href="/product/XFZHQ1EUWlVEW18/" class="hover:text-white">Locations</a> <a href="/product/XlRERlYYVFFDUg/" class="hover:text-white">Wholesale</a> <a href="/product/XFZHQFgZVVZCVlg/" class="hover:text-white">Affiliates</a> <a href="/product/X1RFRVgaW1BCUg/" class="hover:text-white">Careers</a> <a href="/product/XFZHQFgZVVZCVlg/" class="hover:text-white break-words max-w-full">Do Not Sell or Share My Personal Information / Your Privacy Choices</a> </div> </div> </div> </footer> <section class="bg-gray-800 text-gray-400 py-4"> <div class="max-w-7xl mx-auto px-4 flex flex-col sm:flex-row justify-between items-center space-y-2 sm:space-y-0 flex-wrap"> <!-- 左侧版权 --> <p class="text-sm text-center sm:text-left"> Copyright 2025 © <span class="font-bold text-gray-300">mappa-mercia.org</span> </p> <!-- 右侧支付图标组 --> <div class="flex flex-wrap justify-center sm:justify-end items-center gap-2"> <!-- 通用卡片样式简化:更紧凑 --> <!-- Visa --> <div class="bg-gray-700 rounded px-2 py-1.5 flex items-center justify-center"> <svg viewBox="0 0 48 16" class="h-5 w-auto text-gray-400 hover:text-white transition-colors duration-200"> <text x="24" y="12" font-size="13" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">VISA</text> </svg> </div> <!-- PayPal --> <div class="bg-gray-700 rounded px-2 py-1.5 flex items-center justify-center"> <svg viewBox="0 0 60 16" class="h-5 w-auto text-gray-400 hover:text-white transition-colors duration-200"> <text x="30" y="12" font-size="13" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">PayPal</text> </svg> </div> <!-- Stripe --> <div class="bg-gray-700 rounded px-2 py-1.5 flex items-center justify-center"> <svg viewBox="0 0 58 16" class="h-5 w-auto text-gray-400 hover:text-white transition-colors duration-200"> <text x="29" y="12" font-size="13" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">Stripe</text> </svg> </div> <!-- Mastercard --> <div class="bg-gray-700 rounded px-2 py-1.5 flex items-center justify-center"> <svg viewBox="0 0 70 24" class="h-5 w-auto text-gray-400 hover:text-white transition-colors duration-200"> <circle cx="26" cy="12" r="8" fill="#EB001B" /> <circle cx="38" cy="12" r="8" fill="#F79E1B" /> <text x="32" y="21" font-size="7" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">Mastercard</text> </svg> </div> <!-- Cash on Delivery --> <div class="bg-gray-700 rounded px-2 py-1.5 flex items-center justify-center"> <svg viewBox="0 0 90 24" class="h-5 w-auto text-gray-400 hover:text-white transition-colors duration-200"> <text x="45" y="10" font-size="10" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">CASH ON</text> <text x="45" y="22" font-size="10" fill="currentColor" font-weight="bold" font-family="Arial" text-anchor="middle">DELIVERY</text> </svg> </div> </div> </div> </section> <!-- END app block right --> <!-- BEGIN app block: shopify://apps/gorgias-live-chat-helpdesk/blocks/gorgias/a66db725-7b96-4e3f-916e-6c8e6f87aaaa --> <script defer data-gorgias-loader-chat src="https://config.gorgias.chat/bundle-loader/shopify/taylor-stitch.myshopify.com" ></script> <script defer data-gorgias-loader-convert src="https://bundle.dyn-rev.app/loader.js" ></script> <script defer data-gorgias-loader-mailto-replace src="https://config.gorgias.help/api/contact-forms/replace-mailto-script.js?shopName=taylor-stitch" ></script> <!-- bottom Cookie Banner --> <div id="cookie-banner" class="fixed bottom-0 inset-x-0 bg-gray-900 text-white px-4 py-3 text-sm flex flex-wrap items-center justify-between z-50 transition-opacity duration-500"> <span class="flex-1 min-w-[200px]"> We use cookies to ensure you get the best experience & comply with GDPR. <a href="#" class="underline hover:text-blue-300">Learn More</a> </span> <div class="mt-2 sm:mt-0 sm:ml-4 flex-shrink-0"> <button id="cookie-accept-btn" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-semibold" > Got it! </button> </div> </div> <script> if (localStorage.getItem('cookieAccepted') === 'true') { document.getElementById('cookie-banner').style.display = 'none'; } document.getElementById('cookie-accept-btn').addEventListener('click', function () { const banner = document.getElementById('cookie-banner'); banner.style.opacity = '0'; setTimeout(() => { banner.style.display = 'none'; localStorage.setItem('cookieAccepted', 'true'); }, 500); // }); </script> <!--Promo codes--> <div id="promo-modal" class="fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center hidden"> <div class="bg-white w-full max-w-[880px] h-[80vh] rounded-md overflow-hidden shadow-xl flex flex-col md:flex-row relative"> <button onclick="closePromoModal()" class="absolute top-4 right-4 z-10 text-black text-xl font-bold hover:text-gray-700 bg-white rounded-full w-8 h-8 flex items-center justify-center shadow"> × </button> <div class="w-full md:w-1/2 p-8 flex flex-col justify-center"> <div class="text-2xl font-bold text-gray-900 mb-6 text-center">mappa-mercia.org</div> <h2 class="text-[40px] font-black text-center mb-3">GET 20% OFF!</h2> <p class="text-gray-700 text-base mb-6 leading-relaxed text-center md:text-left"> Whether you subscribe or not, today we’re offering a <strong>20% OFF</strong> off coupon as a special benefit—valid on orders over $80! </p> <form id="subscribe-form" onsubmit="handleSubscribe(event)"> <input type="email" id="email-input" placeholder="Enter your email" required class="border border-gray-400 rounded-md px-4 py-4 w-full mb-4 text-sm focus:outline-none focus:ring-2 focus:ring-black" /> <button type="submit" class="bg-black text-white text-sm font-semibold py-4 rounded-md hover:bg-gray-800 transition-all w-full"> Continue </button> </form> </div> <div class="w-full md:w-1/2 h-[80vh] hidden md:block"> <img src="https://img.freepik.com/free-photo/woman-with-shopping-bags-jumping_23-2148883713.jpg?semt=ais_hybrid&w=740" alt="Promo codes" class="object-cover w-full h-full" /> </div> </div> </div> <script> window.addEventListener('DOMContentLoaded', () => { const shown = localStorage.getItem('promo_shown'); const modal = document.getElementById('promo-modal'); if (shown !== 'true' && modal) { modal.classList.remove('hidden'); // } }); function handleSubscribe(event) { event.preventDefault(); alert('Subscribed successfully!'); closePromoModal(); } function closePromoModal() { const modal = document.getElementById('promo-modal'); localStorage.setItem('promo_shown', 'true'); modal.style.opacity = '0'; setTimeout(() => { modal.classList.add('hidden'); modal.style.opacity = ''; modal.style.display = ''; }, 300); } </script> <script> document.addEventListener('DOMContentLoaded', function() { // ======================================================= // ======================================================= const qtyInput = document.getElementById('productQty'); if (qtyInput) { const increaseBtn = document.getElementById('increaseQty'); const decreaseBtn = document.getElementById('decreaseQty'); if (increaseBtn) { increaseBtn.addEventListener('click', () => { qtyInput.value = parseInt(qtyInput.value) + 1; }); } if (decreaseBtn) { decreaseBtn.addEventListener('click', () => { if (qtyInput.value > 1) qtyInput.value = parseInt(qtyInput.value) - 1; }); } } const menuButton = document.getElementById('mobileMenuButton'); if (menuButton) { menuButton.addEventListener('click', () => { const mobileMenu = document.getElementById('mobileMenu'); if (mobileMenu) { mobileMenu.classList.toggle('hidden'); } }); } }); </script> <script> // document.addEventListener('DOMContentLoaded', function () { let galleryMain, thumbsVertical, thumbsHorizontal; function initSwipers() { if (galleryMain && galleryMain.destroy) galleryMain.destroy(true, true); if (thumbsVertical && thumbsVertical.destroy) thumbsVertical.destroy(true, true); if (thumbsHorizontal && thumbsHorizontal.destroy) thumbsHorizontal.destroy(true, true); let activeThumbs; if (window.innerWidth >= 1024) { thumbsVertical = new Swiper('.gallery-thumbs-vertical', { direction: 'vertical', spaceBetween: 16, slidesPerView: 'auto', freeMode: true, watchSlidesProgress: true, mousewheel: true, }); activeThumbs = thumbsVertical; } else { thumbsHorizontal = new Swiper('.gallery-thumbs-horizontal', { direction: 'horizontal', spaceBetween: 10, slidesPerView: 'auto', freeMode: true, watchSlidesProgress: true, }); activeThumbs = thumbsHorizontal; } galleryMain = new Swiper('.gallery-main', { spaceBetween: 10, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' }, thumbs: { swiper: activeThumbs }, loop: true, }); } const tabButtons = document.querySelectorAll('.tab-button'); tabButtons.forEach(button => { button.addEventListener('click', () => { const tabId = button.dataset.tab; tabButtons.forEach(btn => btn.classList.remove('active')); button.classList.add('active'); document.querySelectorAll('.tab-content').forEach(content => content.classList.remove('active')); document.getElementById(tabId).classList.add('active'); }); }); initSwipers(); let resizeTimer; window.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(() => { initSwipers(); }, 250); }); }); </script> </body> </html>