{"title":"Inodoros Clesana en Canadá para cabañas sin conexión a la red y un estilo de vida sin agua","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\"\u003eSocio oficial de Clesana\u003c\/div\u003e\n\u003ch1\u003eLa revolución sanitaria\u003c\/h1\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThe Cabin Depot® es socio oficial de Clesana y uno de los pocos minoristas canadienses autorizados a comercializar la gama completa de inodoros Clesana. Clesana es un sistema de inodoro sin agua de fabricación suiza que utiliza tecnología de sellado térmico para embolsar y sellar de forma higiénica los residuos tras cada uso, sin necesidad de agua, productos químicos ni instalaciones de fontanería.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003ePara los propietarios de cabañas, los habitantes de casas diminutas y cualquier persona que viva fuera de la red eléctrica sin acceso a las instalaciones de fontanería tradicionales, un inodoro Clesana ofrece una solución sanitaria limpia y de bajo mantenimiento que funciona en cualquier lugar.\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 % a prueba de olores\u003c\/span\u003e \u003cspan class=\"sub\"\u003eBarrera médica\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\"\u003eIndependiente del suministro de agua\u003c\/span\u003e \u003cspan class=\"sub\"\u003eNo a los «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=\"Calidad suiza\" 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\u003eHigiene certificada\u003c\/h4\u003e\n\u003cp\u003eLa tecnología de sellado térmico crea un cierre hermético, lo que mantiene tu hogar fresco y libre de gérmenes.\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\u003eEliminación habitual\u003c\/h4\u003e\n\u003cp\u003eLas bolsas selladas son higiénicas y a prueba de fugas, lo que permite desecharlas sin problemas junto con la basura doméstica habitual.\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\u003eSin mantenimiento\u003c\/h4\u003e\n\u003cp\u003eNo requiere preparación para el invierno, ni aditivos químicos, ni instalación de tuberías para aguas residuales. Lo instalas y ya no tienes que preocuparte más.\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\u003eSuministros del sistema\u003c\/h3\u003e\n\u003cp\u003eRecambios para fundas, absorbentes y piezas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003ca class=\"cd-btn-parts\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003eComprar material\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\u003e¿Tienes alguna duda? ¡Llámanos!\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;\"\u003eEquipamiento de calidad para disfrutar tanto en interiores como al aire libre.\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 con casquillo redondo","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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eInodoro con junta Clesana C1 (conexión redonda)\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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eSeguridad de confianza, comodidad máxima: Clesana C1, el inodoro con sistema de sellado de alta gama para los estándares más exigentes. Diseñado originalmente para uso clínico, también cumple con las normas de higiene médica en el mundo del caravaning, de forma fiable y limpia.\u003c\/p\u003e \u003cp\u003eEl Clesana C1 funciona casi como en casa. Solo que sin agua ni productos químicos.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eEl inodoro hermético\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003ePara una colocación libre en la habitación y para adaptaciones especiales.\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 Cambiar al L en L \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Tienda de material de Clesana \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\"\u003eIntroducción\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\"\u003eGuía de adaptación\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;\"\u003eFlexibilidad de instalación\u003c\/span\u003e \u003ch2\u003eLa base con zócalo redondo\u003c\/h2\u003e \u003cp\u003e\u003ci\u003eGracias a su sencilla instalación, el C1 se puede instalar en cualquier lugar y está listo para su uso inmediato.\u003c\/i\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eModelo estándar para montaje en suelo\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Round_5.jpg?v=1773766123\" alt=\"Detalle de instalación del zócalo redondo Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eTermopresión\u003c\/strong\u003e \u003cp\u003eUn mecanismo patentado de termopresión sella automáticamente los residuos de forma segura en una bolsa de película de alta barrera con solo pulsar un botón. Esto te protege a ti y al medio ambiente.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección clínica\u003c\/strong\u003e \u003cp\u003eAunque se desarrolló originalmente para uso clínico, también cumple con las normas de higiene médica en el ámbito del caravaning, de forma fiable y limpia.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eListo para usar\u003c\/strong\u003e \u003cp\u003eGracias a su sencilla instalación, el C1 se puede instalar en cualquier lugar y está listo para su uso inmediato.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido de la caja\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 unidad de Clesana C1\u003c\/li\u003e \u003cli\u003e2 contactos de crimpado, Anderson SB50 de 50 A, referencia 5952\u003c\/li\u003e \u003cli\u003e1 carcasa de conector de 2 pines, carcasa de conector Anderson SB50 992G1\u003c\/li\u003e \u003cli\u003e1 manual de usuario de Clesana C1\u003c\/li\u003e \u003cli\u003e1 pegatina con instrucciones de uso\u003c\/li\u003e \u003cli\u003e1 manual de instalación del Clesana C1\u003c\/li\u003e \u003cli\u003e1 lámina protectora de alta barrera C1\u003c\/li\u003e \u003cli\u003e1 paquete 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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de carga\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\"\u003eTensión nominal\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\"\u003eConsumo de corriente (máx.)\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\"\u003eConsumo de energía en modo de espera\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\"\u003eConsumo de energía durante el proceso de sellado\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\"\u003eProceso de sellado y separación\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\"\u003eCiclo de sellado\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eaprox. 50 segundos\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTemperatura de funcionamiento\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\"\u003eVisita el canal oficial de YouTube 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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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_with_round_socket_img1.jpg?v=1794578681"},{"product_id":"clesana-c1-with-l-adapter","title":"Clesana C1 con adaptador 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eInodoro con sistema de sellado 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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eSeguridad de confianza, comodidad máxima: Clesana C1, el inodoro con sistema de sellado de alta gama para los estándares más exigentes. Diseñado originalmente para uso clínico, también cumple con las normas de higiene médica en el mundo del caravaning, de forma fiable y limpia.\u003c\/p\u003e \u003cp\u003eEl Clesana C1 funciona casi como en casa. Solo que sin agua ni productos químicos.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eEl adaptador en L para inodoro con junta de estanqueidad\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003ePara una adaptación rápida y sencilla, incluidas las series Thetford C220 y 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 Cambiar a toma redonda \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Tienda de material de Clesana \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\"\u003eIntroducción\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\"\u003eGuía de adaptación\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;\"\u003eEspecialista en instalaciones\u003c\/span\u003e \u003ch2\u003eBase L en L para reacondicionamiento\u003c\/h2\u003e \u003cp\u003e\u003ci\u003eGracias a su sencilla instalación, el C1 se puede instalar en cualquier lugar y está listo para su uso inmediato.\u003c\/i\u003e\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eReforma para montaje en pared\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=\"Detalle de montaje del adaptador en L Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eTermopresión\u003c\/strong\u003e \u003cp\u003eUn mecanismo patentado de termopresión sella automáticamente los residuos de forma segura en una bolsa de película de alta barrera con solo pulsar un botón. Esto te protege a ti y al medio ambiente.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección clínica\u003c\/strong\u003e \u003cp\u003eAunque se desarrolló originalmente para uso clínico, también cumple con las normas de higiene médica en el ámbito del caravaning, de forma fiable y limpia.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eListo para usar\u003c\/strong\u003e \u003cp\u003eGracias a su sencilla instalación, el C1 se puede instalar en cualquier lugar y está listo para su uso inmediato.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido de la caja\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 unidad de Clesana C1\u003c\/li\u003e \u003cli\u003e2 contactos de crimpado, contacto Anderson SB50 de 50 A, 5952\u003c\/li\u003e \u003cli\u003e1 carcasa de conector de 2 pines, carcasa de conector Anderson SB50 992G1\u003c\/li\u003e \u003cli\u003e1 manual de usuario de Clesana C1\u003c\/li\u003e \u003cli\u003e1 pegatina con instrucciones de uso\u003c\/li\u003e \u003cli\u003e1 manual de instalación de Clesana C1\u003c\/li\u003e \u003cli\u003e1 lámina protectora de alta barrera C1\u003c\/li\u003e \u003cli\u003e1 paquete 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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de carga\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\"\u003eTensión nominal\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\"\u003eConsumo de corriente (máx.)\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\"\u003eConsumo de energía en modo de espera\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\"\u003eConsumo de energía durante el proceso de sellado\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\"\u003eProceso de sellado y separación\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\"\u003eCiclo de sellado\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eaprox. 50 segundos\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTemperatura de funcionamiento\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\"\u003ePara la instalación\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePara el cableado directo a la batería auxiliar: Clesana Power Management sin cable.\u003c\/li\u003e \u003cli\u003ePara instalación con batería de reserva: Clesana Power Management, incluido el cable.\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\"\u003eVisita el canal oficial de YouTube 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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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_with_l_adapter_img1.jpg?v=1794578560"},{"product_id":"c1-barrier-foil-liner","title":"Revestimiento de película de alta barrera 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eRevestimiento de película de alta barrera 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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro hermético Clesana C1. La película de alta barrera, desarrollada específicamente para el sector médico, ofrece una protección excepcional contra los olores y la permeabilidad a la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner estándar C1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa versión de alta resistencia para la eliminación habitual de residuos.\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 Nivel 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 (Ecológico) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Cambiar a 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos 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;\"\u003eConfianza en la higiene\u003c\/span\u003e \u003ch2\u003eBarrera de grado médico\u003c\/h2\u003e \u003cp\u003eEl revestimiento de película de alta barrera C1 cuenta con una estructura de alta densidad que retiene eficazmente gases y líquidos. Esto lo convierte en la opción ideal para estancias prolongadas sin conexión a la red eléctrica. Un paquete de revestimiento proporciona material suficiente para una media de 40 bolsas de tamaño estándar.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eDe alta barrera\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=\"Revestimiento de película de alta barrera Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eEl film de alta barrera, desarrollado específicamente para el sector médico, ofrece una protección excepcional contra la permeabilidad al olor y a la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli class=\"cd-list-header\" style=\"margin-top: 0;\"\u003eÍndice\u003c\/li\u003e \u003cli\u003e2 láminas protectoras de alta barrera por paquete\u003c\/li\u003e \u003cli\u003eGuía didáctica\u003c\/li\u003e \u003cli\u003eEnvases herméticos con fecha de caducidad\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\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\"\u003ePara la instalación\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePara el cableado directo a la batería auxiliar: Clesana Power Management sin cable.\u003c\/li\u003e \u003cli\u003ePara instalación con batería de reserva: Clesana Power Management, incluido el cable.\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Lámina protectora Clesana C1 BIO","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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eRevestimiento de película de alta barrera Clesana C1 BIO\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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eEl revestimiento de película biológica de alta barrera, con certificación DIN, está fabricado a partir de biomasa y materiales reciclados, y ofrece una protección excepcional contra los olores y la permeabilidad a la humedad. Garantiza la seguridad durante días y semanas, y permite una eliminación fácil e higiénica. Un revestimiento de película biológica de alta barrera nuevo permite sellar una media de hasta 40 bolsas.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eRevestimiento C1 BIO (biomasa)\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUna configuración ecológica fabricada con biomasa y materiales reciclados.\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 Nivel 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 Cambiar a 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general de los revestimientos 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;\"\u003eCiencia sostenible\u003c\/span\u003e \u003ch2\u003eBarrera de origen biológico\u003c\/h2\u003e \u003cp\u003eEl revestimiento de película de alta barrera BIO ofrece una barrera al oxígeno aún más eficaz que el modelo estándar, lo que garantiza la máxima contención de olores. Un paquete permite preparar aproximadamente 40 bolsas selladas, lo que garantiza una experiencia segura e higiénica sin dejar rastro de productos químicos.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 BIO Biomasa\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=\"Revestimiento de película de alta barrera Clesana C1 BIO\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eEl film de alta barrera, desarrollado específicamente para el sector médico, ofrece una protección excepcional contra la permeabilidad al olor y a la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento nuevo de película biológica de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 láminas de alta barrera por paquete\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,14 cm³ \/ (m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,42 g \/ (m² d)\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\"\u003ePara la instalación\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003ePara el cableado directo a la batería auxiliar: Clesana Power Management sin cable.\u003c\/li\u003e \u003cli\u003ePara instalación con batería de reserva: Clesana Power Management, incluido el cable.\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Clesana C1, zócalo redondo","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eBase con casquillo redondo C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eLa base redonda Clesana C1 es un accesorio de instalación especialmente diseñado para utilizarse con el inodoro Clesana C1 en caravanas, autocaravanas, furgonetas camper y embarcaciones en las que se requiere una salida de desagüe redonda. Esta robusta placa de base proporciona una superficie de montaje segura y sólida que ayuda a alinear correctamente el inodoro con la salida de desagüe redonda del vehículo, creando una unión limpia y hermética entre la taza del inodoro y el suelo.\u003c\/p\u003e \u003cp\u003eAl estabilizar el inodoro y contribuir a garantizar una alineación correcta con el tubo de desagüe, la base redonda C1 reduce la flexión, la vibración y la posible tensión en las conexiones de desagüe mientras el vehículo circula, lo que ayuda a prolongar la vida útil de las tuberías y a reducir los problemas de mantenimiento. Su construcción resistente es ideal para un uso prolongado en entornos móviles en los que las vibraciones y los movimientos son habituales.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eRecambio original de fábrica\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAsegura la durabilidad y el rendimiento de tu sistema utilizando únicamente componentes originales.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-products\" class=\"cd-btn cd-btn-supplies\"\u003e Volver a los aseos \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;\"\u003eAsistencia para la instalación\u003c\/span\u003e \u003ch2\u003eEstabilidad y alineación\u003c\/h2\u003e \u003cp\u003eLa base con encaje redondo se coloca directamente sobre el hueco del suelo para crear una superficie de montaje sólida. Al canalizar los residuos directamente y evitar desplazamientos, preserva la integridad estructural de las conexiones de fontanería durante la marcha.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 Base redonda\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Clesana_C1_Round_5.jpg?v=1773766123\" alt=\"Detalle de instalación del zócalo redondo Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMejora la estabilidad\u003c\/strong\u003e \u003cp\u003eReduce el movimiento y la tensión en las conexiones del inodoro y del desagüe durante los desplazamientos por caminos accidentados.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMejora el sellado\u003c\/strong\u003e \u003cp\u003eAyuda a evitar que se filtren residuos y olores por la unión de la placa base.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eConstrucción duradera\u003c\/strong\u003e \u003cp\u003eDiseñado específicamente para satisfacer las exigentes necesidades de los cuartos de baño de caravanas y autocaravanas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eCómo y dónde se utiliza\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=\"Calidad suiza\"\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 redonda Clesana C1 se utiliza durante la instalación de un inodoro Clesana C1 en cualquier cuarto de baño de un vehículo de ocio en el que la salida de desagüe sea redonda (en contraposición a las salidas traseras o descentradas). Antes de instalar el inodoro, la placa base se coloca sobre el hueco del suelo del vehículo que se alinea con el tubo o la salida de desagüe redonda.\u003c\/p\u003e \u003cul style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cli\u003e\n\u003cstrong\u003ePrepara el hueco en el suelo:\u003c\/strong\u003e asegúrate de que la abertura para la salida de desagüe esté limpia y de que el orificio redondo se ajuste al diámetro del tubo de desagüe del vehículo.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eColoca la base redonda:\u003c\/strong\u003e coloca la base redonda C1 de manera que su centro quede alineado con la salida de desagüe redonda.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eSellar y fijar:\u003c\/strong\u003e Aplica un sellador flexible adecuado alrededor del perímetro de la base y fíjala en su sitio. La base crea una superficie de montaje sólida que reduce el movimiento y ayuda a canalizar los residuos directamente hacia el desagüe.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eInstalación del inodoro C1:\u003c\/strong\u003e Coloque el inodoro Clesana C1 sobre la base redonda, asegurándose de que la taza quede alineada con la salida y bien ajustada a la base.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eComprobaciones finales:\u003c\/strong\u003e Apriete las fijaciones y compruebe que no haya holgura entre el inodoro y la base redonda. Compruebe que las juntas estén intactas para evitar la entrada de olores o humedad.\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eEntre los lugares habituales de instalación se incluyen:\u003c\/li\u003e \u003cli\u003eBaños de caravanas con tubos de desagüe redondos\u003c\/li\u003e \u003cli\u003eBaños de autocaravanas en los que la instalación de inodoros redondos es habitual\u003c\/li\u003e \u003cli\u003eAcondicionamientos de autocaravanas diseñados para espacios de baño compactos\u003c\/li\u003e \u003cli\u003eInodoros para embarcaciones que utilizan sistemas de descarga redondos similares\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\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eDiseñado para\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInstalaciones de inodoros Clesana C1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSe adapta a las tuberías de desagüe redondas\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eObjetivo\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eBase de montaje sólida y soporte de alineación\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eEstabilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eReduce el movimiento y la tensión en las conexiones del inodoro y del desagüe\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMejora del sellado\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAyuda a evitar que se salgan residuos y olores por la base\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConstrucción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eDiseño resistente pensado para los cuartos de baño de caravanas y autocaravanas\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eEntorno de uso\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInstalaciones sanitarias para vehículos de ocio, autocaravanas y embarcaciones\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Adaptador 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\"\u003eDiseñado en Suiza\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\u003eEl L Clesana (UV) está diseñado para facilitar la fácil adaptación del inodoro sin agua C1. Es compatible con los inodoros basados en las series C220 y C260 de Thetford, lo que permite una conexión fluida y segura durante la instalación.\u003c\/p\u003e \u003cp\u003eTambién se puede utilizar en aplicaciones fijas y fijarse al suelo.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eRecambio original de fábrica\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAsegura la durabilidad y el rendimiento de tu sistema utilizando únicamente componentes originales.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-products\" class=\"cd-btn cd-btn-supplies\"\u003e Volver a los aseos \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;\"\u003eAsistencia para la instalación\u003c\/span\u003e \u003ch2\u003eEstabilidad y alineación\u003c\/h2\u003e \u003cp\u003eLa base L funciona como un perfil de montaje fiable que simplifica la adaptación a instalaciones existentes. Al ajustarse a los esquemas de fontanería estándar de los aseos y proporcionar un anclaje fijo al suelo, garantiza una instalación segura y limpia.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eL C1 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=\"Detalle de montaje del adaptador en L Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eFácil adaptación\u003c\/strong\u003e \u003cp\u003eDiseñado específicamente para facilitar la instalación sin complicaciones del inodoro sin agua C1.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eCompatible con Thetford\u003c\/strong\u003e \u003cp\u003ePermite una conexión fluida y segura con las instalaciones de fontanería de los cuartos de baño de las series C220 y C260.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMontaje fijo\u003c\/strong\u003e \u003cp\u003eLa estructura versátil de la placa base también se puede utilizar en aplicaciones fijas y fijarse al suelo.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eAplicación y uso\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=\"Calidad suiza\"\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 se utiliza durante el proceso de reacondicionamiento de un inodoro Clesana C1 para garantizar una instalación segura, estanca a la humedad y perfectamente alineada.\u003c\/p\u003e \u003cul style=\"list-style: none !important; margin: 0; padding: 0;\"\u003e \u003cli\u003e\n\u003cstrong\u003eAjustes de reacondicionamiento:\u003c\/strong\u003e garantizan un espacio limpio al retirar los antiguos sistemas de casetes de los baños de las caravanas y autocaravanas.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eFijación fija:\u003c\/strong\u003e Ofrece puntos de sujeción para la instalación directa sobre suelos de madera, hormigón o materiales compuestos.\u003c\/li\u003e \u003cli\u003e\n\u003cstrong\u003eAlivio de la carga hidráulica:\u003c\/strong\u003e distribuye el peso estructural de manera uniforme, protegiendo las conexiones de desagüe y minimizando las vibraciones y la tensión durante la marcha.\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eEntre los lugares habituales de instalación se incluyen:\u003c\/li\u003e \u003cli\u003eSucios de caravanas que sustituyen a los antiguos inodoros de la serie C220 de Thetford\u003c\/li\u003e \u003cli\u003eBaños para autocaravanas que sustituyen a las antiguas configuraciones de la serie Thetford C260\u003c\/li\u003e \u003cli\u003eEstructuras de cabañas personalizadas fuera de la red que utilizan una configuración fija montada en el suelo\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\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNombre del modelo\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eL en L Clesana (UV)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración básica\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\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eABS, blanco\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eInodoros compatibles\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSerie Clesana C1 sin agua\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad con las instalaciones de fontanería\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSeries C220 y C260 de Thetford\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTipo de montaje\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAdaptación para montaje en pared o suelo\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eIdeal para\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCaravanas, autocaravanas y cabañas fijas\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;\"\u003eSoluciones de alta calidad para sistemas autónomos.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Funda protectora para el agua 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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFunda protectora para agua Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eFabricada con tejido de poliéster (PES) de alta calidad, esta funda impermeable garantiza que las salpicaduras de la ducha y los chorros de agua no afecten al funcionamiento del inodoro. Es ideal para autocaravanas, furgonetas camper y casas diminutas en las que el espacio de la ducha y el del inodoro están combinados. Ya no hacen falta las voluminosas cortinas de ducha: esta funda elegante y resistente ofrece la máxima impermeabilidad y una alta resistencia a la presión del agua.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eFunda protectora C1 para el agua\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eAccesorio original de Clesana: protege tu inodoro del chorro directo de la ducha y de la humedad.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Volver al aseo 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;\"\u003eOptimización del baño húmedo\u003c\/span\u003e \u003ch2\u003eProtección espacial combinada\u003c\/h2\u003e \u003cp\u003eOlvídate de las cortinas voluminosas o de las molestas mamparas. Esta funda ajustada actúa como un escudo de alta protección para tu inodoro sin agua, lo que te permite utilizar el espacio compacto de la ducha de tu autocaravana sin preocuparte de que entre agua en los componentes electrónicos.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eCubierta de agua\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=\"Detalles de la protección contra el agua de Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eTejido de poliéster antibacteriano\u003c\/strong\u003e \u003cp\u003eEl tejido PES especializado inhibe de forma eficaz el crecimiento bacteriano, lo que mantiene frescos los espacios combinados de baño.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003ecosturas elásticas\u003c\/strong\u003e \u003cp\u003eCuenta con costuras flexibles que garantizan un ajuste perfecto al inodoro, de modo que la tapa se mantiene fija sin desplazarse.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eColumna de agua: \u003e 2 000 mm\u003c\/strong\u003e \u003cp\u003eEl umbral de alta columna de agua garantiza una protección total contra chorros de agua directos y pulverizaciones.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 funda impermeable.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad con modelos\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eSerie C1 de Clesana\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eTejido de poliéster antibacteriano\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eDiseño ajustado\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ecosturas flexibles para garantizar un ajuste perfecto al inodoro\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eColumna de agua\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\"\u003eCaso de uso ideal\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAutocaravanas, furgonetas camper y casas diminutas con cuartos de baño y ducha integrados\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 adaptación Clesana C1 con tapa magnética","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit de conversión con tapa magnética Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eCon la ayuda del kit de conversión, la tapa con cierre suave de serie de tu Clesana C1 se puede convertir fácilmente en una con bisagra magnética. Esto permite retirar completamente la tapa del armario, especialmente en espacios reducidos. La instalación dura aproximadamente 30 minutos.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de conversión para tapa magnética\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa tapa con cierre suave de serie de tu Clesana C1 se puede convertir fácilmente en una con bisagra magnética.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Volver al aseo 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eCómo instalar\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;\"\u003eOptimización del espacio\u003c\/span\u003e \u003ch2\u003eDesmontaje magnético\u003c\/h2\u003e \u003cp\u003eEsto permite retirar completamente la tapa del armario, sobre todo en espacios reducidos. Es ideal para una limpieza a fondo o para que el cuarto de baño resulte mucho más espacioso en casas pequeñas, barcos y furgonetas adaptadas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit magnético\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=\"Conjunto de tapa y cubierta magnética Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eResistencia del neodimio\u003c\/strong\u003e \u003cp\u003eLas bisagras de alta resistencia con imanes de neodimio garantizan un cierre seguro y con un tacto agradable cuando la tapa está colocada.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eTotalmente desmontable\u003c\/strong\u003e \u003cp\u003eEsto permite retirar completamente la tapa del armario, sobre todo en espacios reducidos.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eInstalación sencilla en 30 minutos\u003c\/strong\u003e \u003cp\u003eAdapta fácilmente tu tapa con cierre suave estándar utilizando la plantilla de taladrado y las instrucciones incluidas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e4 bisagras con imanes de neodimio\u003c\/li\u003e \u003cli\u003e1 plantilla de taladrado\u003c\/li\u003e \u003cli\u003e1 manual de instalación\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eTapa estándar Clesana C1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA \/ Neodimio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTiempo de instalación\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e30 minutos\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eHerramientas necesarias\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eTaladro y destornillador\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eBisagras incluidas\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e4 bisagras con imanes de neodimio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorma de diseño\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePieza de recambio original de fabricación suiza\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 para gestión de energía, con cable incluido","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit de gestión de energía Clesana C1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003e¡Una instalación eléctrica sencilla y una autosuficiencia aún mayor!\u003c\/p\u003e \u003cp\u003eEl Clesana Power Management combina las funciones de un relé y un cargador CC\/CC. Cuando se combina con una batería de reserva, el Clesana C1 con el Clesana Power Management se puede instalar de forma rápida y sencilla gracias a los cables premontados. La entrada de control permite el flujo de corriente desde la batería de reserva cuando el Clesana C1 está en uso. Cuando el Clesana C1 está en modo de espera, la batería de reserva se carga con una corriente de 2 A a través del Clesana Power Management. El control se realiza fácilmente mediante un cable de 12 V con polo positivo permanente. Incluso si falla la batería de a bordo, el Clesana C1 puede seguir funcionando a través de la batería de reserva.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de gestión de energía de Clesana\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003e¡Una instalación eléctrica sencilla y una autosuficiencia aún mayor!\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Volver al aseo 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\"\u003eCómo instalar\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;\"\u003ePotencia continua\u003c\/span\u003e \u003ch2\u003eRelé de seguridad autónomo\u003c\/h2\u003e \u003cp\u003eEl módulo de gestión de energía controla de forma fluida la recarga del sistema en modo de espera y el suministro de energía durante el uso. Al pasar automáticamente a la batería de reserva si la batería principal de a bordo se agota, garantiza que el inodoro sin agua siga funcionando de forma limpia y fiable durante el viaje.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit de alimentación\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=\"Detalles de la instalación y la alimentación del Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRelé y cargador CC\/CC\u003c\/strong\u003e \u003cp\u003eCombina un relé de carga inteligente y la conversión de energía en un único módulo integrado.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eCables preconfeccionados\u003c\/strong\u003e \u003cp\u003eIncluye juegos de cables de alta calidad, preparados de fábrica, para garantizar una instalación rápida y sencilla.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eModo de espera continua\u003c\/strong\u003e \u003cp\u003eCarga la batería de reserva con una corriente de carga constante de 2 A siempre que C1 se encuentre en modo de espera.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 unidad de gestión de energía Clesana (de Votronic)\u003c\/li\u003e \u003cli\u003e1 juego de cables de batería que incluye un fusible de 30 A\u003c\/li\u003e \u003cli\u003e1 juego de cable para inodoro, que incluye contactos y enchufe\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eNo incluido:\u003c\/li\u003e \u003cli\u003e¡La batería de reserva no está incluida en el envío!\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTensión nominal de la batería\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\"\u003eRango de tensión de entrada\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eDe 10,5 a 14,8 V\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsumo de corriente en modo de espera\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003etres miliamperios\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConsumo máximo de corriente\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2.2 El\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorma de diseño\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eVotronic original para 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;\"\u003eSoluciones de alta calidad para sistemas autónomos.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 para gestión de energía (cable no incluido)","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1 Gestión de energía (unidad de relés)\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003e¡Reduzca al mínimo el consumo en modo de espera! El sistema de gestión de energía Clesana puede utilizarse como un simple relé. El consumo en modo de espera es casi diez veces inferior al del Clesana C1 (30 mA). El control se realiza fácilmente mediante un cable de 12 V con polaridad positiva permanente. Como ventaja adicional, siempre existe la posibilidad de ampliar el sistema de gestión de energía para incluir un funcionamiento con batería de reserva en el futuro.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eClesana Power Management (Unidad de relés)\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003e¡Reduce al mínimo el consumo en modo de espera!\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-c1-with-l-adapter\" class=\"cd-btn cd-btn-supplies\"\u003e Volver al aseo 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;\"\u003ePotencia continua\u003c\/span\u003e \u003ch2\u003eRelé de seguridad autónomo\u003c\/h2\u003e \u003cp\u003eEl módulo de gestión de energía controla de forma fluida la recarga del sistema en modo de espera y el suministro de energía durante el uso. Al pasar automáticamente a la batería de reserva si la batería principal integrada se agota, garantiza que el inodoro sin agua siga funcionando de forma limpia y fiable durante el viaje.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eUnidad de relés\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=\"Detalles de la instalación y la alimentación del Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRelé y cargador CC\/CC\u003c\/strong\u003e \u003cp\u003eCombina un relé de carga inteligente y la conversión de energía en un único módulo integrado.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eConsumo parasitario mínimo\u003c\/strong\u003e \u003cp\u003eReduce el consumo en modo de espera casi 10 veces más que las configuraciones estándar para mantener las baterías en buen estado.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eModo de espera continua\u003c\/strong\u003e \u003cp\u003ePreparado para la integración directa del cableado y una futura ampliación sencilla para el funcionamiento con batería.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e1 unidad de gestión de energía Clesana (de Votronic)\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eNo incluido:\u003c\/li\u003e \u003cli\u003e¡La batería de reserva y los juegos de cables no están incluidos en el envío!\u003c\/li\u003e \u003cli class=\"cd-list-header\"\u003eBaterías de reserva recomendadas:\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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTensión nominal de la batería\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\"\u003eRango de tensión de entrada\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\"\u003eConsumo de corriente en modo de espera\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003etres miliamperios\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003econsumo máximo de corriente\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2.2 El\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorma de diseño\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eVotronic original para 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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 Antideslizante","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eSet antideslizante Clesana\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eGracias a los valiosos comentarios de nuestros usuarios finales, hemos desarrollado una solución sencilla pero muy eficaz para resolver el problema del deslizamiento al utilizar el Clesana C1: el Anti-slip. Este kit de actualización ofrece claras ventajas y supone una mejora funcional para el Clesana C1.\u003c\/p\u003e \u003cp\u003eLa junta antideslizante es el complemento perfecto para cualquiera que quiera sacar el máximo partido a su Clesana C1. Evita el desperdicio innecesario de film, maximiza el número de bolsas y ofrece una solución sencilla y sostenible para cualquier deslizamiento que pueda producirse.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003e¡La solución inteligente para reducir el consumo de revestimientos!\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eEl juego antideslizante se puede instalar fácilmente en cualquier modelo 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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eCómo instalar\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;\"\u003eOptimización de revestimientos\u003c\/span\u003e \u003ch2\u003e¿Qué es el deslizamiento?\u003c\/h2\u003e \u003cp\u003eEl deslizamiento se produce cuando la película protectora se retira de forma pasiva, es decir, sin que giren los rodillos de transporte. Entre las causas habituales se incluyen:\u003cbr\u003e • \u003cstrong\u003eExceso de peso en la bolsa:\u003c\/strong\u003e una bolsa interior nueva puede soportar hasta 800 g de contenido, mientras que una bolsa interior vacía se hunde cuando el contenido supera los 400 g.\u003cbr\u003e • \u003cstrong\u003eAccionamiento manual:\u003c\/strong\u003e cuando se presiona la película con la mano, como en un cubo de basura convencional.\u003cbr\u003e • \u003cstrong\u003eMovimiento del vehículo:\u003c\/strong\u003e las cadenas de las bolsas pueden arrancar el plástico cuando el vehículo se mueve debido al balanceo de las bolsas.\u003cbr\u003e\u003cbr\u003e El deslizamiento hace que el revestimiento se agote antes de que el sistema de control muestre el nivel final real.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 Antideslizante\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=\"Detalles de la instalación y la actualización de Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUso eficiente del revestimiento\u003c\/strong\u003e \u003cp\u003eEl cierre antideslizante evita que la película se despegue accidentalmente. De este modo, la bolsa se mantiene pequeña y compacta, incluso tras varios usos.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eMás bolsas por bolsa interior\u003c\/strong\u003e \u003cp\u003eDispones de 80 cm más de revestimiento por casete, ya que se elimina el consumo innecesario de película debido al deslizamiento.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eFácil adaptación\u003c\/strong\u003e \u003cp\u003eEl juego antideslizante se puede instalar fácilmente en cualquier modelo Clesana C1.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 clips con resorte (antideslizantes)\u003c\/li\u003e \u003cli\u003eResorte de la tapa 1 vez más resistente\u003c\/li\u003e \u003cli\u003e1 tarjeta con instrucciones en vídeo para un montaje sencillo\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\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\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA6 (poliamida 6)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eAumento del rendimiento de la línea\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e+80 cm por cajón\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eSe incluyen clips\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2 clips con resorte\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eResorte de la tapa incluido\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eResorte de la tapa 1 vez más resistente\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorma de construcción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePieza de recambio original de diseño suizo\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eInodoro portátil con sistema de sellado Clesana X1\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;\"\u003eSeguro. Higiénico. Independiente.\u003c\/p\u003e\n\u003cp\u003eInnumerables necesidades, una solución única: la nueva Clesana X1 envuelve automáticamente los residuos de forma segura en un film de alta barrera. Esto te protege a ti y al medio ambiente. No importa adónde te lleve tu viaje: la Clesana X1 es autónoma, higiénica y cabe en cualquier vehículo.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eEl baño portátil con sistema de sellado\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eOptimizado para una movilidad total y un funcionamiento flexible y autónomo en cualquier lugar.\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 Cambia a X1 ProCharge \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-supplies\"\u003e Tienda de material de Clesana \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\"\u003eIntroducción\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\"\u003eContenido del suministro\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\"\u003eOpciones de energía\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;\"\u003eDiseño patentado\u003c\/span\u003e\n\u003ch2\u003eMecanismo telescópico\u003c\/h2\u003e\n\u003cp\u003e\u003ci\u003eListo para usar en cuestión de segundos. El mecanismo telescópico patentado garantiza un tamaño mínimo de plegado para viajar, al tiempo que ofrece una altura de asiento estándar cuando está extendido. No requiere agua ni productos químicos.\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-image-entity\"\u003e\n\u003cspan class=\"cd-badge\"\u003eEstándar móvil\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=\"Interior del inodoro Clesana X1 con sellado\"\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\u003eTamaño mínimo del paquete\u003c\/strong\u003e\n\u003cp\u003eSu mecanismo telescópico patentado se monta en cuestión de segundos y se transforma en una configuración de viaje extremadamente compacta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eAltura cómoda del asiento\u003c\/strong\u003e\n\u003cp\u003eLa cómoda altura del asiento, de 407 mm, garantiza una ergonomía similar a la de casa, independientemente del lugar donde acampes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eFuente de alimentación flexible\u003c\/strong\u003e\n\u003cp\u003ePreparado para cualquier configuración eléctrica, con compatibilidad integrada con voltajes de 12\/24 V, 110-240 V y baterías de 18 V.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e\n\u003cul class=\"cd-data-list\"\u003e\n\u003cli\u003e1 unidad de Clesana X1\u003c\/li\u003e\n\u003cli\u003e1 conector para vehículo de 12 V\/24 V\u003c\/li\u003e\n\u003cli\u003e1 adaptador de corriente para funcionamiento entre 100 V y 240 V\u003c\/li\u003e\n\u003cli\u003e1 manual de usuario\u003c\/li\u003e\n\u003cli\u003e1 guía de inicio rápido\u003c\/li\u003e\n\u003cli\u003e1 tarjeta de servicio\u003c\/li\u003e\n\u003cli\u003e1 lámina protectora de alta barrera X1\u003c\/li\u003e\n\u003cli\u003e1 paquete de Super-Absorber\u003c\/li\u003e\n\u003cli class=\"cd-list-header\"\u003eNo incluido en el envío:\u003c\/li\u003e\n\u003cli\u003eBatería Einhell Power X-Change de 18 V\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\"\u003eDatos técnicos\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eTensión de alimentación\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\"\u003eConsumo máximo de corriente\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\"\u003eConsumo de energía en modo de espera\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\"\u003eConsumo de energía durante el proceso de separación\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\"\u003ePeso neto\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\"\u003eDimensiones\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e302 mm (alto) x 344 mm (ancho) x 384 mm (largo) (retraído)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eAltura del asiento\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\"\u003eVisita el canal oficial de YouTube de Clesana\u003c\/a\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eInodoro con sistema de sellado Clesana X1 ProCharge\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;\"\u003eSeguro. Higiénico. Independiente.\u003c\/p\u003e\n\u003cp\u003eInnumerables necesidades, una solución única: la nueva Clesana X1 envuelve automáticamente los residuos de forma segura en un film de alta barrera. Esto te protege a ti y al medio ambiente. No importa adónde te lleve tu viaje: la Clesana X1 es autónoma, higiénica y cabe en cualquier vehículo.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eEl inodoro portátil con sellado\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLa versión ProCharge del Clesana X1 cuenta con una función de carga integrada para las baterías de la serie Power X-Change de Einhell. Esto permite cargar directamente la batería insertada en cuanto se conecta el inodoro a la red eléctrica.\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 Modelos y vídeos de Standard Mobile \u003c\/a\u003e \u003ca class=\"cd-btn cd-btn-supplies\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003e Tienda de material de Clesana \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\"\u003eIntroducción\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\"\u003eContenido del suministro\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\"\u003eOpciones de energía\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\u003eFunción de carga integrada\u003c\/h3\u003e\n\u003cp\u003eLa versión ProCharge del Clesana X1 cuenta con una función de carga integrada para las baterías de la serie Power X-Change de Einhell. Esto permite cargar directamente la batería insertada en cuanto se conecta el inodoro a la red eléctrica.\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;\"\u003eDiseño patentado\u003c\/span\u003e\n\u003ch2\u003eMecanismo telescópico\u003c\/h2\u003e\n\u003cp\u003e\u003ci\u003eListo para usar en cuestión de segundos. El mecanismo telescópico patentado garantiza un tamaño mínimo de plegado para viajar, al tiempo que ofrece una altura de asiento estándar cuando se extiende. No requiere agua ni productos químicos.\u003c\/i\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-image-entity\"\u003e\n\u003cspan class=\"cd-badge\"\u003eEstándar móvil\u003c\/span\u003e \u003cimg alt=\"Vista interior del 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\u003eTamaño mínimo del paquete\u003c\/strong\u003e\n\u003cp\u003eSu mecanismo telescópico patentado se monta en cuestión de segundos y se transforma en una configuración de viaje extremadamente compacta.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eAltura cómoda del asiento\u003c\/strong\u003e\n\u003cp\u003eLa cómoda altura del asiento garantiza una ergonomía similar a la de casa, independientemente del lugar donde acampes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eFuente de alimentación flexible\u003c\/strong\u003e\n\u003cp\u003ePreparado para cualquier configuración eléctrica, con compatibilidad integrada con tensiones de 12\/24 V, 110-240 V y baterías de 18 V.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg alt=\"Calidad suiza\" 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 unidad de Clesana X1 Pro\u003c\/li\u003e\n\u003cli\u003e1 conector para vehículo de 12 V\/24 V\u003c\/li\u003e\n\u003cli\u003e1 adaptador de corriente para funcionamiento entre 100 V y 240 V\u003c\/li\u003e\n\u003cli\u003e1 manual de usuario\u003c\/li\u003e\n\u003cli\u003e1 guía de inicio rápido\u003c\/li\u003e\n\u003cli\u003e1 tarjeta de servicio\u003c\/li\u003e\n\u003cli\u003e1 lámina protectora de alta barrera X1\u003c\/li\u003e\n\u003cli\u003e1 paquete de Super-Absorber\u003c\/li\u003e\n\u003cli class=\"cd-list-header\"\u003eNo incluido:\u003c\/li\u003e\n\u003cli\u003eBatería Einhell Power X-Change de 18 V\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\"\u003eDatos técnicos\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eTensión de alimentación\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\"\u003eConsumo máximo de corriente\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\"\u003eConsumo de energía en modo de espera\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\"\u003eConsumo de energía durante el proceso de separación\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\"\u003ePeso neto\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\"\u003eDimensiones\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e302 mm (alto) x 344 mm (ancho) x 384 mm (largo) (retraído)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eAltura del asiento\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\"\u003eVisita el canal oficial de YouTube de Clesana\u003c\/a\u003e\u003c\/p\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Lámina protectora 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eRevestimiento de película de alta barrera 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;\"\u003eSeguro. Higiénico. Independiente.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro con sellado móvil Clesana X1. La película de alta barrera, desarrollada específicamente para el sector sanitario, ofrece una protección excepcional contra la permeabilidad a los olores y la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (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\"\u003eLáminas de alta barrera Clesana para el inodoro con sellado móvil 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 Nivel 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\"\u003eInstalación de los revestimientos 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;\"\u003eDominio de los dispositivos móviles\u003c\/span\u003e \u003ch2\u003eTecnología de rendimiento máximo\u003c\/h2\u003e \u003cp\u003eCon un rendimiento medio de 60 bolsas pequeñas (S) por rollo, este mayor rendimiento reduce la frecuencia con la que hay que cambiar el revestimiento, lo que resulta ideal para viajes largos en los que el espacio de almacenamiento es escaso.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eDe alta barrera\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=\"Revestimiento de película de alta barrera Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eEl film de alta barrera, desarrollado específicamente para el sector médico, ofrece una protección excepcional contra la permeabilidad al olor y a la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (S).\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 láminas protectoras de alta barrera por paquete\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 montaje en suelo 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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eKit de montaje en suelo Clesana X1\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp\u003eEl kit opcional de montaje en el suelo sirve para fijar el Clesana X1 sin necesidad de atornillar el inodoro directamente al suelo.\u003c\/p\u003e \u003cp\u003eEsta disposición personalizada de la placa de montaje ofrece una base de fijación al suelo limpia y permanente en caravanas, autocaravanas y cuartos de baño de cabañas. Permite a los usuarios fijar el sistema X1 con firmeza, lo que garantiza una gran estabilidad durante el transporte y, al mismo tiempo, facilita el acceso cuando sea necesario realizar ajustes o limpiezas a fondo.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eKit de montaje en suelo X1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eFija el inodoro sin utilizar tornillos que atraviesen directamente el suelo del chasis.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/clesana-x1\" class=\"cd-btn cd-btn-supplies\"\u003e Volver al inodoro 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eCómo instalar\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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de los clips de fijación\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;\"\u003eSeguridad estructural\u003c\/span\u003e \u003ch2\u003eCierre de seguridad del chasis\u003c\/h2\u003e \u003cp\u003eElimina el juego en carreteras con baches. Este kit de montaje cuenta con un mecanismo de bloqueo de liberación rápida de alta resistencia que sujeta firmemente la base telescópica de tu X1. Al repartir la distribución del peso sobre puntos de fijación compuestos, protege los delicados suelos de la cabina.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eKit de montaje 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=\"Instalación del soporte telescópico Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEstable y seguro\u003c\/strong\u003e \u003cp\u003eEvita que el inodoro se desplace o gire durante los desplazamientos en el vehículo o el uso diario intensivo en el hogar.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtege tus suelos\u003c\/strong\u003e \u003cp\u003eEl perfil del pestillo, especialmente diseñado, evita tener que atornillar directamente a través del cuerpo del inodoro.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eListo para usar\u003c\/strong\u003e \u003cp\u003eSu sencillo diseño de instalación permite una rápida adaptación en los cuartos de baño de las autocaravanas con un mínimo de herramientas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 cierres\u003c\/li\u003e \u003cli\u003eUna vez, los labios\u003c\/li\u003e \u003cli\u003e10 tornillos para madera\u003c\/li\u003e \u003cli\u003e1 manual de montaje\u003c\/li\u003e \u003cli\u003e1 ayuda para taladrar\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInodoro con sistema de sellado Clesana X1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePA (poliamida)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTiempo de instalación\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e~15 minutos\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTipo de montaje\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCierre rápido para placa de suelo\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eBisagras y pestillos incluidos\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2 cierres\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eNorma de diseño\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePieza de recambio original de fabricación suiza\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super Absorber (paquete de 20 bolsitas)\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;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena. Envasado en prácticas bolsitas para facilitar la dosificación. Una bolsita retiene hasta 400 ml de líquido.\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\"\u003e¡La solución inteligente para retener líquidos y absorber olores!\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \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 Tu navegador no admite la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general del superabsorbente\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 Tu navegador no admite la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos 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\u003eDosificación sin ensuciar\u003c\/strong\u003e \u003cp\u003eLas bolsitas envasadas evitan tener que dosificar el producto y que se derramen los gránulos. Perfectas para la vida activa.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eEncuadernación instantánea\u003c\/strong\u003e \u003cp\u003eUn sobre absorbe hasta 400 ml de líquido, convirtiendo los residuos en un gel inocuo.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorción de olores de alta calidad\u003c\/strong\u003e \u003cp\u003eEste compuesto, especialmente desarrollado, absorbe rápidamente los olores antes de sellar.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e20 sobres solubles, de 8 g cada uno\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-teal\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración del paquete\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e20 sobres por paquete\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePeso de la bolsita\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g cada uno\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de absorción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAbsorbe hasta 400 ml por sobre\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 1 kg (gránulos)","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\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super Absorber (paquete de 20 bolsitas)\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;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena. Envasado en prácticos sobres para facilitar la dosificación. Un sobre retiene hasta 400 ml de líquido.\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\"\u003e¡La solución inteligente para retener líquidos y absorber olores!\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDosificación sin ensuciar\u003c\/strong\u003e \u003cp\u003eLas bolsitas envasadas evitan tener que dosificar el producto y que se derramen los gránulos. Perfectas para la vida activa.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eEncuadernación instantánea\u003c\/strong\u003e \u003cp\u003eUn sobre absorbe hasta 400 ml de líquido, convirtiendo los residuos en un gel inocuo.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorción de olores de alta calidad\u003c\/strong\u003e \u003cp\u003eEste compuesto, especialmente desarrollado, absorbe rápidamente los olores antes de sellar.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e20 sobres solubles, de 8 g cada uno\u003c\/li\u003e \u003cli\u003eEmbalaje exterior de protección\u003c\/li\u003e \u003cli\u003eCapas de película solubles en agua\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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCantidad por paquete\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e20 sobres\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePeso de la dosis\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g cada uno\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de retención de líquidos\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eHasta 400 ml por sobre\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Banda de 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eBanda de PTFE (teflón) 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;\"\u003eAntiadherente. Fiable. Protege.\u003c\/p\u003e \u003cp\u003eLas cintas de PTFE (teflón) de Clesana se colocan sobre el hilo de soldadura y evitan que el polímero caliente se adhiera a las mordazas de soldadura durante el proceso de soldadura. El efecto antiadherente del teflón comienza a deteriorarse tras unas 2000 soldaduras. Para mantener la calidad de las soldaduras, es necesario cambiar las dos cintas. Puede hacerlo usted mismo fácilmente. Fabricado en Suiza.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eCintas de recambio de PTFE C1\/X1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eEvita que el polímero caliente se adhiera a las mordazas de soldadura.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas de basura \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eSe coloca sobre el alambre de soldadura para evitar que la película de recarga de polímero caliente se adhiera directamente a las mordazas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003ePreservación de la calidad de la soldadura\u003c\/strong\u003e \u003cp\u003eEl cambio de las cintas de teflón antiadherentes garantiza que el inodoro mantenga unos ciclos de sellado fiables y herméticos.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eVida útil estándar\u003c\/strong\u003e \u003cp\u003eEl efecto antiadherente empieza a perder eficacia tras unas 2000 soldaduras, lo que indica que es necesario sustituirlo.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e2 cintas de recambio de 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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eCinta de tela con recubrimiento de PTFE\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eElemento de fijación\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eRiel de plástico que se encaja fácilmente\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eModelos compatibles\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInodoros con sistema de sellado Clesana C1 y X1\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eVida útil aproximada\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e~2000 soldaduras\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Suiza\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\/Clesana_C1_X1_PTFE_band_PTFE-Tape_C1_X1_1cbc03c2-d705-4034-b8a9-6ee0bcb5bb2d.jpg?v=1794576579"},{"product_id":"c1-x1-liquid-insert","title":"Clesana C1\/X1, inserto líquido","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\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eClesana C1\/X1, inserto líquido\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;\"\u003eVersátil. Higiénico. Sin productos químicos.\u003c\/p\u003e\n\u003cp\u003eEl inserto para líquidos Clesana C1 está diseñado para ofrecerte una mayor flexibilidad con tu inodoro sin agua Clesana C1. Te permite gestionar los residuos líquidos sin necesidad de utilizar una bolsa de plástico, adaptándose a tus preferencias de uso personales. Gracias a su diseño de fácil acceso, garantiza la máxima higiene y una limpieza sin complicaciones.\u003c\/p\u003e\n\u003cp\u003eAñade el inserto líquido a tu inodoro sin agua Clesana C1 para disfrutar de una solución sanitaria más versátil e higiénica. Perfecto para autocaravanas, caravanas, barcos y viviendas autosuficientes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eClesana C1\/X1, inserto líquido\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eEliminación de residuos líquidos sin bolsas: ofrece una solución práctica para gestionar los residuos líquidos de forma eficiente.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca class=\"cd-btn cd-btn-supplies\" href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\"\u003e Comprar recambios para bolsas \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\"\u003eGuía de inserción del líquido 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e\n\u003cdiv class=\"cd-video-label\"\u003eGuía de inserción del líquido 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\u003eHigiénico y fácil de limpiar\u003c\/strong\u003e\n\u003cp\u003eDiseñado para facilitar el mantenimiento y garantizar una limpieza óptima en tus viajes sin conexión a la red eléctrica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-pink\"\u003e\n\u003cstrong\u003eCapacidad de 1,7 l\u003c\/strong\u003e\n\u003cp\u003eSu gran capacidad permite reducir la frecuencia de vaciado, lo que supone una mayor comodidad para el usuario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-teal\"\u003e\n\u003cstrong\u003eResistente y de alta calidad\u003c\/strong\u003e\n\u003cp\u003eFabricado en polipropileno (PP) de primera calidad para soportar un uso diario y prolongado del móvil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg alt=\"Calidad suiza\" 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 recambio líquido\u003c\/li\u003e\n\u003cli\u003e1 manual de usuario\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\"\u003eDatos técnicos\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCapacidad\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\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePolipropileno (PP)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInodoros sin agua Clesana C1 y X1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eAplicaciones\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAutocaravanas, caravanas, barcos y vida fuera de la red\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eIngeniería\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eDiseñado en Suiza\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\/CLesana_Liquid_Insert_LiquidBin_1.jpg?v=1794576532"},{"product_id":"clesana-c1-bio-high-barrier-film-liner-10-pack","title":"Revestimiento de película de alta barrera Clesana C1 Bio - Paquete 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana C1 BIO - Paquete de 10 unidades\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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eEl revestimiento de película biológica de alta barrera, con certificación DIN, está fabricado a partir de biomasa y materiales reciclados, y ofrece una protección excepcional contra los olores y la permeabilidad a la humedad. Garantiza la seguridad durante días y semanas, y permite una eliminación fácil e higiénica. Un revestimiento de película biológica de alta barrera nuevo permite sellar, de media, hasta 40 bolsas.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eBolsas C1 BIO (biomasa) - Paquete económico de 10 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUn formato ecológico fabricado con biomasa y materiales reciclados, presentado en un paquete de 10 unidades.\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 Nivel 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 Cambiar a 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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general de los revestimientos 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;\"\u003eCiencia sostenible\u003c\/span\u003e \u003ch2\u003eConstrucción con biomasa\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 BIO a granel\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=\"Revestimiento de película de alta barrera Clesana C1 BIO\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento de película biológica de alta barrera nuevo permite sellar una media de hasta 40 bolsas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,14 cm³ \/ (m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,42 g \/ (m² d)\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Lámina protectora de alta barrera Clesana C1 - Paquete 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana C1 - Paquete 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;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro hermético Clesana C1. La película de alta barrera, desarrollada específicamente para el sector médico, ofrece una protección excepcional contra los olores y la permeabilidad a la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003ePaquete económico de 10 fundas Standard C1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eRevestimientos de película de alta barrera Clesana para el inodoro con sistema de sellado 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 Nivel 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 (ecológico) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Cambiar a 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;\"\u003eConfianza en la higiene\u003c\/span\u003e \u003ch2\u003eEscudo protector\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecambio a granel C1\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=\"Revestimiento de película de alta barrera Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la penetración de la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 1 kg Super-Absorber - Paquete de 9","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\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 1 kg Super-Absorber - Paquete de 9 unidades\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;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1\/X1 Superabsorbente de 1 kg - Pack de 9 unidades a granel\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGránulos de flujo libre para una dosificación fácil y personalizada.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general del superabsorbente\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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos 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\u003eAlta capacidad de absorción\u003c\/strong\u003e \u003cp\u003e10 g de material superabsorbente pueden absorber hasta 500 ml de líquido.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eContención de olores\u003c\/strong\u003e \u003cp\u003eAtrapa los residuos líquidos y absorbe los olores, garantizando que tu hogar se mantenga limpio.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDosificación flexible\u003c\/strong\u003e \u003cp\u003eCantidad recomendada: 1 cucharada dosificadora por vez que vaya al baño, ajustándola a sus preferencias de uso.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e9 envases de 1000 g de gránulos de fácil vertido para una dosificación sencilla y personalizada\u003c\/li\u003e \u003cli\u003eCuchara medidora\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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración del paquete\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\"\u003eCantidad recomendada\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1 cucharada dosificadora por visita\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTasa de absorción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 g absorben hasta 500 ml\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y 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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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 - 32 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\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super-Absorber - 32 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;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena. Envasado en prácticos sobres para facilitar la dosificación. Un sobre retiene hasta 400 ml de líquido.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eSuperabsorbente C1\/X1 - Caja a granel de 32 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGránulos absorbentes de alta calidad envasados en bolsitas para facilitar la dosificación.\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 Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general del superabsorbente\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 Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos 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\u003eAbsorción de olores\u003c\/strong\u003e \u003cp\u003eEstos gránulos, especialmente formulados, retienen eficazmente los líquidos y absorben los olores indeseados antes de sellarse.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eLa comodidad de las bolsitas\u003c\/strong\u003e \u003cp\u003eEnvasado en prácticos sobres para una dosificación limpia, sencilla y fácil en el uso diario.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eGran capacidad para líquidos\u003c\/strong\u003e \u003cp\u003eUna bolsita permite recoger de forma segura hasta 400 ml de residuos líquidos, lo que garantiza la limpieza en las operaciones fuera de la red.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e32 sobres de absorbente de 20 unidades, de 8 g cada uno\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\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración del paquete\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e32 envases (20 sobres cada uno)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePeso de la bolsita\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g cada uno\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de absorción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAbsorbe hasta 400 ml por sobre\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\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;\"\u003eSoluciones de alta calidad para sistemas autónomos.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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":"Lámina protectora de alta barrera Clesana X1 - Paquete 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\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana X1 - Paquete 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;\"\u003eSeguro. Higiénico. Independiente.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro con sellado móvil Clesana X1. La película de alta barrera, desarrollada específicamente para el sector sanitario, ofrece una protección excepcional contra la permeabilidad al olor y a la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (S).\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eX1 Mobile Liner - Paquete económico de 10 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLáminas de alta barrera Clesana para el inodoro con sellado móvil 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 Nivel 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\"\u003eInstalación de los revestimientos 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;\"\u003eDominio de los dispositivos móviles\u003c\/span\u003e \u003ch2\u003eProtector de grado médico\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecambio a granel X1\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=\"Revestimiento de película de alta barrera Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (S).\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\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\"\u003eContenido incluido\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=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\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;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\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\/clesana_blacklogo.jpg?v=1794587559"},{"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\/clesana_blacklogo.jpg?v=1794587559"},{"product_id":"clesana-et-wiring-harness-reed-switch-x1","title":"Clesana ET Wiring Harness Reed Switch 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 \/* Clesana X1 Brand Palette *\/\n .clesana-part-wrapper {\n --cd-primary: #018289; \/* Clesana X1 Signature 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 Wiring Harness Reed Switch (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-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 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 X1 portable toilet refusing to flush or showing a lid-open error even when the cover is firmly closed? Before your X1 starts its automatic heat-sealing cycle, its magnetic lid sensor must confirm that the lid is down and safe to seal.\u003c\/p\u003e\n \u003cp\u003eThis genuine Swiss-made replacement wiring harness connects the magnetic reed switch inside your X1 toilet directly to the main control board. If the original wire lead was pinched while folding the telescopic housing or lost connection over time, installing this plug-and-play harness restores reliable lid detection so your toilet seals normally again. As the stocking distributor in the USA and Canada, The Cabin Depot® keeps factory X1 spare parts in stock with full North American product support.\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\"\u003eRestores accurate lid open\/closed detection so your Clesana X1 or X1 ProCharge can safely run sealing cycles.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eFixes stalled flush cycles and false \"lid open\" error codes caused by a pinched, worn, or disconnected sensor wire.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eFactory plug-and-play wire harness designed specifically for the folding X1 housing—no splicing 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 Wiring Harness Reed Switch X1\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 X1 \u0026amp; Clesana X1 ProCharge\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\"\u003eMagnetic Lid Sensor \/ Reed Switch Circuit\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eConnection Type\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003ePlug-and-Play Factory Wire Harness\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eOrigin\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eSwiss Made (Genuine Factory Part)\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\u003eNorth American Product Support\u003c\/h3\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada with full North American product support. Not sure if this matches your X1 setup? Call us 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":50110038212705,"sku":"EU-10030460","price":3.19,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana_black_logo.jpg?v=1794516049"},{"product_id":"clesana-30a-fuse-for-c1-pcb","title":"Clesana 30A Fuse For C1 (PCB)","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 \/* 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 30A Fuse For C1 (PCB)\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\u003eHas your Clesana C1 toilet suddenly lost power or stopped responding when you press the flush button, even though your 12V battery is charged? The internal 30-amp fuse on the toilet's main circuit board (PCB) is designed to sacrifice itself first if a voltage spike or electrical overload occurs—protecting the sensitive sealing electronics from costly damage.\u003c\/p\u003e\n \u003cp\u003eSwapping in a fresh 30A replacement fuse restores power to your C1 control board right away, making it a smart, inexpensive spare to keep in your RV or cabin toolkit before heading off-grid. As the stocking distributor in the USA and Canada, The Cabin Depot® keeps genuine factory C1 replacement parts in stock with full North American product support.\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\"\u003eProtects your Clesana C1 main electronic control board (PCB) from overcurrent and 12V power surges.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eRestores full power and sealing operation if a sudden electrical spike trips your onboard board fuse.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eEssential low-cost spare part to carry on extended RV trips or remote off-grid cabin stays.\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\"\u003e30A Fuse For C1 (PCB)\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 (L-Adapter \u0026amp; Round Socket)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eAmperage Rating\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003e30 A (12V DC System Protection)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eComponent Protected\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eMain Electronic Control Board (PCB)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003ePackage Quantity\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003e1 Fuse\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\u003eNorth American Product Support\u003c\/h3\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada with full North American product support. Not sure if this matches your C1 setup? Call us 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":50110038278241,"sku":"EU-10030190","price":0.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana_blacklogo.jpg?v=1794587559"},{"product_id":"clesana-et-power-supply-unit-usb-charger-including-cable","title":"Clesana ET Power Supply Unit USB Charger, Including Cable","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 X1 Brand Palette *\/\n .clesana-part-wrapper {\n --cd-primary: #018289; \/* Clesana X1 Signature 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 Power Supply Unit USB Charger, Including Cable\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-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 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\u003eNeed to replace a misplaced wall power adapter, or want a second cord to keep permanently at your cabin or cottage? This genuine Clesana power supply unit and connection cable lets you plug your Clesana X1 or X1 ProCharge portable toilet straight into any standard household wall outlet, RV shore-power hookup, or portable power station.\u003c\/p\u003e\n \u003cp\u003eUsing the official factory power supply delivers clean, steady power for automatic heat-sealing without draining your 18V tool battery—and on the X1 ProCharge, it automatically keeps your installed Einhell battery topped up while plugged in. As the stocking distributor in the USA and Canada, The Cabin Depot® keeps genuine Clesana replacement parts in stock with full North American product support.\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\"\u003ePowers your Clesana X1 or X1 ProCharge directly from any standard 100V–240V household wall outlet or RV shore power.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eComplete ready-to-use set includes both the USB wall charger adapter and matching toilet connection cable.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eIdeal as a direct factory replacement or a dedicated second power cord for your cabin, camper, or home.\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 Power Supply Unit USB Charger, Including Cable\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 X1 \u0026amp; Clesana X1 ProCharge\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eInput Voltage\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003e100V – 240V AC (Standard Wall Outlet)\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003ePackage Contents\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003e1× USB Power Supply Adapter + 1× Connection Cable\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003ePart Standard\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eGenuine Clesana Factory Replacement Part\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\u003eNorth American Product Support\u003c\/h3\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada with full North American product support. Not sure if this matches your X1 setup? Call us 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":50110038343777,"sku":"EU-10030410","price":21.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana_blacklogo.jpg?v=1794587559"},{"product_id":"clesana-et-safety-light-barrier","title":"Clesana ET Safety Light Barrier","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 Safety Light Barrier\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 flashing an E8 or E9 \"Light Barrier Error\" that won't clear even after wiping the internal sensor lenses and restarting the unit? Inside every Clesana toilet, an optical safety light barrier monitors the bag-drop and sealing area to ensure the path is clear before the heat-sealing mechanism engages.\u003c\/p\u003e\n \u003cp\u003eReplacing a damaged or faulty optical light barrier sensor restores normal safety checks so your toilet can complete its sealing cycles reliably again. As the stocking distributor in the USA and Canada, The Cabin Depot® keeps genuine Swiss-made Clesana replacement parts in stock with full North American product support.\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\"\u003eResolves persistent E8 and E9 \"Light Barrier Error\" fault codes on Clesana C1 and X1 toilets.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eOptical safety sensor monitors the sealing zone to ensure safe, obstruction-free bag sealing.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eGenuine Swiss-made Clesana factory replacement part engineered for exact fitment.\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 Safety Light Barrier\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 \/ X1 ProCharge\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eComponent Type\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eOptical Safety Light Barrier Sensor\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eFaults Addressed\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eE8 \/ E9 Light Barrier Error Codes\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eOrigin\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eSwiss Made (Genuine Factory Part)\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\u003eNorth American Product Support\u003c\/h3\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada with full North American product support. Not sure if this matches your setup? Call us 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":50110038376545,"sku":"EU-10030180","price":0.49,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana_blacklogo.jpg?v=1794587559"},{"product_id":"clesana-et-lid-spring-c1","title":"Clesana ET Lid Spring 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 \/* 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 Lid Spring C1\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 the lid latch handle on your Clesana C1 toilet feeling loose, refusing to spring back, or failing to stay clicked shut? Inside the C1 lid handle assembly sits a small grey tension spring that gives the latch its crisp return action and keeps the lid securely closed while traveling.\u003c\/p\u003e\n \u003cp\u003eIf your original spring popped out, weakened over time, or went missing, slipping in this genuine Swiss-made replacement lid spring restores smooth, positive latch tension in minutes. As the stocking distributor in the USA and Canada, The Cabin Depot® keeps genuine factory C1 replacement parts in stock with full North American product support.\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\"\u003eRestores crisp spring-back tension to the Clesana C1 toilet lid latch handle so the lid clicks and stays closed.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eQuick, straightforward replacement for a worn, broken, or misplaced lid handle spring—no special tools needed.\u003c\/li\u003e\n \u003cli class=\"specs-item\"\u003eGenuine Swiss-made Clesana spare part engineered for exact fitment across all C1 models.\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 Lid Spring C1\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 (L-Adapter \u0026amp; Round Socket)\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-10030090\u003c\/td\u003e\n \u003c\/tr\u003e\n \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eDimensions\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003e15.3 mm × 5.8 mm × 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 \u003ctr\u003e\n \u003ctd class=\"table-label\"\u003eOrigin\u003c\/td\u003e\n \u003ctd class=\"table-value\"\u003eSwiss Made (Genuine Factory Part)\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\u003eNorth American Product Support\u003c\/h3\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada with full North American product support. Not sure if this matches your C1 setup? Call us 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":50110028054625,"sku":"EU-10030090","price":1.89,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/clesana_blacklogo.jpg?v=1794587559"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/collections\/Clesana_Logo_Image1.png?v=1794516141","url":"https:\/\/thecabindepot.ca\/es\/collections\/clesana-products.oembed?page=2","provider":"The Cabin Depot","version":"1.0","type":"link"}