{"title":"Clesana Foil Liners \u0026 Super-Absorber Refills","description":"\u003c!-- Clesana Foil Liners \u0026 Super-Absorber Refills Collection Header (USA \u0026 Canada) --\u003e\n\u003cdiv class=\"clesana-collection-wrapper\"\u003e\n \u003cstyle\u003e\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900\u0026display=swap');\n\n @keyframes cdTilt {\n 0% { transform: rotate(0deg); }\n 25% { transform: rotate(-3.5deg); }\n 75% { transform: rotate(3.5deg); }\n 100% { transform: rotate(0deg); }\n }\n\n .clesana-collection-wrapper {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n text-align: left;\n max-width: 900px;\n margin: 0 auto;\n padding: 10px 0 16px;\n color: #ffffff;\n box-sizing: border-box;\n background: transparent !important;\n --cl-pink: #a22067;\n --cl-pink-bright: #ff6ba6;\n --cl-teal: #018289;\n --cl-teal-bright: #2dd4bf;\n --cl-white: #ffffff;\n --cl-text-bright: #f3f4f6;\n --cl-text-body: #e5e7eb;\n }\n\n .clesana-collection-wrapper * {\n box-sizing: border-box;\n }\n\n \/* Subheading *\/\n .clesana-collection-wrapper .sub-header {\n font-size: 17px;\n color: var(--cl-teal-bright);\n font-weight: 700;\n margin: 0 0 14px 0;\n letter-spacing: 0.2px;\n line-height: 1.35;\n }\n\n \/* Intro Row: Narrative + Visual with Rocking Swiss Badge *\/\n .clesana-collection-wrapper .intro-row {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 24px;\n margin-bottom: 22px;\n }\n\n .clesana-collection-wrapper .narrative-block {\n border-left: 3px solid var(--cl-pink);\n border-image: linear-gradient(180deg, var(--cl-pink) 0%, var(--cl-teal) 100%) 1;\n background: transparent !important;\n padding: 2px 0 2px 14px;\n margin-bottom: 0;\n flex: 1 1 auto;\n }\n\n .clesana-collection-wrapper .narrative-block p {\n font-size: 15.5px;\n line-height: 1.6;\n margin: 0;\n color: var(--cl-text-bright);\n }\n\n .clesana-collection-wrapper .narrative-block strong {\n color: var(--cl-white);\n font-weight: 700;\n }\n\n .clesana-collection-wrapper .intro-media {\n position: relative;\n width: 260px;\n height: 155px;\n flex-shrink: 0;\n border-radius: 8px;\n overflow: hidden;\n border: 1px solid rgba(1, 130, 137, 0.55);\n box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);\n background-color: #0f172a;\n }\n\n .clesana-collection-wrapper .intro-thumb {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .clesana-collection-wrapper .swiss-badge {\n position: absolute;\n bottom: 8px;\n right: 8px;\n width: 54px;\n height: auto;\n background: #ffffff;\n padding: 4px;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);\n border: 1.5px solid var(--cl-teal);\n animation: cdTilt 10s infinite ease-in-out;\n will-change: transform;\n display: block;\n z-index: 2;\n }\n\n \/* Section Eyebrow *\/\n .clesana-collection-wrapper .section-title {\n color: var(--cl-text-bright);\n font-weight: 800;\n text-transform: uppercase;\n font-size: 13px;\n letter-spacing: 0.8px;\n margin-bottom: 12px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n }\n\n .clesana-collection-wrapper .section-title::after {\n content: \"\";\n display: inline-block;\n height: 2px;\n width: 45px;\n background: linear-gradient(90deg, var(--cl-pink) 0%, var(--cl-teal) 100%);\n border-radius: 2px;\n }\n\n \/* Two-Column Lineup Grid (4 Refill Categories) *\/\n .clesana-collection-wrapper .lineup-grid {\n display: grid !important;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px 28px;\n padding: 18px 0;\n border-top: 1px solid;\n border-bottom: 1px solid;\n border-image: linear-gradient(90deg, var(--cl-pink) 0%, var(--cl-teal) 60%, transparent 100%) 1;\n margin-bottom: 18px;\n background: transparent !important;\n }\n\n .clesana-collection-wrapper .lineup-col {\n background: transparent !important;\n }\n\n .clesana-collection-wrapper .lineup-tag {\n display: inline-block;\n font-size: 11px;\n font-weight: 800;\n letter-spacing: 0.7px;\n text-transform: uppercase;\n color: var(--cl-white);\n padding: 3px 9px;\n border-radius: 3px;\n margin-bottom: 9px;\n }\n\n .clesana-collection-wrapper .tag-pink {\n background-color: var(--cl-pink);\n }\n\n .clesana-collection-wrapper .tag-teal {\n background-color: var(--cl-teal);\n }\n\n .clesana-collection-wrapper .lineup-col strong {\n display: block;\n color: var(--cl-white);\n font-weight: 700;\n margin-bottom: 6px;\n font-size: 16.5px;\n line-height: 1.25;\n }\n\n .clesana-collection-wrapper .lineup-col p {\n margin: 0;\n color: var(--cl-text-body);\n font-size: 14.5px;\n line-height: 1.55;\n }\n\n \/* Support Bar *\/\n .clesana-collection-wrapper .support-bar {\n margin: 0 !important;\n padding: 4px 0 0 0 !important;\n border: none !important;\n display: flex !important;\n flex-direction: row !important;\n justify-content: space-between !important;\n align-items: center !important;\n flex-wrap: nowrap !important;\n gap: 14px !important;\n background: transparent !important;\n }\n\n .clesana-collection-wrapper .support-info {\n flex: 1 1 auto !important;\n min-width: 0 !important;\n text-align: left !important;\n }\n\n .clesana-collection-wrapper .support-label {\n display: block !important;\n font-size: 12px !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n color: var(--cl-teal-bright) !important;\n letter-spacing: 0.6px !important;\n margin: 0 0 3px 0 !important;\n }\n\n .clesana-collection-wrapper .support-bar p {\n margin: 0 !important;\n font-size: 14px !important;\n line-height: 1.4 !important;\n color: var(--cl-text-bright) !important;\n }\n\n .clesana-collection-wrapper .tel-nowrap {\n color: var(--cl-teal-bright) !important;\n font-weight: 700 !important;\n white-space: nowrap !important;\n display: inline-block !important;\n text-decoration: underline !important;\n text-underline-offset: 3px !important;\n transition: color 0.2s ease;\n }\n\n .clesana-collection-wrapper .tel-nowrap:hover {\n color: #ffffff !important;\n }\n\n .clesana-collection-wrapper .support-btn {\n flex-shrink: 0 !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n background-color: var(--cl-teal) !important;\n color: #ffffff !important;\n padding: 10px 18px !important;\n border-radius: 6px !important;\n text-decoration: none !important;\n font-weight: 800 !important;\n font-size: 12px !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n white-space: nowrap !important;\n transition: background-color 0.2s ease !important;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;\n }\n\n .clesana-collection-wrapper .support-btn:hover {\n background-color: #016b71 !important;\n color: #ffffff !important;\n }\n\n \/* Mobile Adjustments *\/\n @media screen and (max-width: 640px) {\n .clesana-collection-wrapper .sub-header {\n font-size: 15.5px;\n }\n .clesana-collection-wrapper .intro-row {\n flex-direction: column;\n align-items: stretch;\n gap: 16px;\n }\n .clesana-collection-wrapper .intro-media {\n width: 100%;\n height: 190px;\n }\n .clesana-collection-wrapper .swiss-badge {\n width: 52px;\n bottom: 10px;\n right: 10px;\n padding: 4px;\n }\n .clesana-collection-wrapper .narrative-block p {\n font-size: 14.5px;\n }\n .clesana-collection-wrapper .lineup-grid {\n grid-template-columns: 1fr !important;\n gap: 18px;\n }\n .clesana-collection-wrapper .lineup-col strong {\n font-size: 16px;\n }\n .clesana-collection-wrapper .lineup-col p {\n font-size: 14px;\n }\n .clesana-collection-wrapper .support-bar {\n gap: 10px !important;\n }\n .clesana-collection-wrapper .support-bar p {\n font-size: 13px !important;\n }\n .clesana-collection-wrapper .support-btn {\n padding: 8px 12px !important;\n font-size: 11px !important;\n }\n }\n\n @media screen and (max-width: 480px) {\n .clesana-collection-wrapper .intro-media {\n height: 170px;\n }\n .clesana-collection-wrapper .support-bar {\n flex-wrap: wrap !important;\n }\n .clesana-collection-wrapper .support-btn {\n margin-top: 4px !important;\n }\n }\n \u003c\/style\u003e\n\n \u003cp class=\"sub-header\"\u003eSwiss-Made High-Barrier Foil Liners \u0026amp; Super-Absorber Refills for C1 \u0026amp; X1\u003c\/p\u003e\n\n \u003cdiv class=\"intro-row\"\u003e\n \u003cdiv class=\"narrative-block\"\u003e\n \u003cp\u003e\u003cstrong\u003eWorry-free odor and leak protection for every off-grid trip.\u003c\/strong\u003e As the stocking distributor in the USA and Canada, The Cabin Depot® keeps genuine Swiss-made Clesana foil liners and fast-acting Super-Absorber refills in stock and ready to ship with full North American product support. Whether you need standard C1 rolls, eco-friendly C1 BIO liners, high-yield X1 cartridges, or pre-measured absorber packets, stock up on exact-fit refills designed for clean household trash disposal.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_3.jpg?v=1773771227\" alt=\"Swiss-Made Clesana High-Barrier Foil Liners and Refills\" class=\"intro-thumb\" loading=\"lazy\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" alt=\"Swiss Made Quality\" class=\"swiss-badge\" loading=\"lazy\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cspan class=\"section-title\"\u003eRefills \u0026amp; Consumables at a Glance\u003c\/span\u003e\n\n \u003cdiv class=\"lineup-grid\"\u003e\n \u003cdiv class=\"lineup-col\"\u003e\n \u003cspan class=\"lineup-tag tag-pink\"\u003eC1 Series • ~40 Seals \/ Roll\u003c\/span\u003e\n \u003cstrong\u003eClesana C1 High-Barrier Foil Liners\u003c\/strong\u003e\n \u003cp\u003eMulti-layer odor-blocking foil liner rolls built for permanent C1 toilets. Available in standard 2-packs and 10-pack value bundles for weeks of fresh, odor-free off-grid use.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lineup-col\"\u003e\n \u003cspan class=\"lineup-tag tag-pink\"\u003eEco-Friendly • Plant \u0026amp; Recycled Film\u003c\/span\u003e\n \u003cstrong\u003eClesana C1 BIO Barrier Foil Liners\u003c\/strong\u003e\n \u003cp\u003eCertified eco-friendly liners made from plant-based and recycled materials. Delivers the exact same heavy-duty odor and moisture protection (~40 seals per roll) for C1 toilets with a greener footprint.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lineup-col\"\u003e\n \u003cspan class=\"lineup-tag tag-teal\"\u003eX1 Series • ~60 Seals \/ Roll\u003c\/span\u003e\n \u003cstrong\u003eClesana X1 High-Barrier Foil Liners\u003c\/strong\u003e\n \u003cp\u003eSized specifically for the portable Clesana X1 and X1 ProCharge. Yields up to 60 compact sealed bags per liner—available in standard 2-packs and bulk 10-pack cases.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"lineup-col\"\u003e\n \u003cspan class=\"lineup-tag tag-teal\"\u003eUniversal Fit • C1 \u0026amp; X1\u003c\/span\u003e\n \u003cstrong\u003eSuper-Absorber Sachets \u0026amp; Bulk Granules\u003c\/strong\u003e\n \u003cp\u003eFast-acting absorbent powder that turns liquids into a solid gel and locks in odors before sealing. Choose no-mess 8g packets (20-pack or 32-pack case) or 1kg bulk pouches with a measuring scoop.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"support-bar\"\u003e\n \u003cdiv class=\"support-info\"\u003e\n \u003cspan class=\"support-label\"\u003eNorth American Product Support\u003c\/span\u003e\n \u003cp\u003eStocked in the USA \u0026amp; Canada. Not sure which liner fits your model? Call toll-free at \u003ca href=\"tel:+18446034743\" class=\"tel-nowrap\"\u003e+1 (844) 603-4743\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \u003ca href=\"https:\/\/share.hsforms.com\/1gcABoX2FRCa8LnBu0QtmFgrbc1e\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"support-btn\"\u003eContact Support\u003c\/a\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e","products":[{"product_id":"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":"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":"c1-x1-liquid-insert","title":"Clesana C1\/X1, inserto líquido","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana Universal Accessories (Vibrant Hybrid Theme) CODE ARCHITECTURE: 1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289). 2. Logic: Bright\/Positive sales feel with no black\/dark anchors. 3. Harmony: Hybrid gradient integration for universal C1 \u0026 X1 compatibility. 4. Density: Mobile gap-stripping maintained for professional vertical fit. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- High-Vibrancy Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; background: linear-gradient(90deg, #a22067 0%, #018289 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; display: inline-block; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #018289; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #018289; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #018289; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 50%; min-width: 0; letter-spacing: 0.75px; text-align: center; } .cd-btn-variant { background: #018289; color: white !important; box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover { background: #016b71; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px auto; position: relative; z-index: 1; } .cd-video-item { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .cd-video-item video, .cd-video-item iframe { width: 100%; aspect-ratio: 16 \/ 9; display: block; background: #000000; border: 0; } .cd-video-label { border-top: 1px solid #e2e8f0; color: #018289; padding: 8px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; } \/* --- Vibrant Feature Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid transparent; line-height: 1.65; } .card-pink { border-left-color: #a22067; } .card-pink strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .card-teal { border-left-color: #018289; } .card-teal strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #018289; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #018289; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #018289; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #018289 !important; border-bottom-color: #018289; } \/* --- Cohesive Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .cd-data-header { border-bottom: 2px solid transparent; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.2px; } .header-pink { border-color: #a22067; color: #a22067; } .header-teal { border-color: #018289; color: #018289; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #018289; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #018289; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #a22067; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } .cd-video-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } .cd-video-grid { grid-template-columns: 1fr; gap: 12px; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e\n\u003cdiv class=\"cd-product-description\"\u003e\n\u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eDiseñado en Suiza\u003c\/span\u003e\u003c\/div\u003e\n\u003ch1\u003e\u003cstrong\u003eClesana C1\/X1, inserto líquido\u003c\/strong\u003e\u003c\/h1\u003e\n\u003csection class=\"cd-intro-text\"\u003e\n\u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eVersátil. Higiénico. Sin productos químicos.\u003c\/p\u003e\n\u003cp\u003eEl inserto para líquidos Clesana C1 está diseñado para ofrecerte una mayor flexibilidad con tu inodoro sin agua Clesana C1. Te permite gestionar los residuos líquidos sin necesidad de utilizar una bolsa de plástico, adaptándose a tus preferencias de uso personales. Gracias a su diseño de fácil acceso, garantiza la máxima higiene y una limpieza sin complicaciones.\u003c\/p\u003e\n\u003cp\u003eAñade el inserto líquido a tu inodoro sin agua Clesana C1 para disfrutar de una solución sanitaria más versátil e higiénica. Perfecto para autocaravanas, caravanas, barcos y viviendas autosuficientes.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"cd-retrofit-callout\"\u003e\n\u003cspan class=\"cd-config-status\"\u003eClesana C1\/X1, inserto líquido\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eEliminación de residuos líquidos sin bolsas: ofrece una solución práctica para gestionar los residuos líquidos de forma eficiente.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-action-area\"\u003e\n\u003cdiv class=\"cd-btn-row\"\u003e\n\u003ca class=\"cd-btn cd-btn-variant\" href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\"\u003e Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca class=\"cd-btn cd-btn-supplies\" href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\"\u003e Comprar recambios para bolsas \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Video Gallery --\u003e\n\u003cdiv class=\"cd-video-grid\"\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003ciframe src=\"https:\/\/www.youtube-nocookie.com\/embed\/N8OEU_1ce74\" title=\"X1 Liquid Insert Guide\"\u003e\u003c\/iframe\u003e\n\u003cdiv class=\"cd-video-label\"\u003eGuía de inserción del líquido X1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-video-item\"\u003e\n\u003cvideo preload=\"metadata\" controls=\"controls\"\u003e \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a945a89c6cd64228aa7d4448ae659465.mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e\n\u003cdiv class=\"cd-video-label\"\u003eGuía de inserción del líquido C1\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-card card-teal\"\u003e\n\u003cstrong\u003eHigiénico y fácil de limpiar\u003c\/strong\u003e\n\u003cp\u003eDiseñado para facilitar el mantenimiento y garantizar una limpieza óptima en tus viajes sin conexión a la red eléctrica.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-pink\"\u003e\n\u003cstrong\u003eCapacidad de 1,7 l\u003c\/strong\u003e\n\u003cp\u003eSu gran capacidad permite reducir la frecuencia de vaciado, lo que supone una mayor comodidad para el usuario.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card card-teal\"\u003e\n\u003cstrong\u003eResistente y de alta calidad\u003c\/strong\u003e\n\u003cp\u003eFabricado en polipropileno (PP) de primera calidad para soportar un uso diario y prolongado del móvil.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card cd-support-item\"\u003e\n\u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-table-container\"\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header header-pink\"\u003eContenido incluido\u003c\/div\u003e\n\u003cdiv class=\"cd-box-flex\"\u003e\n\u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg alt=\"Calidad suiza\" class=\"cd-box-logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\"\u003e\u003c\/div\u003e\n\u003cul class=\"cd-data-list\"\u003e\n\u003cli\u003e1 recambio líquido\u003c\/li\u003e\n\u003cli\u003e1 manual de usuario\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-data-box\"\u003e\n\u003cdiv class=\"cd-data-header header-teal\"\u003eDatos técnicos\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCapacidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,7 l\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePolipropileno (PP)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eInodoros sin agua Clesana C1 y X1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eAplicaciones\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAutocaravanas, caravanas, barcos y vida fuera de la red\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-spec-row\"\u003e\n\u003cspan class=\"cd-spec-label\"\u003eIngeniería\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eDiseñado en Suiza\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":43753738469473,"sku":"EU-10040020","price":169.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/LiquidBin_1.jpg?v=1773776663"},{"product_id":"clesana-c1-bio-high-barrier-film-liner-10-pack","title":"Revestimiento de película de alta barrera Clesana C1 Bio - Paquete de 10","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana C1 BIO (Pink \u0026 Green Hybrid Series) CODE ARCHITECTURE: 1. Scoped to .cd-product-description for theme isolation. 2. Inherits theme font-sizes exclusively (no manual overrides). 3. Pink (#a22067) used for C1 Brand Highlights. 4. Green (#166534) used for BIO Category Highlights. 5. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; color: #166534; text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #166534; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #0f172a; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #166534; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn-toggle { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 33.33%; min-width: 0; letter-spacing: 0.75px; text-align: center; border: 2px solid #e2e8f0; box-sizing: border-box; } .cd-btn-active { background: #166534; color: white !important; border-color: #166534; } .cd-btn-opt { background: transparent; color: #475569 !important; } .cd-btn-opt:hover { border-color: #a22067; color: #a22067 !important; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px auto; max-width: 600px; position: relative; z-index: 1; } .cd-video-item { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .cd-video-item video { width: 100%; aspect-ratio: 16 \/ 9; display: block; background: #000000; } .cd-video-label { border-top: 1px solid #e2e8f0; color: #166534; padding: 8px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row { border: 1px solid #e2e8f0; border-radius: 16px; margin: 24px 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; \/* Desktop Centering *\/ height: auto; } .cd-text-entity { flex: 1 1 350px; padding: 30px 35px; margin: 0; display: flex; flex-direction: column; justify-content: center; min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity { padding: 24px; margin: 0; display: flex; align-items: center; justify-content: center; position: relative; height: auto; min-height: 0; flex: 1 1 350px; } .cd-image-entity img { width: 100%; max-width: 420px; height: auto; display: block; } .cd-badge { position: absolute; top: 14px; right: 14px; background: #166534; color: #ffffff; font-weight: 900; padding: 4px 12px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline { background: #a22067; color: white !important; text-decoration: none !important; padding: 12px 24px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-block; margin-top: 20px; transition: all 0.2s ease; width: fit-content; } .cd-btn-inline:hover { background: #861a55; transform: scale(1.02); } \/* --- Benefit Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid #166534; line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #166534; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #166534; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #166534; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #166534 !important; border-bottom-color: #166534; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .header-pink { border-bottom: 2px solid #a22067; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1.2px; } .header-green { border-bottom: 2px solid #166534; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #166534; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #166534; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #166534; text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #a22067; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana C1 BIO - Paquete de 10 unidades\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eEl revestimiento de película biológica de alta barrera, con certificación DIN, está fabricado a partir de biomasa y materiales reciclados, y ofrece una protección excepcional contra los olores y la permeabilidad a la humedad. Garantiza la seguridad durante días y semanas, y permite una eliminación fácil e higiénica. Un revestimiento de película biológica de alta barrera nuevo permite sellar, de media, hasta 40 bolsas.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eBolsas C1 BIO (biomasa) - Paquete económico de 10 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUn formato ecológico fabricado con biomasa y materiales reciclados, presentado en un paquete de 10 unidades.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Nivel C1 \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Cambiar a X1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003cvideo controls preload=\"metadata\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b313d792df3541fead24904680990e19.mp4\" type=\"video\/mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general de los revestimientos C1 BIO\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eCiencia sostenible\u003c\/span\u003e \u003ch2\u003eConstrucción con biomasa\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eC1 BIO a granel\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Bio_High-barrier_film_liner_C1_1.jpg?v=1773768811\" alt=\"Revestimiento de película de alta barrera Clesana C1 BIO\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento de película biológica de alta barrera nuevo permite sellar una media de hasta 40 bolsas.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-pink\"\u003eContenido incluido\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMateriales\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e0,14 cm³ \/ (m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,42 g \/ (m² d)\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945793121,"sku":"EU-10020041","price":649.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/BioHigh-barrierfilmlinerC1_6.jpg?v=1779972636"},{"product_id":"clesana-c1-high-barrier-film-liner-10-pack","title":"Lámina protectora de alta barrera Clesana C1 - Paquete de 10","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana C1 Supplies (Pink Series) CODE ARCHITECTURE: 1. Scoped to .cd-product-description for theme isolation. 2. Inherits theme font-sizes exclusively (no manual overrides). 3. Uses #a22067 for brand highlights and table headers. 4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; color: #a22067; text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #a22067; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #0f172a; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #a22067; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn-toggle { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 33.33%; min-width: 0; letter-spacing: 0.75px; text-align: center; border: 2px solid #e2e8f0; box-sizing: border-box; } .cd-btn-active { background: #0f172a; color: white !important; border-color: #0f172a; } .cd-btn-opt { background: transparent; color: #475569 !important; } .cd-btn-opt:hover { border-color: #a22067; color: #a22067 !important; transform: translateY(-2px); } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row { border: 1px solid #e2e8f0; border-radius: 16px; margin: 24px 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; \/* Desktop Centering *\/ height: auto; } .cd-text-entity { flex: 1 1 350px; padding: 30px 35px; margin: 0; display: flex; flex-direction: column; justify-content: center; min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity { padding: 24px; margin: 0; display: flex; align-items: center; justify-content: center; position: relative; height: auto; min-height: 0; flex: 1 1 350px; } .cd-image-entity img { width: 100%; max-width: 420px; height: auto; display: block; } .cd-badge { position: absolute; top: 14px; right: 14px; background: #a22067; color: #ffffff; font-weight: 900; padding: 4px 12px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline { background: #a22067; color: white !important; text-decoration: none !important; padding: 12px 24px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-block; margin-top: 20px; transition: all 0.2s ease; width: fit-content; } .cd-btn-inline:hover { background: #861a55; transform: scale(1.02); } \/* --- Benefit Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid #a22067; line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #a22067; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .cd-data-header { border-bottom: 2px solid #a22067; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #a22067; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #a22067; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #a22067; text-transform: uppercase; font-size: 0.85em; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #a22067; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana C1 - Paquete de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSeguro. Higiénico. Cómodo.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro hermético Clesana C1. La película de alta barrera, desarrollada específicamente para el sector médico, ofrece una protección excepcional contra los olores y la permeabilidad a la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003ePaquete económico de 10 fundas Standard C1\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eRevestimientos de película de alta barrera Clesana para el inodoro con sistema de sellado Clesana C1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e Nivel C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO (ecológico) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Cambiar a X1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eConfianza en la higiene\u003c\/span\u003e \u003ch2\u003eEscudo protector\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecambio a granel C1\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.jpg?v=1773768901\" alt=\"Revestimiento de película de alta barrera Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la penetración de la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUn revestimiento nuevo de película de alta barrera permite sellar hasta 40 bolsas de media.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenido incluido\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945825889,"sku":"EU-10020011","price":499.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.webp?v=1790958539"},{"product_id":"clesana-c1-x1-1kg-super-absorber-9-pack","title":"Clesana C1\/X1 1 kg Super-Absorber - Paquete de 9","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana Universal Supplies (Vibrant Cohesive Theme) CODE ARCHITECTURE: 1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289). 2. Logic: Bright\/Positive sales feel with no black\/dark anchors. 3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly. 4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- High-Vibrancy Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; background: linear-gradient(90deg, #a22067 0%, #018289 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; display: inline-block; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #018289; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #018289; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #018289; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 50%; min-width: 0; letter-spacing: 0.75px; text-align: center; } .cd-btn-variant { background: #018289; color: white !important; box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover { background: #016b71; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px auto; position: relative; z-index: 1; } .cd-video-item { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .cd-video-item video { width: 100%; aspect-ratio: 16 \/ 9; display: block; background: #000000; } .cd-video-label { border-top: 1px solid #e2e8f0; color: #018289; padding: 8px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; } \/* --- Vibrant Feature Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid transparent; line-height: 1.65; border-top: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .card-pink { border-left-color: #a22067; } .card-pink strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .card-teal { border-left-color: #018289; } .card-teal strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #018289; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #018289; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #018289; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #018289 !important; border-bottom-color: #018289; } \/* --- Cohesive Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .cd-data-header { border-bottom: 2px solid transparent; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.2px; } .header-pink { border-color: #a22067; color: #a22067; } .header-teal { border-color: #018289; color: #018289; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #018289; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #018289; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #a22067; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } .cd-video-grid { grid-template-columns: 1fr; gap: 12px; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 1 kg Super-Absorber - Paquete de 9 unidades\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1\/X1 Superabsorbente de 1 kg - Pack de 9 unidades a granel\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGránulos de flujo libre para una dosificación fácil y personalizada.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003cvideo controls preload=\"metadata\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/168e7dbbb6a648d58340ad2e9051e274.mp4\" type=\"video\/mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general del superabsorbente\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003cvideo controls preload=\"metadata\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos C1\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAlta capacidad de absorción\u003c\/strong\u003e \u003cp\u003e10 g de material superabsorbente pueden absorber hasta 500 ml de líquido.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eContención de olores\u003c\/strong\u003e \u003cp\u003eAtrapa los residuos líquidos y absorbe los olores, garantizando que tu hogar se mantenga limpio.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eDosificación flexible\u003c\/strong\u003e \u003cp\u003eCantidad recomendada: 1 cucharada dosificadora por vez que vaya al baño, ajustándola a sus preferencias de uso.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-pink\"\u003eContenido incluido\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e9 envases de 1000 g de gránulos de fácil vertido para una dosificación sencilla y personalizada\u003c\/li\u003e \u003cli\u003eCuchara medidora\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración del paquete\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e9 x 1000 g\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCantidad recomendada\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1 cucharada dosificadora por visita\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eTasa de absorción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 g absorben hasta 500 ml\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y X1)\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945858657,"sku":"EU-10020071","price":269.91,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/02_Super-Absorber_1800x1800_1800x1800_3404f1a6-73df-42f9-89d1-bd1c8479bd0a.jpg?v=1779973977"},{"product_id":"clesana-c1-x1-super-absorber-32-pack","title":"Clesana C1\/X1 Super-Absorber - 32 Pack","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana Universal Supplies (Vibrant Cohesive Theme) CODE ARCHITECTURE: 1. Primary Accents: C1 Pink (#a22067) and X1 Teal (#018289). 2. Logic: Bright\/Positive sales feel with no black\/dark anchors. 3. Harmony: Uses borders and gradients to bridge the two brand colors cleanly. 4. Density: Maintained zero-gap mobile stripping for a professional fit. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- High-Vibrancy Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; background: linear-gradient(90deg, #a22067 0%, #018289 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; display: inline-block; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #018289; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #018289; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #018289; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 50%; min-width: 0; letter-spacing: 0.75px; text-align: center; } .cd-btn-variant { background: #018289; color: white !important; box-shadow: 0 4px 12px rgba(1, 130, 137, 0.1); } .cd-btn-variant:hover { background: #016b71; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; box-shadow: 0 4px 12px rgba(162, 32, 103, 0.1); } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px auto; position: relative; z-index: 1; } .cd-video-item { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .cd-video-item video { width: 100%; aspect-ratio: 16 \/ 9; display: block; background: #000000; } .cd-video-label { border-top: 1px solid #e2e8f0; color: #018289; padding: 8px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; } \/* --- Vibrant Feature Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid transparent; line-height: 1.65; border-top: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .card-pink { border-left-color: #a22067; } .card-pink strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .card-teal { border-left-color: #018289; } .card-teal strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #018289; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #018289; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #018289; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #018289 !important; border-bottom-color: #018289; } \/* --- Cohesive Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .cd-data-header { border-bottom: 2px solid transparent; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.2px; } .header-pink { border-color: #a22067; color: #a22067; } .header-teal { border-color: #018289; color: #018289; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #018289; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #018289; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #a22067; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } .cd-video-grid { grid-template-columns: 1fr; gap: 12px; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eCalidad alemana\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 Super-Absorber - 32 Pack\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSeguro. Limpio. Fiable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. Para retener líquidos y absorber olores, basta con verter los gránulos en el inodoro antes de tirar de la cadena. Envasado en prácticos sobres para facilitar la dosificación. Un sobre retiene hasta 400 ml de líquido.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eSuperabsorbente C1\/X1 - Caja a granel de 32 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eGránulos absorbentes de alta calidad envasados en bolsitas para facilitar la dosificación.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn cd-btn-variant\"\u003e Ver todas las piezas y accesorios \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Comprar recambios para bolsas \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003cvideo controls preload=\"metadata\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/168e7dbbb6a648d58340ad2e9051e274.mp4\" type=\"video\/mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eDescripción general del superabsorbente\u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003cvideo controls preload=\"metadata\"\u003e \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e6f8b88178d340fdb13c09560742f553.mp4\" type=\"video\/mp4\"\u003e Tu navegador no es compatible con la etiqueta de vídeo. \u003c\/video\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de revestimientos C1\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eAbsorción de olores\u003c\/strong\u003e \u003cp\u003eEstos gránulos, especialmente formulados, retienen eficazmente los líquidos y absorben los olores indeseados antes de sellarse.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eLa comodidad de las bolsitas\u003c\/strong\u003e \u003cp\u003eEnvasado en prácticos sobres para una dosificación limpia, sencilla y fácil en el uso diario.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eGran capacidad para líquidos\u003c\/strong\u003e \u003cp\u003eUna bolsita permite recoger de forma segura hasta 400 ml de residuos líquidos, lo que garantiza la limpieza en las operaciones fuera de la red.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-pink\"\u003eContenido incluido\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e32 sobres de absorbente de 20 unidades, de 8 g cada uno\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header header-teal\"\u003eDatos técnicos\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Poliacrilato de sodio\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eConfiguración del paquete\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e32 envases (20 sobres cada uno)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePeso de la bolsita\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e8 g cada uno\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCapacidad de absorción\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eAbsorbe hasta 400 ml por sobre\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibilidad\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (modelos C1 y X1)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePaís de origen\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFabricado en Alemania\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para sistemas autónomos.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945891425,"sku":"EU-10020021","price":319.68,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/Super-Absorber_4_1800x1800_5d462c7b-70ba-450b-9ccd-fb1c05c384c3.jpg?v=1779974196"},{"product_id":"clesana-x1-high-barrier-film-liner-10-pack","title":"Lámina protectora de alta barrera Clesana X1 - Paquete de 10","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones Contact: kenton.jones@cabindepot.com Brand: Clesana X1 Supplies (Blue\/Cyan Series) CODE ARCHITECTURE: 1. Scoped to .cd-product-description for theme isolation. 2. Inherits theme font-sizes exclusively (no manual overrides). 3. Uses #018289 (X1 Teal\/Blue) for brand highlights and table headers. 4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.65; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 { text-align: center; margin: 20px 0 25px 0; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 8px 0 16px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; color: #018289; text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 { border-bottom: 3px solid #018289; padding-bottom: 8px; margin-top: 30px; margin-bottom: 16px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #0f172a; } .cd-intro-text { text-align: center; max-width: 850px; margin: 0 auto 30px auto; position: relative; padding: 24px 20px; } .cd-intro-text::before { content: \"\"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 180px; height: 180px; background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.06; pointer-events: none; z-index: 0; } .cd-intro-text p { margin: 0 auto 16px auto; line-height: 1.65; position: relative; z-index: 1; } .cd-intro-text p:last-child { margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout { text-align: center; margin-bottom: 24px; padding: 0 20px; } .cd-config-status { display: block; font-weight: 900; color: #018289; margin-bottom: 6px; letter-spacing: 0.75px; text-transform: uppercase; } .cd-config-subtext { display: block; color: #475569; font-style: italic; line-height: 1.5; max-width: 700px; margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area { padding: 0; margin-bottom: 30px; text-align: center; position: relative; } .cd-btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 2; width: 100%; max-width: 650px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; } .cd-btn-toggle { text-decoration: none !important; padding: 14px 18px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-flex; align-items: center; justify-content: center; gap: 8px; transition: all 0.2s ease; flex: 1 1 33.33%; min-width: 0; letter-spacing: 0.75px; text-align: center; border: 2px solid #e2e8f0; box-sizing: border-box; } .cd-btn-active { background: #018289; color: white !important; border-color: #018289; } .cd-btn-opt { background: transparent; color: #475569 !important; } .cd-btn-opt:hover { border-color: #018289; color: #018289 !important; transform: translateY(-2px); } \/* --- Video Gallery --- *\/ .cd-video-grid { display: grid; grid-template-columns: 1fr; gap: 16px; margin: 24px auto; max-width: 600px; position: relative; z-index: 1; } .cd-video-item { border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; } .cd-video-item iframe { width: 100%; aspect-ratio: 16 \/ 9; border: 0; display: block; background: #000000; } .cd-video-label { border-top: 1px solid #e2e8f0; color: #018289; padding: 8px 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; text-align: center; } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row { border: 1px solid #e2e8f0; border-radius: 16px; margin: 24px 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; \/* Desktop Centering *\/ height: auto; } .cd-text-entity { flex: 1 1 350px; padding: 30px 35px; margin: 0; display: flex; flex-direction: column; justify-content: center; min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity { padding: 24px; margin: 0; display: flex; align-items: center; justify-content: center; position: relative; height: auto; min-height: 0; flex: 1 1 350px; } .cd-image-entity img { width: 100%; max-width: 420px; height: auto; display: block; } .cd-badge { position: absolute; top: 14px; right: 14px; background: #018289; color: #ffffff; font-weight: 900; padding: 4px 12px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline { background: #018289; color: white !important; text-decoration: none !important; padding: 12px 24px; border-radius: 8px; font-weight: 900; text-transform: uppercase; display: inline-block; margin-top: 20px; transition: all 0.2s ease; width: fit-content; } .cd-btn-inline:hover { background: #0e7490; transform: scale(1.02); } \/* --- Benefit Grid --- *\/ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 24px 0; } .cd-feature-card { padding: 20px 24px; border-radius: 12px; border-left: 5px solid #018289; line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #018289; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item { border-left: 5px solid #018289; text-align: left; display: flex; flex-direction: column; justify-content: center; padding: 20px 24px; } .cd-support-item strong { color: #018289; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #018289 !important; border-bottom-color: #018289; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 24px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; overflow: hidden; } .cd-data-header { border-bottom: 2px solid #018289; padding-bottom: 8px; margin-bottom: 16px; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex { display: flex; align-items: flex-start; gap: 18px; padding: 18px; } .cd-swiss-pop-container { flex: 0 0 75px; padding: 6px; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.06); border: 2px solid #018289; animation: cdTilt 12s infinite ease-in-out; will-change: transform; backface-visibility: hidden; margin-top: 4px; } @keyframes cdTilt { 0% { transform: perspective(1px) rotate(0deg); } 25% { transform: perspective(1px) rotate(-3deg); } 75% { transform: perspective(1px) rotate(3deg); } 100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo { width: 100%; height: auto; display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before { content: \"✓\"; color: #018289; position: absolute; left: 0; top: 1px; font-weight: bold; line-height: 1.2; } .cd-list-header { list-style: none !important; padding-left: 0 !important; margin-top: 24px; margin-bottom: 12px; font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 0.75px; border-bottom: 1px dashed #e2e8f0; padding-bottom: 6px; } .cd-list-header::before { content: none !important; } .cd-spec-row { display: flex; justify-content: space-between; padding: 10px 18px; border-bottom: 1px solid #f1f5f9; align-items: center; min-height: 40px; } .cd-spec-row:nth-child(even) { background: #f8fafc; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; padding-right: 12px; } .cd-spec-value { font-weight: 900; color: #018289; text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; } .cd-btn-row { padding: 0; } \/* GAP STRIPPING FOR MOBILE *\/ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; } .cd-text-entity { flex: 1 1 auto; padding: 24px 20px 12px 20px; text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; padding: 0 20px 24px 20px; background: none; margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: flex-start; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabricado en Suiza\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eLámina protectora de alta barrera Clesana X1 - Paquete de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSeguro. Higiénico. Independiente.\u003c\/p\u003e \u003cp\u003eBolsas de película de alta barrera Clesana para el inodoro con sellado móvil Clesana X1. La película de alta barrera, desarrollada específicamente para el sector sanitario, ofrece una protección excepcional contra la permeabilidad al olor y a la humedad.\u003c\/p\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (S).\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eX1 Mobile Liner - Paquete económico de 10 unidades\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eLáminas de alta barrera Clesana para el inodoro con sellado móvil Clesana X1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Nivel C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO \u003c\/a\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e X1 Mobile Liner \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- Video Gallery --\u003e \u003cdiv class=\"cd-video-grid\"\u003e \u003cdiv class=\"cd-video-item\"\u003e \u003ciframe title=\"X1 Liners Installation\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/bb7SX1s1gVE\"\u003e\u003c\/iframe\u003e \u003cdiv class=\"cd-video-label\"\u003eInstalación de los revestimientos X1\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #018289; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px;\"\u003eDominio de los dispositivos móviles\u003c\/span\u003e \u003ch2\u003eProtector de grado médico\u003c\/h2\u003e \u003cp\u003eLámina multicapa con alta barrera al oxígeno y a la humedad.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eVer todos los productos de Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecambio a granel X1\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High_Barrier_Film_-_X1_720x_20a802b5-293c-40ca-b4c7-0bdd32aa7655.jpg?v=1773768785\" alt=\"Revestimiento de película de alta barrera Clesana X1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eProtección excepcional\u003c\/strong\u003e \u003cp\u003eOfrece una protección excepcional contra los olores y la humedad.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eEliminación higiénica\u003c\/strong\u003e \u003cp\u003eGarantiza la seguridad durante días y semanas y permite una eliminación fácil e higiénica.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendimiento constante\u003c\/strong\u003e \u003cp\u003eUna nueva lámina de revestimiento de alta barrera permite fabricar hasta 60 bolsas (S).\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003e¿Tienes alguna pregunta? Llámanos\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenido incluido\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Calidad suiza\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 paquetes de 2 láminas de alta barrera\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eEspecificaciones técnicas\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposición del material\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eLámina multicapa con alta barrera al oxígeno y a la humedad\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al oxígeno\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² por bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePermeabilidad al vapor de agua\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ (m² d)\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7;\"\u003eSoluciones de alta calidad para instalaciones autónomas.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.L.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945924193,"sku":"EU-10020051","price":499.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/HighBarrierFilm-X1_2.jpg?v=1779974471"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/collections\/Clesana_Logo_Image1_f9303f7c-afea-4460-be81-eb7a31f2e8f9.png?v=1794516167","url":"https:\/\/thecabindepot.ca\/es\/collections\/clesana-foil-liners-super-absorber-refills.oembed","provider":"The Cabin Depot","version":"1.0","type":"link"}