Brewing Ingredients

About

/* === BETTER CATEGORY FRAMEWORK CSS === */ .mb-category-wrapper { /* Variables */ --mb-red: #9d2235; --mb-gold: #f0c04a; --mb-dark: #2c2c2c; /* Base Settings */ font-family: 'Lato', sans-serif; color: var(--mb-dark); max-width: 1200px; margin: 0 auto; padding: 20px; box-sizing: border-box; } .mb-category-wrapper * { box-sizing: border-box; } /* === HERO SECTION === */ .mb-hero { display: flex; gap: 40px; align-items: center; margin-bottom: 40px; } .mb-hero-content { flex: 1; } .mb-hero-media { flex: 1; width: 100%; } .mb-hero-media img { width: 100%; height: auto; object-fit: cover; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); display: block; } /* Typography strictly using px */ .mb-eyebrow { font-size: 14px; font-weight: 900; color: var(--mb-red); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; } .mb-headline { font-size: 42px; line-height: 48px; font-weight: 900; margin: 0 0 15px 0; color: var(--mb-dark); } .mb-lead { font-size: 20px; line-height: 30px; margin: 0 0 25px 0; color: #4a4a4a; } .mb-bullets { list-style: none; padding: 0; margin: 0; } .mb-bullets li { font-size: 17px; line-height: 24px; margin-bottom: 15px; display: flex; align-items: flex-start; gap: 12px; } .mb-bullets a { color: var(--mb-red); text-decoration: underline; font-weight: 700; } .mb-check-icon { flex-shrink: 0; width: 22px; height: 22px; fill: var(--mb-gold); margin-top: 2px; /* Aligns with text visually */ } /* === PROCESS BAR === */ .mb-process-bar { display: flex; background-color: #f9f9f9; border-radius: 8px; padding: 25px; gap: 25px; border-left: 6px solid var(--mb-red); box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .mb-process-step { display: flex; flex: 1; align-items: center; gap: 15px; } .mb-step-number { background-color: var(--mb-gold); color: var(--mb-dark); width: 40px; height: 40px; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 900; flex-shrink: 0; } .mb-step-text { display: f

On-page SEO