{"title":"Clesana Mounting Adapters \u0026 Installation Kits","description":"\u003c!-- Clesana Mounting Adapters \u0026 Installation Kits Collection Header (USA \u0026 Canada) --\u003e\n\u003cdiv class=\"clesana-collection-wrapper\"\u003e\n    \u003cstyle\u003e\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n        @keyframes cdTilt {\n            0% { transform: rotate(0deg); }\n            25% { transform: rotate(-3.5deg); }\n            75% { transform: rotate(3.5deg); }\n            100% { transform: rotate(0deg); }\n        }\n\n        .clesana-collection-wrapper {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            text-align: left;\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 10px 0 16px;\n            color: #ffffff;\n            box-sizing: border-box;\n            background: transparent !important;\n            --cl-pink: #a22067;\n            --cl-pink-bright: #ff6ba6;\n            --cl-teal: #018289;\n            --cl-teal-bright: #2dd4bf;\n            --cl-white: #ffffff;\n            --cl-text-bright: #f3f4f6;\n            --cl-text-body: #e5e7eb;\n        }\n\n        .clesana-collection-wrapper * {\n            box-sizing: border-box;\n        }\n\n        \/* Subheading *\/\n        .clesana-collection-wrapper .sub-header {\n            font-size: 17px;\n            color: var(--cl-teal-bright);\n            font-weight: 700;\n            margin: 0 0 14px 0;\n            letter-spacing: 0.2px;\n            line-height: 1.35;\n        }\n\n        \/* Intro Row: Narrative + Visual with Rocking Swiss Badge *\/\n        .clesana-collection-wrapper .intro-row {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 24px;\n            margin-bottom: 22px;\n        }\n\n        .clesana-collection-wrapper .narrative-block {\n            border-left: 3px solid var(--cl-pink);\n            border-image: linear-gradient(180deg, var(--cl-pink) 0%, var(--cl-teal) 100%) 1;\n            background: transparent !important;\n            padding: 2px 0 2px 14px;\n            margin-bottom: 0;\n            flex: 1 1 auto;\n        }\n\n        .clesana-collection-wrapper .narrative-block p {\n            font-size: 15.5px;\n            line-height: 1.6;\n            margin: 0;\n            color: var(--cl-text-bright);\n        }\n\n        .clesana-collection-wrapper .narrative-block strong {\n            color: var(--cl-white);\n            font-weight: 700;\n        }\n\n        .clesana-collection-wrapper .intro-media {\n            position: relative;\n            width: 260px;\n            height: 155px;\n            flex-shrink: 0;\n            border-radius: 8px;\n            overflow: hidden;\n            border: 1px solid rgba(1, 130, 137, 0.55);\n            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);\n            background-color: #0f172a;\n        }\n\n        .clesana-collection-wrapper .intro-thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .clesana-collection-wrapper .swiss-badge {\n            position: absolute;\n            bottom: 8px;\n            right: 8px;\n            width: 54px;\n            height: auto;\n            background: #ffffff;\n            padding: 4px;\n            border-radius: 8px;\n            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);\n            border: 1.5px solid var(--cl-teal);\n            animation: cdTilt 10s infinite ease-in-out;\n            will-change: transform;\n            display: block;\n            z-index: 2;\n        }\n\n        \/* Section Eyebrow *\/\n        .clesana-collection-wrapper .section-title {\n            color: var(--cl-text-bright);\n            font-weight: 800;\n            text-transform: uppercase;\n            font-size: 13px;\n            letter-spacing: 0.8px;\n            margin-bottom: 12px;\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .clesana-collection-wrapper .section-title::after {\n            content: \"\";\n            display: inline-block;\n            height: 2px;\n            width: 45px;\n            background: linear-gradient(90deg, var(--cl-pink) 0%, var(--cl-teal) 100%);\n            border-radius: 2px;\n        }\n\n        \/* Two-Column Lineup Grid (4 Installation Categories) *\/\n        .clesana-collection-wrapper .lineup-grid {\n            display: grid !important;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px 28px;\n            padding: 18px 0;\n            border-top: 1px solid;\n            border-bottom: 1px solid;\n            border-image: linear-gradient(90deg, var(--cl-pink) 0%, var(--cl-teal) 60%, transparent 100%) 1;\n            margin-bottom: 18px;\n            background: transparent !important;\n        }\n\n        .clesana-collection-wrapper .lineup-col {\n            background: transparent !important;\n        }\n\n        .clesana-collection-wrapper .lineup-tag {\n            display: inline-block;\n            font-size: 11px;\n            font-weight: 800;\n            letter-spacing: 0.7px;\n            text-transform: uppercase;\n            color: var(--cl-white);\n            padding: 3px 9px;\n            border-radius: 3px;\n            margin-bottom: 9px;\n        }\n\n        .clesana-collection-wrapper .tag-pink {\n            background-color: var(--cl-pink);\n        }\n\n        .clesana-collection-wrapper .tag-teal {\n            background-color: var(--cl-teal);\n        }\n\n        .clesana-collection-wrapper .lineup-col strong {\n            display: block;\n            color: var(--cl-white);\n            font-weight: 700;\n            margin-bottom: 6px;\n            font-size: 16.5px;\n            line-height: 1.25;\n        }\n\n        .clesana-collection-wrapper .lineup-col p {\n            margin: 0;\n            color: var(--cl-text-body);\n            font-size: 14.5px;\n            line-height: 1.55;\n        }\n\n        \/* Support Bar *\/\n        .clesana-collection-wrapper .support-bar {\n            margin: 0 !important;\n            padding: 4px 0 0 0 !important;\n            border: none !important;\n            display: flex !important;\n            flex-direction: row !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            flex-wrap: nowrap !important;\n            gap: 14px !important;\n            background: transparent !important;\n        }\n\n        .clesana-collection-wrapper .support-info {\n            flex: 1 1 auto !important;\n            min-width: 0 !important;\n            text-align: left !important;\n        }\n\n        .clesana-collection-wrapper .support-label {\n            display: block !important;\n            font-size: 12px !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            color: var(--cl-teal-bright) !important;\n            letter-spacing: 0.6px !important;\n            margin: 0 0 3px 0 !important;\n        }\n\n        .clesana-collection-wrapper .support-bar p {\n            margin: 0 !important;\n            font-size: 14px !important;\n            line-height: 1.4 !important;\n            color: var(--cl-text-bright) !important;\n        }\n\n        .clesana-collection-wrapper .tel-nowrap {\n            color: var(--cl-teal-bright) !important;\n            font-weight: 700 !important;\n            white-space: nowrap !important;\n            display: inline-block !important;\n            text-decoration: underline !important;\n            text-underline-offset: 3px !important;\n            transition: color 0.2s ease;\n        }\n\n        .clesana-collection-wrapper .tel-nowrap:hover {\n            color: #ffffff !important;\n        }\n\n        .clesana-collection-wrapper .support-btn {\n            flex-shrink: 0 !important;\n            display: inline-flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n            background-color: var(--cl-teal) !important;\n            color: #ffffff !important;\n            padding: 10px 18px !important;\n            border-radius: 6px !important;\n            text-decoration: none !important;\n            font-weight: 800 !important;\n            font-size: 12px !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.5px !important;\n            white-space: nowrap !important;\n            transition: background-color 0.2s ease !important;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;\n        }\n\n        .clesana-collection-wrapper .support-btn:hover {\n            background-color: #016b71 !important;\n            color: #ffffff !important;\n        }\n\n        \/* Mobile Adjustments *\/\n        @media screen and (max-width: 640px) {\n            .clesana-collection-wrapper .sub-header {\n                font-size: 15.5px;\n            }\n            .clesana-collection-wrapper .intro-row {\n                flex-direction: column;\n                align-items: stretch;\n                gap: 16px;\n            }\n            .clesana-collection-wrapper .intro-media {\n                width: 100%;\n                height: 190px;\n            }\n            .clesana-collection-wrapper .swiss-badge {\n                width: 52px;\n                bottom: 10px;\n                right: 10px;\n                padding: 4px;\n            }\n            .clesana-collection-wrapper .narrative-block p {\n                font-size: 14.5px;\n            }\n            .clesana-collection-wrapper .lineup-grid {\n                grid-template-columns: 1fr !important;\n                gap: 18px;\n            }\n            .clesana-collection-wrapper .lineup-col strong {\n                font-size: 16px;\n            }\n            .clesana-collection-wrapper .lineup-col p {\n                font-size: 14px;\n            }\n            .clesana-collection-wrapper .support-bar {\n                gap: 10px !important;\n            }\n            .clesana-collection-wrapper .support-bar p {\n                font-size: 13px !important;\n            }\n            .clesana-collection-wrapper .support-btn {\n                padding: 8px 12px !important;\n                font-size: 11px !important;\n            }\n        }\n\n        @media screen and (max-width: 480px) {\n            .clesana-collection-wrapper .intro-media {\n                height: 170px;\n            }\n            .clesana-collection-wrapper .support-bar {\n                flex-wrap: wrap !important;\n            }\n            .clesana-collection-wrapper .support-btn {\n                margin-top: 4px !important;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003cp class=\"sub-header\"\u003eSwiss-Made Mounting Bases, Retrofit Adapters \u0026amp; 12V Power Kits\u003c\/p\u003e\n\n    \u003cdiv class=\"intro-row\"\u003e\n        \u003cdiv class=\"narrative-block\"\u003e\n            \u003cp\u003e\u003cstrong\u003eClean, rock-solid installations for RVs, campervans, boats, and off-grid cabins.\u003c\/strong\u003e As the stocking distributor in the USA and Canada, The Cabin Depot® stocks genuine Swiss-made Clesana mounting bases, RV retrofit adapters, 12V backup power kits, and waterproof shower covers with ready-to-ship inventory and full North American product support. Get factory-made hardware designed for quick setup and rattle-free travel.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"intro-media\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Installation_and_retrofitting_2.jpg?v=1773767092\" alt=\"Swiss-Made Clesana Mounting Adapters and Installation Kits\" class=\"intro-thumb\" loading=\"lazy\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" alt=\"Swiss Made Quality\" class=\"swiss-badge\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cspan class=\"section-title\"\u003eInstallation \u0026amp; Mounting Hardware at a Glance\u003c\/span\u003e\n\n    \u003cdiv class=\"lineup-grid\"\u003e\n        \u003cdiv class=\"lineup-col\"\u003e\n            \u003cspan class=\"lineup-tag tag-pink\"\u003eC1 Retrofit • Cassette Replacement\u003c\/span\u003e\n            \u003cstrong\u003eC1 L-Adapter Retrofit Bases\u003c\/strong\u003e\n            \u003cp\u003eDesigned to replace existing Thetford C220 and C260 RV cassette toilets, providing a sturdy mounting base and finishing wall plate for a clean, factory-look installation.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lineup-col\"\u003e\n            \u003cspan class=\"lineup-tag tag-pink\"\u003eC1 Floor Mount • Base \u0026amp; Trim\u003c\/span\u003e\n            \u003cstrong\u003eC1 Round Socket Bases \u0026amp; Cover Plates\u003c\/strong\u003e\n            \u003cp\u003eSturdy floor-mounting base plates for rock-solid toilet stability, paired with flush-fitting trim plates that hide floor cutouts and keep dust and spills from getting underneath.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lineup-col\"\u003e\n            \u003cspan class=\"lineup-tag tag-teal\"\u003eX1 Portable • Quick-Latch Mount\u003c\/span\u003e\n            \u003cstrong\u003eX1 Floor Mounting Kits\u003c\/strong\u003e\n            \u003cp\u003eKeep your portable Clesana X1 or X1 ProCharge from sliding on bumpy roads using quick-release floor latches—no need to drill screws directly into the toilet body.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"lineup-col\"\u003e\n            \u003cspan class=\"lineup-tag tag-teal\"\u003e12V Power \u0026amp; Wet-Bath Protection\u003c\/span\u003e\n            \u003cstrong\u003ePower Management Kits \u0026amp; Shower Covers\u003c\/strong\u003e\n            \u003cp\u003e12V backup battery and wiring kits that keep your toilet flushing even if your main RV battery dies, plus waterproof shower covers for combined RV wet-bath spaces.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"support-bar\"\u003e\n        \u003cdiv class=\"support-info\"\u003e\n            \u003cspan class=\"support-label\"\u003eNorth American Product Support\u003c\/span\u003e\n            \u003cp\u003eStocked in the USA \u0026amp; Canada. Need help planning your retrofit or 12V wiring? Call toll-free at \u003ca href=\"tel:+18446034743\" class=\"tel-nowrap\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"support-btn\"\u003eContact Support\u003c\/a\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"et-round-socket-c1","title":"Douille ronde Clesana C1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Supplies (Pink Series Spare)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     flex: 1 1 350px;     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      background: #a22067;      padding: 12px 18px;      font-weight: 900;      color: white;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     font-size: 0.85em;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eC1 Socle à douille ronde\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eLa base ronde Clesana C1 est un accessoire d'installation spécialement conçu pour être utilisé avec les toilettes Clesana C1 dans les caravanes, les camping-cars, les fourgons aménagés et les bateaux, là où une sortie d'évacuation ronde est requise. Cette plaque de base robuste offre une surface de fixation sûre et solide qui permet d'aligner correctement les toilettes avec la sortie d'évacuation ronde du véhicule, créant ainsi un raccord soigné et étanche entre la cuvette des toilettes et le plancher.\u003c\/p\u003e \u003cp\u003eEn stabilisant les toilettes et en garantissant un alignement correct avec la canalisation d'évacuation, la base ronde C1 réduit la flexion, les vibrations et les contraintes potentielles sur les raccords d'évacuation lorsque le véhicule roule, ce qui contribue à prolonger la durée de vie de la plomberie et à réduire les problèmes d'entretien. Sa conception robuste est adaptée à une utilisation à long terme dans des environnements mobiles où les vibrations et les mouvements sont fréquents.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003ePièce de rechange d'origine\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAssurez la longévité et les performances de votre système en n'utilisant que des composants d'origine.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-products\" class=\"cd-btn cd-btn-supplies\"\u003e Retour aux toilettes \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eAssistance à l'installation\u003c\/span\u003e \u003ch2\u003eStabilité et alignement\u003c\/h2\u003e \u003cp\u003eLa base à embase ronde est placée directement au-dessus de la découpe au sol afin de créer une surface de fixation solide. En acheminant directement les eaux usées et en empêchant tout déplacement, elle préserve l'intégrité structurelle de vos raccords de plomberie pendant le déplacement.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 à base ronde\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Round_5.jpg?v=1773766123\" alt=\"Détails d'installation de la prise ronde Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eAméliore la stabilité\u003c\/strong\u003e \u003cp\u003eRéduit les mouvements et les contraintes exercées sur les raccords des toilettes et des évacuations lors des déplacements sur des chemins accidentés.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eAméliore l'étanchéité\u003c\/strong\u003e \u003cp\u003ePermet d'empêcher les débris et les odeurs de s'échapper au niveau du raccordement de la plaque de base.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eDurable construction\u003c\/strong\u003e \u003cp\u003eConçu spécialement pour répondre aux exigences élevées des salles de bains des caravanes et des camping-cars.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eComment et où l'on l'utilise\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cdiv class=\"cd-data-list\" style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cp style=\"margin: 0 0 14px 0; line-height: 1.55; color: #475569;\"\u003eLa base ronde Clesana C1 est utilisée lors de l'installation d'une cuvette Clesana C1 dans les sanitaires de tout véhicule de loisirs dont la sortie d'évacuation est ronde (par opposition à une sortie arrière ou décalée). Avant de poser la cuvette, la plaque de base est positionnée sur la découpe pratiquée dans le plancher du véhicule, de manière à s'aligner avec le tuyau d'évacuation ou la sortie ronde.\u003c\/p\u003e \u003cul style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cli\u003e\n\u003cstrong\u003ePréparez la découpe dans le plancher :\u003c\/strong\u003e assurez-vous que l'ouverture destinée à l'évacuation des eaux usées est propre et que le trou rond correspond au diamètre du tuyau d'évacuation du véhicule.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003ePositionnez la base ronde :\u003c\/strong\u003e placez la base ronde C1 de manière à ce que son centre soit aligné avec la sortie d'évacuation ronde.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eSceller et fixer :\u003c\/strong\u003e appliquez un mastic souple adapté tout autour du pourtour de la base, puis fixez-la solidement. La base offre une surface de fixation solide qui limite les mouvements et permet d'acheminer les déchets directement vers la sortie.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eInstallation des toilettes C1 :\u003c\/strong\u003e posez les toilettes Clesana C1 sur le socle rond en veillant à ce que la cuvette soit bien alignée avec la sortie d'évacuation et qu'elle repose parfaitement à plat contre le socle.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eDerniers contrôles :\u003c\/strong\u003e serrez les fixations et vérifiez qu'il n'y a pas de jeu entre la cuvette et le socle rond. Assurez-vous que les joints sont intacts afin d'éviter toute infiltration d'odeurs ou d'humidité.\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eLes emplacements d'installation habituels sont les suivants :\u003c\/li\u003e \u003cli\u003eSalles de bains de caravanes équipées de tuyaux d'évacuation ronds\u003c\/li\u003e \u003cli\u003eSalles de bains de camping-cars équipées de série de toilettes à cuvette ronde\u003c\/li\u003e \u003cli\u003eAménagements de camping-cars conçus pour des espaces sanitaires compacts\u003c\/li\u003e \u003cli\u003eToilettes de bateau équipées de systèmes de vidange ronds similaires\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConçu pour\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInstallation des toilettes Clesana C1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguration\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eConvient aux tuyaux d'évacuation ronds\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eObjectif\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSocle de fixation solide et support d'alignement\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eStabilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eRéduit les mouvements et les contraintes sur les raccords des toilettes et des évacuations\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eAmélioration de l'étanchéité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eEmpêche les débris et les odeurs de s'échapper autour de la base\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConstruction\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAménagement robuste conçu pour les salles de bains des caravanes et des camping-cars\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eEnvironnement d'utilisation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eToilettes pour véhicules de loisirs, camping-cars et bateaux\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.A.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753737879649,"sku":"EU-10030040","price":79.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/CelsanaC1Roundsocketpic1.png?v=1774355578"},{"product_id":"et-l-adapter-c1","title":"Adaptateur Clesana C1 L","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Supplies (Pink Series Spare)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     flex: 1 1 350px;     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      background: #a22067;      padding: 12px 18px;      font-weight: 900;      color: white;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     font-size: 0.85em;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eC1 L Base\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eL Clesana (UV) est conçu pour faciliter la mise à niveau de la toilette sans eau C1. Il est compatible avec les toilettes des séries Thetford C220 et C260, garantissant un raccordement simple et sûr lors de l'installation.\u003c\/p\u003e \u003cp\u003eIl peut également être utilisé dans des applications fixes et fixé au sol.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003ePièce de rechange d'origine\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAssurez la longévité et les performances de votre système en n'utilisant que des composants d'origine.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-products\" class=\"cd-btn cd-btn-supplies\"\u003e Retour aux toilettes \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eAssistance à l'installation\u003c\/span\u003e \u003ch2\u003eStabilité et alignement\u003c\/h2\u003e \u003cp\u003eLa base L sert de profilé de fixation fiable qui facilite la mise à niveau. En s'adaptant aux configurations standard de la plomberie des sanitaires et en offrant un ancrage fixe au sol, elle garantit une installation sûre et soignée.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 L\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Installation_and_retrofitting_2.jpg?v=1773767092\" alt=\"Détails de montage de l'adaptateur en L Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMise à niveau facile\u003c\/strong\u003e \u003cp\u003eSpécialement conçu pour faciliter l'installation sans souci des toilettes sans eau C1.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eCompatible avec Thetford\u003c\/strong\u003e \u003cp\u003ePermet un raccordement facile et sûr aux canalisations sanitaires des séries C220 et C260.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eFixation fixe\u003c\/strong\u003e \u003cp\u003eCette structure de socle polyvalente peut également être utilisée dans des applications fixes et fixée au sol.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eApplication et utilisation\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cdiv class=\"cd-data-list\" style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cp style=\"margin: 0 0 14px 0; line-height: 1.55; color: #475569;\"\u003eLa base L Clesana C1 est utilisée lors de la rénovation d'une cuvette Clesana C1 afin d'assurer une installation sûre, étanche à l'humidité et parfaitement alignée.\u003c\/p\u003e \u003cul style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cli\u003e\n\u003cstrong\u003eAlignement lors de la rénovation :\u003c\/strong\u003e garantit un espacement net lors du démontage d'anciens systèmes à cassettes dans les caravanes et les salles de bains des camping-cars.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eFixation fixe :\u003c\/strong\u003e offre des points d'ancrage permettant une installation directe sur du parquet, du béton ou un revêtement de sol composite.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eSystème de décharge hydraulique :\u003c\/strong\u003e répartit uniformément le poids de la structure, protégeant ainsi les raccords d'évacuation et réduisant au minimum les vibrations et les contraintes pendant le déplacement.\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eLes emplacements d'installation habituels sont notamment :\u003c\/li\u003e \u003cli\u003eRemplacement des anciennes toilettes de la série Thetford C220 par des sanitaires pour caravanes\u003c\/li\u003e \u003cli\u003eSalles de bains pour camping-cars remplaçant les anciens modèles de la série Thetford C260\u003c\/li\u003e \u003cli\u003eStructures de cabanes sur mesure hors réseau, utilisant une installation fixe fixée au sol\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNom du modèle\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eL Clesana (UV)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eBase Configuration\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eC1 L Base\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eABS, blanc\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eToilettes compatibles\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSérie Clesana C1 sans eau\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité avec les installations de plomberie\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSéries Thetford C220 et C260\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eType de montage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eMise à niveau pour montage mural ou au sol\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eIdéal pour\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCaravanes, camping-cars et chalets fixes\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738076257,"sku":"EU-10030050","price":139.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/L-Adapter_3D.png?v=1774355339"},{"product_id":"c1-water-protection-cover","title":"Housse de protection Clesana C1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Accessories (Pink Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0;     flex: 1 1 350px; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eHousse de protection pour l'eau Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eFabriquée en tissu PES de haute qualité, cette housse imperméable empêche les projections d'eau et les jets de douche de nuire au bon fonctionnement de vos toilettes. Elle est idéale pour les camping-cars, les fourgons aménagés et les mini-maisons où la douche et les toilettes sont réunies. Plus besoin de rideaux de douche encombrants : cette housse élégante et résistante offre une imperméabilité maximale et une excellente résistance à la pression de l'eau.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1 Housse de protection pour l'eau\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAccessoire d'origine Clesana — Protégez vos toilettes des projections d'eau de la douche et de l'humidité.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Retour aux toilettes C1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eOptimisation du bain humide\u003c\/span\u003e \u003ch2\u003eProtection spatiale intégrée\u003c\/h2\u003e \u003cp\u003eDites adieu aux rideaux encombrants et aux cloisons peu pratiques. Cette housse ajustée fait office de bouclier hautement protecteur pour vos toilettes sans eau, vous permettant ainsi de profiter pleinement de l'espace réduit de la douche de votre camping-car sans craindre que l'eau ne s'infiltre dans les composants électroniques.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eCouverture d'eau\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Installation_and_retrofitting_2.jpg?v=1773767092\" alt=\"Clesana C1 : détails sur la protection contre l'eau\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eTissu PES antibactérien\u003c\/strong\u003e \u003cp\u003eLe tissu PES spécial empêche efficacement la prolifération bactérienne, garantissant ainsi la fraîcheur des salles de bains combinées.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ecoutures souples\u003c\/strong\u003e \u003cp\u003eIl est doté de coutures souples qui garantissent un ajustement parfait à la cuvette, de sorte que le couvercle reste bien en place sans bouger.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eColonne d'eau : \u0026gt; 2 000 mm\u003c\/strong\u003e \u003cp\u003eLa hauteur de colonne d'eau élevée garantit une protection totale contre les jets d'eau directs et les brouillards d'eau.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 housse de protection contre l'eau.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité des modèles\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSérie C1 de Clesana\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposition des matériaux\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eTissu PES antibactérien\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eUne coupe ajustée\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003edes coutures souples pour garantir un ajustement parfait aux toilettes\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eColonne d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e\u0026gt; 2 000 mm\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCas d'utilisation idéal\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCamping-cars, fourgons aménagés et mini-maisons équipés d'espaces combinant salle de bains et douche\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.A.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738829921,"sku":"EU-10040010","price":229.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Water_Protection_Cover_C1_1.jpg?v=1773838102"},{"product_id":"c1-retrofit-kit-magnet-lid","title":"Kit de mise à niveau Clesana C1 avec couvercle magnétique","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Accessories (Pink Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid {     display: grid;     grid-template-columns: 1fr;     gap: 16px;     margin: 24px auto;     max-width: 600px;     position: relative;     z-index: 1; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item video {     width: 100%;     aspect-ratio: 16 \/ 9;     display: block;     background: #000000; } .cd-video-label {     border-top: 1px solid #e2e8f0;     color: #a22067;     padding: 8px 10px;     font-weight: 900;     text-transform: uppercase;     letter-spacing: 1px;     text-align: center; } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0;     flex: 1 1 350px; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit de conversion pour couvercle magnétique Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eGrâce au kit de conversion, le couvercle à fermeture en douceur de série de votre Clesana C1 peut être facilement transformé en un couvercle à charnière magnétique. Cela permet de retirer complètement le couvercle du meuble, notamment dans les espaces restreints. L'installation prend environ 30 minutes.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de conversion pour couvercle magnétique\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLe couvercle à fermeture amortie de série de votre Clesana C1 peut être facilement remplacé par un modèle équipé d'une charnière magnétique.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Retour aux toilettes C1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e     \u003cdiv class=\"cd-video-item\"\u003e         \u003cvideo controls preload=\"metadata\"\u003e             \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/78a04a0ebd974018a61906338ea6b0df.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eComment installer\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eOptimisation de l'espace\u003c\/span\u003e \u003ch2\u003eDémontabilité magnétique\u003c\/h2\u003e \u003cp\u003eCela permet de retirer complètement le couvercle de la armoire, notamment dans les espaces restreints. Idéal pour un nettoyage en profondeur ou pour donner une impression d'espace dans les petites maisons, les bateaux et les fourgons aménagés.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit magnétique\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Installation_and_retrofitting_2.jpg?v=1773767092\" alt=\"Ensemble couvercle et capot magnétique Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ePuissance du néodyme\u003c\/strong\u003e \u003cp\u003eDes charnières robustes équipées d'aimants en néodyme garantissent une fermeture sûre et agréable, comme à la maison, une fois le couvercle en place.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eAmovibilité totale\u003c\/strong\u003e \u003cp\u003eCela permet de retirer complètement le couvercle de l'armoire, notamment dans les espaces restreints.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eInstallation simple en 30 minutes\u003c\/strong\u003e \u003cp\u003eModernisez facilement votre couvercle à fermeture douce standard à l'aide du gabarit de perçage et des instructions fournis.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e4 charnières avec aimants en néodyme\u003c\/li\u003e \u003cli\u003e1 gabarit de perçage\u003c\/li\u003e \u003cli\u003e1x installation instructions\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCouvercle Clesana C1 Standard\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA \/ Néodyme\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eDurée d'installation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e30 Minutes\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eOutils nécessaires\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePerceuse-visseuse\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCharnières incluses\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e4 charnières avec aimants en néodyme\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorme de conception\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePièce de rechange d'origine de conception suisse\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753737912417,"sku":"EU-10060020","price":49.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Conversion_kit_for_magnetic_lid_C1_1.jpg?v=1773838020"},{"product_id":"c1-anti-slip","title":"Clesana C1 Antidérapant","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Accessories (Pink Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid {     display: grid;     grid-template-columns: 1fr;     gap: 16px;     margin: 24px auto;     max-width: 600px;     position: relative;     z-index: 1; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item video {     width: 100%;     aspect-ratio: 16 \/ 9;     display: block;     background: #000000; } .cd-video-label {     border-top: 1px solid #e2e8f0;     color: #a22067;     padding: 8px 10px;     font-weight: 900;     text-transform: uppercase;     letter-spacing: 1px;     text-align: center; } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0;     flex: 1 1 350px; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit antidérapant Clesana\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eGrâce aux précieux commentaires de nos utilisateurs finaux, nous avons mis au point une solution simple mais très efficace pour résoudre le problème de glissement lors de l'utilisation du Clesana C1 : l'Anti-slip. Ce kit de mise à niveau offre des avantages évidents et constitue une amélioration fonctionnelle pour le Clesana C1.\u003c\/p\u003e \u003cp\u003eLe joint antidérapant est l'accessoire idéal pour tous ceux qui souhaitent tirer le meilleur parti de leur Clesana C1. Il évite le gaspillage de film, optimise le nombre de sachets et offre une solution simple et durable pour remédier à tout glissement éventuel.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLa solution intelligente pour réduire la consommation de sacs !\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLe kit antidérapant peut être facilement installé a posteriori sur n'importe quel modèle Clesana C1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Acheter des recharges \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e     \u003cdiv class=\"cd-video-item\"\u003e         \u003cvideo controls preload=\"metadata\"\u003e             \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e60fc3f0087b48b49d7451867ed8c082.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eComment installer\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eOptimisation des revêtements\u003c\/span\u003e \u003ch2\u003eQu'est-ce que le slippage ?\u003c\/h2\u003e \u003cp\u003eUn glissement se produit lorsque le film de protection est retiré de manière passive, c'est-à-dire sans que les rouleaux de transport ne tournent. Parmi les causes courantes, on peut citer :\u003cbr\u003e • \u003cstrong\u003ePoids excessif dans le sac :\u003c\/strong\u003e une doublure neuve peut supporter jusqu'à 800 g de contenu, tandis qu'une doublure vide s'affaisse lorsque le contenu dépasse 400 g.\u003cbr\u003e • \u003cstrong\u003eAction manuelle :\u003c\/strong\u003e lorsque l'on appuie sur le film à la main, comme sur une poubelle classique.\u003cbr\u003e • \u003cstrong\u003eMouvements du véhicule :\u003c\/strong\u003e les chaînes de sacs suspendus peuvent arracher le film lorsque le véhicule roule, en raison des mouvements de balancement des sacs.\u003cbr\u003e\u003cbr\u003e Le décalage fait que le niveau de la cuve est épuisé avant que le système de contrôle n'affiche le niveau final réel.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 Antidérapant\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Installation_and_retrofitting_2.jpg?v=1773767092\" alt=\"Détails concernant l'installation et la mise à niveau du système Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUtilisation optimale de la doublure\u003c\/strong\u003e \u003cp\u003eLe joint antidérapant empêche le film de se décoller accidentellement. Le sachet reste ainsi petit et compact, même après plusieurs utilisations.\u003c\/p\u003e  \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ePlus de sacs par sac intérieur\u003c\/strong\u003e \u003cp\u003eVous disposez de 80 cm de film en plus par cassette, car la consommation inutile de film due au glissement est éliminée.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMise à niveau facile\u003c\/strong\u003e \u003cp\u003eLe kit antidérapant peut être facilement installé a posteriori sur n'importe quel modèle Clesana C1.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 clips à ressort (antidérapants)\u003c\/li\u003e \u003cli\u003eUn ressort de couvercle 1 fois plus résistant\u003c\/li\u003e \u003cli\u003e1 carte avec des instructions vidéo pour un montage facile\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eClesana C1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposition des matériaux\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA6 (polyamide 6)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eAugmentation du rendement des navires de ligne\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e+80 cm pour les bacs\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eClips inclus\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2 clips à ressort\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eRessort de couvercle inclus\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUn ressort de couvercle 1 fois plus résistant\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorme de construction\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePièce de rechange d'origine de conception suisse\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738371169,"sku":"EU-10040040","price":39.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/01_Anti-Slip_C1.jpg?v=1773837533"},{"product_id":"x1-floor-mounting-kit","title":"Kit de fixation au sol Clesana X1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana X1 Accessories (Blue Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #018289 (X1 Teal\/Blue) for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #018289;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #018289;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #018289;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 50%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #018289; color: white !important; } .cd-btn-supplies:hover { background: #016b71; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px auto;     position: relative;     z-index: 1; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item video {     width: 100%;     aspect-ratio: 16 \/ 9;     display: block;     background: #000000; } .cd-video-label {     border-top: 1px solid #e2e8f0;     color: #018289;     padding: 8px 10px;     font-weight: 900;     text-transform: uppercase;     letter-spacing: 1px;     text-align: center; } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0;     flex: 1 1 350px; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #018289;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #018289;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #018289; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #018289;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #018289; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #018289 !important; border-bottom-color: #018289; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      border-bottom: 2px solid #018289;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #018289;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO LAYOUT --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #018289;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #018289;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #018289;     text-transform: uppercase;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #0f172a;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }     .cd-video-grid { grid-template-columns: 1fr; gap: 12px; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit de fixation au sol Clesana X1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eLe kit de fixation au sol (en option) permet de fixer les toilettes Clesana X1 sans avoir à les visser directement au sol.\u003c\/p\u003e \u003cp\u003eCette configuration de plaque de fixation sur mesure offre une solution d'ancrage au sol soignée et permanente pour les caravanes, les camping-cars et les salles de bains des cabines. Elle permet aux utilisateurs de fixer solidement le système X1, garantissant ainsi une grande stabilité pendant le transport tout en conservant un accès facile lorsque des réglages ou un nettoyage en profondeur s'avèrent nécessaires.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de fixation au sol X1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eFixez vos toilettes sans utiliser de vis de fixation directes au plancher du châssis.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1\" class=\"cd-btn cd-btn-supplies\"\u003e Retour aux toilettes X1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e     \u003cdiv class=\"cd-video-item\"\u003e         \u003cvideo controls preload=\"metadata\"\u003e             \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/78a04a0ebd974018a61906338ea6b0df.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eComment installer\u003c\/div\u003e     \u003c\/div\u003e     \u003cdiv class=\"cd-video-item\"\u003e         \u003cvideo controls preload=\"metadata\"\u003e             \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/dc9c26dbba8947148176068ecd350109.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eInstallation des clips de fixation\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eSécurité structurelle\u003c\/span\u003e \u003ch2\u003eVerrouillage de la protection du châssis\u003c\/h2\u003e \u003cp\u003eÉliminez tout jeu sur les routes accidentées. Ce kit de fixation est équipé d'un système de verrouillage rapide ultra-résistant qui maintient fermement la base télescopique de votre X1. En répartissant le poids sur plusieurs points de fixation en composite, il protège les sols délicats de l'habitacle.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit de fixation X1\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/05_Clesana-X1_1800x1800_1800x1800_3fc6ce7e-10f3-439d-a40d-1ed78a30caf4.jpg\" alt=\"Installation du support télescopique Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eStable et sécurisé\u003c\/strong\u003e \u003cp\u003eEmpêche les déplacements ou la rotation des toilettes pendant les trajets en voiture ou lors d'une utilisation quotidienne intensive à la maison.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtégez vos sols\u003c\/strong\u003e \u003cp\u003eGrâce à la conception spéciale du profilé de loquet, il n'est plus nécessaire de visser directement à travers le corps de la cuvette.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ePrêt à l'emploi\u003c\/strong\u003e \u003cp\u003eLa simplicité de l'installation permet une mise en place rapide dans les salles de bains des camping-cars, avec un minimum d'outils.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 loquets\u003c\/li\u003e \u003cli\u003eUne fois, les lèvres\u003c\/li\u003e \u003cli\u003e10 vis à bois\u003c\/li\u003e \u003cli\u003e1 notice de montage\u003c\/li\u003e \u003cli\u003e1 aide au perçage\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eToilettes étanches Clesana X1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA (polyamide)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eDurée d'installation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e~15 Minutes\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eType de montage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFermeture rapide pour dalle de plancher\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCharnières\/loquets inclus\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2 loquets\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorme de conception\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePièce de rechange d'origine de conception suisse\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753737814113,"sku":"EU-10040060","price":59.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/X1_Floor_Mounting_Kit_1.jpg?v=1773837358"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/collections\/Clesana_Logo_Image1_70f32e81-fe37-428d-a686-5be7691330fc.png?v=1794516159","url":"https:\/\/thecabindepot.ca\/fr\/collections\/clesana-mounting-adapters-installation-kits.oembed","provider":"The Cabin Depot","version":"1.0","type":"link"}