{"product_id":"clesana-c1-bio-high-barrier-film-liner-10-pack","title":"Film de protection haute barrière Clesana C1 Bio - 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 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\"\u003eFabriqué en Suisse\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eFilm protecteur haute barrière Clesana C1 BIO - Lot de 10\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;\"\u003eSûr. Hygiénique. Confortable.\u003c\/p\u003e \u003cp\u003eLe film bio haute barrière certifié DIN est fabriqué à partir de biomasse et de matériaux recyclés et offre une protection exceptionnelle contre les odeurs et la pénétration de l'humidité. Il garantit la sécurité pendant plusieurs jours, voire plusieurs semaines, et permet une élimination facile et hygiénique. Un film bio haute barrière neuf permet de sceller en moyenne jusqu'à 40 sacs.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eLiner C1 BIO (biomasse) - Lot économique de 10 pièces\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eUne gamme écologique fabriquée à partir de biomasse et de matériaux recyclés, proposée en lot de 10 unités.\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 Standard 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 Passer à 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             Votre navigateur ne prend pas en charge la balise vidéo.         \u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003ePrésentation des revêtements 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;\"\u003eScience durable\u003c\/span\u003e \u003ch2\u003eConstruction à partir de la biomasse\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\"\u003eC1 BIO en vrac\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=\"Clesana C1 BIO : film de revêtement haute barrière\"\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 la 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 doublure en film bio haute barrière permet de sceller jusqu'à 40 sachets en moyenne.\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=\"header-pink\"\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 sachets en film haute barrière de 2 x\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-data-box\"\u003e \u003cdiv class=\"header-green\"\u003eCaractéristiques techniques\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMatériel\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\"\u003e0,14 cm³ \/ (m²·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,42 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 Ltd.\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","url":"https:\/\/thecabindepot.ca\/fr\/products\/clesana-c1-bio-high-barrier-film-liner-10-pack","provider":"The Cabin Depot","version":"1.0","type":"link"}