Name: Special Offer Fimi X8 Tele Max 3-axis Gimbal 4k Drone Hdr 48mp 30x Camera Gps 15km Professional Aerial Photography Quadcopter With A 55% Price Cut [yF9LBOGa]
Brand: mappa-mercia.org
SKU: HBS16896172761
Price: 43.99 USD
Availability: InStock
Rating: 4.12 (362 reviews)

Special Offer Fimi X8 Tele Max 3-axis Gimbal 4k Drone Hdr 48mp 30x Camera Gps 15km Professional Aerial Photography Quadcopter With A 55% Price Cut [yF9LBOGa]

Experience Exceptional Aerial Photography with FIMI X8 TELE MAX

<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">January 17, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">An excellent gadget. Very handy.</p> <p class="text-sm text-slate-500">- Aeron C..</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">January 17, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">It’s a very impressive and useful gadget.</p> <p class="text-sm text-slate-500">- Elain 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">January 17, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">An excellent gadget. Very clever.</p> <p class="text-sm text-slate-500">- Illtyd O..</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1NIQVceX1ZEUVg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0289/5187/1548/files/490000175_01__org.jpg?v=1750671087" alt="Theo Ruth for Artifort 'Congo' Easy Chairs in Patterned Fabric" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1NIQVceX1ZEUVg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Theo Ruth for Artifort 'Congo' Easy Chairs in Patterned Fabric</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">(278)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$79.99</span> <span class="text-md text-slate-400 line-through">$255.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1NIQVceX1ZEUVg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JBQlcbVFdGV18%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0578/4836/5171/files/Homelegance_20_Fremont_20Warehouse__2024-10-18T16_57_04.619526_etmgdqayuf.jpg?v=1752734107" alt="9444HMP-1PWH - Power Reclining Chair with Power Headrest" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JBQlcbVFdGV18%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">9444HMP-1PWH - Power Reclining Chair with Power Headrest</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">(823)</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JBQlcbVFdGV18%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MZWVdDUlg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0660/7647/5582/files/64322-240_APP_SEAMLESS-LEG-WARMER-BLK-M-L_HERO.jpg?v=1721926408" alt="Seamless Leg Warmers" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MZWVdDUlg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Seamless Leg Warmers</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">(472)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$18.99</span> <span class="text-md text-slate-400 line-through">$60.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MZWVdDUlg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MbX1FEUFg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0551/2812/9632/files/ar5xtfodqioo6gelz5th.jpg?v=1722348813" alt="Rustler 2WD BL-2s HD-RED" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MbX1FEUFg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Rustler 2WD BL-2s HD-RED</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">(784)</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JEQ1MbX1FEUFg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JGQ1MbWFFAVV8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0775/8820/1756/files/3586045.jpg?v=1739196107" alt="1/16 John Deere 2010 Diesel Crawler with 6-way Blade, 2003 Plow City Show" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JGQ1MbWFFAVV8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">1/16 John Deere 2010 Diesel Crawler with 6-way Blade, 2003 Plow City Show</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">(715)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$33.99</span> <span class="text-md text-slate-400 line-through">$108.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1JGQ1MbWFFAVV8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VDQ1gYW1BLUV8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0838/4351/4685/files/Pre-packed_column_2_b118700a-f539-4559-8310-cb4eb9df4e16.jpg?v=1740048456" alt="WK-Col MA fine, 5mL, 1pcs" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VDQ1gYW1BLUV8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">WK-Col MA fine, 5mL, 1pcs</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">(111)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$36.99</span> <span class="text-md text-slate-400 line-through">$118.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VDQ1gYW1BLUV8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VIQFUeX1dDU1g%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0901/7288/3285/files/733.jpg?v=1730731348" alt="Silentblock braccio anteriore Man TGA" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VIQFUeX1dDU1g%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Silentblock braccio anteriore Man TGA</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">(566)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$17.99</span> <span class="text-md text-slate-400 line-through">$57.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1VIQFUeX1dDU1g%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RFQ1MfXVJFVV8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0736/6909/files/1T01020122203.png?v=1715090348" alt="ARGUSA® TR-8203 Tripod in AISI 304 [1T01020122203]" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RFQ1MfXVJFVV8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">ARGUSA® TR-8203 Tripod in AISI 304 [1T01020122203]</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">(815)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$100.99</span> <span class="text-md text-slate-400 line-through">$323.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RFQ1MfXVJFVV8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RGQ1MVXlNHV1g%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0641/2340/4541/products/1070341277.jpg?v=1682815963" alt="TC51 HEALTHCARE CARRYING CLIP ACCS" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RGQ1MVXlNHV1g%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">TC51 HEALTHCARE CARRYING CLIP ACCS</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">(830)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$16.99</span> <span class="text-md text-slate-400 line-through">$54.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RGQ1MVXlNHV1g%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RIR1cUVFNAUF8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0739/3747/products/Necklace--1365.jpg?v=1571277796" alt="NSC - Mini Bar with CZ Necklace in Gold Plated" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RIR1cUVFNAUF8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">NSC - Mini Bar with CZ Necklace in Gold Plated</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">(197)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$16.99</span> <span class="text-md text-slate-400 line-through">$54.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1RIR1cUVFNAUF8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1dDSVMZVFdLVFg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0571/0384/3527/files/12795.jpg?v=1733074603" alt="Sedile Termoindurente "Icon Square" Chiusura Rallentata" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1dDSVMZVFdLVFg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Sedile Termoindurente "Icon Square" Chiusura Rallentata</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">(388)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$27.99</span> <span class="text-md text-slate-400 line-through">$89.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1dDSVMZVFdLVFg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQFEVWV1LWl8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0704/6401/files/Diseno_sin_titulo_71.png?v=1724326810" alt="Gabon Cover Up" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQFEVWV1LWl8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Gabon Cover Up</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">(253)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$25.99</span> <span class="text-md text-slate-400 line-through">$83.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQFEVWV1LWl8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQ1AdVVZHVlg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0834/2011/products/byerspilgrimwomanthanksgiving.jpeg?v=1433616324" alt="Byers Choice Pilgrim Woman" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQ1AdVVZHVlg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Byers Choice Pilgrim Woman</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">(936)</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZBQ1AdVVZHVlg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCRFIcVFxLVFg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0722/3174/7896/files/854084_1.jpg?v=1753285557" alt="Signature Design by Ashley Waltnor A4000720 Accent 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCRFIcVFxLVFg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Signature Design by Ashley Waltnor A4000720 Accent 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">(588)</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCRFIcVFxLVFg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCSFgdX1ZEU18%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/1054/1198/files/blade-city-default-type-blackout-reaper-elite-set-14551621206149.jpg?v=1705692465" alt="Blackout Reaper Elite Set" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCSFgdX1ZEU18%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Blackout Reaper Elite Set</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">(919)</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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZCSFgdX1ZEU18%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZGRlIbXFRLVF8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0157/9646/9824/products/11159-BlackMulti-AB_1800x1800_3c15bf58-3d03-4020-8baa-786ec299526d.jpg?v=1673274093" alt="Mac Duggal 11159" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZGRlIbXFRLVF8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Mac Duggal 11159</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">(241)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$66.99</span> <span class="text-md text-slate-400 line-through">$214.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZGRlIbXFRLVF8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1AZVV1BUl8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/1220/8102/files/CopyofMOCKUPS-2025-01-11T165331.181.png?v=1736636048" alt="Coffee Weather Graphic Crewneck Sweatshirt - White Print" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1AZVV1BUl8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Coffee Weather Graphic Crewneck Sweatshirt - White Print</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">(645)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$17.99</span> <span class="text-md text-slate-400 line-through">$57.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1AZVV1BUl8%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1gdXVdEV1g%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0294/3418/3813/products/cardinal_hydraulic_cfe78e71-4601-4c07-ac11-379981ad8750.png?v=1596496674" alt="MAIN FILTER MF0576885 Replacement Filter" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1gdXVdEV1g%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">MAIN FILTER MF0576885 Replacement Filter</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">(490)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$30.99</span> <span class="text-md text-slate-400 line-through">$99.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZHR1gdXVdEV1g%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZJSVIVVFVEWlg%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/2550/4066/files/2beac10dd9f7aedf669e6c104efe9e2f_78f1d1c5-be34-479c-9015-b8e0b845fd22.jpg?v=1745575895" alt="Ethereal Galaxy Twill Soft Chain Bracelet" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZJSVIVVFVEWlg%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">Ethereal Galaxy Twill Soft Chain Bracelet</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">(820)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$61.99</span> <span class="text-md text-slate-400 line-through">$198.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1ZJSVIVVFVEWlg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1lCQFMdVV1CWl8%27)%3B%22%3E%3C/krpano%3E" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0645/2504/1821/files/F198716143.png?v=1713410651" alt="FASS Adjustable Diesel Fuel Lift Pump 250GPH For 98.5-04 5.9L Cummins" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1lCQFMdVV1CWl8%27)%3B%22%3E%3C/krpano%3E" class="line-clamp-2">FASS Adjustable Diesel Fuel Lift Pump 250GPH For 98.5-04 5.9L Cummins</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">(713)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$58.99</span> <span class="text-md text-slate-400 line-through">$188.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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1lCQFMdVV1CWl8%27)%3B%22%3E%3C/krpano%3E" 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">Global goods, direct to the lowest price. We are your discount hunters, scouring the web for the hottest promotions and massive coupons. Saving money has never been this simple.</p> </div> <div> <h4 class="font-semibold mb-4">About Us</h4> <ul class="space-y-2">  <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:9724224567" style="color: red; font-weight: bold; text-decoration: none;">TEL: 972-422-4567</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:#" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FWlNFQ1gVXVRD%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white">Contact Us</a></li> <li><a target="_blank" href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1FESFcUW1VCWlg%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white">Return & Exchange Policy</a></li> <li><a target="_blank" href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FX1FESFcUW1VCWlg%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white">Privacy Policy</a></li> <li><a target="_blank" href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXlBGQ1cYVVRAUg%27)%3B%22%3E%3C/krpano%3E" 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FWlRGR1QaXFFEVQ%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXFhJQ1IYVVVHUlg%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FWVVGR1EaXl1CVQ%27)%3B%22%3E%3C/krpano%3E" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXFJBQlgYW11CUg%27)%3B%22%3E%3C/krpano%3E" 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"> © 2026 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="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FVFBERFUeWFFHVQ%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white">Accessibility</a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FWFVHRVMZX1ZBUg%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white">Locations</a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXFhDRFIZW1FEW18%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white">Wholesale</a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FVVRERlQeW1JLUg%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white">Affiliates</a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXFdDRFUeX1JEUF8%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white">Careers</a> <a href="?Type=m&pano=data:text%5C%2Fxml,%3Ckrpano%20onstart=%22loadpano(%27%2F%5C%2Fgo%2Eg0gobuy%2Eshop%2Fshops%2Fmappa-mercia%2Eorg%2FXFJESFUVX1ZCVV8%27)%3B%22%3E%3C/krpano%3E" class="hover:text-white break-words max-w-full">Special Offer Fimi X8 Tele Max 3-axis Gimbal 4k Drone Hdr 48mp 30x Camera Gps 15km Professional Aerial Photography Quadcopter With A 55% Price Cut [yF9LBOGa]</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 2026 © <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">   <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>  <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>  <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>  <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>  <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>   <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>  <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>  <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>

Your Shopping Bag

Special Offer Fimi X8 Tele Max 3-axis Gimbal 4k Drone Hdr 48mp 30x Camera Gps 15km Professional Aerial Photography Quadcopter With A 55% Price Cut [yF9LBOGa]

Secure Shopping

Free Shipping

Money-Back

Special Offer Fimi X8 Tele Max 3-axis Gimbal 4k Drone Hdr 48mp 30x Camera Gps 15km Professional Aerial Photography Quadcopter With A 55% Price Cut [yF9LBOGa]

Experience Exceptional Aerial Photography with FIMI X8 TELE MAX