Flexible Silicone

About

/* Variables are fine in :root, but we will only use them inside our scoped class */ :root { --primary: #287ecb !important; --accent: #db463e !important; --dark: #1a1a1a !important; --light: #f8fafc !important; --white: #ffffff !important; --gray: #64748b !important; --border: #e2e8f0 !important; } /* Scoped Wrapper: This replaces the 'body' styles */ .collection-page-wrapper { margin: 0 !important; padding: 0 !important; font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important; background-color: var(--white) !important; color: var(--dark) !important; line-height: 1.6 !important; box-sizing: border-box !important; } /* Ensure box-sizing only applies to elements inside the collection */ .collection-page-wrapper * { box-sizing: border-box !important; -webkit-font-smoothing: antialiased !important; } .collection-page-wrapper .rte { max-width: 900px !important; margin: 0 auto !important; padding: 40px 20px !important; } /* Simplified Intro Section */ .collection-page-wrapper .intro-section { margin-bottom: 40px !important; padding: 0 !important; } .collection-page-wrapper .intro-section p { font-size: 18px !important; line-height: 1.6 !important; color: #475569 !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* Typography */ .collection-page-wrapper h2 { font-size: 24px !important; font-weight: 800 !important; margin: 60px 0 25px 0 !important; color: var(--dark) !important; display: flex !important; align-items: center !important; gap: 15px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; } .collection-page-wrapper h2::after { content: "" !important; flex: 1 !important; height: 1px !important; background: var(--border) !important; } .collection-page-wrapper p { margin-bottom: 20px !important; font-size: 16px !important; color: #334155 !important; } /* Scoped Feature Cards (The ul li grid) */ .collection-page-wrapper .rte ul, .collection-page-wrapper ul { list-style: none !impor