Name: Compact Awekeys Viking Antiques Full Metal Keycaps Set Set [aTE3nPrx]
Brand: mappa-mercia.org
SKU: HBS12012791661
Price: 25.99 USD
Availability: InStock
Rating: 4.36 (686 reviews)

This product is available for pre-order from April 25th to May 6th, with shipping expected in late July.

Daniel Mitchell once again collaborates with us to bring you a truly unique keyboard experience.

Step into a world of legend and mystery with Awekeys Viking Antiques Full Metal Keycaps. Discover the perfect blend of historic design, a refreshing typing feel, and the craftsmanship of metal.

Viking Antiques-Copper

Viking Antiques-Silver

<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 1, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">An awesome product that I use very often.</p> <p class="text-sm text-slate-500">- Delilah M..</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 1, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">The craftsmanship is simply phenomenal.</p> <p class="text-sm text-slate-500">- Nora B..</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 1, 2026</span> </div> <p class="font-semibold text-slate-800">Absolutely no complaints!</p> <p class="text-slate-600">My best purchase in the last month.</p> <p class="text-sm text-slate-500">- Kaison M..</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/X1JIRFkcXlFBUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0658/9146/7500/products/sAFETY-FIRE-STICK.jpg?v=1669204229" alt="Fire Safety Stick" 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/X1JIRFkcXlFBUF8/" class="line-clamp-2">Fire Safety Stick</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">(41)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$23.99</span> <span class="text-md text-slate-400 line-through">$76.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/X1JIRFkcXlFBUF8/" 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/X1VBQlQcVFdEVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0810/9221/5132/files/speedometer-facia-mph-veglia-borletti-instruments-948.jpg?v=1738600802" alt="Speedometer & Facia MPH VEGLIA BORLETTI" 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/X1VBQlQcVFdEVF8/" class="line-clamp-2">Speedometer & Facia MPH VEGLIA BORLETTI</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">$31.99</span> <span class="text-md text-slate-400 line-through">$102.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/X1VBQlQcVFdEVF8/" 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/X1VBRlMeXFNFVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0583/7399/6739/products/7bde10d4b9c8864cbe1a4420bd96fd59.jpg?v=1662165226" alt="MagnaFlow Conv DF 87 Dodge Truck 5.2L" 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/X1VBRlMeXFNFVF8/" class="line-clamp-2">MagnaFlow Conv DF 87 Dodge Truck 5.2L</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">(105)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$34.99</span> <span class="text-md text-slate-400 line-through">$111.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/X1VBRlMeXFNFVF8/" 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/X1VDQlYUWlJCVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0763/2378/2995/files/solaredge_se2200-6000h_hd-wave_setapp_dda494db-6675-4a1f-9c41-438eb4856fee.jpg?v=1749687865" alt="SolarEdge SE4000H HD Wave SetApp" 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/X1VDQlYUWlJCVF8/" class="line-clamp-2">SolarEdge SE4000H HD Wave SetApp</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">(285)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$57.99</span> <span class="text-md text-slate-400 line-through">$185.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/X1VDQlYUWlJCVF8/" 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/X1VGSFAfWFVBW18/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/1453/2438/files/Swarovski-Fancy-Stones-Cosmic-Ring-4139-Crystal-Bermuda-Blue.webp?v=1743842378" alt="Swarovski Fancy Stones Cosmic Ring (4139) Crystal Bermuda Blue" 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/X1VGSFAfWFVBW18/" class="line-clamp-2">Swarovski Fancy Stones Cosmic Ring (4139) Crystal Bermuda Blue</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">(171)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$34.99</span> <span class="text-md text-slate-400 line-through">$111.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/X1VGSFAfWFVBW18/" 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/X1VHQFAZXl1FUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0561/2408/0171/files/97308074_3038987470.jpg?v=1738847576" alt="DELL P Series 27 Monitor - P2723D, 68.6 cm (27"), 2560 x 1440 pixels, Quad HD, LCD, 5 ms, Black, Silver" 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/X1VHQFAZXl1FUF8/" class="line-clamp-2">DELL P Series 27 Monitor - P2723D, 68.6 cm (27"), 2560 x 1440 pixels, Quad HD, LCD, 5 ms, Black, Silver</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">(681)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$45.99</span> <span class="text-md text-slate-400 line-through">$147.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/X1VHQFAZXl1FUF8/" 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/X1RAQ1cYXlJKVlg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0756/1681/3296/files/10_489fbb60-6b88-44a9-b8fc-e4a99eb6207f.jpg?v=1748571935" alt="Undercarriage Crossmember SUBARU WRX 15 16 17 18" 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/X1RAQ1cYXlJKVlg/" class="line-clamp-2">Undercarriage Crossmember SUBARU WRX 15 16 17 18</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">(500)</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/X1RAQ1cYXlJKVlg/" 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/X1dDRFAeWVBKUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0056/5883/7110/files/2f02a16b3fcafaab9fc68db53a282c80_357769ad-9c63-4094-9a69-65036ab80ecf.jpg?v=1752253144" alt="Yukon Gear Axle For GM 7.625in /28 Spline/ 95-97 Firebird & Camaro / Disc Brakes w/ TC" 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/X1dDRFAeWVBKUF8/" class="line-clamp-2">Yukon Gear Axle For GM 7.625in /28 Spline/ 95-97 Firebird & Camaro / Disc Brakes w/ TC</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">(941)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$52.99</span> <span class="text-md text-slate-400 line-through">$169.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/X1dDRFAeWVBKUF8/" 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/X1dDRlEeW1NHUV8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0275/7033/9914/files/62c7f3edf23108cd1334d9b590bae8da.jpg?v=1743801824" alt="DV8 Offroad 2018-2025 Jeep Gladiator JT Wrangler JL JLU Roof Rail Mounted System Model D-JL-190053-RF" 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/X1dDRlEeW1NHUV8/" class="line-clamp-2">DV8 Offroad 2018-2025 Jeep Gladiator JT Wrangler JL JLU Roof Rail Mounted System Model D-JL-190053-RF</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">(455)</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="/product/X1dDRlEeW1NHUV8/" 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/X1dHRlcfVF1CUV8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/1227/3278/products/Union_225e90aa-4616-400d-97ad-df2caa6f738b.jpeg?v=1459972595" alt="D5-U-S12-S8" 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/X1dHRlcfVF1CUV8/" class="line-clamp-2">D5-U-S12-S8</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">(355)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$28.99</span> <span class="text-md text-slate-400 line-through">$92.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/X1dHRlcfVF1CUV8/" 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/X1ZBSFQfXlZGWlg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0848/1970/6172/files/CHBCE202-2.jpg?v=1706708804" alt="Espresso 2 Tier Coffee Occasional Table with 3 Storage Baskets" 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/X1ZBSFQfXlZGWlg/" class="line-clamp-2">Espresso 2 Tier Coffee Occasional Table with 3 Storage Baskets</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">(484)</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/X1ZBSFQfXlZGWlg/" 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/X1ZDQVUdW1xFWl8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0208/7590/products/GREY-SILVER-CHEVRON-WIDE-MACRAME-BRACELET-CORDA.jpg?v=1646944652" alt="Large Friendship Bracelet | Grey Chevron Macrame" 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/X1ZDQVUdW1xFWl8/" class="line-clamp-2">Large Friendship Bracelet | Grey Chevron Macrame</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">(717)</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/X1ZDQVUdW1xFWl8/" 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/X1ZDQVceXFBCUV8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0698/3276/9762/files/4a78055123ca30e896bf9c209ec7e88eL.jpg?v=1751623988" alt="N-Fab RKR Step System 16-17 Toyota Tacoma Double Cab - Tex. Black - 1.75in" 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/X1ZDQVceXFBCUV8/" class="line-clamp-2">N-Fab RKR Step System 16-17 Toyota Tacoma Double Cab - Tex. Black - 1.75in</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">(555)</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="/product/X1ZDQVceXFBCUV8/" 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/X1ZERVYZW1dCVFg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0124/1572/9722/products/highlight-bob-wig_1024x1024_2x_bfc04d2b-67f2-4d08-8ba1-f2262304aa83.jpg?v=1606382865" alt="Peruvian Hair Blond Black Ombre Color Fashion Lace Front Bob Wig" 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/X1ZERVYZW1dCVFg/" class="line-clamp-2">Peruvian Hair Blond Black Ombre Color Fashion Lace Front Bob Wig</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">(832)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$47.99</span> <span class="text-md text-slate-400 line-through">$153.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/X1ZERVYZW1dCVFg/" 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/X1ZJR1kfWlFFU1g/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0461/9416/3867/products/s-l1600-2021-01-11T103838.290.jpg?v=1611024132" alt="2014-2015 NISSAN TITAN/ 2004-2007 NISSAN ARMADA PAR FOCOS FONDO NEGRO (CHOFER & PASAJERO)" 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/X1ZJR1kfWlFFU1g/" class="line-clamp-2">2014-2015 NISSAN TITAN/ 2004-2007 NISSAN ARMADA PAR FOCOS FONDO NEGRO (CHOFER & PASAJERO)</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">(110)</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/X1ZJR1kfWlFFU1g/" 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/X1lBQlMbXFRFVlg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0033/1215/6770/products/image_d918f41f-fc91-4136-938b-27ee466ab251.jpg?v=1582885372" alt="Chinoiserie Accent Throw Pillow Cover - Madcap Cottage Road to Canton - Ocean Blue" 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/X1lBQlMbXFRFVlg/" class="line-clamp-2">Chinoiserie Accent Throw Pillow Cover - Madcap Cottage Road to Canton - Ocean Blue</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">(840)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$20.99</span> <span class="text-md text-slate-400 line-through">$67.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/X1lBQlMbXFRFVlg/" 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/X1lBSVQbX1NFVFg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0645/2504/1821/files/1_bd2dab19-8bf6-46cb-8d3b-8bfc6b26ab53.png?v=1738857902" alt="aFe Power Momentum GT Cold Air Intake Kit For 1999-2007 GM Trucks & SUVs Gas V8" 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/X1lBSVQbX1NFVFg/" class="line-clamp-2">aFe Power Momentum GT Cold Air Intake Kit For 1999-2007 GM Trucks & SUVs Gas V8</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">(652)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$60.99</span> <span class="text-md text-slate-400 line-through">$195.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/X1lBSVQbX1NFVFg/" 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/X1lDR1MeWlFHVF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0588/6420/5984/files/Untitleddesign_13.jpg?v=1724336145" alt="Francesca Desk" 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/X1lDR1MeWlFHVF8/" class="line-clamp-2">Francesca Desk</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">(785)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$97.99</span> <span class="text-md text-slate-400 line-through">$313.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/X1lDR1MeWlFHVF8/" 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/X1lERFkUWV1FUF8/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0273/0603/3289/files/asha-international-tampons-asha-international-tampons-beppy-soft-comfort-tampons-wet-30-stuck-44271921529097.jpg?v=1689388877" alt="Asha International Tampons Beppy Soft + Comfort Tampons WET - 30 Stück" 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/X1lERFkUWV1FUF8/" class="line-clamp-2">Asha International Tampons Beppy Soft + Comfort Tampons WET - 30 Stück</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">(681)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$21.99</span> <span class="text-md text-slate-400 line-through">$70.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/X1lERFkUWV1FUF8/" 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/X1lGQlgZX1RKUVg/" class="aspect-w-1 bg-gray-100 block"> <img src="https://cdn.shopify.com/s/files/1/0407/0673/6277/products/57_73a45d17-57c0-4230-8631-6349ec061d74.jpg?v=1606045506" alt="BOSCH Servo-Modul SM 5/10-C 054882-203 520VDC 5A mit Einsteckkarte geprüft 2024!" 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/X1lGQlgZX1RKUVg/" class="line-clamp-2">BOSCH Servo-Modul SM 5/10-C 054882-203 520VDC 5A mit Einsteckkarte geprüft 2024!</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">(182)</span> </div> <div class="mt-3 flex items-center justify-start gap-x-3"> <span class="text-xl font-bold text-slate-900">$72.99</span> <span class="text-md text-slate-400 line-through">$233.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/X1lGQlgZX1RKUVg/" 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 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/VVlCRlcZWVRHUg/" class="text-gray-400 hover:text-white">Contact Us</a></li> <li><a target="_blank" href="/product/XFFCQFUbX1NKVVg/" class="text-gray-400 hover:text-white">Return & Exchange Policy</a></li> <li><a target="_blank" href="/product/X1FIRVQfWlFLUVg/" class="text-gray-400 hover:text-white">Privacy Policy</a></li> <li><a target="_blank" href="/product/X1FBR1MVVFRLVQ/" 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/WFVIR1cdXVFHVQ/" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> <a href="/product/XFlJRlQYWFVCU18/" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> <a href="/product/XFVCR1QUXFBEV1g/" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> <a href="/product/X1hJRlkYVFxLVQ/" 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="/product/XFdCRVUaXFNDVV8/" class="hover:text-white">Accessibility</a> <a href="/product/VVRER1IbXFNGUg/" class="hover:text-white">Locations</a> <a href="/product/XFRIQlIfWVdLW1g/" class="hover:text-white">Wholesale</a> <a href="/product/XFFER1cbXFZKUF8/" class="hover:text-white">Affiliates</a> <a href="/product/X1NIQFcVW1dGUl8/" class="hover:text-white">Careers</a> <a href="/product/XFNBR1EeXVdBUV8/" 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 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

Compact Awekeys Viking Antiques Full Metal Keycaps Set Set [aTE3nPrx]

Secure Shopping

Free Shipping

Money-Back

This product is available for pre-order from April 25th to May 6th, with shipping expected in late July.