{"title":"Inodoros con sistema de sellado Clesana","description":"","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_Round.jpg?v=1773767646"},{"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-L-Adapter-760x530-1.jpg?v=1773767270"},{"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":"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\/clesanax1prochargecomingsoon.png?v=1775841394"},{"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":"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":"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\/BioHigh-barrierfilmlinerC1_2_0ecdc9b2-89c2-40d4-a2a7-7bf735aa97a9.jpg?v=1779973296"},{"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"}],"url":"https:\/\/thecabindepot.ca\/es\/collections\/clesana-sealing-toilets.oembed","provider":"The Cabin Depot","version":"1.0","type":"link"}