{"product_id":"c1-bio-barrier-foil-liner","title":"C1 BIO Barrier Foil Liner","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\n\u003ctitle\u003eClesana C1 BIO High-Barrier Film Liner\u003c\/title\u003e\n\n\u003cstyle\u003e\n\/* Author: Kenton Jones\n   Contact: kenton.jones@cabindepot.com\n   Brand: Clesana C1 BIO (Pink \u0026 Green Hybrid Series)\n\n   CODE ARCHITECTURE:\n   1. Scoped to .cd-product-description for theme isolation.\n   2. Inherits theme font-sizes exclusively (no manual overrides).\n   3. Pink (#a22067) used for C1 Brand Highlights.\n   4. Green (#166534) used for BIO Category Highlights.\n   5. Aggressive mobile whitespace stripping for stacked views.\n*\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap');\n\n.cd-product-description {\n    font-family: 'Lato', sans-serif;\n    color: #334155;\n    line-height: 1.5;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    box-sizing: border-box;\n}\n\n.cd-product-description h1 { \n    text-align: center; \n    margin: 10px 0 15px 0; \n    font-weight: 900; \n    color: #0f172a; \n    text-transform: uppercase;\n}\n\n\/* --- Branding Header --- *\/\n.cd-brand-header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 5px 0 10px 0;\n}\n\n.cd-origin-tag {\n    text-transform: uppercase;\n    font-weight: 900;\n    letter-spacing: 2px;\n    color: #166534; \/* Green for BIO Category *\/\n    text-align: center;\n}\n\n\/* --- Typography \u0026 Sections --- *\/\n.cd-product-description h2 {\n    border-bottom: 3px solid #a22067; \/* Pink for C1 Brand *\/\n    padding-bottom: 4px;\n    margin-top: 10px;\n    margin-bottom: 8px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 900;\n    color: #0f172a;\n}\n\n.cd-intro-text {\n    text-align: center;\n    max-width: 900px;\n    margin: 0 auto 15px auto;\n}\n\n\/* --- Premium Action Area (Pink\/Green Hybrid) --- *\/\n.cd-action-area {\n    background: #f0fdf4; \/* Light Green for BIO *\/\n    border: 2px solid #a22067; \/* Pink for C1 *\/\n    border-radius: 16px;\n    padding: 15px;\n    margin-bottom: 20px;\n    text-align: center;\n    box-shadow: 0 4px 6px -1px rgba(162, 32, 103, 0.1);\n    position: relative;\n    overflow: hidden;\n}\n\n.cd-action-area::before {\n    content: \"\";\n    position: absolute;\n    top: -10px;\n    right: -10px;\n    width: 80px;\n    height: 80px;\n    background-image: url('https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-bttb.png?v=1775137701');\n    background-size: contain;\n    background-repeat: no-repeat;\n    opacity: 0.08;\n    pointer-events: none;\n}\n\n.cd-config-status {\n    display: block;\n    font-weight: 900;\n    color: #0f172a;\n    margin-bottom: 2px;\n}\n\n.cd-config-desc {\n    display: block;\n    color: #166534;\n    margin-bottom: 15px;\n    font-style: italic;\n}\n\n.cd-btn-row {\n    display: flex;\n    gap: 10px;\n    justify-content: center;\n    flex-wrap: wrap;\n    position: relative;\n    z-index: 2;\n}\n\n.cd-btn-toggle {\n    text-decoration: none !important;\n    padding: 10px 20px;\n    border-radius: 99px;\n    font-weight: 900;\n    text-transform: uppercase;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s ease;\n    border: 2px solid #e2e8f0;\n    min-width: 180px;\n}\n\n.cd-btn-active { \n    background: #166534; \n    color: white !important; \n    border-color: #166534;\n    box-shadow: 0 4px 10px rgba(22, 101, 52, 0.2);\n}\n\n.cd-btn-opt { background: white; color: #475569 !important; }\n.cd-btn-opt:hover { border-color: #a22067; color: #a22067 !important; transform: translateY(-2px); }\n\n\/* --- EXPERTISE ROW: INDEPENDENT ENTITY MAPPING --- *\/\n.cd-expertise-row {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 16px;\n    margin: 15px 0;\n    overflow: hidden;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    height: auto;\n}\n\n.cd-text-entity {\n    flex: 1 1 350px;\n    padding: 20px 25px; \n    margin: 0; \n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n}\n\n.cd-text-entity h2 { border: 0; margin-top: 0; padding: 0; }\n.cd-text-entity p { margin-top: 0; margin-bottom: 0; }\n\n.cd-image-entity {\n    flex: 1 1 350px;\n    background: #f0fdf4; \/* Green background for BIO image *\/\n    padding: 15px; \n    margin: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    height: auto;\n}\n\n.cd-image-entity img {\n    width: 100%;\n    max-width: 420px;\n    height: auto;\n    display: block;\n}\n\n\/* Shop Supplies Inline Button *\/\n.cd-btn-inline {\n    background: #a22067; \/* Pink for C1 Brand Action *\/\n    color: white !important;\n    text-decoration: none !important;\n    padding: 10px 20px;\n    border-radius: 8px;\n    font-weight: 900;\n    text-transform: uppercase;\n    display: inline-block;\n    margin-top: 15px;\n    transition: all 0.2s ease;\n    width: fit-content;\n}\n.cd-btn-inline:hover { background: #861a55; transform: scale(1.02); }\n\n\/* --- Benefit Grid --- *\/\n.cd-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n    margin: 15px 0;\n}\n\n.cd-feature-card {\n    background: #f0fdf4; \/* Light Green for BIO *\/\n    padding: 12px 15px;\n    border-radius: 12px;\n    border-left: 5px solid #a22067; \/* Pink for C1 *\/\n}\n\n.cd-feature-card strong { display: block; margin-bottom: 2px; text-transform: uppercase; color: #166534; }\n.cd-feature-card p { margin: 0; }\n\n\/* --- Data \u0026 Specs --- *\/\n.cd-table-container {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin: 15px 0;\n}\n\n.cd-data-box {\n    border: 1px solid #e2e8f0;\n    border-radius: 14px;\n    background: white;\n    overflow: hidden;\n}\n\n\/* Split table colors to highlight both themes *\/\n.header-pink { background: #a22067; padding: 8px 12px; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 1px; }\n.header-green { background: #166534; padding: 8px 12px; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 1px; }\n\n\/* --- TILT ANIMATED SIDE LOGO --- *\/\n.cd-box-flex {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    padding: 12px 15px;\n}\n\n.cd-swiss-pop-container {\n    flex: 0 0 75px; \n    background: #ffffff;\n    padding: 6px;\n    border-radius: 10px;\n    box-shadow: 0 3px 8px rgba(0,0,0,0.06);\n    border: 2px solid #a22067; \/* Pink for C1 Brand *\/\n    animation: cdTilt 12s infinite ease-in-out;\n    will-change: transform;\n    backface-visibility: hidden;\n}\n\n@keyframes cdTilt {\n    0% { transform: perspective(1px) rotate(0deg); }\n    25% { transform: perspective(1px) rotate(-3deg); }\n    75% { transform: perspective(1px) rotate(3deg); }\n    100% { transform: perspective(1px) rotate(0deg); }\n}\n\n.cd-box-logo {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.cd-data-list { padding: 0; margin: 0; list-style: none !important; flex: 1; }\n.cd-data-list li { margin-bottom: 2px; padding-left: 18px; position: relative; }\n.cd-data-list li::before { content: \"✓\"; color: #a22067; position: absolute; left: 0; font-weight: bold; }\n\n.cd-spec-row { display: flex; justify-content: space-between; padding: 6px 12px; border-bottom: 1px solid #f1f5f9; }\n.cd-spec-row:last-child { border-bottom: 0; }\n.cd-spec-label { font-weight: 700; color: #64748b; }\n.cd-spec-value { font-weight: 900; color: #0f172a; }\n\n\/* --- Mobile Responsiveness --- *\/\n@media (max-width: 900px) {\n    .cd-table-container { grid-template-columns: 1fr; }\n}\n\n@media (max-width: 600px) {\n    .cd-feature-grid { grid-template-columns: 1fr; }\n    .cd-btn-toggle { width: 100%; }\n    \n    .cd-expertise-row { \n        flex-direction: column; \n        align-items: stretch; \n        gap: 0; \n    }\n    \n    .cd-text-entity { \n        flex: 1 1 auto; \n        padding: 10px 15px 5px 15px; \n        text-align: center;\n        margin: 0;\n    }\n    \n    .cd-image-entity { \n        flex: 1 1 auto; \n        padding: 0 15px 10px 15px; \n        background: none; \n        margin: 0;\n    }\n    \n    .cd-image-entity img { \n        max-width: 240px; \n        margin: 0 auto; \n    } \n\n    .cd-box-flex { flex-direction: row; align-items: center; }\n    .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; }\n\n    .cd-spec-row { flex-direction: row; justify-content: space-between; }\n}\n\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"cd-product-description\"\u003e\n    \n    \u003cdiv class=\"cd-brand-header\"\u003e\n        \u003cspan class=\"cd-origin-tag\"\u003eEngineering Permanent Sanitation\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003ch1\u003e\u003cstrong\u003eClesana C1 BIO High-Barrier Film Liner\u003c\/strong\u003e\u003c\/h1\u003e\n    \n    \u003csection class=\"cd-intro-text\"\u003e\n        \u003cp\u003eCombine off-grid independence with environmental responsibility. The \u003cstrong\u003eClesana C1 BIO High-Barrier Film Liner\u003c\/strong\u003e is a DIN-certified organic film made from biomass and recycled materials. It offers superior protection against odor containment while utilizing renewable resources for a cleaner homestead.\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- Variation Selector --\u003e\n    \u003cdiv class=\"cd-action-area\"\u003e\n        \u003cspan class=\"cd-config-status\"\u003eC1 BIO (Organic) Liner\u003c\/span\u003e\n        \u003cspan class=\"cd-config-desc\"\u003eThe eco-friendly configuration made from biomass and recycled materials.\u003c\/span\u003e\n        \n        \u003cdiv class=\"cd-btn-row\"\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e\n                Standard C1\n            \u003c\/a\u003e\n            \u003ca href=\"#\" class=\"cd-btn-toggle cd-btn-active\"\u003e\n                C1 BIO (Organic)\n            \u003c\/a\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/products\/x1-barrier-foil-liner\" class=\"cd-btn-toggle cd-btn-opt\"\u003e\n                Switch to X1\n            \u003c\/a\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cd-expertise-row\"\u003e\n        \u003cdiv class=\"cd-text-entity\"\u003e\n            \u003cspan style=\"font-weight: 900; color: #166534; text-transform: uppercase; letter-spacing: 2px; display: block; margin-bottom: 2px; font-size: 0.75em;\"\u003eSustainable Science\u003c\/span\u003e\n            \u003ch2\u003eCertified Organic Barrier\u003c\/h2\u003e\n            \u003cp\u003eThe BIO High-Barrier Film Liner provides an even tighter oxygen barrier than the standard model, ensuring maximum odor containment. One package allows for approximately 40 sealed bags, providing a safe and sanitary experience without the chemical footprint.\u003c\/p\u003e\n            \u003ca href=\"https:\/\/thecabindepot.ca\/collections\/clesana-supplies-parts\" class=\"cd-btn-inline\"\u003eShop All Clesana Supplies\u003c\/a\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cd-image-entity\"\u003e\n            \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 High-Barrier Film Liner\"\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cd-feature-grid\"\u003e\n        \u003cdiv class=\"cd-feature-card\"\u003e\n            \u003cstrong\u003eDIN-Certified Organic\u003c\/strong\u003e\n            \u003cp\u003eMade from renewable biomass and recycled materials for a significantly lower environmental footprint.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"cd-feature-card\"\u003e\n            \u003cstrong\u003eUltimate Odor Lock\u003c\/strong\u003e\n            \u003cp\u003eSuperior oxygen barrier containment provides the best possible protection for your off-grid living space.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"cd-table-container\"\u003e\n        \u003cdiv class=\"cd-data-box\"\u003e\n            \u003cdiv class=\"header-pink\"\u003eContents Included\u003c\/div\u003e\n            \u003cdiv class=\"cd-box-flex\"\u003e\n                \u003cdiv class=\"cd-swiss-pop-container\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/swissmade-btwb.png?v=1775137712\" class=\"cd-box-logo\" alt=\"Swiss Quality\"\u003e\n                \u003c\/div\u003e\n                \u003cul class=\"cd-data-list\"\u003e\n                    \u003cli\u003e2x Clesana C1 BIO High-Barrier Film Liners\u003c\/li\u003e\n                    \u003cli\u003eInstructional Guide for Eco-Disposal\u003c\/li\u003e\n                    \u003cli\u003eSealed Shelf-Life Packaging\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"cd-data-box\"\u003e\n            \u003cdiv class=\"header-green\"\u003eTechnical Specifications\u003c\/div\u003e\n            \u003cdiv class=\"cd-spec-row\"\u003e\n                \u003cspan class=\"cd-spec-label\"\u003eCompatibility\u003c\/span\u003e \n                \u003cspan class=\"cd-spec-value\"\u003eClesana C1 Series\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"cd-spec-row\"\u003e\n                \u003cspan class=\"cd-spec-label\"\u003eAverage Yield\u003c\/span\u003e \n                \u003cspan class=\"cd-spec-value\"\u003e~40 Bags per Roll\u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"cd-spec-row\"\u003e\n                \u003cspan class=\"cd-spec-label\"\u003eMaterial\u003c\/span\u003e \n                \u003cspan class=\"cd-spec-value\"\u003eBiomass multi-layer film\u003c\/span\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp style=\"text-align: center; font-style: italic; margin-top: 15px; opacity: 0.7; font-size: 0.8em;\"\u003e\n        Specialized Gear for Off-Grid Living.\u003cbr\u003e\n        \u003cstrong\u003eThe Cabin Depot Ltd.\u003c\/strong\u003e\n    \u003c\/p\u003e\n\u003c\/div\u003e\n\n\n\u003c\/body\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","url":"https:\/\/thecabindepot.ca\/products\/c1-bio-barrier-foil-liner","provider":"The Cabin Depot","version":"1.0","type":"link"}