{"product_id":"clesana-c1-high-barrier-film-liner-10-pack","title":"Film protecteur haute barrière Clesana C1 - Lot de 10","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e \u003cstyle\u003e \/* Author: Kenton Jones   Contact: kenton.jones@cabindepot.com    Brand: Clesana C1 Supplies (Pink Series)    CODE ARCHITECTURE:    1. Scoped to .cd-product-description for theme isolation.    2. Inherits theme font-sizes exclusively (no manual overrides).    3. Uses #a22067 for brand highlights and table headers.    4. Expertise row features independent entity mapping with mobile gap-stripping. *\/ @import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap'); .cd-product-description {     font-family: 'Lato', sans-serif;     color: #334155;     line-height: 1.65;     width: 100%;     max-width: 1200px;     margin: 0 auto;     box-sizing: border-box;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale; } .cd-product-description h1 {      text-align: center;      margin: 20px 0 25px 0;      font-weight: 900;      color: #0f172a;      text-transform: uppercase;      letter-spacing: 0.75px; } \/* --- Branding Header --- *\/ .cd-brand-header {     display: flex;     align-items: center;     justify-content: center;     margin: 8px 0 16px 0; } .cd-origin-tag {     text-transform: uppercase;     font-weight: 900;     letter-spacing: 2px;     color: #a22067;     text-align: center; } \/* --- Typography \u0026 Sections --- *\/ .cd-product-description h2 {     border-bottom: 3px solid #a22067;     padding-bottom: 8px;     margin-top: 30px;     margin-bottom: 16px;     text-transform: uppercase;     letter-spacing: 1px;     font-weight: 900;     color: #0f172a; } .cd-intro-text {     text-align: center;     max-width: 850px;     margin: 0 auto 30px auto;     position: relative;     padding: 24px 20px; } .cd-intro-text::before {     content: \"\";     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     width: 180px;     height: 180px;     background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');     background-size: contain;     background-repeat: no-repeat;     background-position: center;     opacity: 0.06;     pointer-events: none;     z-index: 0; } .cd-intro-text p {     margin: 0 auto 16px auto;     line-height: 1.65;     position: relative;     z-index: 1; } .cd-intro-text p:last-child {     margin-bottom: 0; } \/* --- Separated Retrofit Text Callout --- *\/ .cd-retrofit-callout {     text-align: center;     margin-bottom: 24px;     padding: 0 20px; } .cd-config-status {     display: block;     font-weight: 900;     color: #a22067;     margin-bottom: 6px;     letter-spacing: 0.75px;     text-transform: uppercase; } .cd-config-subtext {     display: block;     color: #475569;     font-style: italic;     line-height: 1.5;     max-width: 700px;     margin: 0 auto; } \/* --- Buttons Area --- *\/ .cd-action-area {     padding: 0;     margin-bottom: 30px;     text-align: center;     position: relative; } .cd-btn-row {     display: flex;     gap: 12px;     justify-content: center;     flex-wrap: nowrap;     position: relative;     z-index: 2;     width: 100%;     max-width: 650px;     margin: 0 auto;     padding: 0 10px;     box-sizing: border-box; } .cd-btn-toggle {     text-decoration: none !important;     padding: 14px 18px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-flex;     align-items: center;     justify-content: center;     gap: 8px;     transition: all 0.2s ease;     flex: 1 1 33.33%;     min-width: 0;     letter-spacing: 0.75px;     text-align: center;     border: 2px solid #e2e8f0;     box-sizing: border-box; } .cd-btn-active {      background: #0f172a;      color: white !important;      border-color: #0f172a; } .cd-btn-opt {     background: transparent;     color: #475569 !important; } .cd-btn-opt:hover {     border-color: #a22067;     color: #a22067 !important;     transform: translateY(-2px); } \/* --- EXPERTISE ROW: COLLAPSIBLE MOBILE LOGIC --- *\/ .cd-expertise-row {     border: 1px solid #e2e8f0;     border-radius: 16px;     margin: 24px 0;     overflow: hidden;     display: flex;     flex-wrap: wrap;     align-items: center; \/* Desktop Centering *\/     height: auto; } .cd-text-entity {     flex: 1 1 350px;     padding: 30px 35px;      margin: 0;      display: flex;     flex-direction: column;     justify-content: center;     min-height: 0; } .cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; } .cd-text-entity p { margin-top: 0; margin-bottom: 0; line-height: 1.65; } .cd-image-entity {     padding: 24px;      margin: 0;     display: flex;     align-items: center;     justify-content: center;     position: relative;     height: auto;     min-height: 0;     flex: 1 1 350px; } .cd-image-entity img {     width: 100%;     max-width: 420px;     height: auto;     display: block; } .cd-badge {     position: absolute;     top: 14px;     right: 14px;     background: #a22067;      color: #ffffff;     font-weight: 900;     padding: 4px 12px;     border-radius: 4px;     text-transform: uppercase;     letter-spacing: 0.75px; } \/* Shop Supplies Link *\/ .cd-btn-inline {     background: #a22067;     color: white !important;     text-decoration: none !important;     padding: 12px 24px;     border-radius: 8px;     font-weight: 900;     text-transform: uppercase;     display: inline-block;     margin-top: 20px;     transition: all 0.2s ease;     width: fit-content; } .cd-btn-inline:hover {     background: #861a55;     transform: scale(1.02); } \/* --- Benefit Grid --- *\/ .cd-feature-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 16px;     margin: 24px 0; } .cd-feature-card {     padding: 20px 24px;     border-radius: 12px;     border-left: 5px solid #a22067;     line-height: 1.65; } .cd-feature-card strong { display: block; margin-bottom: 8px; text-transform: uppercase; color: #a22067; letter-spacing: 0.75px; } .cd-feature-card p { margin: 0; } .cd-support-item {     border-left: 5px solid #a22067;     text-align: left;     display: flex;     flex-direction: column;     justify-content: center;     padding: 20px 24px; } .cd-support-item strong { color: #a22067; margin-bottom: 6px; } .cd-support-item a { color: #0f172a !important; font-weight: 900; text-decoration: none; margin-top: 2px; display: inline-block; transition: color 0.2s ease; border-bottom: 1px dashed rgba(15, 23, 42, 0.3); align-self: flex-start; } .cd-support-item a:hover { color: #a22067 !important; border-bottom-color: #a22067; } \/* --- Data \u0026 Specs --- *\/ .cd-table-container {     display: grid;     grid-template-columns: 1fr 1fr;     gap: 20px;     margin: 24px 0; } .cd-data-box {     border: 1px solid #e2e8f0;     border-radius: 14px;     overflow: hidden; } .cd-data-header {      border-bottom: 2px solid #a22067;      padding-bottom: 8px;      margin-bottom: 16px;      font-weight: 900;      color: #a22067;      text-transform: uppercase;      letter-spacing: 1.2px; } \/* --- STICKY SIDE LOGO Layout --- *\/ .cd-box-flex {     display: flex;     align-items: flex-start;     gap: 18px;     padding: 18px; } .cd-swiss-pop-container {     flex: 0 0 75px;      padding: 6px;     border-radius: 10px;     box-shadow: 0 3px 8px rgba(0,0,0,0.06);     border: 2px solid #a22067;      animation: cdTilt 12s infinite ease-in-out;     will-change: transform;     backface-visibility: hidden;     margin-top: 4px; } @keyframes cdTilt {     0% { transform: perspective(1px) rotate(0deg); }     25% { transform: perspective(1px) rotate(-3deg); }     75% { transform: perspective(1px) rotate(3deg); }     100% { transform: perspective(1px) rotate(0deg); } } .cd-box-logo {     width: 100%;     height: auto;     display: block; } .cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; } .cd-data-list li { margin-bottom: 10px; padding-left: 26px; position: relative; line-height: 1.55; } .cd-data-list li::before {     content: \"✓\";     color: #a22067;     position: absolute;     left: 0;     top: 1px;     font-weight: bold;     line-height: 1.2; } .cd-list-header {     list-style: none !important;     padding-left: 0 !important;     margin-top: 24px;     margin-bottom: 12px;     font-weight: 900;     color: #a22067;     text-transform: uppercase;     font-size: 0.85em;     letter-spacing: 0.75px;     border-bottom: 1px dashed #e2e8f0;     padding-bottom: 6px; } .cd-list-header::before {     content: none !important; } .cd-spec-row {     display: flex;     justify-content: space-between;     padding: 10px 18px;     border-bottom: 1px solid #f1f5f9;     align-items: center;     min-height: 40px; } .cd-spec-row:nth-child(even) {     background: #f8fafc; } .cd-spec-row:last-child {     border-bottom: 0; } .cd-spec-label {     font-weight: 700;     color: #64748b;     padding-right: 12px; } .cd-spec-value {     font-weight: 900;     color: #a22067;     text-align: right; } \/* --- Mobile Responsiveness --- *\/ @media (max-width: 900px) {     .cd-table-container { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 600px) {     .cd-feature-grid { grid-template-columns: 1fr; gap: 14px; }     .cd-btn-row { padding: 0; }           \/* GAP STRIPPING FOR MOBILE *\/     .cd-expertise-row {          flex-direction: column;          align-items: stretch;          gap: 0;      }          .cd-text-entity {          flex: 1 1 auto;          padding: 24px 20px 12px 20px;          text-align: center;          margin: 0;     }          .cd-image-entity {          flex: 1 1 auto;          padding: 0 20px 24px 20px;          background: none;          margin: 0;     }          .cd-image-entity img {          max-width: 240px;          margin: 0 auto;      }      .cd-box-flex { flex-direction: row; align-items: flex-start; }     .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }     .cd-spec-row { flex-direction: row; justify-content: space-between; } } \u003c\/style\u003e \u003cdiv class=\"cd-product-description\"\u003e \u003cdiv class=\"cd-brand-header\"\u003e\u003cspan class=\"cd-origin-tag\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm protecteur haute barrière Clesana C1 - Lot de 10\u003c\/strong\u003e\u003c\/h1\u003e \u003csection class=\"cd-intro-text\"\u003e \u003cp style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eSacs en film haute barrière Clesana pour les toilettes étanches Clesana C1. Ce film haute barrière, spécialement conçu pour le secteur médical, offre une protection exceptionnelle contre les odeurs et l'humidité.\u003c\/p\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller en moyenne jusqu'à 40 sachets.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner Standard C1 - Lot économique de 10 pièces\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eDoublures en film haute barrière Clesana pour les toilettes à fermeture hermétique Clesana C1.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-action-area\"\u003e \u003cdiv class=\"cd-btn-row\"\u003e \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e Standard C1 \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e C1 BIO (biologique) \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e Passer à X1 \u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-expertise-row\"\u003e \u003cdiv class=\"cd-text-entity\"\u003e \u003cspan style=\"font-weight: 900; color: #a22067; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eConfiance en matière d'hygiène\u003c\/span\u003e \u003ch2\u003eBouclier protecteur\u003c\/h2\u003e \u003cp\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité.\u003c\/p\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eDécouvrez toute la gamme de fournitures Clesana\u003c\/a\u003e \u003c\/div\u003e \u003cdiv class=\"cd-image-entity\"\u003e \u003cspan class=\"cd-badge\"\u003eRecharge C1 en vrac\u003c\/span\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/High-barrier_film_liner_C1_1.jpg?v=1773768901\" alt=\"Doublure en film haute barrière Clesana C1\"\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eUne protection exceptionnelle\u003c\/strong\u003e \u003cp\u003eOffre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eÉlimination hygiénique\u003c\/strong\u003e \u003cp\u003eIl garantit une sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card\"\u003e \u003cstrong\u003eRendement constant\u003c\/strong\u003e \u003cp\u003eUne nouvelle feuille de protection haute barrière permet de sceller en moyenne jusqu'à 40 sachets.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eDes questions ? Appelez-nous\u003c\/strong\u003e \u003ca href=\"tel:1-844-603-4743\"\u003e1-844-603-4743\u003c\/a\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-table-container\"\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eContenu inclus\u003c\/div\u003e \u003cdiv class=\"cd-box-flex\"\u003e \u003cdiv class=\"cd-swiss-pop-container\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Qualité suisse\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e10 x 2 x film protecteur à haute barrière\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"cd-data-header\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eComposition des matériaux\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eFilm multicouche offrant une barrière élevée contre l'oxygène et l'humidité\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à l'oxygène\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e2,31 cm³\/m² par bar)\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePerméabilité à la vapeur d'eau\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1,54 g \/ m²\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003eSolutions hors réseau haut de gamme.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot S.A.S.\u003c\/strong\u003e\u003c\/p\u003e \u003c\/div\u003e","brand":"Clesana","offers":[{"title":"Default Title","offer_id":45052945825889,"sku":"EU-10020011","price":499.9,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/BioHigh-barrierfilmlinerC1_2_0ecdc9b2-89c2-40d4-a2a7-7bf735aa97a9.jpg?v=1779973296","url":"https:\/\/thecabindepot.ca\/fr\/products\/clesana-c1-high-barrier-film-liner-10-pack","provider":"The Cabin Depot","version":"1.0","type":"link"}