{"title":"Home page","description":"\u003csection class=\"homepage-description\"\u003e\n\u003ch2\u003ePage d'accueil - Dalle sol garage\u003c\/h2\u003e\n\u003cp\u003eBienvenue sur la page d'accueil du site Mister Dalle, le spécialiste de la \u003cstrong\u003edalle sol garage\u003c\/strong\u003e. Nous vous proposons une large gamme de dalles clipsables en polypropylène et en PVC, faciles à poser et conçues pour résister aux charges lourdes, aux pneus chauds et à l’humidité. Que vous soyez particulier ou professionnel, nos solutions transforment votre garage, atelier ou showroom en un espace propre, moderne et pratique.\u003c\/p\u003e\n\u003cp\u003eMister Dalle met également à votre disposition des accessoires de pose, des podiums AUTO\/MOTO et des luminaires LED pour compléter votre aménagement. Avec nos produits disponibles immédiatement et expédiés rapidement, vous bénéficiez d’une qualité professionnelle au meilleur prix. Profitez d’un sol esthétique, durable et facile d’entretien pour tous vos projets.\u003c\/p\u003e\n\u003cfigure\u003e\u003cimg src=\"\/images\/dalle-garage-accueil.jpg\" alt=\"Dalle sol garage Mister Dalle\"\u003e\n\u003cfigcaption\u003eDalles clipsables robustes pour équiper votre garage facilement.\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003cfigure\u003e\u003cimg src=\"\/images\/garage-showroom.jpg\" alt=\"Showroom Mister Dalle\"\u003e\n\u003cfigcaption\u003eUn rendu esthétique et professionnel pour garages et showrooms.\u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/section\u003e","products":[{"product_id":"dalle-de-sol-effet-damier-rouge","title":"RED CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eRed Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\u003ch2\u003eA red checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003eclick-together red checkerboard floor tiles\u003c\/strong\u003e. Made of \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\u003ch2\u003eTop-notch technical specifications\u003c\/h2\u003e\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 shades to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e, and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur click-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resistant to heavy loads, and easy to clean with water.\u003c\/p\u003e\n\u003c!-- ✅ BUTTON --\u003e \u003cbutton style=\"background-color: #7f00ff; color: white; font-weight: bold; padding: 15px 20px; border: none; border-radius: 8px; cursor: pointer; animation: blink 1s infinite; font-size: 16px;\" id=\"open-calculator\"\u003e 📐 Need help calculating the exact number of tiles? Click here! \u003c\/button\u003e \u003c!-- ✅ POP-UP --\u003e\n\u003cdiv style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; \/* ✅ scrollable *\/  backdrop-filter: blur(8px); background-color: rgba(0,0,0,0.4); z-index: 9999;\" id=\"calculator-popup\"\u003e\n\u003cdiv style=\"background: #fff; width: 600px; max-width: 95%; margin: 50px auto; padding: 40px; border-radius: 12px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: center;\"\u003e\u003c!-- ❌ CLOSE --\u003e \u003cbutton style=\"position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 28px; cursor: pointer;\" id=\"close-calculator\"\u003e×\u003c\/button\u003e \u003c!-- ✅ TITLE --\u003e\n\u003ch3 style=\"color: #7f00ff; font-size: 28px; margin-bottom: 20px;\"\u003eCalculate the number of tiles\u003c\/h3\u003e\n\u003c!-- ✅ RESULT --\u003e\n\u003cdiv style=\"display: none; background: #f3e8ff; border: 2px solid #7F00FF; border-radius: 12px; padding: 20px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px; animation: fadeIn 0.5s ease forwards;\" id=\"result-container\"\u003e\u003cspan id=\"result\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 \/ 5; margin: 30px auto; background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg'); background-size: cover; background-position: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\"\u003e\u003c!-- ✅ RESPONSIVE WALLS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ CORNERS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ ENTRY TEXT --\u003e\n\u003cdiv style=\"position: absolute; bottom: -25px; \/* slightly raised *\/        left: 50%; transform: translateX(-50%); font-weight: bold; color: #000; font-size: 14px; white-space: nowrap;\"\u003e⬆️ Garage Entrance ⬆️\u003c\/div\u003e\n\u003c!-- ✅ CAR --\u003e \u003cimg style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;\" alt=\"Top view car\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ INPUTS --\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid red; border-radius: 6px; margin: 10px;\" placeholder=\"Length (meters)\" type=\"number\"\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid blue; border-radius: 6px; margin: 10px;\" placeholder=\"Width (meters)\" id=\"width\" type=\"number\"\u003e \u003c!-- ✅ CALCULATE BUTTON --\u003e \u003cbutton style=\"display: block; width: 100%; max-width: 200px; margin: 20px auto; padding: 12px; background: #7F00FF; color: white; border: none; cursor: pointer; border-radius: 6px; font-size: 16px;\" id=\"calculate-btn\"\u003eCalculate\u003c\/button\u003e \u003c!-- ✅ LOADER --\u003e\n\u003cdiv style=\"display: none; position: fixed; \/* ✅ always visible *\/      top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;\" id=\"loader\"\u003e\n\u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\u003c!--\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n--\u003e\u003c\/style\u003e\n\u003c!-- ✅ SCRIPT --\u003e \u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const tileCountLength = Math.ceil(length \/ tileSize);\n    const tileCountWidth = Math.ceil(width \/ tileSize);\n    const tileCount = tileCountLength * tileCountWidth;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e \u003c!-- ✅ META VIEWPORT --\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether for setting up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003epool\u003c\/strong\u003e, or even a terrace, these black checkerboard floor tiles add style, safety, and practicality.\u003c\/p\u003e\n\u003ch2\u003eOrder your black checkerboard floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c!-- Group 1 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eProducts and features\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-1\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-1\" class=\"faq-question\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles clip together; no special tools are needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-2\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-2\" class=\"faq-question\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, installation is simple and quick without the need for a professional.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-3\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-3\" class=\"faq-question\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-4\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-4\" class=\"faq-question\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. A broom, mop, or water jet is sufficient to clean them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-5\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-5\" class=\"faq-question\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we offer multiple colors and patterns to create a unique floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 2 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eInstallation and maintenance\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-1\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-1\" class=\"faq-question\"\u003eQ. On what types of floors can I install the tiles (concrete, tiles...)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles are installed on hard and flat surfaces: concrete, tiles, resin, etc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-2\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-2\" class=\"faq-question\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-3\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-3\" class=\"faq-question\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-4\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-4\" class=\"faq-question\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-5\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-5\" class=\"faq-question\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-6\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-6\" class=\"faq-question\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-7\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-7\" class=\"faq-question\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 3 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eOrder and delivery\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-1\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-1\" class=\"faq-question\"\u003eQ. Do you ship abroad?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-2\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-2\" class=\"faq-question\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact us quickly; if your order is not shipped, we will modify it without issue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-3\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-3\" class=\"faq-question\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 4 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eWarranty and returns\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-1\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-1\" class=\"faq-question\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-2\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-2\" class=\"faq-question\"\u003eQ. What to do if the product is defective or damaged upon delivery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact our customer service; we will quickly find a solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-3\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-3\" class=\"faq-question\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you have a withdrawal period. See our return conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 5 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eCompany information\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-1\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-1\" class=\"faq-question\"\u003eQ. Where are you located?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-2\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-2\" class=\"faq-question\"\u003eQ. How can I contact you?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-3\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-3\" class=\"faq-question\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we have a showroom open without appointment to discover and compare our tiles on-site.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50742172123402,"sku":"DDAM-ROUGE","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-ROUGE-MISTER-DALLE-78376140.webp?v=1756464218"},{"product_id":"dalle-de-sol-effet-damier-vert-flash","title":"FLASH GREEN CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eFlash Green Checkerboard Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\u003ch2\u003eA flash green checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop or outdoor space a modern and elegant look with our \u003cstrong\u003eflash green checkerboard interlocking floor tiles\u003c\/strong\u003e. Made of \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\u003ch3\u003eIdeal dimensions and great resistance\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 shades to create a personalized checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur interlocking tiles install without glue or special tools. Their locking system ensures a solid and durable fixation. The surface is \u003cstrong\u003enon-slip\u003c\/strong\u003e, withstands heavy loads, and cleans easily with water.\u003c\/p\u003e\n\u003c!-- ✅ BUTTON --\u003e \u003cbutton style=\"background-color: #7f00ff; color: white; font-weight: bold; padding: 15px 20px; border: none; border-radius: 8px; cursor: pointer; animation: blink 1s infinite; font-size: 16px;\" id=\"open-calculator\"\u003e 📐 Need help calculating the exact amount of tiles? Click here! \u003c\/button\u003e \u003c!-- ✅ POP-UP --\u003e\n\u003cdiv style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; \/* ✅ scrollable *\/  backdrop-filter: blur(8px); background-color: rgba(0,0,0,0.4); z-index: 9999;\" id=\"calculator-popup\"\u003e\n\u003cdiv style=\"background: #fff; width: 600px; max-width: 95%; margin: 50px auto; padding: 40px; border-radius: 12px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: center;\"\u003e\u003c!-- ❌ CLOSE --\u003e \u003cbutton style=\"position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 28px; cursor: pointer;\" id=\"close-calculator\"\u003e×\u003c\/button\u003e \u003c!-- ✅ TITLE --\u003e\n\u003ch3 style=\"color: #7f00ff; font-size: 28px; margin-bottom: 20px;\"\u003eCalculate the number of tiles\u003c\/h3\u003e\n\u003c!-- ✅ RESULT --\u003e\n\u003cdiv style=\"display: none; background: #f3e8ff; border: 2px solid #7F00FF; border-radius: 12px; padding: 20px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px; animation: fadeIn 0.5s ease forwards;\" id=\"result-container\"\u003e\u003cspan id=\"result\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 \/ 5; margin: 30px auto; background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg'); background-size: cover; background-position: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\"\u003e\u003c!-- ✅ RESPONSIVE WALLS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ CORNERS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ ENTRY TEXT --\u003e\n\u003cdiv style=\"position: absolute; bottom: -25px; \/* slightly raised *\/        left: 50%; transform: translateX(-50%); font-weight: bold; color: #000; font-size: 14px; white-space: nowrap;\"\u003e⬆️ Garage entrance ⬆️\u003c\/div\u003e\n\u003c!-- ✅ CAR --\u003e \u003cimg style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;\" alt=\"Top view car\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ INPUTS --\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid red; border-radius: 6px; margin: 10px;\" placeholder=\"Length (meters)\" type=\"number\"\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid blue; border-radius: 6px; margin: 10px;\" placeholder=\"Width (meters)\" id=\"width\" type=\"number\"\u003e \u003c!-- ✅ CALCULATE BUTTON --\u003e \u003cbutton style=\"display: block; width: 100%; max-width: 200px; margin: 20px auto; padding: 12px; background: #7F00FF; color: white; border: none; cursor: pointer; border-radius: 6px; font-size: 16px;\" id=\"calculate-btn\"\u003eCalculate\u003c\/button\u003e \u003c!-- ✅ LOADER --\u003e\n\u003cdiv style=\"display: none; position: fixed; \/* ✅ always visible *\/      top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;\" id=\"loader\"\u003e\n\u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\u003c!--\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n--\u003e\u003c\/style\u003e\n\u003c!-- ✅ SCRIPT --\u003e \u003cscript\u003e\n\/\/ Open\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e \u003c!-- ✅ META VIEWPORT --\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to equip a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003epool\u003c\/strong\u003e or even a terrace, these black checkerboard floor tiles bring style, safety and practicality.\u003c\/p\u003e\n\u003ch2\u003eOrder your black checkerboard floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eBenefit from professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern and durable space for a long time.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c!-- Group 1 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-1\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-1\" class=\"faq-question\"\u003eQ. How do I install the tiles? Do I need specific tools?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles interlock, no special tools are needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-2\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-2\" class=\"faq-question\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, installation is simple and quick without a professional.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-3\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-3\" class=\"faq-question\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they cut easily with a jigsaw or fine saw.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-4\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-4\" class=\"faq-question\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. A broom, mop or water jet are enough to clean them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-5\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-5\" class=\"faq-question\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 2 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-1\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-1\" class=\"faq-question\"\u003eQ. On what types of floors can I install the tiles (concrete, tiles, etc.)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles can be installed on hard and flat surfaces: concrete, tiles, resin, etc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-2\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-2\" class=\"faq-question\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-3\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-3\" class=\"faq-question\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-4\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-4\" class=\"faq-question\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-5\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-5\" class=\"faq-question\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-6\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-6\" class=\"faq-question\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-7\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-7\" class=\"faq-question\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 3 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-1\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-1\" class=\"faq-question\"\u003eQ. Do you deliver internationally?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-2\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-2\" class=\"faq-question\"\u003eQ. Can I modify my order after validation?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact us quickly; if your order hasn’t been shipped, we can modify it without any issue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-3\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-3\" class=\"faq-question\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Credit card, bank transfer, cheque, and cash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 4 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-1\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-1\" class=\"faq-question\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-2\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-2\" class=\"faq-question\"\u003eQ. What should I do if the product is defective or damaged upon delivery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact our customer service, and we will quickly find a solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-3\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-3\" class=\"faq-question\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you have a withdrawal period. Please consult our return conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 5 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eCompany Information\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-1\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-1\" class=\"faq-question\"\u003eQ. Where are you located?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-2\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-2\" class=\"faq-question\"\u003eQ. How can I contact you?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-3\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-3\" class=\"faq-question\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50748013707530,"sku":"DDAM-VERTFLASH","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-VERT-FLASH-MISTER-DALLE-78376889.webp?v=1756464233"},{"product_id":"dalle-de-sol-effet-damier-orange","title":"ORANGE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eOrange Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\u003ch2\u003eAn orange checkerboard effect floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003eorange checkerboard effect snap-together floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\u003ch2\u003eHigh-end technical specifications\u003c\/h2\u003e\n\u003ch3\u003eIdeal dimensions and great durability\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tonnes\/m²\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e, and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur snap-together tiles install without glue or special tools. Their interlocking system ensures a strong and lasting fixation. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\u003c!-- ✅ BUTTON --\u003e \u003cbutton style=\"background-color: #7f00ff; color: white; font-weight: bold; padding: 15px 20px; border: none; border-radius: 8px; cursor: pointer; animation: blink 1s infinite; font-size: 16px;\" id=\"open-calculator\"\u003e 📐 Need help calculating the exact number of tiles? Click here! \u003c\/button\u003e \u003c!-- ✅ POP-UP --\u003e\n\u003cdiv style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; \/* ✅ scrollable *\/  backdrop-filter: blur(8px); background-color: rgba(0,0,0,0.4); z-index: 9999;\" id=\"calculator-popup\"\u003e\n\u003cdiv style=\"background: #fff; width: 600px; max-width: 95%; margin: 50px auto; padding: 40px; border-radius: 12px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: center;\"\u003e\u003c!-- ❌ CLOSE --\u003e \u003cbutton style=\"position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 28px; cursor: pointer;\" id=\"close-calculator\"\u003e×\u003c\/button\u003e \u003c!-- ✅ TITLE --\u003e\n\u003ch3 style=\"color: #7f00ff; font-size: 28px; margin-bottom: 20px;\"\u003eCalculate the number of tiles\u003c\/h3\u003e\n\u003c!-- ✅ RESULT --\u003e\n\u003cdiv style=\"display: none; background: #f3e8ff; border: 2px solid #7F00FF; border-radius: 12px; padding: 20px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px; animation: fadeIn 0.5s ease forwards;\" id=\"result-container\"\u003e\u003cspan id=\"result\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 \/ 5; margin: 30px auto; background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg'); background-size: cover; background-position: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\"\u003e\u003c!-- ✅ RESPONSIVE WALLS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ CORNERS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ ENTRANCE TEXT --\u003e\n\u003cdiv style=\"position: absolute; bottom: -25px; \/* slightly raised *\/        left: 50%; transform: translateX(-50%); font-weight: bold; color: #000; font-size: 14px; white-space: nowrap;\"\u003e⬆️ Garage entrance ⬆️\u003c\/div\u003e\n\u003c!-- ✅ CAR --\u003e \u003cimg style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;\" alt=\"Top view of a car\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ INPUTS --\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid red; border-radius: 6px; margin: 10px;\" placeholder=\"Length (meters)\" type=\"number\"\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid blue; border-radius: 6px; margin: 10px;\" placeholder=\"Width (meters)\" id=\"width\" type=\"number\"\u003e \u003c!-- ✅ CALCULATE BUTTON --\u003e \u003cbutton style=\"display: block; width: 100%; max-width: 200px; margin: 20px auto; padding: 12px; background: #7F00FF; color: white; border: none; cursor: pointer; border-radius: 6px; font-size: 16px;\" id=\"calculate-btn\"\u003eCalculate\u003c\/button\u003e \u003c!-- ✅ LOADER --\u003e\n\u003cdiv style=\"display: none; position: fixed; \/* ✅ always visible *\/      top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;\" id=\"loader\"\u003e\n\u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\u003c!--\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n--\u003e\u003c\/style\u003e\n\u003c!-- ✅ SCRIPT --\u003e \u003cscript\u003e\n\/\/ Open\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const lengthCount = Math.ceil(length \/ tileSize);\n    const widthCount = Math.ceil(width \/ tileSize);\n    const tileCount = lengthCount * widthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e \u003c!-- ✅ META VIEWPORT --\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s for setting up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, pool surroundings, or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c!-- Group 1 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-1\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-1\" class=\"faq-question\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles snap together; no special tools are needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-2\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-2\" class=\"faq-question\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, installation is simple and quick, no professional needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-3\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-3\" class=\"faq-question\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-4\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-4\" class=\"faq-question\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. A broom, mop, or water jet is enough to clean them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-5\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-5\" class=\"faq-question\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 2 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-1\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-1\" class=\"faq-question\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles can be installed on hard and flat floors: concrete, tile, resin, etc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-2\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-2\" class=\"faq-question\"\u003eQ. Do the tiles compensate for small surface irregularities?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-3\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-3\" class=\"faq-question\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-4\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-4\" class=\"faq-question\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-5\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-5\" class=\"faq-question\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-6\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-6\" class=\"faq-question\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-7\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-7\" class=\"faq-question\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you can combine colors as you like.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 3 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eOrder and Delivery\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-1\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-1\" class=\"faq-question\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-2\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-2\" class=\"faq-question\"\u003eQ. Can I modify my order after placing it?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact us quickly; if your order has not been shipped, we will modify it without issue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-3\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-3\" class=\"faq-question\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 4 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-1\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-1\" class=\"faq-question\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-2\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-2\" class=\"faq-question\"\u003eQ. What should I do if the product is defective or damaged upon delivery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-3\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-3\" class=\"faq-question\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you have a withdrawal period. Please consult our return policy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 5 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eCompany Information\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-1\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-1\" class=\"faq-question\"\u003eQ. Where are you located?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-2\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-2\" class=\"faq-question\"\u003eQ. How can I contact you?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-3\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-3\" class=\"faq-question\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50812881928458,"sku":"DDAM-ORANGE","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-ORANGE-MISTER-DALLE-78378216.webp?v=1756464240"},{"product_id":"dalle-de-sol-effet-damier-beige","title":"BEIGE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eBeige Checkerboard Effect Floor Tiles – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA beige checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003ebeige checkerboard effect snap-together floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003ePremium technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and great durability\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a personalized checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simple maintenance\u003c\/h3\u003e\n\u003cp\u003eOur snap-together tiles install without glue or special tools. Their interlocking system ensures a strong and lasting hold. The surface is \u003cstrong\u003enon-slip\u003c\/strong\u003e, supports heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ GARAGE ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entry ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR IMAGE --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size in meters\nconst tileSize = 0.4;\n\n\/\/ Calculate tiles needed\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const lengthCount = Math.ceil(length \/ tileSize);\n    const widthCount = Math.ceil(width \/ tileSize);\n    const tileCount = lengthCount * widthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it's for setting up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, around a \u003cstrong\u003epool\u003c\/strong\u003e or even a terrace, these black checkered floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkered floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles snap together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and quick, no professional help needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or a fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop, or water hose is enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what type of floor can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be laid on a hard and flat surface: concrete, tile, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can easily withstand the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can I mix different colors in the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you like.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order hasn’t been shipped yet, we’ll modify it without issue.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles covered by a warranty?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if I receive a defective or damaged product?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, and we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Please check our return policy.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom where I can see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom open without appointment where you can discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50812977709322,"sku":"DDAM-BEIGE","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-BEIGE-MISTER-DALLE-78381223.webp?v=1756464250"},{"product_id":"dalle-de-sol-effet-damier-jaune","title":"YELLOW CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eYellow Checkered Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA yellow checkered floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003eclip-on yellow checkered floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a customized checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simple maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-on tiles can be installed without glue or special tools. Their interlocking system ensures a strong and long-lasting hold. The surface is \u003cstrong\u003enon-slip\u003c\/strong\u003e, resistant to heavy loads, and easy to clean with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Car top view\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const tileLengthCount = Math.ceil(length \/ tileSize);\n    const tileWidthCount = Math.ceil(width \/ tileSize);\n    const tileCount = tileLengthCount * tileWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eEine vielseitige Lösung für all Ihre Räume\u003c\/h2\u003e\n\u003cp\u003eEgal ob zur Gestaltung einer \u003cstrong\u003eGarage\u003c\/strong\u003e, eines \u003cstrong\u003eShowrooms\u003c\/strong\u003e, einer \u003cstrong\u003eDetailing-Werkstatt\u003c\/strong\u003e, rund um einen \u003cstrong\u003ePool\u003c\/strong\u003e oder sogar einer Terrasse – diese Bodenfliesen im Schwarz-Weiß-Damier-Effekt bieten Stil, Sicherheit und Funktionalität.\u003c\/p\u003e\n\n\u003ch2\u003eBestellen Sie jetzt Ihre Bodenfliesen im Schwarz-Weiß-Damier-Effekt!\u003c\/h2\u003e\n\u003cp\u003eProfitieren Sie von professioneller Qualität zum besten Preis. \u003cstrong\u003eBestellen Sie noch heute online\u003c\/strong\u003e und verwandeln Sie Ihren Boden in einen sauberen, modernen und langlebigen Raum.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Benötigen Sie Beratung oder ein individuelles Angebot? Kontaktieren Sie uns!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eHäufig gestellte Fragen\u003c\/h2\u003e\n\n  \u003c!-- Gruppe 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProdukte und Eigenschaften\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eF. Wie werden die Fliesen installiert? Benötige ich spezielles Werkzeug?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Die Fliesen werden einfach ineinander geklickt, spezielles Werkzeug ist nicht erforderlich.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eF. Kann ich die Fliesen selbst verlegen?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, die Installation ist einfach und schnell, ohne dass ein Fachmann nötig ist.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eF. Können die Fliesen zugeschnitten werden, um sie anzupassen?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie lassen sich leicht mit einer Stichsäge oder feinen Säge zuschneiden.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eF. Wie reinigt und pflegt man die Fliesen?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ein Besen, ein Wischmopp oder ein Wasserstrahl reichen für die Reinigung aus.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eF. Bieten Sie individuelle Farben oder Muster an?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, wir bieten mehrere Farben und Muster an, um einen einzigartigen Boden zu gestalten.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Gruppe 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation und Pflege\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eF. Auf welchen Untergründen können die Fliesen verlegt werden (Beton, Fliesen...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Die Fliesen können auf harten, ebenen Böden wie Beton, Fliesen, Harz usw. verlegt werden.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eF. Können die Fliesen kleine Unebenheiten im Boden ausgleichen?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie passen sich kleinen Unebenheiten an.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eF. Sind die Fliesen belastbar für schwere Lasten (Autos, Motorräder)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie tragen problemlos Fahrzeuge und schwere Geräte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eF. Sind sie rutschfest?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, ihre Oberfläche ist so gestaltet, dass sie ein Ausrutschen verhindert.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eF. Sind sie beständig gegen Chemikalien (Öl, Benzin)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie sind beständig gegen Öl, Benzin und gängige Garagenprodukte.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eF. Können die Fliesen im Außenbereich verwendet werden?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie eignen sich auch für den Außeneinsatz.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eF. Können mehrere Farben in einem Projekt kombiniert werden?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, Sie können die Farben nach Belieben kombinieren.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Gruppe 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eBestellung und Lieferung\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eF. Liefern Sie auch ins Ausland?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, wir liefern weltweit.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eF. Kann ich meine Bestellung nach Bestätigung ändern?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Kontaktieren Sie uns schnell, wenn Ihre Bestellung noch nicht versandt wurde, ändern wir sie gerne.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eF. Welche Zahlungsmethoden akzeptieren Sie?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Kreditkarte, Banküberweisung, Scheck und Barzahlung.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Gruppe 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eGarantie und Rückgabe\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eF. Haben die Fliesen eine Garantie?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, sie sind gegen Herstellungsfehler garantiert.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eF. Was tun, wenn das Produkt beschädigt oder fehlerhaft geliefert wird?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Kontaktieren Sie unseren Kundenservice, wir finden schnell eine Lösung.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eF. Kann ich eine Bestellung zurücksenden, wenn ich meine Meinung ändere?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, Sie haben ein Widerrufsrecht. Bitte sehen Sie unsere Rückgabebedingungen ein.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Gruppe 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eUnternehmensinformationen\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eF. Wo befinden Sie sich?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Unser Hauptsitz befindet sich in Frankreich, in Folkling, wir liefern überallhin.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eF. Wie kann ich Sie kontaktieren?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Per E-Mail, Telefon oder über unser Kontaktformular.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eF. Haben Sie einen Showroom, um die Fliesen live zu sehen?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Ja, wir haben einen Showroom, den Sie ohne Termin besuchen können, um unsere Fliesen vor Ort zu entdecken und zu vergleichen.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50812998746378,"sku":"DDAM-JAUNE","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-JAUNE-MISTER-DALLE-78381549.webp?v=1756464254"},{"product_id":"dalle-de-sol-effet-damier-bleu-clair","title":"LIGHT BLUE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eLight Blue Checkered Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA Light Blue Checkered Floor for a Unique Style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003elight blue checkered interlocking floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003ePremium Technical Features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal Dimensions and High Resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a personalized checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy Installation and Simplified Maintenance\u003c\/h3\u003e\n\u003cp\u003eOur interlocking tiles install without glue or special tools. Their locking system ensures a solid and durable hold. The coating is \u003cstrong\u003enon-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRANCE TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly raised *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Car top view\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it is to arrange a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkered floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkered floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for a long time.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How to install the tiles? Do I need specific tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, the installation is simple and quick, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or a fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How to clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop, or water jet is enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what type of floor can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles are installed on hard and flat floors: concrete, tile, resin, etc...\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrder and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship abroad?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order has not shipped, we will modify it without problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What to do in case of defective or damaged product upon delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Info\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters is in France in Folkling, we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813007659274,"sku":"DDAM-BLEUCIEL","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-BLEU-CLAIR-MISTER-DALLE-78382177.webp?v=1756464269"},{"product_id":"dalle-de-sol-effet-damier-violet","title":"PURPLE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003ePurple checkerboard effect floor tile – Durable and easy to install\u003c\/h1\u003e\n\n\u003ch2\u003eA purple checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop or outdoor space a modern and elegant look thanks to our \u003cstrong\u003eclip-together purple checkerboard floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical specifications\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and great resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003enon-slip\u003c\/strong\u003e, supports heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact amount of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRANCE TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slight lift *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculate tiles needed\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset result\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const tileLengthCount = Math.ceil(length \/ tileSize);\n    const tileWidthCount = Math.ceil(width \/ tileSize);\n    const tileCount = tileLengthCount * tileWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to set up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003epool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern and long-lasting space.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and quick, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can easily be cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water jet are sufficient to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what type of floor can I install the tiles (concrete, tiles...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship abroad?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly, if your order hasn’t shipped yet, we will modify it without any problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Please consult our return policy.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813025157386,"sku":"DDAM-VIOLET","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-VIOLET-MISTER-DALLE-78382859.webp?v=1756464284"},{"product_id":"dalle-de-sol-effet-damier-blanc","title":"WHITE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eWhite Checkerboard Effect Floor Tiles – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA white checkerboard effect floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003eclip-on white checkerboard effect floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and robustness to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and great durability\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-on tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003enon-slip\u003c\/strong\u003e, withstands heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly moved up *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Car top view\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculate tiles count\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to set up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the area around a \u003cstrong\u003eswimming pool\u003c\/strong\u003e, or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together; no special tools are needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and quick, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop, or water jet is enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On which types of floors can I install the tiles (concrete, tiles, etc.)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Tiles are installed on hard, flat surfaces: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to minor irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they slip-resistant?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are the tiles resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrder and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order hasn’t shipped, we will modify it without problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service; we will find a solution quickly.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Please check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813037805834,"sku":"DDAM-BLANC","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-BLANC-MISTER-DALLE-78383142.webp?v=1756464287"},{"product_id":"dalle-de-sol-effet-damier-bleu-fonce","title":"DARK BLUE CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eDark Blue Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA dark blue checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003edark blue clip-together checkerboard floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly raised *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view of a car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to equip a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and fast, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water spray are enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can multiple colors be mixed for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order is not shipped yet, we will modify it without any problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom open without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813093183754,"sku":"DDAM-BLEUFONCÉ","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-BLEU-FONCE-MISTER-DALLE-78383693.webp?v=1756464295"},{"product_id":"dalle-de-sol-effet-damier-marron","title":"BROWN CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eBrown Checkerboard Effect Floor Tiles – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA brown checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003ebrown checkerboard effect snap-together floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and great strength\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 shades to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e, and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur snap-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resistant to heavy loads, and easy to clean with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px;\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Car top view\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const tileCountLength = Math.ceil(length \/ tileSize);\n    const tileCountWidth = Math.ceil(width \/ tileSize);\n    const tileCount = tileCountLength * tileCountWidth;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether you want to fit out a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for the long term.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need specific tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and quick, no professional required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or a fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water jet is sufficient to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what types of floors can I install the tiles (concrete, tiles...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to minor irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can multiple colors be mixed for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you deliver internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order has not shipped, we will modify it without problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defect.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if a product is defective or damaged upon delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service; we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. See our return policy.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Info\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters is in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813101080842,"sku":"DDAM-MARRON","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-MARRON-BRUN-MISTER-DALLE-78384188.webp?v=1756464306"},{"product_id":"dalle-de-sol-effet-damier-gris-clair","title":"LIGHT GRAY CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eLight Gray Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA light gray checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003elight gray clip-together checkerboard floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly raised *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view of a car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to equip a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and fast, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water spray are enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can multiple colors be mixed for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order is not shipped yet, we will modify it without any problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom open without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813106520330,"sku":"DDAM-GRISCLAIR","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-GRIS-CLAIR-MISTER-DALLE-78384477.webp?v=1756464309"},{"product_id":"dalle-de-sol-effet-damier-gris-fonce","title":"DARK GRAY CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eDark Gray Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA dark gray checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003edark gray clip-together checkerboard floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly raised *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view of a car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to equip a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and fast, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water spray are enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can multiple colors be mixed for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order is not shipped yet, we will modify it without any problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom open without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50813110485258,"sku":"DDAM-GRISFONCÉ","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-GRIS-FONCE-MISTER-DALLE-78385457.webp?v=1756464324"},{"product_id":"dalle-de-sol-effet-damier-vert","title":"GREEN CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003eGreen Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\n\u003ch2\u003eA green checkerboard floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003egreen clip-together checkerboard floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\n\u003ch2\u003eHigh-end technical features\u003c\/h2\u003e\n\n\u003ch3\u003eIdeal dimensions and high resistance\u003c\/h3\u003e\n\u003cul\u003e\n  \u003cli\u003e\n\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tons\/m²\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n  \u003cli\u003e\n\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Gray\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eFlash Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur clip-together tiles install without glue or special tools. Their interlocking system ensures a solid and durable fit. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\n\n\u003c!-- ✅ BUTTON --\u003e\n\u003cbutton id=\"open-calculator\" style=\"\n  background-color: #7F00FF;\n  color: white;\n  font-weight: bold;\n  padding: 15px 20px;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  animation: blink 1s infinite;\n  font-size: 16px;\n\"\u003e\n  📐 Need help calculating the exact number of tiles? Click here!\n\u003c\/button\u003e\n\n\u003c!-- ✅ POP-UP --\u003e\n\u003cdiv id=\"calculator-popup\" style=\"\n  display: none;\n  position: fixed;\n  top: 0; left: 0;\n  width: 100%; height: 100%;\n  overflow: auto; \/* ✅ Scrollable *\/\n  backdrop-filter: blur(8px);\n  background-color: rgba(0,0,0,0.4);\n  z-index: 9999;\n\"\u003e\n  \u003cdiv style=\"\n    background: #fff;\n    width: 600px;\n    max-width: 95%;\n    margin: 50px auto;\n    padding: 40px;\n    border-radius: 12px;\n    position: relative;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n    text-align: center;\n  \"\u003e\n    \u003c!-- ❌ CLOSE --\u003e\n    \u003cbutton id=\"close-calculator\" style=\"\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      background: none;\n      border: none;\n      font-size: 28px;\n      cursor: pointer;\n    \"\u003e×\u003c\/button\u003e\n\n    \u003c!-- ✅ TITLE --\u003e\n    \u003ch3 style=\"color: #7F00FF; font-size: 28px; margin-bottom: 20px;\"\u003e\n      Calculate the number of tiles\n    \u003c\/h3\u003e\n\n    \u003c!-- ✅ RESULT --\u003e\n    \u003cdiv id=\"result-container\" style=\"\n      display: none;\n      background: #f3e8ff;\n      border: 2px solid #7F00FF;\n      border-radius: 12px;\n      padding: 20px;\n      font-size: 22px;\n      color: #333;\n      font-weight: bold;\n      margin-bottom: 20px;\n      animation: fadeIn 0.5s ease forwards;\n    \"\u003e\n      \u003cspan id=\"result\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n    \u003cdiv style=\"\n      position: relative;\n      width: 100%;\n      max-width: 400px;\n      aspect-ratio: 4 \/ 5;\n      margin: 30px auto;\n      background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg');\n      background-size: cover;\n      background-position: center;\n      box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\n    \"\u003e\n\n      \u003c!-- ✅ RESPONSIVE WALLS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ CORNERS --\u003e\n      \u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n      \u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\n      \u003c!-- ✅ ENTRY TEXT --\u003e\n      \u003cdiv style=\"\n        position: absolute;\n        bottom: -25px; \/* slightly raised *\/\n        left: 50%;\n        transform: translateX(-50%);\n        font-weight: bold;\n        color: #000;\n        font-size: 14px;\n        white-space: nowrap;\n      \"\u003e\n        ⬆️ Garage Entrance ⬆️\n      \u003c\/div\u003e\n\n      \u003c!-- ✅ CAR --\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\" alt=\"Top view of a car\" style=\"\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 50%;\n          height: auto;\n        \"\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- ✅ INPUTS --\u003e\n    \u003cinput type=\"number\" id=\"length\" placeholder=\"Length (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid red;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003cinput type=\"number\" id=\"width\" placeholder=\"Width (meters)\" style=\"\n        width: 100%;\n        max-width: 200px;\n        padding: 10px;\n        border: 3px solid blue;\n        border-radius: 6px;\n        margin: 10px;\n      \"\u003e\n\n    \u003c!-- ✅ CALCULATE BUTTON --\u003e\n    \u003cbutton id=\"calculate-btn\" style=\"\n      display: block;\n      width: 100%;\n      max-width: 200px;\n      margin: 20px auto;\n      padding: 12px;\n      background: #7F00FF;\n      color: white;\n      border: none;\n      cursor: pointer;\n      border-radius: 6px;\n      font-size: 16px;\n    \"\u003eCalculate\u003c\/button\u003e\n\n    \u003c!-- ✅ LOADER --\u003e\n    \u003cdiv id=\"loader\" style=\"\n      display: none;\n      position: fixed; \/* ✅ Always visible *\/\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      z-index: 10000;\n    \"\u003e\n      \u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\u003c\/style\u003e\n\n\u003c!-- ✅ SCRIPT --\u003e\n\u003cscript\u003e\n\/\/ Open popup\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close popup\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst dalleSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const dalleLengthCount = Math.ceil(length \/ dalleSize);\n    const dalleWidthCount = Math.ceil(width \/ dalleSize);\n    const dalleCount = dalleLengthCount * dalleWidthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${dalleCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e\n\n\u003c!-- ✅ META VIEWPORT --\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s to equip a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, the surroundings of a \u003cstrong\u003eswimming pool\u003c\/strong\u003e or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cstyle\u003e\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"faq-container\"\u003e\n  \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n  \u003c!-- Group 1 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-1\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles clip together, no special tools are required.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-2\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, installation is simple and fast, no professional needed.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-3\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-4\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. A broom, mop or water spray are enough to clean them.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group1\" id=\"faq1-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq1-5\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 2 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-1\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. The tiles can be installed on hard, flat floors: concrete, tiles, resin, etc.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-2\"\u003eQ. Do the tiles compensate for small floor irregularities?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-3\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-4\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-4\"\u003eQ. Are they anti-slip?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-5\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-5\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-6\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-6\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are suitable for outdoor use as well.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group2\" id=\"faq2-7\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq2-7\"\u003eQ. Can multiple colors be mixed for the same project?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you can combine colors as you wish.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 3 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eOrdering and Delivery\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-1\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-2\"\u003eQ. Can I modify my order after confirmation?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact us quickly; if your order is not shipped yet, we will modify it without any problem.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group3\" id=\"faq3-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq3-3\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 4 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-1\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-2\"\u003eQ. What should I do if the product is defective or damaged on delivery?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group4\" id=\"faq4-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq4-3\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, you have a withdrawal period. Check our return conditions.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Group 5 --\u003e\n  \u003cdiv class=\"faq-group\"\u003e\n    \u003ch3\u003eCompany Information\u003c\/h3\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-1\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-1\"\u003eQ. Where are you located?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Our headquarters are in Folkling, France, and we deliver everywhere.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-2\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-2\"\u003eQ. How can I contact you?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. By email, phone, or through our contact form.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003cinput class=\"faq-toggle\" type=\"radio\" name=\"faq-group5\" id=\"faq5-3\"\u003e\n      \u003clabel class=\"faq-question\" for=\"faq5-3\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n      \u003cdiv class=\"faq-answer\"\u003e\n        \u003cp\u003eA. Yes, we have a showroom open without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":50822885540106,"sku":"DDAM-VERT","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-VERT-MISTER-DALLE-78387260.webp?v=1756464333"},{"product_id":"dalle-de-sol-effet-damier-rose","title":"PINK CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003ePink Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\u003ch2\u003eAn Pink checkerboard effect floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003ePink checkerboard effect snap-together floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\u003ch2\u003eHigh-end technical specifications\u003c\/h2\u003e\n\u003ch3\u003eIdeal dimensions and great durability\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tonnes\/m²\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e, and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur snap-together tiles install without glue or special tools. Their interlocking system ensures a strong and lasting fixation. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\u003c!-- ✅ BUTTON --\u003e \u003cbutton style=\"background-color: #7f00ff; color: white; font-weight: bold; padding: 15px 20px; border: none; border-radius: 8px; cursor: pointer; animation: blink 1s infinite; font-size: 16px;\" id=\"open-calculator\"\u003e 📐 Need help calculating the exact number of tiles? Click here! \u003c\/button\u003e \u003c!-- ✅ POP-UP --\u003e\n\u003cdiv style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; \/* ✅ scrollable *\/  backdrop-filter: blur(8px); background-color: rgba(0,0,0,0.4); z-index: 9999;\" id=\"calculator-popup\"\u003e\n\u003cdiv style=\"background: #fff; width: 600px; max-width: 95%; margin: 50px auto; padding: 40px; border-radius: 12px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: center;\"\u003e\u003c!-- ❌ CLOSE --\u003e \u003cbutton style=\"position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 28px; cursor: pointer;\" id=\"close-calculator\"\u003e×\u003c\/button\u003e \u003c!-- ✅ TITLE --\u003e\n\u003ch3 style=\"color: #7f00ff; font-size: 28px; margin-bottom: 20px;\"\u003eCalculate the number of tiles\u003c\/h3\u003e\n\u003c!-- ✅ RESULT --\u003e\n\u003cdiv style=\"display: none; background: #f3e8ff; border: 2px solid #7F00FF; border-radius: 12px; padding: 20px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px; animation: fadeIn 0.5s ease forwards;\" id=\"result-container\"\u003e\u003cspan id=\"result\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 \/ 5; margin: 30px auto; background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg'); background-size: cover; background-position: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\"\u003e\u003c!-- ✅ RESPONSIVE WALLS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ CORNERS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ ENTRANCE TEXT --\u003e\n\u003cdiv style=\"position: absolute; bottom: -25px; \/* slightly raised *\/        left: 50%; transform: translateX(-50%); font-weight: bold; color: #000; font-size: 14px; white-space: nowrap;\"\u003e⬆️ Garage entrance ⬆️\u003c\/div\u003e\n\u003c!-- ✅ CAR --\u003e \u003cimg style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;\" alt=\"Top view of a car\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ INPUTS --\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid red; border-radius: 6px; margin: 10px;\" placeholder=\"Length (meters)\" type=\"number\"\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid blue; border-radius: 6px; margin: 10px;\" placeholder=\"Width (meters)\" id=\"width\" type=\"number\"\u003e \u003c!-- ✅ CALCULATE BUTTON --\u003e \u003cbutton style=\"display: block; width: 100%; max-width: 200px; margin: 20px auto; padding: 12px; background: #7F00FF; color: white; border: none; cursor: pointer; border-radius: 6px; font-size: 16px;\" id=\"calculate-btn\"\u003eCalculate\u003c\/button\u003e \u003c!-- ✅ LOADER --\u003e\n\u003cdiv style=\"display: none; position: fixed; \/* ✅ always visible *\/      top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;\" id=\"loader\"\u003e\n\u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\u003c!--\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n--\u003e\u003c\/style\u003e\n\u003c!-- ✅ SCRIPT --\u003e \u003cscript\u003e\n\/\/ Open\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const lengthCount = Math.ceil(length \/ tileSize);\n    const widthCount = Math.ceil(width \/ tileSize);\n    const tileCount = lengthCount * widthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e \u003c!-- ✅ META VIEWPORT --\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s for setting up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, pool surroundings, or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c!-- Group 1 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-1\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-1\" class=\"faq-question\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles snap together; no special tools are needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-2\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-2\" class=\"faq-question\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, installation is simple and quick, no professional needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-3\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-3\" class=\"faq-question\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-4\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-4\" class=\"faq-question\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. A broom, mop, or water jet is enough to clean them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-5\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-5\" class=\"faq-question\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 2 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-1\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-1\" class=\"faq-question\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles can be installed on hard and flat floors: concrete, tile, resin, etc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-2\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-2\" class=\"faq-question\"\u003eQ. Do the tiles compensate for small surface irregularities?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-3\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-3\" class=\"faq-question\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-4\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-4\" class=\"faq-question\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-5\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-5\" class=\"faq-question\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-6\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-6\" class=\"faq-question\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-7\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-7\" class=\"faq-question\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you can combine colors as you like.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 3 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eOrder and Delivery\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-1\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-1\" class=\"faq-question\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-2\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-2\" class=\"faq-question\"\u003eQ. Can I modify my order after placing it?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact us quickly; if your order has not been shipped, we will modify it without issue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-3\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-3\" class=\"faq-question\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 4 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-1\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-1\" class=\"faq-question\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-2\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-2\" class=\"faq-question\"\u003eQ. What should I do if the product is defective or damaged upon delivery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-3\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-3\" class=\"faq-question\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you have a withdrawal period. Please consult our return policy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 5 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eCompany Information\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-1\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-1\" class=\"faq-question\"\u003eQ. Where are you located?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-2\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-2\" class=\"faq-question\"\u003eQ. How can I contact you?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-3\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-3\" class=\"faq-question\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MISTER DALLE","offers":[{"title":"Default Title","offer_id":51818261709066,"sku":"DDAM-ROSE-1","price":3.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/DALLE-DE-SOL-EFFET-DAMIER-ROSE-MISTER-DALLE-78399970.webp?v=1756464428"},{"product_id":"o-farnyx-eclairage-led-438-230-cm","title":"O-Farnyx | Éclairage LED | 438 × 230 cm","description":"\u003ch2 data-end=\"358\" data-start=\"321\"\u003eLuminaires Hexagonaux LED – O-FARNYX\u003c\/h2\u003e\n\u003ch3 data-end=\"428\" data-start=\"359\"\u003eUn design moderne, une lumière puissante et une ambiance unique\u003c\/h3\u003e\n\u003cp data-end=\"703\" data-start=\"430\"\u003eApportez une touche contemporaine et spectaculaire à votre espace grâce aux \u003cstrong data-end=\"542\" data-start=\"506\"\u003eluminaires hexagonaux à LED | O-FARNYX\u003c\/strong\u003e.\u003cbr data-end=\"546\" data-start=\"543\"\u003eInspirés du design en nid d’abeille, ces panneaux lumineux offrent un rendu visuel saisissant tout en garantissant une \u003cstrong data-end=\"700\" data-start=\"665\"\u003eexcellente efficacité lumineuse\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp data-end=\"899\" data-start=\"705\"\u003eParfaits pour les \u003cstrong data-end=\"810\" data-start=\"723\"\u003egarages, salles de sport, studios, bureaux, ateliers, salons ou espaces commerciaux\u003c\/strong\u003e, ils s’adaptent aussi bien à un environnement professionnel qu’à un intérieur moderne.\u003c\/p\u003e\n\u003chr data-end=\"904\" data-start=\"901\"\u003e\n\u003ch3 data-end=\"949\" data-start=\"906\"\u003e✨ Design modulaire et personnalisable\u003c\/h3\u003e\n\u003cp data-end=\"1245\" data-start=\"950\"\u003eChaque module hexagonal peut être installé \u003cstrong data-end=\"1013\" data-start=\"993\"\u003eindividuellement\u003c\/strong\u003e ou combiné à d’autres pour créer des \u003cstrong data-end=\"1072\" data-start=\"1051\"\u003eformes sur mesure\u003c\/strong\u003e : lignes, motifs en alvéoles, plafonds artistiques ou murs lumineux.\u003cbr data-end=\"1144\" data-start=\"1141\"\u003eLeur \u003cstrong data-end=\"1170\" data-start=\"1149\"\u003esystème modulaire\u003c\/strong\u003e permet d’assembler plusieurs pièces pour un rendu parfaitement uniforme.\u003c\/p\u003e\n\u003chr data-end=\"1250\" data-start=\"1247\"\u003e\n\u003ch3 data-end=\"1288\" data-start=\"1252\"\u003e⚙️ Caractéristiques techniques\u003c\/h3\u003e\n\u003cul data-end=\"2152\" data-start=\"1290\"\u003e\n\u003cli data-end=\"1365\" data-start=\"1290\"\u003e\n\u003cp data-end=\"1365\" data-start=\"1292\"\u003e\u003cstrong data-end=\"1321\" data-start=\"1292\"\u003eTechnologie d’éclairage :\u003c\/strong\u003e LED \u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1530\" data-start=\"1432\"\u003e\n\u003cp data-end=\"1530\" data-start=\"1434\"\u003e\u003cstrong data-end=\"1462\" data-start=\"1434\"\u003eTempérature de couleur :\u003c\/strong\u003e Blanc froid (6500K) \u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1615\" data-start=\"1531\"\u003e\n\u003cp data-end=\"1615\" data-start=\"1533\"\u003e\u003cstrong data-end=\"1546\" data-start=\"1533\"\u003eMatière :\u003c\/strong\u003e Cadre en aluminium et diffuseur en polycarbonate résistant\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1692\" data-start=\"1616\"\u003e\n\u003cp data-end=\"1692\" data-start=\"1618\"\u003e\u003cstrong data-end=\"1648\" data-start=\"1618\"\u003eDimensions d’un hexagone :\u003c\/strong\u003e \u003cspan\u003e± \u003c\/span\u003e438 × 230 cm\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1734\" data-start=\"1693\"\u003e\n\u003cp data-end=\"1734\" data-start=\"1695\"\u003e\u003cstrong data-end=\"1723\" data-start=\"1695\"\u003eTension d’alimentation :\u003c\/strong\u003e\u003cstrong\u003e \u003c\/strong\u003e220V\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"1849\" data-start=\"1777\"\u003e\n\u003cp data-end=\"1849\" data-start=\"1779\"\u003e\u003cstrong data-end=\"1805\" data-start=\"1779\"\u003eIndice de protection :\u003c\/strong\u003e IP20 | Usage intérieur uniquement\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2030\" data-start=\"1850\"\u003e\n\u003cp data-end=\"1907\" data-start=\"1852\"\u003e\u003cstrong data-end=\"1870\" data-start=\"1852\"\u003eType de pose :\u003c\/strong\u003e Pose fixe au plafond ou au mur\u003c\/p\u003e\n\u003cblockquote data-end=\"2030\" data-start=\"1910\"\u003e\n\u003cp data-end=\"2030\" data-start=\"1912\"\u003e💡 \u003cem data-end=\"2028\" data-start=\"1915\"\u003ePour une installation suspendue, il est nécessaire d’ajouter un kit de 16 filins de suspension (vendu séparément).\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2079\" data-start=\"2031\"\u003e\n\u003cp data-end=\"2079\" data-start=\"2033\"\u003e\u003cstrong data-end=\"2059\" data-start=\"2033\"\u003eDurée de vie moyenne :\u003c\/strong\u003e 50 000 heures\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2152\" data-start=\"2080\"\u003e\n\u003cp data-end=\"2152\" data-start=\"2082\"\u003e\u003cstrong data-end=\"2099\" data-start=\"2082\"\u003eConnectique :\u003c\/strong\u003e Câbles et connecteurs inclus pour montage en série\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003chr data-end=\"2157\" data-start=\"2154\"\u003e\n\u003ch3 data-end=\"2177\" data-start=\"2159\"\u003e💪 Avantages\u003c\/h3\u003e\n\u003cp data-end=\"2453\" data-start=\"2179\"\u003e✔️ Design moderne et original inspiré des alvéoles d’abeilles\u003cbr data-end=\"2243\" data-start=\"2240\"\u003e✔️ Éclairage homogène et puissant sans éblouissement\u003cbr data-end=\"2298\" data-start=\"2295\"\u003e✔️ Économie d’énergie grâce à la technologie LED\u003cbr data-end=\"2349\" data-start=\"2346\"\u003e✔️ Installation rapide avec tout le nécessaire fourni\u003cbr data-end=\"2405\" data-start=\"2402\"\u003e✔️ Modulable à volonté selon votre imagination\u003c\/p\u003e\n\u003chr data-end=\"2458\" data-start=\"2455\"\u003e\n\u003ch3 data-end=\"2503\" data-start=\"2460\"\u003e🎯 Idéal pour tous les environnements\u003c\/h3\u003e\n\u003cp data-end=\"2725\" data-start=\"2504\"\u003eQue ce soit pour \u003cstrong data-end=\"2553\" data-start=\"2521\"\u003emettre en valeur un showroom\u003c\/strong\u003e, \u003cstrong data-end=\"2580\" data-start=\"2555\"\u003emoderniser un atelier\u003c\/strong\u003e, \u003cstrong data-end=\"2613\" data-start=\"2582\"\u003eéclairer une salle de sport\u003c\/strong\u003e ou \u003cstrong data-end=\"2666\" data-start=\"2617\"\u003ecréer une ambiance futuriste dans votre salon\u003c\/strong\u003e, les luminaires hexagonaux O-FARNYX subliment chaque espace.\u003c\/p\u003e\n\u003cp data-end=\"2815\" data-start=\"2727\"\u003eCréez un \u003cstrong data-end=\"2767\" data-start=\"2736\"\u003eunivers lumineux sur mesure\u003c\/strong\u003e, à la fois esthétique, économique et durable.\u003c\/p\u003e\n\u003chr data-end=\"2820\" data-start=\"2817\"\u003e\n\u003ch3 data-end=\"2847\" data-start=\"2822\"\u003e🛠️ Contenu du pack\u003c\/h3\u003e\n\u003cul data-end=\"2938\" data-start=\"2848\"\u003e\n\u003cli data-end=\"2874\" data-start=\"2848\"\u003e\n\u003cp data-end=\"2874\" data-start=\"2850\"\u003eModules LED hexagonaux\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2890\" data-start=\"2875\"\u003e\n\u003cp data-end=\"2890\" data-start=\"2877\"\u003eConnecteurs\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"2916\" data-start=\"2891\"\u003e\n\u003cp data-end=\"2916\" data-start=\"2893\"\u003eCâbles d’alimentation\u003cbr\u003e\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli\u003eNotice de montage \u003cspan style=\"text-decoration: underline;\"\u003e\u003cem\u003e(envoyée par mail)\u003c\/em\u003e\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp data-end=\"3004\" data-start=\"2940\"\u003e\u003cem data-end=\"3002\" data-start=\"2940\"\u003e(Filins de suspension vendus séparément pour pose suspendue)\u003c\/em\u003e\u003c\/p\u003e","brand":"MISTER LUMIA","offers":[{"title":"Default Title","offer_id":52162218098954,"sku":null,"price":590.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/OFARNYX.jpg?v=1763906175"},{"product_id":"tapis-pour-moto-effet-damier","title":"PINK CHECKERBOARD EFFECT FLOOR TILE","description":"\u003ch1\u003ePink Checkerboard Effect Floor Tile – Durable and Easy to Install\u003c\/h1\u003e\n\u003ch2\u003eAn Pink checkerboard effect floor for a unique style\u003c\/h2\u003e\n\u003cp\u003eGive your garage, showroom, workshop, or outdoor space a modern and elegant look with our \u003cstrong\u003ePink checkerboard effect snap-together floor tiles\u003c\/strong\u003e. Made from \u003cstrong\u003ehigh-quality polypropylene\u003c\/strong\u003e, they combine design and durability to meet the needs of both individuals and professionals.\u003c\/p\u003e\n\u003ch2\u003eHigh-end technical specifications\u003c\/h2\u003e\n\u003ch3\u003eIdeal dimensions and great durability\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cstrong\u003eDimensions:\u003c\/strong\u003e 40 x 40 cm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eThickness:\u003c\/strong\u003e 18 mm\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eWeight:\u003c\/strong\u003e 630 g per tile\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eLoad capacity:\u003c\/strong\u003e up to 30 tonnes\/m²\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eOperating temperatures:\u003c\/strong\u003e from -40°C to +60°C\u003c\/li\u003e\n\u003cli\u003e\u003cstrong\u003eAvailable colors:\u003c\/strong\u003e 15 colors to create a custom checkerboard (\u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-noir\"\u003eBlack\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-blanc\"\u003eWhite\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-fonce\"\u003eDark Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-gris-clair\"\u003eLight Grey\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-marron\"\u003eBrown\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-beige\"\u003eBeige\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-fonce\"\u003eDark Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-bleu-clair\"\u003eLight Blue\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert\"\u003eGreen\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-vert-flash\"\u003eBright Green\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rouge\"\u003eRed\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-orange\"\u003eOrange\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-jaune\"\u003eYellow\u003c\/a\u003e, \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-violet\"\u003ePurple\u003c\/a\u003e, and \u003ca href=\"https:\/\/misterdalle.fr\/products\/dalle-de-sol-effet-damier-rose\"\u003ePink\u003c\/a\u003e)\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch3\u003eEasy installation and simplified maintenance\u003c\/h3\u003e\n\u003cp\u003eOur snap-together tiles install without glue or special tools. Their interlocking system ensures a strong and lasting fixation. The surface is \u003cstrong\u003eanti-slip\u003c\/strong\u003e, resists heavy loads, and cleans easily with water.\u003c\/p\u003e\n\u003c!-- ✅ BUTTON --\u003e \u003cbutton style=\"background-color: #7f00ff; color: white; font-weight: bold; padding: 15px 20px; border: none; border-radius: 8px; cursor: pointer; animation: blink 1s infinite; font-size: 16px;\" id=\"open-calculator\"\u003e 📐 Need help calculating the exact number of tiles? Click here! \u003c\/button\u003e \u003c!-- ✅ POP-UP --\u003e\n\u003cdiv style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; \/* ✅ scrollable *\/  backdrop-filter: blur(8px); background-color: rgba(0,0,0,0.4); z-index: 9999;\" id=\"calculator-popup\"\u003e\n\u003cdiv style=\"background: #fff; width: 600px; max-width: 95%; margin: 50px auto; padding: 40px; border-radius: 12px; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,0.4); text-align: center;\"\u003e\u003c!-- ❌ CLOSE --\u003e \u003cbutton style=\"position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 28px; cursor: pointer;\" id=\"close-calculator\"\u003e×\u003c\/button\u003e \u003c!-- ✅ TITLE --\u003e\n\u003ch3 style=\"color: #7f00ff; font-size: 28px; margin-bottom: 20px;\"\u003eCalculate the number of tiles\u003c\/h3\u003e\n\u003c!-- ✅ RESULT --\u003e\n\u003cdiv style=\"display: none; background: #f3e8ff; border: 2px solid #7F00FF; border-radius: 12px; padding: 20px; font-size: 22px; color: #333; font-weight: bold; margin-bottom: 20px; animation: fadeIn 0.5s ease forwards;\" id=\"result-container\"\u003e\u003cspan id=\"result\"\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c!-- ✅ RESPONSIVE GARAGE --\u003e\n\u003cdiv style=\"position: relative; width: 100%; max-width: 400px; aspect-ratio: 4 \/ 5; margin: 30px auto; background-image: url('https:\/\/static.vecteezy.com\/ti\/photos-gratuite\/p2\/21957049-fond-de-texture-beton-gris-gratuit-photo.jpeg'); background-size: cover; background-position: center; box-shadow: inset 0 0 30px rgba(0,0,0,0.3);\"\u003e\u003c!-- ✅ RESPONSIVE WALLS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; bottom: 0; width: 4%; background: red;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 4%; background: blue;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ CORNERS --\u003e\n\u003cdiv style=\"position: absolute; top: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; top: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; left: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003cdiv style=\"position: absolute; bottom: 0; right: 0; width: 4%; height: 4%; background: black;\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ ENTRANCE TEXT --\u003e\n\u003cdiv style=\"position: absolute; bottom: -25px; \/* slightly raised *\/        left: 50%; transform: translateX(-50%); font-weight: bold; color: #000; font-size: 14px; white-space: nowrap;\"\u003e⬆️ Garage entrance ⬆️\u003c\/div\u003e\n\u003c!-- ✅ CAR --\u003e \u003cimg style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: auto;\" alt=\"Top view of a car\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/Image_voiture.png?v=1750602141\"\u003e\u003c\/div\u003e\n\u003c!-- ✅ INPUTS --\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid red; border-radius: 6px; margin: 10px;\" placeholder=\"Length (meters)\" type=\"number\"\u003e \u003cinput style=\"width: 100%; max-width: 200px; padding: 10px; border: 3px solid blue; border-radius: 6px; margin: 10px;\" placeholder=\"Width (meters)\" id=\"width\" type=\"number\"\u003e \u003c!-- ✅ CALCULATE BUTTON --\u003e \u003cbutton style=\"display: block; width: 100%; max-width: 200px; margin: 20px auto; padding: 12px; background: #7F00FF; color: white; border: none; cursor: pointer; border-radius: 6px; font-size: 16px;\" id=\"calculate-btn\"\u003eCalculate\u003c\/button\u003e \u003c!-- ✅ LOADER --\u003e\n\u003cdiv style=\"display: none; position: fixed; \/* ✅ always visible *\/      top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10000;\" id=\"loader\"\u003e\n\u003cdiv class=\"spinner\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ✅ STYLES --\u003e\n\u003cstyle\u003e\u003c!--\n@keyframes blink {\n  0% { opacity: 1; }\n  50% { opacity: 0.5; }\n  100% { opacity: 1; }\n}\n\n.spinner {\n  border: 6px solid #f3f3f3;\n  border-top: 6px solid #7F00FF;\n  border-radius: 50%;\n  width: 50px;\n  height: 50px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; transform: translateY(-10px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n--\u003e\u003c\/style\u003e\n\u003c!-- ✅ SCRIPT --\u003e \u003cscript\u003e\n\/\/ Open\ndocument.getElementById('open-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'block';\n});\n\n\/\/ Close\ndocument.getElementById('close-calculator').addEventListener('click', function() {\n  document.getElementById('calculator-popup').style.display = 'none';\n});\n\n\/\/ Tile size parameter\nconst tileSize = 0.4;\n\n\/\/ Calculation\ndocument.getElementById('calculate-btn').addEventListener('click', function() {\n  const length = parseFloat(document.getElementById('length').value);\n  const width = parseFloat(document.getElementById('width').value);\n  const resultContainer = document.getElementById('result-container');\n  const resultEl = document.getElementById('result');\n  const loaderEl = document.getElementById('loader');\n\n  \/\/ Reset\n  resultEl.textContent = \"\";\n  resultContainer.style.display = \"none\";\n\n  if (isNaN(length) || isNaN(width) || length \u003c= 0 || width \u003c= 0) {\n    resultEl.textContent = \"❌ Please enter valid values.\";\n    resultContainer.style.display = \"block\";\n    return;\n  }\n\n  loaderEl.style.display = 'block';\n\n  setTimeout(function() {\n    loaderEl.style.display = 'none';\n    const lengthCount = Math.ceil(length \/ tileSize);\n    const widthCount = Math.ceil(width \/ tileSize);\n    const tileCount = lengthCount * widthCount;\n    const surface = (length * width).toFixed(2);\n\n    resultEl.textContent = `✅ You need ${tileCount} tiles to cover ${surface} m².`;\n    resultContainer.style.display = 'block';\n  }, 2000);\n});\n\u003c\/script\u003e \u003c!-- ✅ META VIEWPORT --\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ch2\u003eA versatile solution for all your spaces\u003c\/h2\u003e\n\u003cp\u003eWhether it’s for setting up a \u003cstrong\u003egarage\u003c\/strong\u003e, a \u003cstrong\u003eshowroom\u003c\/strong\u003e, a \u003cstrong\u003edetailing workshop\u003c\/strong\u003e, pool surroundings, or even a terrace, these black checkerboard effect floor tiles bring style, safety, and practicality.\u003c\/p\u003e\n\u003ch2\u003eOrder your black checkerboard effect floor tiles now!\u003c\/h2\u003e\n\u003cp\u003eEnjoy professional quality at the best price. \u003cstrong\u003eOrder online today\u003c\/strong\u003e and transform your floor into a clean, modern, and durable space for years to come.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e👉 Need advice or a personalized quote? Contact us!\u003c\/strong\u003e\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.faq-container {\n  max-width: 800px;\n  margin: 40px auto;\n  padding: 0 20px;\n  font-family: Arial, sans-serif;\n  color: #333;\n}\n\n.faq-container h2 {\n  font-size: 28px;\n  margin-bottom: 20px;\n  text-align: left;\n}\n\n.faq-group h3 {\n  font-size: 22px;\n  margin: 30px 0 15px;\n  text-align: left;\n}\n\n.faq-item {\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.faq-question {\n  display: block;\n  padding: 15px 15px 15px 0;\n  cursor: pointer;\n  font-weight: 600;\n  position: relative;\n  transition: background 0.2s;\n}\n\n.faq-question:hover {\n  background: #f9f9f9;\n}\n\n.faq-question::after {\n  content: '+';\n  position: absolute;\n  right: 0;\n  font-size: 20px;\n  line-height: 1;\n}\n\n.faq-toggle:checked + .faq-question::after {\n  content: '−';\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n  padding-left: 0;\n}\n\n.faq-toggle:checked ~ .faq-answer {\n  max-height: 500px;\n  padding: 10px 0 15px 0;\n}\n\n.faq-answer p {\n  margin: 0;\n}\n\n.faq-toggle {\n  display: none;\n}\n--\u003e\u003c\/style\u003e\n\u003cdiv class=\"faq-container\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c!-- Group 1 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eProducts and Features\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-1\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-1\" class=\"faq-question\"\u003eQ. How do I install the tiles? Do I need special tools?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles snap together; no special tools are needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-2\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-2\" class=\"faq-question\"\u003eQ. Can I install the tiles myself?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, installation is simple and quick, no professional needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-3\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-3\" class=\"faq-question\"\u003eQ. Can the tiles be cut to fit?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they can be easily cut with a jigsaw or fine saw.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-4\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-4\" class=\"faq-question\"\u003eQ. How do I clean and maintain the tiles?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. A broom, mop, or water jet is enough to clean them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq1-5\" name=\"faq-group1\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq1-5\" class=\"faq-question\"\u003eQ. Do you offer custom colors or patterns?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we offer several colors and patterns to create a unique floor.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 2 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eInstallation and Maintenance\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-1\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-1\" class=\"faq-question\"\u003eQ. On what types of floors can I install the tiles (concrete, tile...)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. The tiles can be installed on hard and flat floors: concrete, tile, resin, etc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-2\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-2\" class=\"faq-question\"\u003eQ. Do the tiles compensate for small surface irregularities?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they adapt to small irregularities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-3\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-3\" class=\"faq-question\"\u003eQ. Are the tiles resistant to heavy loads (cars, motorcycles)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they easily support the weight of vehicles and heavy equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-4\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-4\" class=\"faq-question\"\u003eQ. Are they non-slip?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, their surface is designed to prevent slipping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-5\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-5\" class=\"faq-question\"\u003eQ. Are they resistant to chemicals (oil, gasoline)?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they resist oils, gasoline, and common garage products.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-6\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-6\" class=\"faq-question\"\u003eQ. Can the tiles be used outdoors?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are also suitable for outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq2-7\" name=\"faq-group2\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq2-7\" class=\"faq-question\"\u003eQ. Can I mix several colors for the same project?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you can combine colors as you like.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 3 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eOrder and Delivery\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-1\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-1\" class=\"faq-question\"\u003eQ. Do you ship internationally?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we ship worldwide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-2\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-2\" class=\"faq-question\"\u003eQ. Can I modify my order after placing it?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact us quickly; if your order has not been shipped, we will modify it without issue.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq3-3\" name=\"faq-group3\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq3-3\" class=\"faq-question\"\u003eQ. What payment methods do you accept?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Credit card, bank transfer, check, and cash.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 4 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eWarranty and Returns\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-1\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-1\" class=\"faq-question\"\u003eQ. Are the tiles guaranteed?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, they are guaranteed against any manufacturing defects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-2\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-2\" class=\"faq-question\"\u003eQ. What should I do if the product is defective or damaged upon delivery?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Contact our customer service, we will quickly find a solution.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq4-3\" name=\"faq-group4\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq4-3\" class=\"faq-question\"\u003eQ. Can I return an order if I change my mind?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, you have a withdrawal period. Please consult our return policy.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Group 5 --\u003e\n\u003cdiv class=\"faq-group\"\u003e\n\u003ch3\u003eCompany Information\u003c\/h3\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-1\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-1\" class=\"faq-question\"\u003eQ. Where are you located?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Our headquarters are in Folkling, France; we deliver everywhere.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-2\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-2\" class=\"faq-question\"\u003eQ. How can I contact you?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. By email, phone, or via our contact form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"faq-item\"\u003e\u003cinput id=\"faq5-3\" name=\"faq-group5\" type=\"radio\" class=\"faq-toggle\"\u003e \u003clabel for=\"faq5-3\" class=\"faq-question\"\u003eQ. Do you have a showroom to see the tiles in person?\u003c\/label\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003eA. Yes, we have a showroom accessible without appointment to discover and compare our tiles on site.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"MISTER DALLE","offers":[{"title":"Noir","offer_id":52836800561418,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Gris Foncé","offer_id":52836800594186,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Gris Clair","offer_id":52836800626954,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Blanc","offer_id":52836800659722,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Marron","offer_id":52836800692490,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Beige","offer_id":52836800725258,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Bleu Foncé","offer_id":52836800758026,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Bleu Clair","offer_id":52836800790794,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Vert","offer_id":52836800823562,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Vert Flash","offer_id":52836800856330,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Rouge","offer_id":52836800889098,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Orange","offer_id":52836800921866,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Jaune","offer_id":52836800954634,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Violet","offer_id":52836800987402,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Noir \u0026 Rose","offer_id":52836801020170,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true},{"title":"Autres...","offer_id":52836801052938,"sku":null,"price":189.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0725\/0516\/4042\/files\/TapismotoMisterDalle.jpg?v=1775662502"}],"url":"https:\/\/misterdalle.fr\/en\/collections\/frontpage.oembed","provider":"Mister Dalle","version":"1.0","type":"link"}