Clesana C1 with Round Socket
/* Author: Kenton Jones Contact: [email protected] Brand: Clesana C1 (Pink Series) CODE ARCHITECTURE: 1. Scoped to .cd-product-description to prevent theme conflicts. 2. Inherits theme font-sizes (no explicit font-size overrides). 3. Uses #a22067 for all primary brand highlights and table headers. 4. Restored centering for desktop, but implemented aggressive "gap-stripping" for mobile/stacked views. */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap'); .cd-product-description { font-family: 'Lato', sans-serif; color: #334155; line-height: 1.5; width: 100%; max-width: 1200px; margin: 0 auto; box-sizing: border-box; } .cd-product-description h1 { text-align: center; margin: 10px 0 15px 0; font-weight: 900; color: #0f172a; text-transform: uppercase; } /* --- Branding Header --- */ .cd-brand-header { display: flex; align-items: center; justify-content: center; margin: 5px 0 10px 0; } .cd-origin-tag { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; color: #a22067; text-align: center; } /* --- Typography & Sections --- */ .cd-product-description h2 { border-bottom: 3px solid #a22067; padding-bottom: 4px; margin-top: 10px; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: 900; color: #0f172a; } .cd-intro-text { text-align: center; max-width: 900px; margin: 0 auto 15px auto; } /* --- High-Impact Action Area --- */ .cd-action-area { background: #fff1f8; border: 2px solid #a22067; border-radius: 16px; padding: 15px; margin-bottom: 20px; text-align: center; box-shadow: 0 4px 6px -1px rgba(162, 32, 103, 0.1); position: relative; overflow: hidden; } .cd-action-area::before { content: ""; position: absolute; top: -10px; right: -10px; width: 80px; height: 80px; 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; opacity: 0.08; pointer-events: none; } .cd-config-status { display: block; font-weight: 900; color: #0f172a; margin-bottom: 2px; } .cd-config-subtext { display: block; color: #64748b; margin-bottom: 12px; font-style: italic; } .cd-btn-row { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 2; } .cd-btn { text-decoration: none !important; padding: 10px 20px; 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; min-width: 220px; } .cd-btn-variant { background: #475569; color: white !important; } .cd-btn-variant:hover { background: #334155; transform: translateY(-2px); } .cd-btn-supplies { background: #a22067; color: white !important; } .cd-btn-supplies:hover { background: #861a55; transform: translateY(-2px); } /* --- EXPERTISE ROW: COMPACT COLLAPSIBLE LOGIC --- */ .cd-expertise-row { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 16px; margin: 15px 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; height: auto; } .cd-text-entity { flex: 1 1 350px; padding: 20px 25px; 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; } .cd-image-entity { flex: 1 1 350px; background: #f8fafc; padding: 15px; margin: 0; display: flex; align-items: center; justify-content: center; position: relative; height: auto; min-height: 0; } .cd-image-entity img { width: 100%; max-width: 420px; height: auto; display: block; } .cd-badge { position: absolute; top: 10px; right: 10px; background: #a22067; color: #ffffff; font-weight: 900; padding: 3px 8px; border-radius: 4px; text-transform: uppercase; } /* --- Benefit Grid --- */ .cd-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 15px 0; } .cd-feature-card { background: #f8fafc; padding: 12px 15px; border-radius: 12px; border-left: 5px solid #a22067; } .cd-feature-card strong { display: block; margin-bottom: 2px; text-transform: uppercase; color: #a22067; } .cd-feature-card p { margin: 0; } .cd-support-item { background: #a22067; color: white; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .cd-support-item strong { color: #ffffff; opacity: 0.9; } .cd-support-item a { color: white !important; font-weight: 900; text-decoration: none; margin-top: 1px; } /* --- Data & Specs --- */ .cd-table-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 15px 0; } .cd-data-box { border: 1px solid #e2e8f0; border-radius: 14px; background: white; overflow: hidden; } .cd-data-header { background: #a22067; padding: 8px 12px; font-weight: 900; color: white; text-transform: uppercase; letter-spacing: 1px; } /* --- STICKY SIDE LOGO LAYOUT --- */ .cd-box-flex { display: flex; align-items: center; gap: 15px; padding: 12px 15px; } .cd-swiss-pop-container { flex: 0 0 75px; background: #ffffff; 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; } @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: 2px; padding-left: 18px; position: relative; } .cd-data-list li::before { content: "✓"; color: #a22067; position: absolute; left: 0; font-weight: bold; } .cd-spec-row { display: flex; justify-content: space-between; padding: 6px 12px; border-bottom: 1px solid #f1f5f9; } .cd-spec-row:last-child { border-bottom: 0; } .cd-spec-label { font-weight: 700; color: #64748b; } .cd-spec-value { font-weight: 900; color: #0f172a; } /* --- Mobile Responsiveness --- */ @media (max-width: 900px) { .cd-table-container { grid-template-columns: 1fr; } } @media (max-width: 600px) { .cd-feature-grid { grid-template-columns: 1fr; } .cd-btn { width: 100%; } /* REMOVE ALL WASTED SPACE ON MOBILE */ .cd-expertise-row { flex-direction: column; align-items: stretch; gap: 0; /* Ensures no gap between containers */ } .cd-text-entity { flex: 1 1 auto; /* Allow collapse to content height */ padding: 10px 15px 5px 15px; /* Minimal padding */ text-align: center; margin: 0; } .cd-image-entity { flex: 1 1 auto; /* Allow collapse to content height */ padding: 0 15px 10px 15px; /* Remove top padding to pull image up to text */ background: none; /* Inherit white background to remove distinct visual boxes */ margin: 0; } .cd-image-entity img { max-width: 240px; margin: 0 auto; } .cd-box-flex { flex-direction: row; align-items: center; } .cd-swiss-pop-container { flex: 0 0 60px; padding: 5px; } .cd-spec-row { flex-direction: row; justify-content: space-between; } } Engineering Permanent Sanitation Clesana C1 Sealing Toilet (Round Socket) The Clesana C1 works almost like at home. Only without water or chemicals. A patented thermo-pressure mechanism automatically seals waste securely in a high-barrier film liner at the touch of a button. This protects you and your environment. Thanks to its simple installation, the C1 can be retrofitted anywhere and is ready for immediate use. You are currently viewing the Floor-Mounted (Standard) C1. Switch to L-adapter Shop Clesana Supplies Installation Flexibility The Round Socket Base Thanks to its simple installation, the C1 can beretrofitted anywhere and is ready for immediate use. Floor-Mount Standard Sanitary Evolution Thermal sealing technology bags waste, providing a 100% odor-proof and germ-free environment. Residential Ergonomics Features a 478mm (18.8") seat height, mirroring the comfort and familiarity of your home bathroom. Water Independence Eliminate the need for fresh water flushing and heavy black water tanks. Simple 12V power is all you need. Questions? Call Us 1-844-603-4743 What's in the Box 1x Clesana C1 with L-Adapter Mounting Base 1x Control Panel 2x Crimp Contacts ( Anderson SB50 50 Amp contact 5952) 1x 2-Pin Connector Housing ( Anderson SB50 connector housing 992G1) 1 x High-Barrier Film Liner 1 x Pack of Super-Absorber Installation and User Manuals Technical Data Load Capacity 150 Kg Input Voltage 11.8 - 15 V DC Peak Current 22 A Standby Draw 0.28 W Energy / Cycle 1.7 Wh Energy Consumption During Sealing 0.55 Wh Sealing Cycle 50 sec Dimensions 515 x 363 x 461 mm Net Weight 13.1 kg (28.9 lbs) Premium Off-Grid Solutions.The Cabin Depot Ltd.
