{"product_id":"clesana-c1-x1-1kg-super-absorber-9-pack","title":"Clesana C1\/X1 1KG Super-Absorber - 9 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\"\u003eGerman Quality\u003c\/span\u003e\u003c\/div\u003e \u003ch1\u003e\u003cstrong\u003eClesana C1\/X1 1KG Super-Absorber - 9 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;\"\u003eSafe. Clean. Reliable.\u003c\/p\u003e \u003cp\u003eClesana Super Absorber. To bind liquids and absorb odors, simply add the granules to the toilet before flushing.\u003c\/p\u003e \u003c\/section\u003e \u003cdiv class=\"cd-retrofit-callout\"\u003e \u003cspan class=\"cd-config-status\"\u003eC1\/X1 1KG Super-Absorber - 9 Pack Bulk Set\u003c\/span\u003e \u003cspan class=\"cd-config-subtext\"\u003eFree-flowing granules for easy and individual dosage.\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 View all Parts \u0026amp; Accessories \u003c\/a\u003e \u003ca href=\"https:\/\/thecabindepot.ca\/products\/c1-barrier-foil-liner\" class=\"cd-btn cd-btn-supplies\"\u003e Shop Refill Liners \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             Your browser does not support the video tag.         \u003c\/source\u003e\u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eSuper-Absorber Overview\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             Your browser does not support the video tag.         \u003c\/source\u003e\u003c\/video\u003e         \u003cdiv class=\"cd-video-label\"\u003eC1 Liners Installation\u003c\/div\u003e     \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-grid\"\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eHigh-Capacity Absorption\u003c\/strong\u003e \u003cp\u003e10 g of super-absorbent material can absorb up to 500 ml of liquid.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-pink\"\u003e \u003cstrong\u003eOdor Containment\u003c\/strong\u003e \u003cp\u003eBinds liquid waste and absorbs odors, ensuring your living environment stays clean.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card card-teal\"\u003e \u003cstrong\u003eFlexible Dosage\u003c\/strong\u003e \u003cp\u003eRecommended amount: 1 measuring spoon per toilet visit, tailored to your usage preference.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"cd-feature-card cd-support-item\"\u003e \u003cstrong\u003eQuestions? Call Us\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\"\u003eContents Included\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=\"Swiss Quality\"\u003e\u003c\/div\u003e \u003cul class=\"cd-data-list\"\u003e \u003cli\u003e9 x 1000 g free-flowing granules for easy and individual dosage\u003c\/li\u003e \u003cli\u003eMeasuring spoon\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\"\u003eTechnical Data\u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eMaterial composition\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003ePVA \/ Sodium polyacrylate\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003ePackage configuration\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\"\u003eRecommended amount\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e1 measuring spoon per visit\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eAbsorption rate\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003e10 g absorbs up to 500 ml\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCountry of origin\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eMade in Germany\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"cd-spec-row\"\u003e \u003cspan class=\"cd-spec-label\"\u003eCompatibility\u003c\/span\u003e \u003cspan class=\"cd-spec-value\"\u003eUniversal (C1 \u0026amp; X1 models)\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;\"\u003ePremium Off-Grid Solutions.\u003cbr\u003e\u003cstrong\u003eThe Cabin Depot Ltd.\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","url":"https:\/\/thecabindepot.ca\/products\/clesana-c1-x1-1kg-super-absorber-9-pack","provider":"The Cabin Depot","version":"1.0","type":"link"}