{"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\/products\/clesana-x1-high-barrier-film-liner-10-pack","provider":"The Cabin Depot","version":"1.0","type":"link"}