{"title":"Toilettes Clesana au Canada pour les chalets hors réseau et la vie sans eau","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* Author: Kenton Jones\n   Contact: kenton.jones@cabindepot.com\n   Brand: Clesana Universal Collection (Vibrant Hybrid Theme)\n\n   CODE ARCHITECTURE:\n   1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).\n   2. Design: High-vibrancy, bright sales aesthetic without heavy black\/slate anchors.\n   3. Grid Logic: Strict 3-column or 1-column toggle to prevent awkward 2-on-1 wrapping.\n*\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap');\n\n.cd-clesana-wrapper {\n    font-family: 'Lato', sans-serif;\n    color: #334155;\n    line-height: 1.5;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n\/* --- Vibrant Hero Section --- *\/\n.cd-hero-card {\n    background: #ffffff;\n    border: 2px solid #e2e8f0;\n    border-radius: 24px;\n    overflow: hidden;\n    margin-bottom: 15px;\n    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05);\n}\n\n.cd-hero-text {\n    padding: 30px 40px;\n    text-align: center;\n}\n\n.cd-hero-visual {\n    width: 100%;\n    height: 380px;\n    background: #f8fafc url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/04_Clesana-X1_1800x1800_1800x1800_e9c23339-17b5-4ea7-abc1-0730647cb5cf.jpg?v=1773756930') no-repeat center center;\n    background-size: cover;\n    position: relative;\n    border-top: 1px solid #e2e8f0;\n}\n\n\/* --- BOTTOM-RIGHT GENTLE ROCKING SWISS BADGE --- *\/\n.cd-swiss-hero-badge {\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    width: 85px;\n    height: auto;\n    background: white;\n    padding: 8px;\n    border-radius: 12px;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n    border: 2px solid #018289;\n    animation: cdTilt 12s infinite ease-in-out;\n    will-change: transform;\n}\n\n@keyframes cdTilt {\n    0% { transform: rotate(0deg); }\n    25% { transform: rotate(-3deg); }\n    75% { transform: rotate(3deg); }\n    100% { transform: rotate(0deg); }\n}\n\n.cd-tag {\n    display: inline-block;\n    background: linear-gradient(90deg, #a22067 0%, #018289 100%);\n    color: #ffffff;\n    font-weight: 900;\n    padding: 4px 16px;\n    border-radius: 99px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 15px;\n    font-size: 0.85em;\n}\n\n.cd-clesana-wrapper h1 {\n    font-weight: 900;\n    color: #018289;\n    margin: 0 0 12px 0;\n    font-size: 2.2em;\n    text-transform: uppercase;\n}\n\n.cd-hero-card p {\n    font-size: 1.1em;\n    max-width: 800px;\n    margin: 0 auto 20px auto;\n}\n\n\/* --- Cohesive Highlight Metrics --- *\/\n.cd-highlight-row {\n    display: flex;\n    gap: 30px;\n    justify-content: center; \n    align-items: center;\n}\n\n.cd-highlight-item { text-align: center; }\n\n.cd-highlight-item span.main {\n    display: block;\n    font-weight: 900;\n    color: #a22067;\n    font-size: 1.2em;\n    line-height: 1;\n}\n\n.cd-highlight-item span.sub {\n    font-weight: 800;\n    text-transform: uppercase;\n    color: #64748b;\n    font-size: 0.75em;\n    letter-spacing: 1px;\n}\n\n.cd-divider {\n    width: 2px;\n    height: 35px;\n    background: linear-gradient(0deg, #a22067 0%, #018289 100%);\n    opacity: 0.3;\n}\n\n\/* --- Feature Grid (STRICT 3 COLUMN) --- *\/\n.cd-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 15px;\n    margin-bottom: 15px;\n}\n\n.cd-feature-box {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    padding: 25px 20px;\n    border-radius: 20px;\n    text-align: center;\n    transition: transform 0.2s ease;\n}\n\n.cd-feature-box h4 {\n    margin: 10px 0 5px 0;\n    font-weight: 900;\n    text-transform: uppercase;\n    color: #018289; \/* Teal color for cohesive highlight *\/\n}\n\n.cd-feature-box p { margin: 0; font-size: 0.9em; }\n\n.cd-icon-circle {\n    width: 50px;\n    height: 50px;\n    margin: 0 auto 10px auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n}\n\n\/* Pink Series Icon theme *\/\n.bg-pink-soft { background: #fff1f8; color: #a22067; }\n\n\/* --- Action \u0026 Support Section --- *\/\n.cd-action-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 15px;\n    width: 100%;\n}\n\n.cd-action-card {\n    flex: 1 1 500px;\n    background: #ffffff;\n    border: 2px solid #e2e8f0;\n    padding: 25px;\n    border-radius: 24px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.02);\n}\n\n.cd-action-card h3 { \n    margin: 0 0 4px 0; \n    font-weight: 900; \n    color: #018289 !important; \n    text-transform: uppercase;\n}\n\n.cd-action-card p { margin: 0; font-weight: 700; color: #64748b; }\n\n.cd-btn-parts {\n    background: #a22067;\n    color: white !important;\n    text-decoration: none !important;\n    padding: 12px 24px;\n    border-radius: 12px;\n    font-weight: 900;\n    text-transform: uppercase;\n    box-shadow: 0 4px 10px rgba(162, 32, 103, 0.2);\n    transition: all 0.2s ease;\n}\n.cd-btn-parts:hover { background: #861a55; transform: translateY(-2px); }\n\n.cd-support-card {\n    flex: 1 1 350px;\n    background: linear-gradient(135deg, #018289 0%, #016b71 100%);\n    color: white;\n    padding: 25px;\n    border-radius: 24px;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 4px 12px rgba(1, 130, 137, 0.2);\n}\n\n.cd-support-info strong { \n    display: block;\n    text-transform: uppercase; \n    color: #ffffff; \n    opacity: 0.9;\n    font-size: 0.75em;\n    letter-spacing: 1px;\n}\n\n.cd-support-info a { \n    color: white !important; \n    font-weight: 900; \n    text-decoration: none !important; \n    font-size: 1.4em;\n    line-height: 1;\n}\n\n\/* --- Mobile Responsiveness --- *\/\n@media (max-width: 900px) {\n    .cd-feature-grid { grid-template-columns: 1fr; gap: 12px; }\n    .cd-hero-visual { height: 280px; }\n    .cd-clesana-wrapper h1 { font-size: 1.8em; }\n}\n\n@media (max-width: 768px) {\n    .cd-hero-text { padding: 30px 20px; }\n    .cd-highlight-row { gap: 15px; }\n    .cd-action-card { flex-direction: column; text-align: center; gap: 20px; }\n    .cd-support-card { justify-content: center; text-align: center; flex-direction: column; }\n    .cd-support-info { align-items: center; }\n}\n\n\u003c\/style\u003e\n\u003cdiv class=\"cd-clesana-wrapper\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"cd-hero-card\"\u003e\n\u003cdiv class=\"cd-hero-text\"\u003e\n\u003cdiv class=\"cd-tag\"\u003ePartenaire officiel de Clesana\u003c\/div\u003e\n\u003ch1\u003eLa révolution sanitaire\u003c\/h1\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThe Cabin Depot® est un partenaire officiel de Clesana et l'un des rares détaillants canadiens autorisés à proposer l'intégralité de la gamme de toilettes Clesana. Clesana est un système de toilettes sans eau de fabrication suisse qui utilise une technologie de scellage thermique pour emballer et sceller les déchets de manière hygiénique après chaque utilisation, sans eau, sans produits chimiques et sans nécessiter d'installation de plomberie.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003ePour les propriétaires de chalets, les adeptes des « tiny homes » et tous ceux qui vivent hors réseau sans accès à une plomberie traditionnelle, les toilettes Clesana constituent une solution d'assainissement propre et nécessitant peu d'entretien, qui fonctionne partout.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"cd-highlight-row\"\u003e\n\u003cdiv class=\"cd-highlight-item\"\u003e\n\u003cspan class=\"main\"\u003e100 % anti-odeurs\u003c\/span\u003e \u003cspan class=\"sub\"\u003eBarrière médicale\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-divider\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"cd-highlight-item\"\u003e\n\u003cspan style=\"color: #018289;\" class=\"main\"\u003eAutonome en eau\u003c\/span\u003e \u003cspan class=\"sub\"\u003ePas de « Black Tanks »\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-hero-visual\"\u003e\n\u003c!-- Badge positioned in bottom-right corner with restored tilt animation --\u003e \u003cimg alt=\"Qualité suisse\" class=\"cd-swiss-hero-badge\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Benefits Section (Teal Headings \/ Pink Icons) --\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-box\"\u003e\n\u003cdiv class=\"cd-icon-circle bg-pink-soft\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eHygiène certifiée\u003c\/h4\u003e\n\u003cp\u003eLa technologie de soudure thermique permet d'obtenir une fermeture hermétique, garantissant ainsi un intérieur frais et exempt de germes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-box\"\u003e\n\u003cdiv class=\"cd-icon-circle bg-pink-soft\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\u003cpath d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eÉlimination standard\u003c\/h4\u003e\n\u003cp\u003eLes sachets hermétiques sont hygiéniques et étanches, ce qui permet de les jeter sans difficulté avec les ordures ménagères habituelles.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-box\"\u003e\n\u003cdiv class=\"cd-icon-circle bg-pink-soft\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"24\" width=\"24\"\u003e\u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpolyline points=\"12 6 12 12 16 14\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003ch4\u003eAucun entretien\u003c\/h4\u003e\n\u003cp\u003ePas de préparation pour l'hiver, pas d'additifs chimiques et pas de système d'évacuation des eaux usées nécessaire. Il suffit de l'installer et de ne plus s'en soucier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Supplies and Support Footer --\u003e\n\u003cdiv class=\"cd-action-row\"\u003e\n\u003cdiv class=\"cd-action-card\"\u003e\n\u003cdiv\u003e\n\u003ch3\u003eConsommables informatiques\u003c\/h3\u003e\n\u003cp\u003eRecharges pour doublures, absorbeurs et pièces détachées.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"cd-btn-parts\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003eAcheter des fournitures\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-support-card\"\u003e\n\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2.5\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\"\u003e\u003cpath d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n\u003cdiv class=\"cd-support-info\"\u003e\n\u003cstrong\u003eVous avez des questions ? Appelez-nous !\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 25px; opacity: 0.7; font-size: 0.8em;\"\u003eDu matériel de qualité pour profiter pleinement de la vie, à l'intérieur comme à l'extérieur.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e","products":[{"product_id":"clesana-c1-with-round-socket","title":"Clesana C1 avec douille ronde","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 (Pink Series - Round Socket)    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. Desktop centering for expertise row with mobile-specific whitespace 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: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     display: block; } .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; } .cd-youtube-channel-link {     color: #64748b !important;     font-weight: 700;     text-decoration: none;     border-bottom: 1px dashed rgba(100, 116, 139, 0.4);     display: inline-block;     transition: all 0.2s ease;     margin-top: 12px; } .cd-youtube-channel-link:hover {     color: #a22067 !important;     border-bottom-color: #a22067; } \/* --- 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; }     .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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eToilettes Clesana C1 à joint d'étanchéité (raccord rond)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eUne sécurité éprouvée, un confort optimal : Clesana C1, les toilettes à joint d'étanchéité haut de gamme répondant aux normes les plus strictes. Conçues à l'origine pour un usage clinique, elles respectent également les normes d'hygiène médicale dans le domaine du caravaning — avec fiabilité et propreté.\u003c\/p\u003e \u003cp\u003eLe Clesana C1 fonctionne presque comme à la maison. Mais sans eau ni produits chimiques.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLes toilettes à joint d'étanchéité\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003ePour un placement libre dans la pièce et pour une installation a posteriori.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-variant\"\u003e Passer à L \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Boutique Clesana Supplies \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 \u003ciframe title=\"Clesana Introduction\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/s6NDeM_vhrQ\"\u003e\u003c\/iframe\u003e \u003cdiv class=\"cd-video-label\"\u003eIntroduction\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003ciframe title=\"Retro-Fit Guide\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/0oUFew7_C6g\"\u003e\u003c\/iframe\u003e \u003cdiv class=\"cd-video-label\"\u003eGuide de mise à niveau\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; font-size: 0.75em;\"\u003eFlexibilité d'installation\u003c\/span\u003e \u003ch2\u003eLe socle à douille ronde\u003c\/h2\u003e \u003cp\u003e\u003ci\u003eGrâce à sa simplicité d'installation, le C1 peut être installé a posteriori n'importe où et est immédiatement prêt à l'emploi.\u003c\/i\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eModèle standard au sol\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\u003eThermo-pression\u003c\/strong\u003e \u003cp\u003eUn mécanisme breveté de thermo-compression scelle automatiquement et en toute sécurité les déchets dans un sac en film haute barrière d'une simple pression sur un bouton. Cela vous protège, vous et votre environnement.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtection clinique\u003c\/strong\u003e \u003cp\u003eConçu à l'origine pour un usage clinique, il répond également aux normes d'hygiène médicale dans le domaine du caravaning — avec fiabilité et propreté.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ePrêt à l'emploi\u003c\/strong\u003e \u003cp\u003eGrâce à sa simplicité d'installation, le C1 peut être installé a posteriori n'importe où et est immédiatement prêt à l'emploi.\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 de la boîte\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\u003e1x Clesana C1\u003c\/li\u003e \u003cli\u003e2 contacts à sertir, Anderson SB50 50 A, référence 5952\u003c\/li\u003e \u003cli\u003e1 boîtier de connecteur à 2 broches, boîtier de connecteur Anderson SB50 992G1\u003c\/li\u003e \u003cli\u003e1 manuel d'utilisation Clesana C1\u003c\/li\u003e \u003cli\u003e1 autocollant avec mode d'emploi\u003c\/li\u003e \u003cli\u003e1 manuel d'installation Clesana C1\u003c\/li\u003e \u003cli\u003e1 feuille de protection à haute barrière C1\u003c\/li\u003e \u003cli\u003e1 paquet de Super-Absorber\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\"\u003eCapacité de charge\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e150 kg\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTension nominale\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e12 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation de courant (max.)\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e22 A\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation électrique en mode veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,28 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation d'énergie pendant le processus de scellage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,55 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eProcédé d'étanchéification et de séparation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,7 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCycle de scellage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eenviron 50 secondes\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTempérature de fonctionnement\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e5 à 40 °C\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; margin-top: 30px; margin-bottom: 10px;\"\u003e \u003ca href=\"https:\/\/www.youtube.com\/@clesana_international\" target=\"_blank\" class=\"cd-youtube-channel-link\"\u003eRendez-vous sur la chaîne YouTube officielle de Clesana\u003c\/a\u003e \u003c\/p\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 ","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738240097,"sku":"EU-10010010","price":2599.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Round.jpg?v=1773767646"},{"product_id":"clesana-c1-with-l-adapter","title":"Clesana C1 avec adaptateur en 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 (Pink Series - L-Adapter)    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. Desktop centering for expertise row with mobile-specific whitespace 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: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     display: block; } .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; } .cd-youtube-channel-link {     color: #a22067 !important;     font-weight: 900;     text-decoration: none;     border-bottom: 1px dashed rgba(162, 32, 103, 0.4);     display: inline-block;     transition: all 0.2s ease;     margin-top: 12px; } .cd-youtube-channel-link:hover {     color: #861a55 !important;     border-bottom-color: #861a55; } \/* --- 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; }     .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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eToilettes étanches Clesana C1 (L)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eUne sécurité éprouvée, un confort optimal : Clesana C1, les toilettes à joint d'étanchéité haut de gamme qui répondent aux normes les plus strictes. Conçues à l'origine pour un usage clinique, elles respectent également les normes d'hygiène médicale dans le domaine du caravaning — avec fiabilité et propreté.\u003c\/p\u003e \u003cp\u003eLe Clesana C1 fonctionne presque comme à la maison. Mais sans eau ni produits chimiques.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eAdaptateur en L pour WC à joint d'étanchéité\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003ePour une mise à niveau rapide et facile, notamment pour les séries Thetford C220 et C260.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-round-socket\" class=\"cd-btn cd-btn-variant\"\u003e Passer à une prise ronde \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Boutique Clesana Supplies \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 \u003ciframe title=\"Clesana Introduction\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/s6NDeM_vhrQ\"\u003e\u003c\/iframe\u003e \u003cdiv class=\"cd-video-label\"\u003eIntroduction\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003ciframe title=\"Retro-Fit Guide\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/0oUFew7_C6g\"\u003e\u003c\/iframe\u003e \u003cdiv class=\"cd-video-label\"\u003eGuide de mise à niveau\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; font-size: 0.75em;\"\u003eSpécialiste en installation\u003c\/span\u003e \u003ch2\u003eSocle L pour mise à niveau\u003c\/h2\u003e \u003cp\u003e\u003ci\u003eGrâce à sa simplicité d'installation, le C1 peut être installé a posteriori n'importe où et est immédiatement prêt à l'emploi.\u003c\/i\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eInstallation murale a posteriori\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\u003eThermo-pression\u003c\/strong\u003e \u003cp\u003eUn mécanisme breveté de thermo-compression scelle automatiquement et efficacement les déchets dans un sac en film haute barrière d'une simple pression sur un bouton. Cela vous protège, vous et votre environnement.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtection clinique\u003c\/strong\u003e \u003cp\u003eConçu à l'origine pour un usage clinique, il répond également aux normes d'hygiène médicale dans le domaine du caravaning — avec fiabilité et propreté.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ePrêt à l'emploi\u003c\/strong\u003e \u003cp\u003eGrâce à sa simplicité d'installation, le C1 peut être installé a posteriori n'importe où et est immédiatement prêt à l'emploi.\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 de la boîte\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\u003e1x Clesana C1\u003c\/li\u003e \u003cli\u003e2 contacts à sertir, Anderson SB50 50 A, référence 5952\u003c\/li\u003e \u003cli\u003e1 boîtier de connecteur à 2 broches, boîtier de connecteur Anderson SB50 992G1\u003c\/li\u003e \u003cli\u003e1 manuel d'utilisation Clesana C1\u003c\/li\u003e \u003cli\u003e1 autocollant avec mode d'emploi\u003c\/li\u003e \u003cli\u003e1 manuel d'installation Clesana C1\u003c\/li\u003e \u003cli\u003e1 feuille de protection à haute barrière C1\u003c\/li\u003e \u003cli\u003e1 paquet de Super-Absorber\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\"\u003eCapacité de charge\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e150 kg\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTension nominale\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e12 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation de courant (max.)\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e22 A\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation électrique en mode veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,28 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation d'énergie pendant le processus de scellage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,55 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eProcédé d'étanchéification et de séparation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,7 Wh\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCycle de scellage\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eenviron 50 secondes\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTempérature de fonctionnement\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e5 à 40 °C\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"cd-data-header\"\u003ePour l'installation\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePour un raccordement direct à la batterie auxiliaire : Clesana Power Management sans câble.\u003c\/li\u003e \u003cli\u003ePour une installation avec batterie tampon : Clesana Power Management, câble compris.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; margin-top: 30px; margin-bottom: 10px;\"\u003e \u003ca href=\"https:\/\/www.youtube.com\/@clesana_international\" target=\"_blank\" class=\"cd-youtube-channel-link\"\u003eRendez-vous sur la chaîne YouTube officielle de Clesana\u003c\/a\u003e \u003c\/p\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":43753738403937,"sku":"EU-10010020","price":2599.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana-C1-L-Adapter-760x530-1.jpg?v=1773767270"},{"product_id":"c1-barrier-foil-liner","title":"Film de revêtement haute barrière 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)    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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #0f172a;      color: white !important;      border-color: #0f172a; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #a22067;     color: #a22067 !important;     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; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #a22067;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #861a55;     transform: scale(1.02); } \/* --- 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: #a22067;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eDoublure en film haute barrière Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eSacs en film haute barrière Clesana pour les toilettes hermétiques Clesana C1. Ce film haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre les odeurs et l'humidité.\u003c\/p\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller jusqu'à 40 sachets en moyenne.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner standard C1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa version robuste pour l'élimination standard des déchets.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO (biologique) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Passer à 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\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePose des revêtements C1\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; font-size: 0.75em;\"\u003eConfiance en matière d'hygiène\u003c\/span\u003e \u003ch2\u003eBarrière de qualité médicale\u003c\/h2\u003e \u003cp\u003eLa doublure en film haute barrière C1 est dotée d'une structure haute densité qui retient efficacement les gaz et les liquides. Elle constitue ainsi le choix idéal pour les séjours de longue durée hors réseau. Un paquet de doublures contient suffisamment de matériau pour fabriquer en moyenne 40 sacs de taille standard.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eHaute barrière\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.jpg?v=1773768901\" alt=\"Doublure en film haute barrière Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eCe film à haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre la pénétration des odeurs et de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller jusqu'à 40 sachets en moyenne.\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 class=\"cd-list-header\" style=\"margin-top: 0;\"\u003esommaire\u003c\/li\u003e \u003cli\u003e2 sachets en film haute barrière par paquet\u003c\/li\u003e \u003cli\u003eGuide pédagogique\u003c\/li\u003e \u003cli\u003eEmballage hermétique avec indication de la durée de conservation\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\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² par bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ m²\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"cd-data-header\"\u003ePour l'installation\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePour un raccordement direct à la batterie auxiliaire : Clesana Power Management sans câble.\u003c\/li\u003e \u003cli\u003ePour une installation avec batterie tampon : Clesana Power Management, câble compris.\u003c\/li\u003e \u003c\/ul\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":43753738535009,"sku":"EU-10020010","price":49.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.jpg?v=1773771227"},{"product_id":"c1-bio-barrier-foil-liner","title":"Clesana C1 BIO - Film barrière","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 BIO (Pink \u0026 Green Hybrid Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Pink (#a22067) used for C1 Brand Highlights.    4. Green (#166534) used for BIO Category Highlights.    5. 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: #166534;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #166534;     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: #166534;     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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #166534;      color: white !important;      border-color: #166534; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #a22067;     color: #a22067 !important;     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: #166534;     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: #166534;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #a22067;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #861a55;     transform: scale(1.02); } \/* --- 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 #166534;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #166534; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #166534;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #166534; 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: #166534 !important; border-bottom-color: #166534; } \/* --- 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; } .header-pink {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-green {      border-bottom: 2px solid #166534;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #166534;      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 #166534;      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: #166534;     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: #166534;     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: #a22067;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1 BIO : film de revêtement haute barrière\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eLe film bio haute barrière certifié DIN est fabriqué à partir de biomasse et de matériaux recyclés et offre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité. Il garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique. Un film bio haute barrière neuf permet de sceller en moyenne jusqu'à 40 sacs.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1 BIO (biomasse) - Revêtement\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUne conception respectueuse de l'environnement, fabriquée à partir de biomasse et de matériaux recyclés.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Passer à 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\/b313d792df3541fead24904680990e19.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation des revêtements C1 BIO\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: #166534; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eScience durable\u003c\/span\u003e \u003ch2\u003eBarrière d'origine biologique\u003c\/h2\u003e \u003cp\u003eLa doublure en film haute barrière BIO offre une barrière à l'oxygène encore plus efficace que le modèle standard, garantissant ainsi une rétention maximale des odeurs. Un paquet permet de réaliser environ 40 sachets scellés, pour une utilisation sûre et hygiénique, sans impact chimique.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 BIO Biomasse\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Bio_High-barrier_film_liner_C1_1.jpg?v=1773768811\" alt=\"Clesana C1 BIO : film de revêtement haute barrière\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eCe film à haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre la pénétration des odeurs et de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle doublure en film bio haute barrière permet de sceller jusqu'à 40 sachets en moyenne.\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=\"header-pink\"\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 sachets en film haute barrière par paquet\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,14 cm³ \/ (m²·bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,42 g \/ m²\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\" style=\"margin-top: 20px;\"\u003e \u003cdiv class=\"header-green\"\u003ePour l'installation\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePour un raccordement direct à la batterie auxiliaire : Clesana Power Management sans câble.\u003c\/li\u003e \u003cli\u003ePour une installation avec batterie tampon : Clesana Power Management, câble compris.\u003c\/li\u003e \u003c\/ul\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":43753738633313,"sku":"EU-10020040","price":64.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/BioHigh-barrierfilmlinerC1_1.jpg?v=1773771184"},{"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-power-management-incl-cable","title":"Clesana C1 - Gestion de l'alimentation (câble inclus)","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 iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     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 gestion de l'alimentation Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eUne installation électrique simple et encore plus d'autonomie !\u003c\/p\u003e \u003cp\u003eLe Clesana Power Management combine les fonctions d'un relais et d'un chargeur CC\/CC. Associé à une batterie de secours, le Clesana C1 équipé du Clesana Power Management s'installe rapidement et facilement grâce à ses câbles pré-assemblés. L'entrée de commande permet l'alimentation en courant depuis la batterie de secours lorsque le Clesana C1 est en service. Lorsque le Clesana C1 est en mode veille, la batterie de secours est chargée avec un courant de charge de 2 A via le Clesana Power Management. La commande s'effectue facilement via un câble à pôle positif permanent de 12 V. Même en cas de défaillance de la batterie embarquée, le Clesana C1 peut toujours fonctionner grâce à la batterie de secours.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de gestion de l'alimentation Clesana\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUne installation électrique simple et encore plus d'autonomie !\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         \u003ciframe title=\"How to Install\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/tCGbUc8gbrQ\"\u003e\u003c\/iframe\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;\"\u003ePuissance continue\u003c\/span\u003e \u003ch2\u003eRelais de sécurité autonome\u003c\/h2\u003e \u003cp\u003eLe module de gestion de l'alimentation gère de manière transparente la recharge en mode veille et la distribution de l'énergie pendant l'utilisation. En basculant automatiquement sur la batterie de secours si la batterie principale embarquée vient à manquer, il garantit le fonctionnement propre et fiable de vos toilettes sans eau pendant vos déplacements.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit d'alimentation\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 relatifs à l'installation et à l'alimentation électrique\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRelais et chargeur CC\/CC\u003c\/strong\u003e \u003cp\u003eRéunit un relais de charge intelligent et un système de conversion de puissance au sein d'un seul module intégré.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eCâbles pré-assemblés\u003c\/strong\u003e \u003cp\u003eLivré avec des jeux de câbles haut de gamme préparés en usine pour garantir une installation rapide et facile.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eVeille permanente\u003c\/strong\u003e \u003cp\u003eRecharge la batterie de secours avec un courant de charge constant de 2 A dès que C1 est en mode veille.\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 module de gestion de l'alimentation Clesana (de Votronic)\u003c\/li\u003e \u003cli\u003e1 jeu de câbles de batterie comprenant un fusible de 30 A\u003c\/li\u003e \u003cli\u003e1 jeu de câbles pour WC, comprenant les contacts et la fiche\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eNon compris :\u003c\/li\u003e \u003cli\u003eLa batterie de secours n'est pas fournie !\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\"\u003eTension nominale de la batterie\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e12 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePlage de tension d'entrée\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10,5 à 14,8 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation électrique en mode veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003etrois milliampères\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation maximale de courant\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2.2 A\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 d'origine Votronic pour Clesana\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":43753738043489,"sku":"EU-10050030","price":199.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Power-Management_C_1.jpg?v=1773837875"},{"product_id":"c1-power-management-excl-cable","title":"Clesana C1 - Gestion de l'alimentation (câble non inclus)","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\u003eClesana C1 Gestion de l'alimentation (unité de relais)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eRéduisez le courant de veille au minimum ! Le système de gestion de l'alimentation Clesana peut être utilisé comme simple relais. Le courant de veille est près de 10 fois inférieur à celui du Clesana C1 (30 mA). La commande s'effectue facilement via un câble à polarité positive permanente de 12 V. Autre avantage : il est toujours possible d'étendre ultérieurement le système de gestion de l'alimentation pour inclure un fonctionnement sur batterie de secours.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eClesana Power Management (unité de relais)\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eRéduisez au minimum le courant de veille !\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;\"\u003ePuissance continue\u003c\/span\u003e \u003ch2\u003eRelais de sécurité autonome\u003c\/h2\u003e \u003cp\u003eLe module de gestion de l'alimentation gère de manière transparente la recharge en mode veille et la distribution de l'énergie pendant l'utilisation. En basculant automatiquement sur la batterie de secours si la batterie principale embarquée vient à manquer, il assure le fonctionnement propre et fiable de vos toilettes sans eau pendant vos déplacements.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eUnité de relais\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 relatifs à l'installation et à l'alimentation électrique\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRelais et chargeur CC\/CC\u003c\/strong\u003e \u003cp\u003eRéunit un relais de charge intelligent et un système de conversion de puissance au sein d'un seul module intégré.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eConsommation parasite minimale\u003c\/strong\u003e \u003cp\u003eRéduit la consommation en veille de près de 10 fois par rapport aux configurations standard afin de préserver la durée de vie des batteries.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eVeille permanente\u003c\/strong\u003e \u003cp\u003ePrêt pour une intégration directe du câblage et une extension future aisée vers un fonctionnement sur batterie.\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 module de gestion de l'alimentation Clesana (par Votronic)\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eNon compris :\u003c\/li\u003e \u003cli\u003eLa batterie de secours et les jeux de câbles ne sont pas fournis !\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eBatteries de secours recommandées :\u003c\/li\u003e \u003cli\u003eVoltic Sportivo LI-02 3 Ah LTM9\u003c\/li\u003e \u003cli\u003eExide LI-ION ELTX9 YTX9-BS\u003c\/li\u003e \u003cli\u003eExide LI-ION ELT9B AH\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\"\u003eTension nominale de la batterie\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e12 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePlage de tension d'entrée\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10,5...14,8 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsommation électrique en mode veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003etrois milliampères\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003econsommation maximale de courant\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2.2 A\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 d'origine Votronic pour Clesana\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":43753738207329,"sku":"EU-10050010","price":159.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana-power-management-1.jpg?v=1773837754"},{"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":"clesana-x1","title":"Clesana X1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana X1 (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 all primary 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: 600px;     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(3, 1fr);     gap: 12px;     margin: 24px 0; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     display: block; } .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; } .cd-youtube-channel-link {     color: #018289 !important;     font-weight: 700;     text-decoration: none;     border-bottom: 1px dashed rgba(1, 130, 137, 0.4);     display: inline-block;     transition: all 0.2s ease;     margin-top: 12px; } .cd-youtube-channel-link:hover {     color: #016b71 !important;     border-bottom-color: #016b71; } \/* --- 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; }     .cd-video-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } } @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\n\u003cdiv class=\"cd-product-description\"\u003e\n\u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eToilettes portables Clesana X1 à fermeture hermétique\u003c\/strong\u003e\u003c\/h1\u003e\n\u003csection class=\"cd-intro-text\"\u003e\n\u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Autonome.\u003c\/p\u003e\n\u003cp\u003eUne multitude d'exigences, une solution unique : la nouvelle Clesana X1 scelle automatiquement les déchets de manière sécurisée dans un film haute barrière. Cela vous protège, vous et votre environnement. Peu importe où vous vous rendez : la Clesana X1 est autonome, hygiénique et s'adapte à tous les véhicules.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eLes toilettes mobiles étanches\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eConçu pour une mobilité totale et des opérations flexibles et autonomes partout.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-action-area\"\u003e\n\u003cdiv class=\"cd-btn-row\"\u003e\n\u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1-procharge\" class=\"cd-btn cd-btn-variant\"\u003e Passez à X1 ProCharge \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Boutique Clesana Supplies \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Video Gallery --\u003e\n\u003cdiv class=\"cd-video-grid\"\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe title=\"Clesana Introduction\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/wu-dqN8tBvY\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eIntroduction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe title=\"Scope of Delivery\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/paNrM9oPhGI\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eContenu de la livraison\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe title=\"Power Options\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/IVn2Qq90SaU\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eOptions d'alimentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-expertise-row\"\u003e\n\u003cdiv class=\"cd-text-entity\"\u003e\n\u003cspan style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eConception brevetée\u003c\/span\u003e\n\u003ch2\u003eMécanisme télescopique\u003c\/h2\u003e\n\u003cp\u003e\u003ci\u003ePrêt à l'emploi en quelques secondes. Le mécanisme télescopique breveté garantit un encombrement minimal pour le transport, tout en offrant une hauteur d'assise standard une fois déployé. N'utilise ni eau ni produits chimiques.\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-image-entity\"\u003e\n\u003cspan class=\"cd-badge\"\u003eNorme mobile\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=\"Intérieur de la cuvette de WC Clesana X1\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eEncombrement minimal\u003c\/strong\u003e\n\u003cp\u003eGrâce à son mécanisme télescopique breveté, il se monte en quelques secondes et se replie pour former un ensemble de voyage extrêmement compact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eHauteur d'assise confortable\u003c\/strong\u003e\n\u003cp\u003eUne hauteur d'assise confortable de 407 mm garantit une ergonomie familière, comme à la maison, quel que soit l'endroit où vous campez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eAlimentation électrique flexible\u003c\/strong\u003e\n\u003cp\u003eAdapté à toutes les configurations électriques grâce à la prise en charge intégrée des tensions 12\/24 V, 110-240 V et des batteries 18 V.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\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\n\u003cul class=\"cd-data-list\"\u003e\n\u003cli\u003e1x Clesana X1\u003c\/li\u003e\n\u003cli\u003e1 prise pour véhicule 12 V\/24 V\u003c\/li\u003e\n\u003cli\u003e1 adaptateur secteur pour une alimentation de 100 V à 240 V\u003c\/li\u003e\n\u003cli\u003e1 manuel d'utilisation\u003c\/li\u003e\n\u003cli\u003e1 guide de démarrage rapide\u003c\/li\u003e\n\u003cli\u003e1 carte de service\u003c\/li\u003e\n\u003cli\u003e1 feuille de protection à haute barrière X1\u003c\/li\u003e\n\u003cli\u003e1 paquet de Super-Absorber\u003c\/li\u003e\n\u003cli class=\"cd-list-header\"\u003eNon compris dans la livraison :\u003c\/li\u003e\n\u003cli\u003eBatterie Einhell 18 V Power X-Change\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eTension d'alimentation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e11 - 28 V\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation maximale de courant\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 A\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation en veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e140 mW (12 V)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation d'énergie pendant le processus de séparation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,0 Wh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003ePoids net\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e11,3 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eDimensions\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eH 302 mm x L 344 mm x P 384 mm (en position repliée)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eHauteur du siège\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e407 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 30px; margin-bottom: 10px;\"\u003e\u003ca href=\"https:\/\/www.youtube.com\/@clesana_international\" class=\"cd-youtube-channel-link\" target=\"_blank\"\u003eRendez-vous sur la chaîne YouTube officielle de Clesana\u003c\/a\u003e\u003c\/p\u003e\n\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\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738567777,"sku":"EU-10010030","price":1999.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/03_Clesana-X1-grau_1800x1800_1800x1800_f89524c6-f57a-4e26-8f02-855165bd6f22.jpg?v=1775841394"},{"product_id":"clesana-x1-procharge","title":"Clesana X1 ProCharge","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana X1 ProCharge (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.    5. ProCharge Banner includes hardware-accelerated pulse and glow animations. *\/ @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: 750px;     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: 600px;     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); } \/* --- ProCharge Animated Banner --- *\/ .cd-procharge-banner {     background: transparent;     color: #0f172a;     border-radius: 20px;     padding: 24px;     text-align: center;     margin: 24px 0;     position: relative;     overflow: hidden;     border: 2px solid #018289; } .cd-procharge-banner::before {     content: \"\";     position: absolute;     top: -50%; left: -50%;     width: 200%; height: 200%;     background: radial-gradient(circle, rgba(1, 130, 137, 0.05) 0%, transparent 70%);     animation: procharge-glow 8s infinite alternate ease-in-out;     pointer-events: none; } @keyframes procharge-glow { 0% { transform: translate(-5%, -5%); opacity: 0.3; } 100% { transform: translate(5%, 5%); opacity: 0.6; } } .cd-procharge-icon { margin-bottom: 12px; display: flex; justify-content: center; position: relative; z-index: 2; } .cd-battery-pulse { animation: battery-pulse 2s infinite ease-in-out; color: #018289; } @keyframes battery-pulse { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 2px rgba(1, 130, 137, 0.1)); } 50% { transform: scale(1.08); filter: drop-shadow(0 0 10px rgba(1, 130, 137, 0.3)); } } .cd-procharge-banner h3 {     font-weight: 900;     margin: 0 0 8px 0;     text-transform: uppercase;     letter-spacing: 0.5px; } .cd-procharge-banner p {     margin: 0;     line-height: 1.6;     color: #475569; } \/* --- Video Gallery --- *\/ .cd-video-grid {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 12px;     margin: 24px 0; } .cd-video-item {     border: 1px solid #e2e8f0;     border-radius: 12px;     overflow: hidden; } .cd-video-item iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     display: block; } .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; } .cd-youtube-channel-link {     color: #018289 !important;     font-weight: 700;     text-decoration: none;     border-bottom: 1px dashed rgba(1, 130, 137, 0.4);     display: inline-block;     transition: all 0.2s ease;     margin-top: 12px; } .cd-youtube-channel-link:hover {     color: #016b71 !important;     border-bottom-color: #016b71; } \/* --- 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; }     .cd-video-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } } @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: 280px;          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\n\u003cdiv class=\"cd-product-description\"\u003e\n\u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eClesana X1 ProCharge : WC à joint d'étanchéité\u003c\/strong\u003e\u003c\/h1\u003e\n\u003csection class=\"cd-intro-text\"\u003e\n\u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Autonome.\u003c\/p\u003e\n\u003cp\u003eUne multitude d'exigences, une solution unique : la nouvelle Clesana X1 scelle automatiquement les déchets de manière sécurisée dans un film haute barrière. Cela vous protège, vous et votre environnement. Peu importe où vous vous rendez : la Clesana X1 est autonome, hygiénique et s'adapte à tous les types de véhicules.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eLes toilettes mobiles étanches\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa version ProCharge du Clesana X1 intègre une fonction de recharge pour les batteries de la gamme Einhell Power X-Change. Cela permet de recharger directement la batterie insérée dès que les toilettes sont branchées sur le secteur.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-action-area\"\u003e\n\u003cdiv class=\"cd-btn-row\"\u003e\n\u003ca class=\"cd-btn cd-btn-variant\" href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1\"\u003e Modèles et vidéos Standard Mobile \u003c\/a\u003e \u003ca class=\"cd-btn cd-btn-supplies\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003e Boutique Clesana Supplies \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Video Gallery --\u003e\n\u003cdiv class=\"cd-video-grid\"\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/wu-dqN8tBvY\" title=\"Clesana Introduction\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eIntroduction\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/paNrM9oPhGI\" title=\"Scope of Delivery\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eContenu de la livraison\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/IVn2Qq90SaU\" title=\"Power Options\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eOptions d'alimentation\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-procharge-banner\"\u003e\n\u003cdiv class=\"cd-procharge-icon\"\u003e\u003csvg stroke-linejoin=\"round\" stroke-linecap=\"round\" stroke-width=\"2\" stroke=\"currentColor\" fill=\"none\" viewbox=\"0 0 24 24\" height=\"44\" width=\"44\" class=\"cd-battery-pulse\"\u003e                  \u003crect ry=\"2\" rx=\"2\" height=\"10\" width=\"16\" y=\"7\" x=\"2\"\u003e\u003c\/rect\u003e                  \u003cline y2=\"13\" x2=\"22\" y1=\"11\" x1=\"22\"\u003e\u003c\/line\u003e                  \u003cpath d=\"M7 12h4\"\u003e\u003c\/path\u003e                  \u003cpath d=\"M9 10v4\"\u003e\u003c\/path\u003e              \u003c\/svg\u003e\u003c\/div\u003e\n\u003ch3\u003eFonction de recharge intégrée\u003c\/h3\u003e\n\u003cp\u003eLa version ProCharge du Clesana X1 intègre une fonction de recharge pour les batteries de la gamme Einhell Power X-Change. Cela permet de recharger directement la batterie insérée dès que les toilettes sont branchées sur le secteur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-expertise-row\"\u003e\n\u003cdiv class=\"cd-text-entity\"\u003e\n\u003cspan style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eConception brevetée\u003c\/span\u003e\n\u003ch2\u003eMécanisme télescopique\u003c\/h2\u003e\n\u003cp\u003e\u003ci\u003ePrêt à l'emploi en quelques secondes. Le mécanisme télescopique breveté garantit un encombrement minimal pour le transport, tout en offrant une hauteur d'assise standard une fois déployé. N'utilise ni eau ni produits chimiques.\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-image-entity\"\u003e\n\u003cspan class=\"cd-badge\"\u003eNorme mobile\u003c\/span\u003e \u003cimg alt=\"Vue intérieure du Clesana X1 ProCharge\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/05_Clesana-X1_1800x1800_1800x1800_3fc6ce7e-10f3-439d-a40d-1ed78a30caf4.jpg\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eEncombrement minimal\u003c\/strong\u003e\n\u003cp\u003eGrâce à son mécanisme télescopique breveté, il se monte en quelques secondes et se replie pour former un ensemble de voyage extrêmement compact.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eHauteur d'assise confortable\u003c\/strong\u003e\n\u003cp\u003eUne hauteur d'assise confortable garantit une ergonomie familière, comme à la maison, quel que soit l'endroit où vous campez.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eAlimentation électrique flexible\u003c\/strong\u003e\n\u003cp\u003eAdapté à toutes les configurations électriques grâce à la prise en charge intégrée des tensions 12\/24 V, 110-240 V et des batteries 18 V.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg alt=\"Qualité suisse\" class=\"cd-box-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\"\u003e\u003c\/div\u003e\n\u003cul class=\"cd-data-list\"\u003e\n\u003cli\u003e1 Clesana X1 Pro\u003c\/li\u003e\n\u003cli\u003e1 prise pour véhicule 12 V\/24 V\u003c\/li\u003e\n\u003cli\u003e1 adaptateur secteur pour une alimentation de 100 V à 240 V\u003c\/li\u003e\n\u003cli\u003e1 manuel d'utilisation\u003c\/li\u003e\n\u003cli\u003e1 guide de démarrage rapide\u003c\/li\u003e\n\u003cli\u003e1 carte de service\u003c\/li\u003e\n\u003cli\u003e1 feuille de protection à haute barrière X1\u003c\/li\u003e\n\u003cli\u003e1 paquet de Super-Absorber\u003c\/li\u003e\n\u003cli class=\"cd-list-header\"\u003eNon compris :\u003c\/li\u003e\n\u003cli\u003eBatterie Einhell 18 V Power X-Change\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eTension d'alimentation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e11 - 28 V\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation maximale de courant\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 A\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation en veille\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e140 mW (12 V)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eConsommation d'énergie pendant le processus de séparation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,0 Wh\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003ePoids net\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e11,5 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eDimensions\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eH 302 mm x L 344 mm x P 384 mm (en position repliée)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eHauteur du siège\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e407 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin-top: 30px; margin-bottom: 10px;\"\u003e\u003ca class=\"cd-youtube-channel-link\" href=\"https:\/\/www.youtube.com\/@clesana_international\" target=\"_blank\"\u003eRendez-vous sur la chaîne YouTube officielle de Clesana\u003c\/a\u003e\u003c\/p\u003e\n\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 S.A.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738666081,"sku":"EU-10010040","price":2199.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/procharge_efe4cbd6-cdc1-40ab-9919-26f750926ce8.png?v=1784031413"},{"product_id":"x1-barrier-foil-liner","title":"Membrane de protection 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 Supplies (Blue\/Cyan Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #0891b2 (Cyan\/Teal) 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: #0891b2;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #0891b2;     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: #0891b2;     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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #0891b2;      color: white !important;      border-color: #0891b2; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #0891b2;     color: #0891b2 !important;     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 iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     display: block;     background: #000000; } .cd-video-label {     border-top: 1px solid #e2e8f0;     color: #0891b2;     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: #0891b2;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #0891b2;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #0e7490;     transform: scale(1.02); } \/* --- 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 #0891b2;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #0891b2; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #0891b2;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #0891b2; 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: #0891b2 !important; border-bottom-color: #0891b2; } \/* --- 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 #0891b2;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #0891b2;      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 #0891b2;      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: #0891b2;     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: #0891b2;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm de revêtement haute barrière Clesana X1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #0891b2; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Autonome.\u003c\/p\u003e \u003cp\u003eSacs en film haute barrière Clesana pour les toilettes mobiles Clesana X1. Ce film haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre les odeurs et l'humidité.\u003c\/p\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003cp\u003eUne nouvelle bande de film à haute barrière permet de produire jusqu'à 60 sachets (S).\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eX1 Mobile Liner\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eSacs en film haute barrière Clesana pour les toilettes mobiles Clesana X1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e X1 Mobile Liner \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         \u003ciframe title=\"X1 Liners Installation\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/bb7SX1s1gVE\"\u003e\u003c\/iframe\u003e         \u003cdiv class=\"cd-video-label\"\u003eInstallation des revêtements X1\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: #0891b2; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eMaîtrise du mobile\u003c\/span\u003e \u003ch2\u003eTechnologie de rendement maximal\u003c\/h2\u003e \u003cp\u003eAvec un rendement moyen de 60 petits sacs (S) par rouleau, ce rendement accru permet de réduire la fréquence des changements de doublure, ce qui est idéal pour les longs trajets où l'espace de rangement est limité.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eHaute barrière\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High_Barrier_Film_-_X1_720x_20a802b5-293c-40ca-b4c7-0bdd32aa7655.jpg?v=1773768785\" alt=\"Film de revêtement haute barrière Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eCe film à haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre la pénétration des odeurs et de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle bande de film à haute barrière permet de produire jusqu'à 60 sachets (S).\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 sachets en film haute barrière par paquet\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\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² par bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ m²\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 S.A.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738731617,"sku":"EU-10020050","price":49.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High_Barrier_Film_-_X1_720x_20a802b5-293c-40ca-b4c7-0bdd32aa7655.jpg?v=1773768785"},{"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"},{"product_id":"c1-x1-super-absorber","title":"Clesana C1\/X1 Super Absorber","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 Universal Supplies (Vibrant Cohesive Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Bright\/Positive sales feel with no black\/dark anchors.    3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly.    4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important;     box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important;     box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover {     background: #861a55;     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; } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65;     border-top: 1px solid #e2e8f0;     border-right: 1px solid #e2e8f0;     border-bottom: 1px solid #e2e8f0; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     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\"\u003eLa qualité allemande\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super Absorber (20-Pack Sachets)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Propre. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Pour neutraliser les liquides et absorber les odeurs, il suffit d'ajouter les granulés dans la cuvette avant de tirer la chasse. Conditionné en sachets pratiques pour un dosage facile. Un sachet permet de neutraliser jusqu'à 400 ml de liquide.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eClesana Super Absorber\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa solution intelligente pour retenir les liquides et absorber les odeurs !\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 \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\/168e7dbbb6a648d58340ad2e9051e274.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation du Super-Absorber\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\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePose des revêtements C1\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDosage sans salissures\u003c\/strong\u003e \u003cp\u003eGrâce à ces sachets préemballés, plus besoin de verser à la cuillère ni de risquer de renverser des granulés. Idéal pour les déplacements.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eReliure instantanée\u003c\/strong\u003e \u003cp\u003eUn sachet permet d'absorber jusqu'à 400 ml de liquide, transformant ainsi les déchets en un gel sans danger.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorption optimale des odeurs\u003c\/strong\u003e \u003cp\u003eUne formule spécialement conçue absorbe rapidement les odeurs avant de former une barrière étanche.\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 header-pink\"\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\u003e20x absorber sachets, 8 g each\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-teal\"\u003eCaractéristiques techniques\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\"\u003ePVA \/ Polyacrylate de sodium\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguration du pack\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e20 sachets par paquet\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePoids du sachet\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g chacun\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacité d'absorption\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAbsorbe jusqu'à 400 ml par sachet\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversel (modèles C1 et X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePays d'origine\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabriqué en Allemagne\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":43753737977953,"sku":"EU-10020020","price":9.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Super-Absorber_1_1800x1800_a48c000b-a2b4-4afd-a000-1ccaa1a00264.jpg?v=1773837293"},{"product_id":"c1-x1-super-absorber-1kg-granules","title":"Clesana C1\/X1 Super Absorber 1kg (Granules)","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 Universal Supplies (Vibrant Cohesive Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Removed all black\/dark anchors for a \"Positive Sales\" bright feel.    3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly.    4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important; } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important; } .cd-btn-supplies:hover {     background: #861a55;     transform: translateY(-2px); } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     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\"\u003eLa qualité allemande\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super Absorber (20-Pack Sachets)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Propre. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Pour retenir les liquides et absorber les odeurs, il suffit d'ajouter les granulés dans la cuvette des toilettes avant de tirer la chasse. Conditionné en sachets pratiques pour un dosage facile. Un sachet permet de retenir jusqu'à 400 ml de liquide.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eClesana Super Absorber\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa solution intelligente pour retenir les liquides et absorber les odeurs !\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 \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDosage sans salissures\u003c\/strong\u003e \u003cp\u003eGrâce à ces sachets préemballés, plus besoin de doser ni de craindre les granulés renversés. Idéal pour les déplacements.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eReliure instantanée\u003c\/strong\u003e \u003cp\u003eUn sachet permet d'absorber jusqu'à 400 ml de liquide, transformant ainsi les déchets en un gel sans danger.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorption optimale des odeurs\u003c\/strong\u003e \u003cp\u003eUne formule spécialement conçue absorbe rapidement les odeurs avant de former une barrière protectrice.\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 header-pink\"\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\u003e20x absorber sachets, 8 g each\u003c\/li\u003e \u003cli\u003eEmballage extérieur de protection\u003c\/li\u003e \u003cli\u003eCouches de film hydrosolubles\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eQuantité par paquet\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e20 Sachets\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePoids de la dose\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g chacun\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\"\u003ePVA \/ Polyacrylate de sodium\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacité de rétention des liquides\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eJusqu'à 400 ml par sachet\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversel (modèles C1 et X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePays d'origine\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabriqué en Allemagne\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":43753738141793,"sku":"EU-10020070","price":29.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/02_Super-Absorber_1800x1800_1800x1800_e05a23bc-52f4-44fa-8f73-87a4dba64efc.jpg?v=1773837161"},{"product_id":"c1-x1-ptfe-band","title":"Bande en PTFE Clesana C1\/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 Universal Maintenance (Vibrant Hybrid Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Bright\/Positive sales feel with no black\/dark anchors.    3. Harmony: Hybrid gradient integration for universal C1 \u0026 X1 compatibility.    4. Density: Mobile gap-stripping maintained for professional vertical fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important;     box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important;     box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover {     background: #861a55;     transform: translateY(-2px); } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eBande en PTFE (téflon) Clesana C1\/X1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eAntiadhésif. Fiable. Protège.\u003c\/p\u003e \u003cp\u003eLes bandes en PTFE (téflon) Clesana se placent sur le fil de soudage et empêchent le polymère chaud d'adhérer aux mâchoires de soudage pendant le processus de soudage. L'effet antiadhésif du téflon commence à s'altérer après environ 2 000 soudures. Pour préserver la qualité des soudures, il faut remplacer les deux bandes. Vous pouvez le faire vous-même très facilement. Fabriqué en Suisse.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eRubans de remplacement en PTFE C1\/X1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eÉvitez que le polymère chaud n'adhère aux mâchoires de soudage.\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 \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003ePlacé au-dessus du fil de soudage pour empêcher le film de remplissage en polymère chaud d'adhérer directement aux mâchoires.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003ePréservation de la qualité des soudures\u003c\/strong\u003e \u003cp\u003eLe remplacement des bandes antiadhésives en Téflon garantit à vos toilettes une étanchéité fiable et durable.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDurée de vie standard\u003c\/strong\u003e \u003cp\u003eL'effet antiadhésif commence à s'estomper après environ 2 000 soudures, ce qui signifie qu'il est temps de remplacer la pièce.\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 header-pink\"\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 rubans de rechange en PTFE\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eCaractéristiques techniques\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\"\u003eRuban en tissu avec revêtement en PTFE\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eÉlément de fixation\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eRail en plastique à encliqueter facilement\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eModèles compatibles\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eToilettes étanches Clesana C1 et X1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eDurée de vie approximative\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eEnviron 2 000 soudures\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePays d'origine\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabriqué en 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; 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":43753738272865,"sku":"EU-10020030","price":64.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/PTFE-Tape_C1_X1_1cbc03c2-d705-4034-b8a9-6ee0bcb5bb2d.jpg?v=1773836821"},{"product_id":"c1-x1-liquid-insert","title":"Clesana C1\/X1, insert liquide","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana Universal Accessories (Vibrant Hybrid Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Bright\/Positive sales feel with no black\/dark anchors.    3. Harmony: Hybrid gradient integration for universal C1 \u0026 X1 compatibility.    4. Density: Mobile gap-stripping maintained for professional vertical fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important;     box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important;     box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover {     background: #861a55;     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, .cd-video-item iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     display: block;     background: #000000;     border: 0; } .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; } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; }     .cd-video-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } } @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\n\u003cdiv class=\"cd-product-description\"\u003e\n\u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eConçu en Suisse\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eClesana C1\/X1, insert liquide\u003c\/strong\u003e\u003c\/h1\u003e\n\u003csection class=\"cd-intro-text\"\u003e\n\u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003ePolyvalent. Hygiénique. Sans produits chimiques.\u003c\/p\u003e\n\u003cp\u003eL'insert pour liquides Clesana C1 est conçu pour vous offrir une plus grande flexibilité avec vos toilettes sans eau Clesana C1. Il vous permet de gérer les déchets liquides sans avoir à utiliser de feuille de protection jetable, s'adaptant ainsi à vos préférences d'utilisation personnelles. Grâce à sa conception pratique, il garantit une hygiène optimale et un nettoyage sans effort.\u003c\/p\u003e\n\u003cp\u003eAjoutez le système Liquid Insert à vos toilettes sans eau Clesana C1 pour bénéficier d'une solution sanitaire plus polyvalente et plus hygiénique. Idéal pour les camping-cars, les caravanes, les bateaux et la vie hors réseau.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eClesana C1\/X1, insert liquide\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eÉlimination des liquides sans sac — Une solution pratique pour gérer efficacement les déchets liquides.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-action-area\"\u003e\n\u003cdiv class=\"cd-btn-row\"\u003e\n\u003ca class=\"cd-btn cd-btn-variant\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003e Voir toutes les pièces et tous les accessoires \u003c\/a\u003e \u003ca class=\"cd-btn cd-btn-supplies\" href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\"\u003e Acheter des recharges \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Video Gallery --\u003e\n\u003cdiv class=\"cd-video-grid\"\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/N8OEU_1ce74\" title=\"X1 Liquid Insert Guide\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eGuide d'insertion du liquide X1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003cvideo preload=\"metadata\" controls=\"controls\"\u003e             \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a945a89c6cd64228aa7d4448ae659465.mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e\n\u003cdiv class=\"cd-video-label\"\u003eGuide d'insertion du liquide C1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-card card-teal\"\u003e\n\u003cstrong\u003eHygiénique et facile à nettoyer\u003c\/strong\u003e\n\u003cp\u003eConçu pour faciliter l'entretien et garantir une propreté optimale lors de vos voyages hors réseau.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-pink\"\u003e\n\u003cstrong\u003eCapacité de 1,7 l\u003c\/strong\u003e\n\u003cp\u003eLa grande capacité de la cuve permet de réduire la fréquence de vidange, pour un plus grand confort d'utilisation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-teal\"\u003e\n\u003cstrong\u003eRésistant et de haute qualité\u003c\/strong\u003e\n\u003cp\u003eFabriqué en polypropylène (PP) de qualité supérieure pour résister à une utilisation quotidienne et intensive.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header header-pink\"\u003eContenu inclus\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg alt=\"Qualité suisse\" class=\"cd-box-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\"\u003e\u003c\/div\u003e\n\u003cul class=\"cd-data-list\"\u003e\n\u003cli\u003e1 insert pour liquide\u003c\/li\u003e\n\u003cli\u003e1 manuel d'utilisation\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header header-teal\"\u003eCaractéristiques techniques\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCapacité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,7 L\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePolypropylène (PP)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eToilettes sans eau Clesana C1 et X1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eApplications\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCamping-cars, caravanes, bateaux et vie hors réseau\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eIngénierie\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eConçu en Suisse\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\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\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738469473,"sku":"EU-10040020","price":169.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/LiquidBin_1.jpg?v=1773776663"},{"product_id":"clesana-c1-bio-high-barrier-film-liner-10-pack","title":"Film de protection haute barrière Clesana C1 Bio - Lot de 10","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 BIO (Pink \u0026 Green Hybrid Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Pink (#a22067) used for C1 Brand Highlights.    4. Green (#166534) used for BIO Category Highlights.    5. 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: #166534;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #166534;     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: #166534;     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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #166534;      color: white !important;      border-color: #166534; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #a22067;     color: #a22067 !important;     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: #166534;     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: #166534;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #a22067;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #861a55;     transform: scale(1.02); } \/* --- 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 #166534;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #166534; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #166534;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #166534; 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: #166534 !important; border-bottom-color: #166534; } \/* --- 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; } .header-pink {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-green {      border-bottom: 2px solid #166534;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #166534;      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 #166534;      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: #166534;     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: #166534;     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: #a22067;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm protecteur haute barrière Clesana C1 BIO - Lot de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eLe film bio haute barrière certifié DIN est fabriqué à partir de biomasse et de matériaux recyclés et offre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité. Il garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique. Un film bio haute barrière neuf permet de sceller en moyenne jusqu'à 40 sacs.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner C1 BIO (biomasse) - Lot économique de 10 pièces\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUne gamme écologique fabriquée à partir de biomasse et de matériaux recyclés, proposée en lot de 10 unités.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Passer à 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\/b313d792df3541fead24904680990e19.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation des revêtements C1 BIO\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: #166534; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eScience durable\u003c\/span\u003e \u003ch2\u003eConstruction à partir de la biomasse\u003c\/h2\u003e \u003cp\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 BIO en vrac\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Bio_High-barrier_film_liner_C1_1.jpg?v=1773768811\" alt=\"Clesana C1 BIO : film de revêtement haute barrière\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eOffre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle doublure en film bio haute barrière permet de sceller jusqu'à 40 sachets en moyenne.\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=\"header-pink\"\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\u003e10 sachets en film haute barrière de 2 x\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,14 cm³ \/ (m²·bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,42 g \/ m²\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":45052945793121,"sku":"EU-10020041","price":649.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/BioHigh-barrierfilmlinerC1_6.jpg?v=1779972636"},{"product_id":"clesana-c1-high-barrier-film-liner-10-pack","title":"Film protecteur haute barrière Clesana C1 - Lot de 10","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)    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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #0f172a;      color: white !important;      border-color: #0f172a; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #a22067;     color: #a22067 !important;     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; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #a22067;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #861a55;     transform: scale(1.02); } \/* --- 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;     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: #a22067;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm protecteur haute barrière Clesana C1 - Lot de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eSacs en film haute barrière Clesana pour les toilettes étanches Clesana C1. Ce film haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre les odeurs et l'humidité.\u003c\/p\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller en moyenne jusqu'à 40 sachets.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner Standard C1 - Lot économique de 10 pièces\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eDoublures en film haute barrière Clesana pour les toilettes à fermeture hermétique Clesana C1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO (biologique) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Passer à X1 \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;\"\u003eConfiance en matière d'hygiène\u003c\/span\u003e \u003ch2\u003eBouclier protecteur\u003c\/h2\u003e \u003cp\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecharge C1 en vrac\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.jpg?v=1773768901\" alt=\"Doublure en film haute barrière Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eOffre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller en moyenne jusqu'à 40 sachets.\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\u003e10 x 2 x film protecteur à haute barrière\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\"\u003eComposition des matériaux\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² par bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ m²\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.S.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945825889,"sku":"EU-10020011","price":499.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.webp?v=1790958539"},{"product_id":"clesana-c1-x1-1kg-super-absorber-9-pack","title":"Clesana C1\/X1 1KG Super-Absorber - 9 Pack","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 Universal Supplies (Vibrant Cohesive Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Bright\/Positive sales feel with no black\/dark anchors.    3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly.    4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important;     box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important;     box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover {     background: #861a55;     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; } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65;     border-top: 1px solid #e2e8f0;     border-right: 1px solid #e2e8f0;     border-bottom: 1px solid #e2e8f0; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     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\"\u003eLa qualité allemande\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 1KG Super-Absorber - 9 Pack\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Propre. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Pour retenir les liquides et absorber les odeurs, il suffit d'ajouter les granulés dans la cuvette avant de tirer la chasse.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1\/X1 1 kg Super-Absorber - Lot de 9 en vrac\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGranulés s'écoulant librement pour un dosage facile et personnalisé.\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\/168e7dbbb6a648d58340ad2e9051e274.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation du Super-Absorber\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\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePose des revêtements C1\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorption à haute capacité\u003c\/strong\u003e \u003cp\u003e10 g de matériau superabsorbant peuvent absorber jusqu'à 500 ml de liquide.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eConfinement des odeurs\u003c\/strong\u003e \u003cp\u003eIl retient les liquides et absorbe les odeurs, garantissant ainsi la propreté de votre intérieur.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003ePosologie flexible\u003c\/strong\u003e \u003cp\u003eQuantité recommandée : 1 cuillère-dose par passage aux toilettes, à adapter en fonction de vos habitudes.\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 header-pink\"\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\u003e9 paquets de 1 000 g de granulés s'écoulant librement, pour un dosage facile et personnalisé\u003c\/li\u003e \u003cli\u003eCuillère doseuse\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eCaractéristiques techniques\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\"\u003ePVA \/ Polyacrylate de sodium\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguration du pack\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e9 x 1000 g\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eQuantité recommandée\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1 cuillère doseuse par visite\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTaux d'absorption\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 g absorbent jusqu'à 500 ml\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePays d'origine\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabriqué en Allemagne\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversel (modèles C1 et X1)\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 S.A.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945858657,"sku":"EU-10020071","price":269.91,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/02_Super-Absorber_1800x1800_1800x1800_3404f1a6-73df-42f9-89d1-bd1c8479bd0a.jpg?v=1779973977"},{"product_id":"clesana-c1-x1-super-absorber-32-pack","title":"Clesana C1\/X1 Super-Absorber - Lot de 32","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 Universal Supplies (Vibrant Cohesive Theme)    CODE ARCHITECTURE:    1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289).    2. Logic: Bright\/Positive sales feel with no black\/dark anchors.    3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly.    4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @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: #018289;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- High-Vibrancy 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;     background: linear-gradient(90deg, #a22067 0%, #018289 100%);     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     text-align: center;     display: inline-block; } \/* --- 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: #018289; } .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: #018289;     color: white !important;     box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover {     background: #016b71;     transform: translateY(-2px); } .cd-btn-supplies {     background: #a22067;     color: white !important;     box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover {     background: #861a55;     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; } \/* --- Vibrant Feature 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 transparent;     line-height: 1.65;     border-top: 1px solid #e2e8f0;     border-right: 1px solid #e2e8f0;     border-bottom: 1px solid #e2e8f0; } .card-pink {     border-left-color: #a22067; } .card-pink strong {     display: block;     margin-bottom: 8px;     text-transform: uppercase;     color: #a22067;     letter-spacing: 0.75px; } .card-teal {     border-left-color: #018289; } .card-teal 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; } \/* --- Cohesive 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 transparent;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      text-transform: uppercase;      letter-spacing: 1.2px; } .header-pink {      border-color: #a22067;      color: #a22067; } .header-teal {      border-color: #018289;      color: #018289; } \/* --- 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: #a22067;     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\"\u003eLa qualité allemande\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super-Absorber - Lot de 32\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Propre. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Pour neutraliser les liquides et absorber les odeurs, il suffit d'ajouter les granulés dans la cuvette avant de tirer la chasse. Conditionné en sachets pratiques pour un dosage facile. Un sachet permet de neutraliser jusqu'à 400 ml de liquide.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eSuper-Absorber C1\/X1 - Carton de 32 unités\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGranulés absorbants haut de gamme conditionnés en sachets pour un dosage facile.\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\/168e7dbbb6a648d58340ad2e9051e274.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation du Super-Absorber\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\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePose des revêtements C1\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorption des odeurs\u003c\/strong\u003e \u003cp\u003eDes granulés spécialement formulés retiennent efficacement les liquides et absorbent les odeurs indésirables avant la fermeture hermétique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eSachets pratiques\u003c\/strong\u003e \u003cp\u003eConditionné en sachets pratiques pour un dosage propre, simple et facile au quotidien.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eGrande capacité de liquide\u003c\/strong\u003e \u003cp\u003eUn sachet permet de contenir jusqu'à 400 ml de déchets liquides, garantissant ainsi la propreté des opérations hors réseau.\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 header-pink\"\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\u003e32 sachets absorbants de 8 g chacun\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eCaractéristiques techniques\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\"\u003ePVA \/ Polyacrylate de sodium\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguration du pack\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e32 paquets (20 sachets chacun)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePoids du sachet\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g chacun\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacité d'absorption\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAbsorbe jusqu'à 400 ml par sachet\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilité\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversel (modèles C1 et X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePays d'origine\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabriqué en Allemagne\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":45052945891425,"sku":"EU-10020021","price":319.68,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Super-Absorber_4_1800x1800_5d462c7b-70ba-450b-9ccd-fb1c05c384c3.jpg?v=1779974196"},{"product_id":"clesana-x1-high-barrier-film-liner-10-pack","title":"Film protecteur haute barrière Clesana X1 - Lot de 10","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 Supplies (Blue\/Cyan 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-toggle {     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 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #018289;      color: white !important;      border-color: #018289; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #018289;     color: #018289 !important;     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 iframe {     width: 100%;     aspect-ratio: 16 \/ 9;     border: 0;     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; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #018289;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #0e7490;     transform: scale(1.02); } \/* --- 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: #018289;     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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm protecteur haute barrière Clesana X1 - Lot de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Autonome.\u003c\/p\u003e \u003cp\u003eSacs en film haute barrière Clesana pour les toilettes mobiles Clesana X1. Ce film haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre les odeurs et l'humidité.\u003c\/p\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003cp\u003eUne nouvelle bande de film à haute barrière permet de produire jusqu'à 60 sachets (S).\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eX1 Mobile Liner - Lot économique de 10 pièces\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eSacs en film haute barrière Clesana pour les toilettes mobiles Clesana X1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e X1 Mobile Liner \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         \u003ciframe title=\"X1 Liners Installation\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/bb7SX1s1gVE\"\u003e\u003c\/iframe\u003e         \u003cdiv class=\"cd-video-label\"\u003eInstallation des revêtements X1\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;\"\u003eMaîtrise du mobile\u003c\/span\u003e \u003ch2\u003eÉcran de protection de qualité médicale\u003c\/h2\u003e \u003cp\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecharge X1 en vrac\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High_Barrier_Film_-_X1_720x_20a802b5-293c-40ca-b4c7-0bdd32aa7655.jpg?v=1773768785\" alt=\"Film de revêtement haute barrière Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eOffre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle bande de film à haute barrière permet de produire jusqu'à 60 sachets (S).\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\u003e10 sachets en film haute barrière de 2 x\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\"\u003eComposition des matériaux\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² par bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ m²\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 S.A.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945924193,"sku":"EU-10020051","price":499.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/HighBarrierFilm-X1_2.jpg?v=1779974471"},{"product_id":"clesana-et-bar-magnets-c1","title":"Clesana ET Bar Magnets C1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\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    \/* Scoped Container - Standard Width *\/\n    .clesana-part-wrapper {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        background-color: transparent !important;\n        color: #1f2937 !important; \n        max-width: 820px;\n        margin: 0 auto;\n        padding: 10px 10px 24px;\n        line-height: 1.55;\n        box-sizing: border-box;\n    }\n\n    .clesana-part-wrapper * { \n        box-sizing: border-box; \n    }\n\n    \/* Clesana C1 Brand Palette *\/\n    .clesana-part-wrapper {\n        --cd-primary: #a22067;        \/* Clesana C1 Signature Pink *\/\n        --cd-primary-dark: #861a55;   \/* Deep Wine *\/\n        --cd-dark: #0f172a;           \/* Obsidian Slate *\/\n        --cd-muted: #555c66;          \/* Slate Gray *\/\n        --cd-border: #cbd5e1;         \/* Clean Gray Border *\/\n    }\n\n    \/* Typography *\/\n    .clesana-part-wrapper h1 {\n        font-size: 26px;\n        font-weight: 900;\n        color: var(--cd-dark) !important;\n        line-height: 1.2;\n        margin: 0 0 4px 0;\n        letter-spacing: -0.5px;\n    }\n\n    .clesana-part-wrapper .sub-header {\n        font-size: 15px;\n        color: var(--cd-muted);\n        font-weight: 500;\n        margin: 0 0 14px 0;\n        line-height: 1.35;\n    }\n\n    .clesana-part-wrapper .highlight { \n        color: var(--cd-primary); \n        font-weight: 700; \n    }\n\n    \/* Back to Collection Link *\/\n    .clesana-part-wrapper .back-link-row {\n        margin-bottom: 10px;\n    }\n\n    .clesana-part-wrapper .back-link {\n        color: var(--cd-muted) !important;\n        text-decoration: underline !important;\n        text-underline-offset: 3px;\n        font-size: 12.5px;\n        font-weight: 600;\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        transition: color 0.2s ease;\n    }\n\n    .clesana-part-wrapper .back-link:hover {\n        color: var(--cd-primary) !important;\n    }\n\n    \/* System Portal Buttons *\/\n    .clesana-part-wrapper .portal-btn-row {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 14px;\n        flex-wrap: wrap;\n    }\n\n    .clesana-part-wrapper .portal-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 7px 14px;\n        border-radius: 6px;\n        font-size: 11.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        text-decoration: none !important;\n        letter-spacing: 0.5px;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        border: 1px solid var(--cd-primary);\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .portal-btn:hover {\n        background-color: var(--cd-primary-dark);\n        border-color: var(--cd-primary-dark);\n    }\n\n    \/* Line Divider *\/\n    .clesana-part-wrapper .trail-divider {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin: 12px 0 16px 0;\n        width: 100%;\n    }\n\n    .clesana-part-wrapper .trail-line {\n        flex: 1;\n        height: 1px;\n        background-color: var(--cd-border);\n    }\n\n    .clesana-part-wrapper .trail-icon {\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--cd-primary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    \/* Narrative Intro Block *\/\n    .clesana-part-wrapper .narrative-block {\n        border-left: 3px solid var(--cd-primary);\n        padding: 4px 0 4px 14px !important;\n        margin-bottom: 20px !important;\n    }\n\n    .clesana-part-wrapper .narrative-block p {\n        font-size: 14.5px;\n        line-height: 1.55;\n        margin: 0 0 8px 0;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .narrative-block p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Section Titles *\/\n    .clesana-part-wrapper .section-title {\n        color: var(--cd-dark);\n        font-weight: 800;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 0.6px;\n        margin: 20px 0 10px 0;\n        display: block;\n    }\n\n    \/* Feature Bullet List *\/\n    .clesana-part-wrapper .specs-list {\n        list-style-type: none;\n        padding: 0;\n        margin: 0 0 20px 0;\n    }\n\n    .clesana-part-wrapper .specs-item {\n        font-size: 14px;\n        line-height: 1.5;\n        margin-bottom: 8px;\n        padding-left: 18px;\n        position: relative;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .specs-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .clesana-part-wrapper .specs-item::before {\n        content: \"•\";\n        color: var(--cd-primary);\n        font-weight: 900;\n        position: absolute;\n        left: 0;\n        top: -1px;\n        font-size: 17px;\n        line-height: 1.2;\n    }\n\n    \/* Specifications Table Card *\/\n    .clesana-part-wrapper .table-card {\n        background: #ffffff;\n        border: 1px solid var(--cd-border);\n        border-radius: 8px;\n        overflow: hidden;\n        margin: 0 0 22px 0;\n    }\n\n    .clesana-part-wrapper .data-table,\n    .clesana-part-wrapper .data-table th,\n    .clesana-part-wrapper .data-table td {\n        border: none !important;\n        outline: none !important;\n    }\n\n    .clesana-part-wrapper .data-table {\n        width: 100%;\n        border-collapse: collapse !important;\n        font-size: 13px;\n        margin: 0 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr {\n        border: none !important;\n        border-bottom: 1px solid #f1f5f9 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr:nth-child(even) {\n        background-color: #f8fafc;\n    }\n\n    .clesana-part-wrapper .data-table tr:last-child {\n        border-bottom: none !important;\n    }\n\n    .clesana-part-wrapper .table-label {\n        padding: 9px 14px;\n        font-weight: 700;\n        color: var(--cd-muted);\n        width: 45%;\n    }\n\n    .clesana-part-wrapper .table-value {\n        padding: 9px 14px;\n        font-weight: 600;\n        color: var(--cd-dark);\n        text-align: right;\n    }\n\n    \/* Support Footer *\/\n    .clesana-part-wrapper .support-footer {\n        border-top: 1px solid var(--cd-border) !important;\n        padding-top: 16px !important;\n        display: flex !important;\n        flex-direction: row !important;\n        flex-wrap: nowrap !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 16px !important;\n        margin-top: 24px;\n        background: transparent !important;\n    }\n\n    .clesana-part-wrapper .support-text-area {\n        flex: 1 1 auto;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        min-width: 0;\n    }\n\n    .clesana-part-wrapper .support-footer h3 {\n        margin: 0;\n        font-size: 13.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        color: var(--cd-primary);\n        letter-spacing: 0.5px;\n    }\n\n    .clesana-part-wrapper .support-footer p {\n        margin: 0;\n        font-size: 13px;\n        line-height: 1.45;\n        color: var(--cd-muted);\n    }\n\n    .clesana-part-wrapper .tel-link {\n        font-weight: 700;\n        color: var(--cd-primary-dark) !important;\n        text-decoration: underline !important;\n        white-space: nowrap !important;\n        display: inline-block;\n    }\n\n    .clesana-part-wrapper .btn-group {\n        flex: 0 0 auto !important;\n        display: flex;\n        align-items: center;\n    }\n\n    .clesana-part-wrapper .quote-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        padding: 8px 14px;\n        border-radius: 4px;\n        text-decoration: none !important;\n        font-weight: 700;\n        font-size: 11.5px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        white-space: nowrap !important;\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .quote-btn:hover {\n        background-color: var(--cd-primary-dark);\n    }\n\n    \/* Responsive Rules *\/\n    @media screen and (max-width: 640px) {\n        .clesana-part-wrapper h1 { font-size: 22px; }\n        .clesana-part-wrapper .sub-header { font-size: 14px; }\n        .clesana-part-wrapper .table-label { width: 50%; }\n        .clesana-part-wrapper .support-footer { \n            flex-direction: column !important;\n            align-items: flex-start !important;\n            gap: 12px !important; \n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"clesana-part-wrapper\"\u003e\n    \u003c!-- Product Header --\u003e\n    \u003ch1\u003eClesana C1 Replacement Toilet Seat Magnet\u003c\/h1\u003e\n\n    \u003c!-- Top Navigation Links --\u003e\n    \u003cdiv class=\"back-link-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"back-link\"\u003e← All Clesana Parts \u0026amp; Supplies\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"portal-btn-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"portal-btn\"\u003eC1 Toilet (L-Adapter) →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-round-socket\" class=\"portal-btn\"\u003eC1 Toilet (Round Socket) →\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Divider --\u003e\n    \u003cdiv class=\"trail-divider\"\u003e\n        \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e \u003cspan class=\"trail-icon\"\u003eClesana C1 Replacement Part\u003c\/span\u003e \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrative Intro Block --\u003e\n    \u003cdiv class=\"narrative-block\"\u003e\n        \u003cp\u003eIs your toilet seat rattling while driving down gravel roads, or popping open when it shouldn't? If your Clesana C1 lid won't stay firmly clicked down, chances are the small bar magnet in the seat is cracked, worn out, or went missing.\u003c\/p\u003e\n        \u003cp\u003eThis replacement grey bar magnet slips directly into your existing C1 seat assembly. It brings back that solid, positive magnetic latch so your lid stays quiet and shut tight while traveling, camping, or parked off-grid.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Quick Hotlist --\u003e\n    \u003cspan class=\"section-title\"\u003eAt a Glance\u003c\/span\u003e\n    \u003cul class=\"specs-list\"\u003e\n        \u003cli class=\"specs-item\"\u003eKeeps the toilet lid held firmly in place so it won't bounce, click, or make noise while towing or driving.\u003c\/li\u003e\n        \u003cli class=\"specs-item\"\u003eNo tools or glue required.\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- Quick Specifications Table --\u003e\n    \u003cspan class=\"section-title\"\u003eQuick Specifications\u003c\/span\u003e\n    \u003cdiv class=\"table-card\"\u003e\n        \u003ctable class=\"data-table\"\u003e\n            \u003ctbody\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003ePart Name\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eET Bar Magnet\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eFits\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eClesana C1 Toilet Seat\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003ePart Number\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eEU-10030080\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eDimensions\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003e8.7 mm × 4.9 mm\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eColour\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eGrey\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/tbody\u003e\n        \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Support Footer --\u003e\n    \u003cdiv class=\"support-footer\"\u003e\n        \u003cdiv class=\"support-text-area\"\u003e\n            \u003ch3\u003eNeed Help Finding a Part?\u003c\/h3\u003e\n            \u003cp\u003eNot sure if this matches your setup? Give our team a quick call toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"btn-group\"\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/contact\" class=\"quote-btn\" target=\"_blank\"\u003eContact Support\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":50110028021857,"sku":"EU-10030080","price":2.39,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/ClesanaETBarMagnetC1img1.png?v=1794339030"},{"product_id":"clesana-et-reed-sensor-cable-long-for-toilet-seat-cover-c1x1","title":"Clesana ET Reed Sensor Cable, Long, For Toilet Seat Cover, C1X1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\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    \/* Scoped Container - Standard Width *\/\n    .clesana-part-wrapper {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        background-color: transparent !important;\n        color: #1f2937 !important; \n        max-width: 820px;\n        margin: 0 auto;\n        padding: 10px 10px 24px;\n        line-height: 1.55;\n        box-sizing: border-box;\n    }\n\n    .clesana-part-wrapper * { \n        box-sizing: border-box; \n    }\n\n    \/* Universal Clesana Brand Palette *\/\n    .clesana-part-wrapper {\n        --cd-primary: #018289;        \/* Clesana Universal Teal *\/\n        --cd-primary-dark: #016b71;   \/* Deep Teal *\/\n        --cd-dark: #0f172a;           \/* Obsidian Slate *\/\n        --cd-muted: #555c66;          \/* Slate Gray *\/\n        --cd-border: #cbd5e1;         \/* Clean Gray Border *\/\n    }\n\n    \/* Typography *\/\n    .clesana-part-wrapper h1 {\n        font-size: 26px;\n        font-weight: 900;\n        color: var(--cd-dark) !important;\n        line-height: 1.2;\n        margin: 0 0 4px 0;\n        letter-spacing: -0.5px;\n    }\n\n    \/* Back to Collection Link *\/\n    .clesana-part-wrapper .back-link-row {\n        margin-bottom: 10px;\n    }\n\n    .clesana-part-wrapper .back-link {\n        color: var(--cd-muted) !important;\n        text-decoration: underline !important;\n        text-underline-offset: 3px;\n        font-size: 12.5px;\n        font-weight: 600;\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        transition: color 0.2s ease;\n    }\n\n    .clesana-part-wrapper .back-link:hover {\n        color: var(--cd-primary) !important;\n    }\n\n    \/* System Portal Buttons *\/\n    .clesana-part-wrapper .portal-btn-row {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 14px;\n        flex-wrap: wrap;\n    }\n\n    .clesana-part-wrapper .portal-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 7px 14px;\n        border-radius: 6px;\n        font-size: 11.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        text-decoration: none !important;\n        letter-spacing: 0.5px;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        border: 1px solid var(--cd-primary);\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .portal-btn:hover {\n        background-color: var(--cd-primary-dark);\n        border-color: var(--cd-primary-dark);\n    }\n\n    \/* Line Divider *\/\n    .clesana-part-wrapper .trail-divider {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin: 12px 0 16px 0;\n        width: 100%;\n    }\n\n    .clesana-part-wrapper .trail-line {\n        flex: 1;\n        height: 1px;\n        background-color: var(--cd-border);\n    }\n\n    .clesana-part-wrapper .trail-icon {\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--cd-primary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    \/* Narrative Intro Block *\/\n    .clesana-part-wrapper .narrative-block {\n        border-left: 3px solid var(--cd-primary);\n        padding: 4px 0 4px 14px !important;\n        margin-bottom: 20px !important;\n    }\n\n    .clesana-part-wrapper .narrative-block p {\n        font-size: 14.5px;\n        line-height: 1.55;\n        margin: 0 0 8px 0;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .narrative-block p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Section Titles *\/\n    .clesana-part-wrapper .section-title {\n        color: var(--cd-dark);\n        font-weight: 800;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 0.6px;\n        margin: 20px 0 10px 0;\n        display: block;\n    }\n\n    \/* Feature Bullet List *\/\n    .clesana-part-wrapper .specs-list {\n        list-style-type: none;\n        padding: 0;\n        margin: 0 0 20px 0;\n    }\n\n    .clesana-part-wrapper .specs-item {\n        font-size: 14px;\n        line-height: 1.5;\n        margin-bottom: 8px;\n        padding-left: 18px;\n        position: relative;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .specs-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .clesana-part-wrapper .specs-item::before {\n        content: \"•\";\n        color: var(--cd-primary);\n        font-weight: 900;\n        position: absolute;\n        left: 0;\n        top: -1px;\n        font-size: 17px;\n        line-height: 1.2;\n    }\n\n    \/* Specifications Table Card *\/\n    .clesana-part-wrapper .table-card {\n        background: #ffffff;\n        border: 1px solid var(--cd-border);\n        border-radius: 8px;\n        overflow: hidden;\n        margin: 0 0 22px 0;\n    }\n\n    .clesana-part-wrapper .data-table,\n    .clesana-part-wrapper .data-table th,\n    .clesana-part-wrapper .data-table td {\n        border: none !important;\n        outline: none !important;\n    }\n\n    .clesana-part-wrapper .data-table {\n        width: 100%;\n        border-collapse: collapse !important;\n        font-size: 13px;\n        margin: 0 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr {\n        border: none !important;\n        border-bottom: 1px solid #f1f5f9 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr:nth-child(even) {\n        background-color: #f8fafc;\n    }\n\n    .clesana-part-wrapper .data-table tr:last-child {\n        border-bottom: none !important;\n    }\n\n    .clesana-part-wrapper .table-label {\n        padding: 9px 14px;\n        font-weight: 700;\n        color: var(--cd-muted);\n        width: 45%;\n    }\n\n    .clesana-part-wrapper .table-value {\n        padding: 9px 14px;\n        font-weight: 600;\n        color: var(--cd-dark);\n        text-align: right;\n    }\n\n    \/* Support Footer *\/\n    .clesana-part-wrapper .support-footer {\n        border-top: 1px solid var(--cd-border) !important;\n        padding-top: 16px !important;\n        display: flex !important;\n        flex-direction: row !important;\n        flex-wrap: nowrap !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 16px !important;\n        margin-top: 24px;\n        background: transparent !important;\n    }\n\n    .clesana-part-wrapper .support-text-area {\n        flex: 1 1 auto;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        min-width: 0;\n    }\n\n    .clesana-part-wrapper .support-footer h3 {\n        margin: 0;\n        font-size: 13.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        color: var(--cd-primary);\n        letter-spacing: 0.5px;\n    }\n\n    .clesana-part-wrapper .support-footer p {\n        margin: 0;\n        font-size: 13px;\n        line-height: 1.45;\n        color: var(--cd-muted);\n    }\n\n    .clesana-part-wrapper .tel-link {\n        font-weight: 700;\n        color: var(--cd-primary-dark) !important;\n        text-decoration: underline !important;\n        white-space: nowrap !important;\n        display: inline-block;\n    }\n\n    .clesana-part-wrapper .btn-group {\n        flex: 0 0 auto !important;\n        display: flex;\n        align-items: center;\n    }\n\n    .clesana-part-wrapper .quote-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        padding: 8px 14px;\n        border-radius: 4px;\n        text-decoration: none !important;\n        font-weight: 700;\n        font-size: 11.5px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        white-space: nowrap !important;\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .quote-btn:hover {\n        background-color: var(--cd-primary-dark);\n    }\n\n    \/* Responsive Rules *\/\n    @media screen and (max-width: 640px) {\n        .clesana-part-wrapper h1 { font-size: 22px; }\n        .clesana-part-wrapper .table-label { width: 50%; }\n        .clesana-part-wrapper .support-footer { \n            flex-direction: column !important;\n            align-items: flex-start !important;\n            gap: 12px !important; \n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"clesana-part-wrapper\"\u003e\n    \u003c!-- Product Header --\u003e\n    \u003ch1\u003eClesana ET Reed Sensor Cable (Long) - C1 \u0026amp; X1\u003c\/h1\u003e\n\n    \u003c!-- Top Navigation Links --\u003e\n    \u003cdiv class=\"back-link-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"back-link\"\u003e← All Clesana Parts \u0026amp; Supplies\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"portal-btn-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"portal-btn\"\u003eC1 Toilet (L-Adapter) →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-round-socket\" class=\"portal-btn\"\u003eC1 Toilet (Round Socket) →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1\" class=\"portal-btn\"\u003eX1 Toilet →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1-procharge\" class=\"portal-btn\"\u003eX1 ProCharge Toilet →\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Divider --\u003e\n    \u003cdiv class=\"trail-divider\"\u003e\n        \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e \u003cspan class=\"trail-icon\"\u003eClesana C1 \u0026amp; X1 Replacement Part\u003c\/span\u003e \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrative Intro Block --\u003e\n    \u003cdiv class=\"narrative-block\"\u003e\n        \u003cp\u003eIs your Clesana toilet refusing to seal or flashing an error code because it thinks the seat lid is still open? The toilet’s computer must confirm that the lid is completely closed before it safely fires the automatic heat-sealing cycle.\u003c\/p\u003e\n        \u003cp\u003eThis replacement long reed sensor cable runs directly from the internal circuit board up to the seat hinge area. If your original cable was pinched, stretched, or stopped registering the lid's magnet, installing this fresh sensor cable restores proper lid detection and gets your toilet flushing normally again.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Quick Hotlist --\u003e\n    \u003cspan class=\"section-title\"\u003eAt a Glance\u003c\/span\u003e\n    \u003cul class=\"specs-list\"\u003e\n        \u003cli class=\"specs-item\"\u003eAccurately detects whether the toilet lid is open or closed so the toilet can safely trigger sealing cycles.\u003c\/li\u003e\n        \u003cli class=\"specs-item\"\u003eDirect harness plug connects the internal mainboard straight to the seat hinge sensor location.\u003c\/li\u003e\n        \u003cli class=\"specs-item\"\u003eFixes halted flush cycles and error codes caused by faulty or loose lid sensor signals.\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- Quick Specifications Table --\u003e\n    \u003cspan class=\"section-title\"\u003eQuick Specifications\u003c\/span\u003e\n    \u003cdiv class=\"table-card\"\u003e\n        \u003ctable class=\"data-table\"\u003e\n            \u003ctbody\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003ePart Name\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eET Reed Sensor Cable, Long\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eFits Models\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eClesana C1 \u0026amp; Clesana X1\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eComponent Area\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eToilet Seat Cover \/ Hinge Sensor\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eHarness Type\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eLong Wire Harness (Mainboard to Hinge)\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eFunction\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eMagnetic Lid Open \/ Closed Detection\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/tbody\u003e\n        \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Support Footer --\u003e\n    \u003cdiv class=\"support-footer\"\u003e\n        \u003cdiv class=\"support-text-area\"\u003e\n            \u003ch3\u003eNeed Help Finding a Part?\u003c\/h3\u003e\n            \u003cp\u003eNot sure if this matches your setup? Give our team a quick call toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"btn-group\"\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/contact\" class=\"quote-btn\" target=\"_blank\"\u003eContact Support\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":50110038114401,"sku":"EU-10030170","price":7.89,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/0027-5597354632897460341.png?v=1781285083"},{"product_id":"clesana-et-reed-senor-cable-short-for-toilet-seat-cover-c1-x1","title":"Clesana ET Reed Senor Cable,Short, For Toilet Seat Cover, C1\/X1","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\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    \/* Scoped Container - Standard Width *\/\n    .clesana-part-wrapper {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        background-color: transparent !important;\n        color: #1f2937 !important; \n        max-width: 820px;\n        margin: 0 auto;\n        padding: 10px 10px 24px;\n        line-height: 1.55;\n        box-sizing: border-box;\n    }\n\n    .clesana-part-wrapper * { \n        box-sizing: border-box; \n    }\n\n    \/* Universal Clesana Brand Palette *\/\n    .clesana-part-wrapper {\n        --cd-primary: #018289;        \/* Clesana Universal Teal *\/\n        --cd-primary-dark: #016b71;   \/* Deep Teal *\/\n        --cd-dark: #0f172a;           \/* Obsidian Slate *\/\n        --cd-muted: #555c66;          \/* Slate Gray *\/\n        --cd-border: #cbd5e1;         \/* Clean Gray Border *\/\n    }\n\n    \/* Typography *\/\n    .clesana-part-wrapper h1 {\n        font-size: 26px;\n        font-weight: 900;\n        color: var(--cd-dark) !important;\n        line-height: 1.2;\n        margin: 0 0 4px 0;\n        letter-spacing: -0.5px;\n    }\n\n    \/* Back to Collection Link *\/\n    .clesana-part-wrapper .back-link-row {\n        margin-bottom: 10px;\n    }\n\n    .clesana-part-wrapper .back-link {\n        color: var(--cd-muted) !important;\n        text-decoration: underline !important;\n        text-underline-offset: 3px;\n        font-size: 12.5px;\n        font-weight: 600;\n        display: inline-flex;\n        align-items: center;\n        gap: 5px;\n        transition: color 0.2s ease;\n    }\n\n    .clesana-part-wrapper .back-link:hover {\n        color: var(--cd-primary) !important;\n    }\n\n    \/* System Portal Buttons *\/\n    .clesana-part-wrapper .portal-btn-row {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 14px;\n        flex-wrap: wrap;\n    }\n\n    .clesana-part-wrapper .portal-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 6px;\n        padding: 7px 14px;\n        border-radius: 6px;\n        font-size: 11.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        text-decoration: none !important;\n        letter-spacing: 0.5px;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        border: 1px solid var(--cd-primary);\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .portal-btn:hover {\n        background-color: var(--cd-primary-dark);\n        border-color: var(--cd-primary-dark);\n    }\n\n    \/* Line Divider *\/\n    .clesana-part-wrapper .trail-divider {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        margin: 12px 0 16px 0;\n        width: 100%;\n    }\n\n    .clesana-part-wrapper .trail-line {\n        flex: 1;\n        height: 1px;\n        background-color: var(--cd-border);\n    }\n\n    .clesana-part-wrapper .trail-icon {\n        font-size: 11px;\n        font-weight: 800;\n        color: var(--cd-primary);\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    \/* Narrative Intro Block *\/\n    .clesana-part-wrapper .narrative-block {\n        border-left: 3px solid var(--cd-primary);\n        padding: 4px 0 4px 14px !important;\n        margin-bottom: 20px !important;\n    }\n\n    .clesana-part-wrapper .narrative-block p {\n        font-size: 14.5px;\n        line-height: 1.55;\n        margin: 0 0 8px 0;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .narrative-block p:last-child {\n        margin-bottom: 0;\n    }\n\n    \/* Section Titles *\/\n    .clesana-part-wrapper .section-title {\n        color: var(--cd-dark);\n        font-weight: 800;\n        text-transform: uppercase;\n        font-size: 13px;\n        letter-spacing: 0.6px;\n        margin: 20px 0 10px 0;\n        display: block;\n    }\n\n    \/* Feature Bullet List *\/\n    .clesana-part-wrapper .specs-list {\n        list-style-type: none;\n        padding: 0;\n        margin: 0 0 20px 0;\n    }\n\n    .clesana-part-wrapper .specs-item {\n        font-size: 14px;\n        line-height: 1.5;\n        margin-bottom: 8px;\n        padding-left: 18px;\n        position: relative;\n        color: #374151;\n    }\n\n    .clesana-part-wrapper .specs-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .clesana-part-wrapper .specs-item::before {\n        content: \"•\";\n        color: var(--cd-primary);\n        font-weight: 900;\n        position: absolute;\n        left: 0;\n        top: -1px;\n        font-size: 17px;\n        line-height: 1.2;\n    }\n\n    \/* Specifications Table Card *\/\n    .clesana-part-wrapper .table-card {\n        background: #ffffff;\n        border: 1px solid var(--cd-border);\n        border-radius: 8px;\n        overflow: hidden;\n        margin: 0 0 22px 0;\n    }\n\n    .clesana-part-wrapper .data-table,\n    .clesana-part-wrapper .data-table th,\n    .clesana-part-wrapper .data-table td {\n        border: none !important;\n        outline: none !important;\n    }\n\n    .clesana-part-wrapper .data-table {\n        width: 100%;\n        border-collapse: collapse !important;\n        font-size: 13px;\n        margin: 0 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr {\n        border: none !important;\n        border-bottom: 1px solid #f1f5f9 !important;\n    }\n\n    .clesana-part-wrapper .data-table tr:nth-child(even) {\n        background-color: #f8fafc;\n    }\n\n    .clesana-part-wrapper .data-table tr:last-child {\n        border-bottom: none !important;\n    }\n\n    .clesana-part-wrapper .table-label {\n        padding: 9px 14px;\n        font-weight: 700;\n        color: var(--cd-muted);\n        width: 45%;\n    }\n\n    .clesana-part-wrapper .table-value {\n        padding: 9px 14px;\n        font-weight: 600;\n        color: var(--cd-dark);\n        text-align: right;\n    }\n\n    \/* Support Footer *\/\n    .clesana-part-wrapper .support-footer {\n        border-top: 1px solid var(--cd-border) !important;\n        padding-top: 16px !important;\n        display: flex !important;\n        flex-direction: row !important;\n        flex-wrap: nowrap !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 16px !important;\n        margin-top: 24px;\n        background: transparent !important;\n    }\n\n    .clesana-part-wrapper .support-text-area {\n        flex: 1 1 auto;\n        display: flex;\n        flex-direction: column;\n        gap: 2px;\n        min-width: 0;\n    }\n\n    .clesana-part-wrapper .support-footer h3 {\n        margin: 0;\n        font-size: 13.5px;\n        font-weight: 800;\n        text-transform: uppercase;\n        color: var(--cd-primary);\n        letter-spacing: 0.5px;\n    }\n\n    .clesana-part-wrapper .support-footer p {\n        margin: 0;\n        font-size: 13px;\n        line-height: 1.45;\n        color: var(--cd-muted);\n    }\n\n    .clesana-part-wrapper .tel-link {\n        font-weight: 700;\n        color: var(--cd-primary-dark) !important;\n        text-decoration: underline !important;\n        white-space: nowrap !important;\n        display: inline-block;\n    }\n\n    .clesana-part-wrapper .btn-group {\n        flex: 0 0 auto !important;\n        display: flex;\n        align-items: center;\n    }\n\n    .clesana-part-wrapper .quote-btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        background-color: var(--cd-primary);\n        color: #ffffff !important;\n        padding: 8px 14px;\n        border-radius: 4px;\n        text-decoration: none !important;\n        font-weight: 700;\n        font-size: 11.5px;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        white-space: nowrap !important;\n        transition: background-color 0.2s ease-in-out;\n    }\n\n    .clesana-part-wrapper .quote-btn:hover {\n        background-color: var(--cd-primary-dark);\n    }\n\n    \/* Responsive Rules *\/\n    @media screen and (max-width: 640px) {\n        .clesana-part-wrapper h1 { font-size: 22px; }\n        .clesana-part-wrapper .table-label { width: 50%; }\n        .clesana-part-wrapper .support-footer { \n            flex-direction: column !important;\n            align-items: flex-start !important;\n            gap: 12px !important; \n        }\n    }\n\u003c\/style\u003e\n\n\u003cdiv class=\"clesana-part-wrapper\"\u003e\n    \u003c!-- Product Header --\u003e\n    \u003ch1\u003eClesana ET Reed Sensor Cable (Short) - C1 \u0026amp; X1\u003c\/h1\u003e\n\n    \u003c!-- Top Navigation Links --\u003e\n    \u003cdiv class=\"back-link-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"back-link\"\u003e← All Clesana Parts \u0026amp; Supplies\u003c\/a\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"portal-btn-row\"\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"portal-btn\"\u003eC1 Toilet (L-Adapter) →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-round-socket\" class=\"portal-btn\"\u003eC1 Toilet (Round Socket) →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1\" class=\"portal-btn\"\u003eX1 Toilet →\u003c\/a\u003e\n        \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1-procharge\" class=\"portal-btn\"\u003eX1 ProCharge Toilet →\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Divider --\u003e\n    \u003cdiv class=\"trail-divider\"\u003e\n        \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e \u003cspan class=\"trail-icon\"\u003eClesana C1 \u0026amp; X1 Replacement Part\u003c\/span\u003e \u003cspan class=\"trail-line\"\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Narrative Intro Block --\u003e\n    \u003cdiv class=\"narrative-block\"\u003e\n        \u003cp\u003eIf your Clesana C1 or X1 toilet refuses to initiate a flush cycle or signals that the lid is still open when it is firmly clicked shut, the seat cover sensor cable is likely the issue. The central control system requires confirmation that the lid is completely down before it will safely start the automatic sealing cycle.\u003c\/p\u003e\n        \u003cp\u003eThis short replacement reed sensor cable connects the magnetic sensor inside the seat hinge directly to your toilet’s intermediate wiring harness. If your original short lead was pinched, frayed, or lost signal continuity, installing this cable restores accurate lid detection so your toilet can flush and seal properly.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Quick Hotlist --\u003e\n    \u003cspan class=\"section-title\"\u003eAt a Glance\u003c\/span\u003e\n    \u003cul class=\"specs-list\"\u003e\n        \u003cli class=\"specs-item\"\u003eAccurately detects whether the toilet lid is open or closed so the toilet can safely trigger sealing cycles.\u003c\/li\u003e\n        \u003cli class=\"specs-item\"\u003eShort lead harness connects the seat hinge sensor to the internal wiring quick-disconnect.\u003c\/li\u003e\n        \u003cli class=\"specs-item\"\u003eFixes halted flush cycles and error codes caused by faulty or loose lid sensor signals.\u003c\/li\u003e\n    \u003c\/ul\u003e\n\n    \u003c!-- Quick Specifications Table --\u003e\n    \u003cspan class=\"section-title\"\u003eQuick Specifications\u003c\/span\u003e\n    \u003cdiv class=\"table-card\"\u003e\n        \u003ctable class=\"data-table\"\u003e\n            \u003ctbody\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003ePart Name\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eET Reed Sensor Cable, Short\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eFits Models\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eClesana C1 \u0026amp; Clesana X1\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eComponent Area\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eToilet Seat Cover \/ Hinge Sensor\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eHarness Type\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eShort Wire Lead (Hinge to Harness Connector)\u003c\/td\u003e\n                \u003c\/tr\u003e\n                \u003ctr\u003e\n                    \u003ctd class=\"table-label\"\u003eFunction\u003c\/td\u003e\n                    \u003ctd class=\"table-value\"\u003eMagnetic Lid Open \/ Closed Detection\u003c\/td\u003e\n                \u003c\/tr\u003e\n            \u003c\/tbody\u003e\n        \u003c\/table\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Support Footer --\u003e\n    \u003cdiv class=\"support-footer\"\u003e\n        \u003cdiv class=\"support-text-area\"\u003e\n            \u003ch3\u003eNeed Help Finding a Part?\u003c\/h3\u003e\n            \u003cp\u003eNot sure if this matches your setup? Give our team a quick call toll-free at \u003cspan class=\"tel-link\"\u003e\u003ca href=\"tel:+18446034743\" class=\"tel-link\"\u003e1 (844) 603-4743\u003c\/a\u003e\u003c\/span\u003e.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"btn-group\"\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/pages\/contact\" class=\"quote-btn\" target=\"_blank\"\u003eContact Support\u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":50110038179937,"sku":"EU-10030160","price":7.89,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/0027-5597354632897460341.png?v=1781285083"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/collections\/Clesana_Logo_Image1.png?v=1794516141","url":"https:\/\/thecabindepot.ca\/fr\/collections\/clesana-products.oembed?page=2","provider":"The Cabin Depot","version":"1.0","type":"link"}