LOLU™ HEALTH LeMa™ Diet for Sports (Registered Nutritionist, Reg. 82021301; Registered Dietician, Reg. 20-02273)

.lema-shopify --coral: #EB6F54; --coral-dark: #D9543B; --coral-soft: #FFF1EC; --ink: #1E2927; --muted: #5E6966; --sage: #DCE8DF; --sage-deep: #3E6257; --cream: #FBF8F2; --white: #FFFFFF; --line: #E5E7E3; --shadow: 0 18px 55px rgba(30, 41, 39, 0.10); --radius-lg: 28px; --radius-md: 18px; --max: 1180px; .lema-shopify box-sizing: border-box; .lema-shopify margin: 0; width: 100%; max-width: var(--max); overflow: hidden; color: var(--ink); background: var(--white); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; container: lema- / inline-size; .lema-shopify img, .lema-shopify svg display: block; max-width: 100%; .lema-shopify a color: inherit; .lema-shopify button, .lema-shopify input, .lema-shopify select, .lema-shopify textarea font: inherit; .lema-shopify :focus-visible outline: 3px solid rgba(235, 111, 84, .35); outline-offset: 3px; .lema-shopify .wrap width: min(calc(100% - 40px), var(--max)); margin-inline: auto; .lema-shopify .section padding: 92px 0; .lema-shopify .section--soft background: var(--cream); .lema-shopify .section--dark background: var(--ink); color: var(--white); .lema-shopify .eyebrow margin: 0 0 14px; color: var(--coral-dark); font-size: .78rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; .lema-shopify h1, .lema-shopify h2, .lema-shopify h3 margin: 0; line-height: 1.13; letter-spacing: -.035em; .lema-shopify h1 max-width: 790px; font-size: clamp(2.2rem, 4.5vw, 3.6rem); overflow-wrap: normal; word-break: normal; .lema-shopify h2 font-size: clamp(1.8rem, 3.2vw, 2.65rem); overflow-wrap: normal; word-break: normal; .lema-shopify h3 font-size: 1.35rem; .lema-shopify p margin: 0 0 1rem; .lema-shopify .lead max-width: 730px; color: var(--muted); font-size: clamp(1.05rem, 2vw, 1.28rem); .lema-shopify .section--dark .lead color: #C8D1CE; .lema-shopify .section-heading display: grid; gap: 16px; margin-bottom: 46px; .lema-shopify .section-heading--split grid-template-columns: 1fr minmax(280px, 520px); align-items: end; .lema-shopify .site-bar position: sticky; z-index: 50; top: 0; border-bottom: 1px solid rgba(229, 231, 227, .9); background: rgba(255, 255, 255, .92); backdrop-filter: blur(16px); .lema-shopify .nav min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 24px; .lema-shopify .brand text-decoration: none; font-weight: 900; letter-spacing: -.03em; .lema-shopify .brand span color: var(--coral); .lema-shopify .nav-links display: flex; align-items: center; gap: 24px; font-size: .92rem; font-weight: 650; .lema-shopify .nav-links a text-decoration: none; .lema-shopify .nav-links a:not(.button):hover color: var(--coral-dark); .lema-shopify .button display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 9px; padding: 12px 20px; border: 1px solid var(--coral); border-radius: 999px; background: var(--coral); color: var(--white); font-weight: 800; line-height: 1.1; text-decoration: none; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; .lema-shopify .button:hover transform: translateY(-2px); background: var(--coral-dark); box-shadow: 0 10px 24px rgba(217, 84, 59, .22); .lema-shopify .button--ghost border-color: var(--line); background: transparent; color: var(--ink); .lema-shopify .button--ghost:hover border-color: var(--coral); background: var(--coral-soft); box-shadow: none; .lema-shopify .button--light border-color: var(--white); background: var(--white); color: var(--ink); .lema-shopify .hero overflow: hidden; padding: 82px 0 72px; background: linear-gradient(135deg, #FFF 0%, #FFF8F5 52%, #F0F6F1 100%); .lema-shopify .hero-grid display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(330px, .78fr); gap: 64px; align-items: center; .lema-shopify .hero .lead margin-top: 24px; .lema-shopify .hero-actions display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; .lema-shopify .microcopy margin-top: 14px; color: var(--muted); font-size: .84rem; .lema-shopify .hero-card position: relative; min-height: 475px; overflow: hidden; padding: 30px; border: 1px solid rgba(255, 255, 255, .8); border-radius: 36px; background: var(--ink); color: var(--white); box-shadow: var(--shadow); .lema-shopify .hero-card::after position: absolute; width: 250px; height: 250px; right: -70px; bottom: -70px; border-radius: 50%; background: var(--coral); content: ""; filter: blur(1px); opacity: .92; .lema-shopify .performance-map position: relative; z-index: 1; display: grid; gap: 14px; .lema-shopify .map-label color: #C7D2CF; font-size: .77rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; .lema-shopify .map-item display: grid; grid-template-columns: 44px 1fr; gap: 14px; align-items: center; padding: 15px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; background: r