KiS Organics Soil and Amendments

About

KiS Organics | Happy Hydro /* DESIGN TOKENS */ :root { --bg: #ffffff; --bg-soft: #fafafa; --text: #4d4d4d; --text-light: #6b6b6b; --border: #e1e3e4; --blue: #01adf0; --blue-dark: #0190c8; --blue-pale: #e8f7fd; --green: #61a84d; --green-dark: #4d8a3c; --green-pale: #edf6ea; --orange: #ff723c; --orange-pale: #fff2ed; --font-head: 'Poppins', sans-serif; --font-body: 'Inter', sans-serif; --radius: 8px; --radius-sm: 5px; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-body); font-size: 14px; background: var(--bg); color: var(--text); line-height: 1.65; padding-bottom: 20px; } :focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; border-radius: 3px; } .icon { display: inline-block; flex-shrink: 0; vertical-align: middle; } .svg-sprite { display: none; } /* INTRO */ .intro { padding-bottom: 18px; } .outcome-headline { font-family: var(--font-head); font-size: 1.25rem; font-weight: 700; color: var(--text); line-height: 1.25; margin-bottom: 10px; } .outcome-headline span { color: var(--green); } .intro p { font-size: 0.85rem; color: var(--text-light); line-height: 1.75; } /* SECTION LABELS */ .section-label { font-family: var(--font-head); font-size: 0.64rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--blue); margin-bottom: 3px; } .section-title { font-family: var(--font-head); font-size: 0.97rem; font-weight: 700; color: var(--text); margin-bottom: 11px; } /* PRODUCT GRID */ .products-wrap { margin: 10px 0 24px; } .products-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .product-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 14px 12px; display: flex; flex-direction: column; transition: border-color 0.15s ease; text-decoration: none; color: inherit; } .product-card:hover { border-color: var(--green); } .product-card.soil { background: #fcfdfb; } .product-card.amendment { background: #fbfdfe;