{"product_id":"surface-bloc-truckblocs®-accessoire-modulaire-pour-tapis-de-benne-pick-up-utilitaire","title":"Surface Bloc Truckblocs® – Modular accessory for pick-up \u0026 utility truck bed mats","description":"\u003cdiv class=\"tb-product-container\"\u003e\n\n    \u003cdiv class=\"tb-intro-text\"\u003e\n\n        \u003cp\u003eThe \u003cstrong\u003eSurface Bloc Truckblocs®\u003c\/strong\u003e is a modular accessory designed to perfectly complement the Truckblocs® mat system. It allows you to quickly create a stable, raised, and practical surface directly in the bed of your pickup or your loading area.\u003c\/p\u003e\n\n        \u003cp\u003eThanks to its robust design and perfect integration with Truckblocs® tiles, the Surface Bloc enhances the organization, stability, and versatility of your setup.\u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"tb-accordion-wrapper\"\u003e\n\n        \n        \u003cdetails class=\"tb-drop-box\"\u003e\n            \u003csummary class=\"tb-drop-header\"\u003eBenefits of the Surface Bloc\u003c\/summary\u003e\n            \u003cdiv class=\"tb-drop-content\"\u003e\n\n                \u003ch4 class=\"tb-sub-title\"\u003eStable \u0026amp; reinforced surface\u003c\/h4\u003e\n\n                \u003cp\u003eAllows support for:\u003c\/p\u003e\n\n                \u003cul class=\"tb-list\"\u003e\n\n                    \u003cli\u003eHeavy loads\u003c\/li\u003e\n\n                    \u003cli\u003eEquipment\u003c\/li\u003e\n\n                    \u003cli\u003eTools\u003c\/li\u003e\n\n                    \u003cli\u003eTransport cases\u003c\/li\u003e\n\n                    \u003cli\u003eProfessional accessories\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n\n                \u003ch4 class=\"tb-sub-title\"\u003eQuick installation\u003c\/h4\u003e\n\n                \u003cp\u003eThe modular system allows for simple, quick, and tool-free setup.\u003c\/p\u003e\n\n\n                \u003ch4 class=\"tb-sub-title\"\u003eRobust design\u003c\/h4\u003e\n\n                \u003cp\u003eManufactured to withstand:\u003c\/p\u003e\n\n                \u003cul class=\"tb-list\"\u003e\n\n                    \u003cli\u003eMoisture\u003c\/li\u003e\n\n                    \u003cli\u003eVibrations\u003c\/li\u003e\n\n                    \u003cli\u003eDaily loads\u003c\/li\u003e\n\n                    \u003cli\u003eIntensive professional use\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n\n                \u003ch4 class=\"tb-sub-title\"\u003eSpace optimization\u003c\/h4\u003e\n\n                \u003cp\u003eIdeal for efficiently organizing:\u003c\/p\u003e\n\n                \u003cul class=\"tb-list\"\u003e\n\n                    \u003cli\u003ePickup truck beds\u003c\/li\u003e\n\n                    \u003cli\u003eUtility vehicles\u003c\/li\u003e\n\n                    \u003cli\u003eMobile workshops\u003c\/li\u003e\n\n                    \u003cli\u003eConstruction site vehicles\u003c\/li\u003e\n\n                    \u003cli\u003eOutdoor \/ adventure vehicles\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"tb-drop-box\"\u003e\n            \u003csummary class=\"tb-drop-header\"\u003ePossible Uses\u003c\/summary\u003e\n            \u003cdiv class=\"tb-drop-content\"\u003e\n\n                \u003cul class=\"tb-list\"\u003e\n\n                    \u003cli\u003eTechnical floor support\u003c\/li\u003e\n\n                    \u003cli\u003eCreation of a raised storage space\u003c\/li\u003e\n\n                    \u003cli\u003eStabilization of heavy or fragile equipment\u003c\/li\u003e\n\n                    \u003cli\u003eOrganization of transport cases\u003c\/li\u003e\n\n                    \u003cli\u003eProfessional bed arrangement\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"tb-drop-box\"\u003e\n            \u003csummary class=\"tb-drop-header\"\u003eCompatible Vehicles\u003c\/summary\u003e\n            \u003cdiv class=\"tb-drop-content\"\u003e\n\n                \u003cspan class=\"tb-vehicle-badge\"\u003eFord Ranger\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge\"\u003eToyota Hilux\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge\"\u003eIsuzu D-Max\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge\"\u003eNissan Navara\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge\"\u003eVolkswagen Amarok\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge\"\u003eMitsubishi L200\u003c\/span\u003e\n                \u003cspan class=\"tb-vehicle-badge tb-badge-orange\"\u003eAll Truckblocs® systems\u003c\/span\u003e\n            \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"tb-drop-box\"\u003e\n            \u003csummary class=\"tb-drop-header\"\u003eTechnical Specifications\u003c\/summary\u003e\n            \u003cdiv class=\"tb-drop-content\"\u003e\n\n                \u003cul class=\"tb-list\"\u003e\n\n                    \u003cli\u003e\n\n\u003cstrong\u003eProduct:\u003c\/strong\u003e Surface Bloc Truckblocs®\u003c\/li\u003e\n\n                    \u003cli\u003e\n\n\u003cstrong\u003eSystem:\u003c\/strong\u003e Modular and clip-on\u003c\/li\u003e\n\n                    \u003cli\u003e\n\n\u003cstrong\u003eUse:\u003c\/strong\u003e Indoor \/ Outdoor\u003c\/li\u003e\n\n                    \u003cli\u003e\n\n\u003cstrong\u003eAdvantages:\u003c\/strong\u003e High mechanical resistance, Professional technical finish\u003c\/li\u003e\n\n                    \u003cli\u003e\n\n\u003cstrong\u003eInstallation:\u003c\/strong\u003e No vehicle modification required\u003c\/li\u003e\n\n                \u003c\/ul\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n        \u003cdetails class=\"tb-drop-box\" open\u003e\n            \u003csummary class=\"tb-drop-header\"\u003eWhy choose this model?\u003c\/summary\u003e\n            \u003cdiv class=\"tb-drop-content\"\u003e\n\n                \u003cp\u003eThe Surface Bloc transforms your Truckblocs® setup into an even more practical and professional solution. It allows you to adapt your loading space according to your daily needs and activities.\u003c\/p\u003e\n\n                \u003cp\u003e\u003cstrong\u003eDesigned for professionals, craftsmen, adventurers, and demanding users, it brings modularity, stability, and durability to your vehicle.\u003c\/strong\u003e\u003c\/p\u003e\n\n            \u003c\/div\u003e\n\n        \u003c\/details\u003e\n\n    \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n    .tb-product-container {\n        \/* Variables issues de la charte graphique FAQ *\/\n        --primary: #f97316; \n        --primary-hover: #ea580c;\n        --dark: #1e293b; \n        --dark-light: #334155;\n        --light-bg: #f8fafc;\n        --card-bg: #ffffff;\n        --border: #e2e8f0;\n        --text: #475569;\n        --border-radius-md: 10px;\n\n        max-width: 100%;\n        margin: 20px auto;\n        font-family: inherit;\n        color: var(--text);\n        background: transparent;\n        line-height: 1.6;\n    }\n\n    .tb-intro-text {\n        padding: 0 5px 20px 5px;\n        font-size: 1rem;\n        color: var(--text);\n    }\n    \n    .tb-intro-text strong {\n        color: var(--dark);\n    }\n\n    .tb-accordion-wrapper {\n        display: flex;\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    \/* Boîtes de l'accordéon *\/\n    details.tb-drop-box {\n        background-color: var(--card-bg);\n        border: 1px solid var(--border);\n        border-radius: var(--border-radius-md);\n        overflow: hidden;\n        display: block;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);\n        transition: all 0.3s ease;\n    }\n\n    \/* Effet quand la boîte est ouverte *\/\n    details.tb-drop-box[open] {\n        border-color: var(--primary);\n        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n    }\n\n    \/* En-tête (Summary) *\/\n    summary.tb-drop-header {\n        background-color: var(--card-bg);\n        color: var(--dark);\n        padding: 20px 25px;\n        font-size: 1.1rem;\n        font-weight: 600;\n        cursor: pointer;\n        list-style: none;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: background-color 0.2s ease, color 0.2s ease;\n        user-select: none;\n    }\n\n    \/* Survol (Hover) *\/\n    summary.tb-drop-header:hover {\n        background-color: rgba(249, 115, 22, 0.03);\n        color: var(--primary);\n    }\n\n    summary.tb-drop-header::-webkit-details-marker {\n        display: none;\n    }\n\n    \/* Icône \"+\" *\/\n    summary.tb-drop-header::after {\n        content: '+';\n        color: var(--primary);\n        font-size: 1.5rem;\n        font-weight: 400;\n        transition: transform 0.3s ease;\n    }\n\n    \/* Rotation et changement en \"-\" quand ouvert *\/\n    details.tb-drop-box[open] summary.tb-drop-header::after {\n        content: '−';\n        transform: rotate(180deg);\n    }\n\n    details.tb-drop-box[open] summary.tb-drop-header {\n        border-bottom: 1px solid var(--border);\n    }\n\n    \/* Contenu de la réponse *\/\n    .tb-drop-content {\n        padding: 20px 25px;\n        background-color: var(--card-bg);\n        color: var(--dark-light);\n        font-size: 0.95rem;\n        animation: slideDown 0.3s ease-out;\n    }\n\n    .tb-sub-title {\n        color: var(--dark);\n        margin-top: 15px !important;\n        margin-bottom: 8px !important;\n        font-size: 1rem !important;\n        font-weight: 600;\n    }\n    \n    .tb-drop-content h4:first-child {\n        margin-top: 0 !important;\n    }\n\n    \/* Listes à puces \"✓\" *\/\n    ul.tb-list {\n        list-style: none !important;\n        margin: 0 0 15px 0 !important;\n        padding-left: 5px !important;\n    }\n\n    ul.tb-list li {\n        position: relative;\n        padding-left: 25px;\n        margin-bottom: 8px !important;\n    }\n\n    ul.tb-list li::before {\n        content: '✓';\n        position: absolute;\n        left: 0;\n        color: var(--primary);\n        font-weight: bold;\n    }\n\n    \/* Badges pour les véhicules *\/\n    .tb-vehicle-badge {\n        display: inline-block;\n        background-color: var(--light-bg);\n        color: var(--text);\n        border: 1px solid var(--border);\n        padding: 6px 12px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        margin-right: 6px;\n        margin-bottom: 8px;\n        font-weight: 500;\n    }\n\n    .tb-badge-orange {\n        background-color: var(--primary);\n        color: #ffffff;\n        border-color: var(--primary);\n    }\n\n    \/* Animation d'ouverture fluide *\/\n    @keyframes slideDown {\n        from {\n            opacity: 0;\n            transform: translateY(-5px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\u003c\/style\u003e","brand":"Truckblocs","offers":[{"title":"Default Title","offer_id":52576958218421,"sku":"SURFBLOCFIX","price":13.9,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1015\/6199\/1349\/files\/TruckblocsSurfacePickup.png?v=1780055034","url":"https:\/\/www.truckblocs.com\/en\/products\/surface-bloc-truckblocs%c2%ae-accessoire-modulaire-pour-tapis-de-benne-pick-up-utilitaire","provider":"Truckblocs","version":"1.0","type":"link"}