:root {
    --if-green:       #1E7A45;
    --if-green-dark:  #155C33;
    --if-green-light: #2F9E5A;
    --if-yellow:      #F2D328;
    --if-yellow-dark: #2B3513;
    --if-blue:        #5FA8D3;
    --if-blue-light:  #8FC8E8;
    --if-bg:          #FAFAF8;
    --if-text:        #1F2933;
    --if-gray:        #E5E7EB;
    --if-black:       #0D0D0D;
}

/* ─── Typography ─────────────────────────────────────────── */
body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: var(--if-text);
    background: var(--if-bg);
}
h1,h2,h3,h4,h5,h6,.font-heading { font-family: 'Plus Jakarta Sans', sans-serif; }

/* ─── Safe area (mobile notch) ───────────────────────────── */
.safe-area-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }

/* ─── Skeleton loader ────────────────────────────────────── */
.skeleton {
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 200% 100%;
    animation: skeleton-pulse 1.5s ease-in-out infinite;
    border-radius: 0.375rem;
}
@keyframes skeleton-pulse {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ─── Prose (article body) ───────────────────────────────── */
.prose h2 { font-size:1.375rem; font-weight:700; margin-top:2rem; margin-bottom:.75rem; color:var(--if-text); }
.prose h3 { font-size:1.125rem; font-weight:600; margin-top:1.5rem; margin-bottom:.5rem; color:var(--if-text); }
.prose p  { margin-bottom:1rem; }
.prose ul,.prose ol { padding-left:1.5rem; margin-bottom:1rem; }
.prose li { margin-bottom:.25rem; }
.prose a  { color:var(--if-green); }
.prose blockquote { border-left:4px solid var(--if-green); padding-left:1rem; color:#6b7280; font-style:italic; }

/* ─── Focus / a11y ───────────────────────────────────────── */
:focus-visible { outline:2px solid var(--if-green); outline-offset:2px; }

/* ─── Base ───────────────────────────────────────────────── */
html  { scroll-behavior: smooth; }
body,main { overflow-x: hidden; }
.contact-strip a { text-decoration: none; }
.contact-strip { height:2rem; background: linear-gradient(90deg, #0b3825 0%, #145b35 55%, #0b3825 100%); box-shadow: inset 0 -1px rgba(255,255,255,.14); overflow:hidden; transition:height .2s ease, opacity .2s ease; }
.site-header.is-scrolling-down .contact-strip { height:0; opacity:0; }
@media (min-width: 768px) {
    .site-header.is-scrolling-down .contact-strip { height:2rem; opacity:1; }
}
.legacy-cta { display:none !important; }
.social-link { display:inline-flex; align-items:center; justify-content:center; width:1.5rem; height:1.5rem; border-radius:999px; transition:color .2s ease, background-color .2s ease; }
.social-link:hover { color:#fff; background:rgba(255,255,255,.14); }
.header-main { min-height:4rem; }
.site-logo { height:4rem; }
.site-logo img { display:block; width:9.375rem; height:3.25rem; object-fit:contain; }
.main-navigation { margin-left:auto; gap:.25rem; }
.nav-link { display:inline-flex; align-items:center; padding:.4rem .7rem; border-radius:.5rem; color:var(--if-text); font-size:.875rem; font-weight:500; text-decoration:none; transition:color .2s ease, background-color .2s ease; white-space:nowrap; }
.nav-link:hover { color:var(--if-green); background:rgba(30,122,69,.06); }
.mobile-nav-link { display:block; padding:.65rem .25rem; font-size:.875rem; font-weight:500; color:var(--if-text); text-decoration:none; border-bottom:1px solid var(--if-gray); }
.mobile-nav-link:hover { color:var(--if-green); }
.nav-mega-menu { max-height:calc(100dvh - 7rem); overflow-y:auto; }
.header-search input { min-width:0; width:100%; border:0; outline:0; padding:.6rem .75rem; color:var(--if-text); font-size:.8rem; background:transparent; }
.header-search input::placeholder { color:#9ca3af; }
.header-search button { width:2.5rem; height:100%; display:inline-flex; align-items:center; justify-content:center; color:var(--if-green); border:0; background:transparent; cursor:pointer; }
.header-search:focus-within { border-color:var(--if-green); box-shadow:0 0 0 3px rgba(30,122,69,.12); }
.hero-services-cta > svg:first-of-type { display:none; }
.header-search { width:11rem; height:2.5rem; border:1px solid var(--if-gray); border-radius:.75rem; background:#fff; overflow:hidden; }
.header-search input { min-width:0; width:100%; border:0; outline:0; padding:.6rem .75rem; color:var(--if-text); font-size:.75rem; background:transparent; }
.header-search input::placeholder { color:#9ca3af; }
.header-search button { width:2.5rem; height:100%; display:inline-flex; align-items:center; justify-content:center; color:var(--if-green); border:0; background:transparent; cursor:pointer; }
.header-search:focus-within { border-color:var(--if-green); box-shadow:0 0 0 3px rgba(30,122,69,.12); }
@media (max-width: 1023px) {
    .header-search { width:11.5rem; height:2.55rem; }
    .header-search input { font-size:.76rem; }
}
@media (max-width: 767px) {
    .header-search { width:12.5rem; }
    .header-search-right { display:flex !important; width:12.5rem; margin-left:auto; }
    .header-search input { font-size:.75rem; }
    .header-search input::placeholder { font-size:.7rem; }
}
.call-link { min-height:2.6rem; padding:.12rem .7rem .12rem .2rem; border:1px solid var(--if-green); border-radius:.65rem; text-decoration:none; transition:background-color .2s ease, color .2s ease; }
.call-link:hover { color:#fff; background:var(--if-green); }
.call-button { width:2.35rem; height:2.35rem; border-radius:999px; color:var(--if-green); background:transparent; transition:color .2s ease; }
.call-link:hover .call-button { color:#fff; }
.product-card-media {
    height:12rem;
    flex:0 0 12rem;
    overflow:hidden;
}
.product-card-media img {
    width:100%;
    height:100%;
    object-fit:contain;
}
.product-card h2 {
    font-size:1rem;
}
.product-card h3 {
    font-size:1rem;
}
.product-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.product-carousel-track {
    display: flex;
    align-items: stretch;
    gap: 1.25rem;
    will-change: transform;
}
.product-carousel-track.is-rolling {
    animation: product-carousel-roll var(--product-roll-duration, 30s) linear infinite;
}
@media (hover: hover) and (pointer: fine) {
    .product-carousel:hover .product-carousel-track.is-rolling {
        animation-play-state: paused;
    }
}
@keyframes product-carousel-roll {
    from { transform: translate3d(0, 0, 0); }
    to { transform: translate3d(calc(var(--product-loop-distance) * -1), 0, 0); }
}
.product-carousel-card {
    flex: 0 0 calc((100% - 3.75rem) / 4.5);
    min-width: 0;
    backface-visibility: hidden;
    transform: none !important;
    transition: box-shadow .3s ease, border-color .3s ease;
}
.product-carousel-card:hover {
    transform: none !important;
    box-shadow: 0 12px 32px rgba(30,122,69,.12);
}
.product-carousel-card > .aspect-square {
    aspect-ratio: auto;
    height: 10rem;
}
@media (max-width: 1023px) {
    .product-carousel-card {
        flex-basis: calc((100% - 1.25rem) / 2.35);
    }
    .product-carousel-card > .aspect-square {
        height: 9rem;
    }
}
@media (max-width: 639px) {
    .product-card-media {
        height:10.5rem;
        flex-basis:10.5rem;
    }
    .product-carousel-card {
        flex-basis: 88%;
    }
    .product-carousel-card > .aspect-square {
        height: 8rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .product-carousel-track {
        transform: none !important;
    }
}
.whatsapp-float {
    position: fixed;
    right: 1.25rem;
    bottom: 5.5rem;
    z-index: 60;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #25D366;
    box-shadow: 0 8px 24px rgba(37,211,102,.45);
    transition: transform .25s cubic-bezier(.34,1.56,.64,1), box-shadow .25s ease;
    text-decoration: none;
}
.whatsapp-float::before {
    content: '';
    position: absolute;
    inset: -4px;
    border-radius: 999px;
    border: 2px solid rgba(37,211,102,.4);
    animation: wa-pulse 2.2s ease-out infinite;
    pointer-events: none;
}
@keyframes wa-pulse {
    0%   { transform: scale(1);   opacity: .7; }
    70%  { transform: scale(1.35); opacity: 0; }
    100% { transform: scale(1.35); opacity: 0; }
}
.whatsapp-float:hover { transform: translateY(-4px) scale(1.08); box-shadow: 0 16px 36px rgba(37,211,102,.55); }
@media (min-width: 768px) {
    .whatsapp-float { bottom: 1.5rem; }
}
@media (max-width: 767px) {
    .site-header > .max-w-7xl { padding-left:.75rem; padding-right:.75rem; }
    .site-logo { height:4rem; }
    .site-logo img { width:6.5rem; height:3rem; }
    .header-search { width:8rem; }
    .header-search input::placeholder { font-size:.65rem; }
    .site-header [data-mobile-toggle] { padding:.35rem; }
    .whatsapp-float { right:1rem; bottom:5rem; width:3.25rem; height:3.25rem; }
}
[data-close-icon] { display:none; }
[data-mobile-toggle][aria-expanded="true"] [data-menu-icon] { display:none; }
[data-mobile-toggle][aria-expanded="true"] [data-close-icon] { display:block; }
.mobile-dropdown-menu { display:none; }
.mobile-dropdown-menu.is-open { display:block; }
.mobile-dropdown-toggle[aria-expanded="true"] svg { transform:rotate(90deg); }
.mobile-dropdown-item strong { line-height:1.3; }
.mobile-dropdown-item small { line-height:1.35; }
.footer-meta {
    line-height: 1.2;
}
@media (max-width: 767px) {
    .footer-meta-mobile {
        margin-top: .5rem !important;
        padding-top: .75rem !important;
        padding-bottom: .1rem !important;
        gap: .35rem !important;
        line-height: 1.4 !important;
        font-size: 12px !important;
    }
    .footer-meta-mobile p,
    .footer-meta-mobile a {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    .footer-meta-mobile > div {
        gap: .5rem !important;
    }
}
.testimonial-slide { display:none; animation:testimonial-fade .45s ease; }
.testimonial-slide.is-active { display:block; }
.testimonial-dot { width:.5rem; height:.5rem; border-radius:999px; background:#d1d5db; border:0; padding:0; cursor:pointer; }
.testimonial-dot.is-active { width:1.25rem; background:var(--if-green); }
@keyframes testimonial-fade { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.mobile-menu-backdrop {
    display:none;
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:100vh;
    height:100dvh;
    background:rgba(13,13,13,.28);
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    opacity:0;
    transition:opacity .25s ease;
    z-index:54;
}
.mobile-menu-backdrop.is-open { display:block; opacity:1; }
.mobile-menu-close { width:2.5rem; height:2.5rem; flex-shrink:0; }
.mobile-menu {
    display:none !important;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    width:min(22rem, 92vw);
    height:100vh;
    height:100dvh;
    max-height:none;
    overflow-y:auto;
    transform:translateX(-105%);
    box-shadow:12px 0 30px rgba(13,13,13,.14);
    transition:transform .25s ease;
    z-index:55;
}
.mobile-menu.is-open { display:block !important; transform:translateX(0); }

/* ─── Lazy image fade-in ─────────────────────────────────── */
img[loading="lazy"] { opacity:0; transition:opacity .35s ease; }
img[loading="lazy"].loaded { opacity:1; }

/* ═══════════════════════════════════════════════════════════
   DIAGONAL SECTION DIVIDERS
   Matches the screenshot: dark background above, green below,
   with an angled cut between them.
═══════════════════════════════════════════════════════════ */
.section-clip-top {
    clip-path: polygon(0 6%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -3rem;
    padding-top: 5rem;
}
.section-clip-bottom {
    clip-path: polygon(0 0, 100% 0, 100% 94%, 0 100%);
    padding-bottom: 5rem;
}
.section-clip-both {
    clip-path: polygon(0 4%, 100% 0%, 100% 96%, 0 100%);
    padding-top: 5rem;
    padding-bottom: 5rem;
    margin-top: -2rem;
}

/* ═══════════════════════════════════════════════════════════
   GREEN TEXTURE CARD  (matches screenshot exactly)
   Deep green bg + subtle diagonal SVG mesh overlay + white icon
   + label bottom-left + arrow bottom-right
═══════════════════════════════════════════════════════════ */
.if-card-green {
    position: relative;
    background-image: linear-gradient(135deg, rgba(9,61,35,.93), rgba(19,104,57,.84)), url('https://images.unsplash.com/photo-1530836176759-510f58c8cbc9?auto=format&fit=crop&w=1400&q=82');
    background-position:center;
    background-size:cover;
    border-radius: 1rem;
    overflow: hidden;
    color: #fff;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 200px;
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    cursor: pointer;
    text-decoration: none;
}
.if-card-green::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.5' stroke-opacity='0.12'%3E%3Cpath d='M0 60 L120 0'/%3E%3Cpath d='M0 90 L120 30'/%3E%3Cpath d='M0 120 L120 60'/%3E%3Cpath d='M0 30 L120 -30'/%3E%3Cpath d='M30 120 L120 45'/%3E%3Cpath d='M60 120 L120 75'/%3E%3Cpath d='M90 120 L120 105'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 180px 180px;
    pointer-events: none;
    z-index: 0;
}
.if-card-green > * { position: relative; z-index: 1; }
.if-card-green:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 20px 40px rgba(30,122,69,.35);
}
.if-card-green .card-icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: auto;
}
.if-card-green .card-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 2rem;
}
.if-card-green .card-copy {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    max-width: 78%;
}
.if-card-green .card-label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 1.05rem;
    line-height: 1.25;
}
.if-card-green .card-description {
    font-size: .8rem;
    font-weight: 400;
    color: rgba(255,255,255,.75);
    line-height: 1.45;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.if-card-green .card-copy { display:flex; flex-direction:column; gap:.45rem; max-width:78%; }
.if-card-green .card-description { color:rgba(255,255,255,.78); font-size:.78rem; line-height:1.45; }
.if-card-green .card-arrow {
    width: 2.25rem;
    height: 2.25rem;
    border: 1.5px solid rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background .25s, border-color .25s;
}
.if-card-green:hover .card-arrow {
    background: rgba(255,255,255,.2);
    border-color: #fff;
}

/* ═══════════════════════════════════════════════════════════
   DARK BAND  (the black section from the screenshot)
═══════════════════════════════════════════════════════════ */
.section-dark {
    background-image: linear-gradient(160deg, rgba(5,18,11,.96), rgba(9,54,30,.9)), url('https://images.unsplash.com/photo-1530836176759-510f58c8cbc9?auto=format&fit=crop&w=1800&q=82');
    background-position:center;
    background-size:cover;
    color: #fff;
}
.section-dark-green {
    background-image: linear-gradient(160deg, rgba(5,28,18,.96), rgba(10,73,39,.88)), url('../images/hero.webp');
    background-position:center;
    background-size:cover;
    color: #fff;
}
.nutrition-context {
    position:relative;
    isolation:isolate;
    background-image:linear-gradient(90deg, rgba(5,18,11,.84), rgba(9,54,30,.68)), url('https://images.unsplash.com/photo-1512621776951-a57141f2eefd?auto=format&fit=crop&w=1800&q=85');
    background-position:center, center;
    background-size:cover, cover;
    background-repeat:no-repeat;
    background-attachment:scroll, fixed;
}
.nutrition-context h2 { color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.35); }
.nutrition-context p { color:rgba(255,255,255,.9); text-shadow:0 1px 8px rgba(0,0,0,.25); }
.nutrition-context .bg-white\/5 { background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.28); box-shadow:0 8px 24px rgba(0,0,0,.12); }
.nutrition-context .text-if-green-light { color:#F2D328; }
.nutrition-context .text-gray-400 { color:rgba(255,255,255,.86); }
@media (max-width: 767px) {
    .nutrition-context {
        background-attachment: fixed, fixed;
        background-position: center center, center center;
    }
}

/* ═══════════════════════════════════════════════════════════
   SCROLL-REVEAL ANIMATIONS
═══════════════════════════════════════════════════════════ */
[data-reveal] {
    opacity: 1;
    transform: none;
    transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
}
html.js-reveal [data-reveal] {
    opacity: 0;
    transform: translateY(32px);
}
html.js-reveal [data-reveal="left"]  { transform: translateX(-40px); }
html.js-reveal [data-reveal="right"] { transform: translateX(40px); }
html.js-reveal [data-reveal="scale"] { transform: scale(.92); }
html.js-reveal [data-reveal].revealed {
    opacity: 1;
    transform: none;
}
/* Stagger children */
[data-reveal-group] > * {
    opacity: 1;
    transform: none;
    transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
}
html.js-reveal [data-reveal-group] > * {
    opacity: 0;
    transform: translateY(28px);
}
html.js-reveal [data-reveal-group].revealed > *:nth-child(1) { transition-delay: .05s; }
html.js-reveal [data-reveal-group].revealed > *:nth-child(2) { transition-delay: .15s; }
html.js-reveal [data-reveal-group].revealed > *:nth-child(3) { transition-delay: .25s; }
html.js-reveal [data-reveal-group].revealed > *:nth-child(4) { transition-delay: .35s; }
html.js-reveal [data-reveal-group].revealed > * { opacity:1; transform:none; }

/* ═══════════════════════════════════════════════════════════
   HERO ENHANCEMENTS
═══════════════════════════════════════════════════════════ */
.hero-mesh {
    position: relative;
    isolation: isolate;
    background-image:
        linear-gradient(90deg, rgba(13,13,13,.95) 0%, rgba(13,13,13,.72) 48%, rgba(21,92,51,.48) 100%),
        url('../images/hero.webp'),
        radial-gradient(ellipse 80% 60% at 70% 50%, rgba(47,158,90,.25) 0%, transparent 70%),
        url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.4' stroke-opacity='0.08'%3E%3Cpath d='M0 40 L80 0 M0 80 L80 40 M0 0 L80 -40 M40 80 L80 20'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center, center, center, center;
    background-size: cover, cover, cover, 120px 120px;
    background-repeat: no-repeat, no-repeat, no-repeat, repeat;
}
.hero-home {
    background-image: linear-gradient(90deg, rgba(8,27,19,.78) 0%, rgba(10,73,39,.52) 58%, rgba(8,27,19,.7) 100%), url('../images/herohome.jpg');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#081b13;
}
.section-dark-green.hero-home {
    background-image: linear-gradient(90deg, rgba(8,27,19,.78) 0%, rgba(10,73,39,.52) 58%, rgba(8,27,19,.7) 100%), url('../images/herohome.jpg');
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    background-color:#081b13;
}
.insight-cover {
    width:100%;
    height:11rem;
    object-fit:cover;
    display:block;
    background:#f3f4f6;
    transition: transform .35s ease, opacity .35s ease;
}
.insight-cover-detail {
    width:100%;
    max-height:24rem;
    object-fit:cover;
    display:block;
    border-radius:1rem;
    background:#f3f4f6;
    transition: opacity .35s ease, transform .35s ease;
}
img[loading="lazy"] { opacity:0; transition:opacity .35s ease; }
img[loading="lazy"].loaded { opacity:1; }
.share-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.5rem;
    height:2.5rem;
    border-radius:999px;
    border:1px solid var(--if-gray);
    background:#fff;
    color:var(--if-text);
    box-shadow:0 4px 12px rgba(15,23,42,.04);
    transition: transform .2s ease, border-color .2s ease, color .2s ease, background-color .2s ease;
}
.share-button:hover {
    transform: translateY(-2px);
    border-color: var(--if-green);
    color: var(--if-green);
    background: rgba(30,122,69,.04);
}
.share-button svg {
    width:1rem;
    height:1rem;
}
.hero-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 1;
    background: #081b13;
    pointer-events: none;
    display: block;
}
.hero-media-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(13,13,13,.8), rgba(13,13,13,.28) 62%, rgba(21,92,51,.42));
    z-index: 0;
    pointer-events: none;
}
.hero-mesh > .relative {
    z-index: 1;
}
.services-dropdown {
    display: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .15s ease, transform .15s ease;
}
.services-dropdown.is-open {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
.dropdown-menu {
    display: none;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .15s ease, transform .15s ease;
    max-height: calc(100dvh - 7rem);
    overflow-y: auto;
}
.dropdown-menu.is-open {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
.dropdown-menu-wide {
    width: min(42rem, calc(100vw - 2rem));
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.dropdown-menu-wide.is-open {
    display: grid;
}
.dropdown-menu-wide > a:last-child {
    grid-column: 1 / -1;
}
@media (min-width: 1024px) {
    .main-navigation [data-dropdown]:hover > [data-dropdown-menu],
    .main-navigation [data-dropdown]:focus-within > [data-dropdown-menu] {
        display: block;
        opacity: 1;
        transform: translateY(0);
    }
}

/* Page families use distinct visual rhythms while retaining shared navigation. */
body[data-page="home"] .hero-home {
    min-height: 38rem;
    display: flex;
    align-items: center;
}
body[data-page="home"] .hero-home > .relative {
    width: 100%;
}
body[data-page="about"] main > section:first-child {
    background: linear-gradient(115deg, #102f24 0%, #1e7a45 68%, #74a889 100%);
}
body[data-page="about"] main > section:nth-of-type(2) {
    border-bottom: 1px solid #d9e8dc;
}
body[data-page="about"] .team-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}
body[data-page="about"] .team-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    box-shadow: 0 12px 32px rgba(31, 41, 51, .07);
}
body[data-page="about"] .team-card-image {
    aspect-ratio: 1 / 1.05;
    margin: 1rem 1rem 0;
    overflow: hidden;
    border-radius: 1.25rem;
    background: linear-gradient(145deg, #e8f0ea, #d7e4dc);
}
body[data-page="about"] .team-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 35%;
}
body[data-page="about"] .team-card-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}
body[data-page="about"] .team-card-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem 1.25rem 1.5rem;
    text-align: center;
}
body[data-page="about"] .team-card-content h3 {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}
body[data-page="about"] .team-card-position {
    margin: .35rem 0 1.25rem;
    color: #526171;
    font-size: 1rem;
    line-height: 1.5;
}
body[data-page="about"] .team-expertise-button {
    display: inline-flex;
    width: 100%;
    min-height: 3.25rem;
    margin-top: auto;
    align-items: center;
    justify-content: center;
    gap: .7rem;
    padding: .75rem 1.25rem;
    border: 0;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font: 600 1rem/1.3 'Inter', sans-serif;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease;
}
body[data-page="about"] .team-expertise-button:hover {
    background: var(--if-green);
    transform: translateY(-1px);
}
body[data-page="about"] .team-expertise-button:focus-visible,
body[data-page="about"] .team-expertise-close:focus-visible {
    outline: 3px solid var(--if-blue);
    outline-offset: 3px;
}
.team-expertise-dialog {
    width: min(36rem, calc(100% - 2rem));
    max-width: none;
    max-height: min(80vh, 42rem);
    padding: 0;
    overflow: auto;
    border: 1px solid #dce7df;
    border-radius: 1.5rem;
    background: #fff;
    color: var(--if-text);
    box-shadow: 0 24px 80px rgba(10, 30, 20, .28);
}
.team-expertise-dialog::backdrop {
    background: rgba(13, 25, 19, .64);
    backdrop-filter: blur(3px);
}
.team-expertise-panel {
    position: relative;
    padding: clamp(1.5rem, 5vw, 2.5rem);
}
.team-expertise-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border: 1px solid var(--if-gray);
    border-radius: 999px;
    background: #fff;
    color: #526171;
    cursor: pointer;
    transition: color .2s ease, border-color .2s ease;
}
.team-expertise-close:hover {
    color: var(--if-green);
    border-color: var(--if-green);
}
.team-expertise-position {
    margin: .35rem 0 1.25rem;
    color: var(--if-green);
    font-weight: 600;
}
.team-expertise-description {
    color: #526171;
    font-size: 1rem;
    line-height: 1.75;
    overflow-wrap: anywhere;
}
@media (max-width: 1023px) {
    body[data-page="about"] .team-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 639px) {
    body[data-page="about"] .team-grid {
        grid-template-columns: minmax(0, 1fr);
        max-width: 30rem;
        margin-inline: auto;
    }
    body[data-page="about"] .team-card-image {
        aspect-ratio: 1 / 1;
    }
}
body[data-page="services"] main > section:first-child {
    background: linear-gradient(135deg, #123527, #1e7a45 58%, #477e8a);
}
body[data-page="products"] main > section:first-child {
    background: linear-gradient(125deg, #f0f7f0 0%, #e3f0e8 55%, #f6f0d4 100%);
}
body[data-page="products"] main > section:first-child h1,
body[data-page="products"] main > section:first-child p {
    color: #fff;
}
body[data-page="products"] main > section:first-child .border-white\/40 {
    color: #fff;
    border-color: rgba(255, 255, 255, .55);
}
body[data-page="products"] main > section:first-child .bg-white {
    background: #1e7a45;
    color: white;
}
body[data-page="insights"] main > section:first-child {
    background: linear-gradient(120deg, #17312d, #355f51 58%, #84937b);
}
body[data-page="insights"] .insights-page-title {
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    line-height: 1.15;
    letter-spacing: -.03em;
}
body[data-page="insights"] main > section:nth-of-type(2) article {
    border-radius: .75rem;
    box-shadow: 0 10px 26px rgba(31, 41, 51, .06);
}
body[data-page="recipes"] main > section:first-child {
    background: linear-gradient(120deg, #493b1e, #9b7132 62%, #e5bd6a);
}
body[data-page="recipes"] main > div article {
    border-radius: 1rem 1rem 2.25rem 1rem;
}
body[data-page="nutrition-education"] main > section:first-child {
    background: linear-gradient(120deg, #103b50, #247f91 60%, #92c6bd);
}
body[data-page="nutrition-education"] main > div article {
    border-left: 4px solid #5fa8d3;
}
body[data-page="contact"] main > section:first-child {
    background: linear-gradient(110deg, #163a2b, #1e7a45);
}
body[data-page="contact"] main > div > div > div:last-child {
    background: #f0f7f0;
    border-radius: 1.5rem;
    padding: clamp(1rem, 3vw, 2rem);
}
body[data-page="product-detail"] main > div:first-child > div:first-child {
    background: radial-gradient(circle at 50% 40%, #fff 0, #f3f7ef 55%, #e5efdf 100%);
    border: 0;
    border-radius: 45% 45% 1.5rem 1.5rem;
}
body[data-page="insight-detail"] .article-detail {
    max-width: 52rem;
}
body[data-page="insight-detail"] .article-detail-hero h1 {
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.15;
    letter-spacing: -.045em;
}
body[data-page="terms"] main > section:first-child {
    background: #25372e;
}
body[data-page="terms"] main > section:nth-child(2) article {
    border-left: 3px solid #1e7a45;
    padding-left: clamp(1rem, 3vw, 2rem);
}
body[data-page="privacy"] main > section:first-child {
    background: #24384d;
}
body[data-page="privacy"] main > section:nth-child(2) article {
    border-left: 3px solid #5fa8d3;
    padding-left: clamp(1rem, 3vw, 2rem);
}
body[data-page="search"] main > section:first-child {
    background: linear-gradient(130deg, #192d38, #28556a);
}
body[data-page="404"] main > div:first-child {
    max-width: 100%;
    min-height: 40vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: clamp(2rem, 4vw, 3.25rem) !important;
    background: radial-gradient(ellipse at center, #e7f2e8, #fafaf8 68%);
}

.service-hero {
    --service-accent: #2f9e5a;
    background-image: linear-gradient(115deg, #112d22 0%, #155c33 55%, var(--service-accent) 100%);
}
.service-hero-editorial > .relative > div {
    max-width: 52rem;
    margin-left: auto;
    border-left: 1px solid rgba(255,255,255,.3);
    padding-left: clamp(1rem, 4vw, 3rem);
}
.service-hero-grid {
    background-image: linear-gradient(135deg, #122d25, #275c4d 55%, #728873);
}
.service-hero-checklist {
    background-image: linear-gradient(105deg, #1a3f31, #31694e 70%, #78927a);
}
.service-hero-timeline > .relative > div {
    max-width: 54rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(255,255,255,.24);
}
.service-hero-sequence > .relative > div {
    max-width: 48rem;
}
.service-detail-content {
    display: flex;
    flex-direction: column;
}
.service-detail-content > .service-spotlight {
    order: 1;
}
.service-detail-content > section[aria-labelledby="service-detail-heading"] {
    order: 2;
}
.service-flow-editorial > .service-spotlight,
.service-flow-checklist > .service-spotlight {
    order: 2;
}
.service-flow-editorial > section[aria-labelledby="service-detail-heading"],
.service-flow-checklist > section[aria-labelledby="service-detail-heading"] {
    order: 1;
}
.service-hero[data-service-slug="individual-consultations"],
.service-hero[data-service-slug="nutrition-assessment"] {
    --service-accent: #6b9a76;
}
.service-hero[data-service-slug="personalized-meal-planning"],
.service-hero[data-service-slug="30-day-nutrition-program"] {
    --service-accent: #bc9a48;
}
.service-hero[data-service-slug="corporate-wellness"],
.service-hero[data-service-slug="research-consultancy"] {
    --service-accent: #547e9a;
}
.service-hero[data-service-slug="community-nutrition"],
.service-hero[data-service-slug="nutrition-workshops"] {
    --service-accent: #a17847;
}
.service-hero[data-service-slug="food-label-compliance"],
.service-hero[data-service-slug="manuscript-support"] {
    --service-accent: #7793a4;
}
.service-hero-kicker,
.service-spotlight-eyebrow {
    color: var(--service-accent, #2f9e5a);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1.4;
    text-transform: uppercase;
}
.service-hero-kicker {
    color: rgba(255,255,255,.7);
    margin-bottom: .5rem;
}
.service-spotlight {
    --service-accent: #1e7a45;
    padding: clamp(3.5rem, 8vw, 6.5rem) max(1rem, calc((100vw - 80rem) / 2));
    background: #f2f6f1;
}
body[data-page-variant="individual-consultations"] .service-spotlight,
body[data-page-variant="nutrition-assessment"] .service-spotlight {
    --service-accent: #547e5e;
    background: #edf4ed;
}
body[data-page-variant="personalized-meal-planning"] .service-spotlight,
body[data-page-variant="30-day-nutrition-program"] .service-spotlight {
    --service-accent: #987526;
    background: #f8f3e7;
}
body[data-page-variant="corporate-wellness"] .service-spotlight,
body[data-page-variant="research-consultancy"] .service-spotlight {
    --service-accent: #386883;
    background: #edf3f6;
}
body[data-page-variant="community-nutrition"] .service-spotlight,
body[data-page-variant="nutrition-workshops"] .service-spotlight {
    --service-accent: #8a602f;
    background: #f7f1e9;
}
.service-spotlight-inner {
    max-width: 80rem;
    margin: 0 auto;
}
.service-spotlight-intro {
    max-width: 44rem;
    margin-bottom: 2.5rem;
}
.service-spotlight-intro h2 {
    margin: .75rem 0;
    color: var(--if-text);
    font: 700 clamp(1.9rem, 4vw, 3rem)/1.12 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -.035em;
}
.service-spotlight-intro > p {
    max-width: 38rem;
    color: #5d6870;
    line-height: 1.7;
}
.service-spotlight-items {
    display: grid;
    gap: 1rem;
}
.service-spotlight-item {
    min-width: 0;
}
.service-spotlight-item h3 {
    color: var(--if-text);
    font: 700 1rem/1.35 'Plus Jakarta Sans', sans-serif;
}
.service-spotlight-item p {
    color: #68737a;
    font-size: .875rem;
    line-height: 1.65;
    margin-top: .4rem;
}
.service-spotlight-grid .service-spotlight-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.service-spotlight-grid .service-spotlight-item {
    padding: 1.5rem;
    background: white;
    border: 1px solid rgba(31,41,51,.08);
    border-top: 3px solid var(--service-accent);
}
.service-spotlight-editorial .service-spotlight-inner {
    display: grid;
    grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr);
    gap: clamp(2rem, 7vw, 7rem);
    align-items: center;
}
.service-spotlight-editorial .service-spotlight-intro {
    margin: 0;
}
.service-spotlight-editorial .service-spotlight-item {
    padding: 1rem 0;
    border-bottom: 1px solid rgba(31,41,51,.15);
}
.service-spotlight-sequence .service-spotlight-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}
.service-spotlight-sequence .service-spotlight-item {
    padding: 1.5rem;
    border-top: 1px solid rgba(31,41,51,.2);
}
.service-spotlight-sequence .service-spotlight-number,
.service-spotlight-timeline .service-spotlight-number {
    display: block;
    color: var(--service-accent);
    font: 700 1.75rem/1 'Plus Jakarta Sans', sans-serif;
    margin-bottom: 1.25rem;
}
.service-spotlight-check {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    border-radius: 50%;
    background: var(--service-accent);
    color: white;
    font-weight: 700;
}
.service-spotlight-checklist .service-spotlight-items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.service-spotlight-checklist .service-spotlight-item {
    padding: 1.5rem;
    background: #fff;
    border-radius: 0 1.25rem 0 1.25rem;
}
.service-spotlight-timeline .service-spotlight-inner {
    display: grid;
    grid-template-columns: minmax(14rem, .7fr) minmax(0, 1.3fr);
    gap: 4rem;
}
.service-spotlight-timeline .service-spotlight-intro {
    position: sticky;
    top: 7rem;
    align-self: start;
}
.service-spotlight-timeline .service-spotlight-item {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    gap: 1rem;
    padding: 0 0 2rem;
    border-bottom: 1px solid rgba(31,41,51,.15);
}
.service-spotlight-timeline .service-spotlight-number {
    margin: 0;
}
body[data-page-variant="wholesale-functional-foods"] .service-spotlight { --service-accent:#1e7a45; background:#edf5ef; }
body[data-page-variant="nutraceutical-products"] .service-spotlight { --service-accent:#547d5e; background:#eff4e8; }
body[data-page-variant="food-nutrition-services"] .service-spotlight { --service-accent:#527b70; background:#edf4f1; }
body[data-page-variant="nutrition-assessment"] .service-spotlight { --service-accent:#547e5e; background:#edf4ed; }
body[data-page-variant="personalized-meal-planning"] .service-spotlight { --service-accent:#987526; background:#f8f3e7; }
body[data-page-variant="30-day-nutrition-program"] .service-spotlight { --service-accent:#a46b35; background:#f8efe7; }
body[data-page-variant="corporate-wellness"] .service-spotlight { --service-accent:#386883; background:#edf3f6; }
body[data-page-variant="community-nutrition"] .service-spotlight { --service-accent:#8a602f; background:#f7f1e9; }
body[data-page-variant="food-nutrition-consultancy"] .service-spotlight { --service-accent:#735f8e; background:#f3eff7; }
body[data-page-variant="nutrition-workshops"] .service-spotlight { --service-accent:#9a6440; background:#f8f0e8; }
body[data-page-variant="nutrition-screening"] .service-spotlight { --service-accent:#3f7c79; background:#eaf4f2; }
body[data-page-variant="individual-consultations"] .service-spotlight { --service-accent:#547e5e; background:#edf4ed; }
body[data-page-variant="customized-nutrition-programs"] .service-spotlight { --service-accent:#647a3d; background:#f1f4e8; }
body[data-page-variant="child-nutrition-service"] .service-spotlight { --service-accent:#ae714e; background:#fbf0e9; }
body[data-page-variant="food-label-compliance"] .service-spotlight { --service-accent:#536e92; background:#edf1f7; }
body[data-page-variant="research-methodology-training"] .service-spotlight { --service-accent:#466984; background:#edf2f7; }
body[data-page-variant="stata-r-training"] .service-spotlight { --service-accent:#487b92; background:#eaf2f5; }
body[data-page-variant="research-consultancy"] .service-spotlight { --service-accent:#386883; background:#edf3f6; }
body[data-page-variant="data-analysis"] .service-spotlight { --service-accent:#426b91; background:#edf2f8; }
body[data-page-variant="monitoring-evaluation"] .service-spotlight { --service-accent:#477b69; background:#eaf3ee; }
body[data-page-variant="thesis-dissertation-support"] .service-spotlight { --service-accent:#725e8d; background:#f2eef6; }
body[data-page-variant="manuscript-support"] .service-spotlight { --service-accent:#596e83; background:#eef2f5; }

body[data-page-variant="wholesale-functional-foods"] .service-hero { --service-accent:#4c9b66; }
body[data-page-variant="nutraceutical-products"] .service-hero { --service-accent:#719668; }
body[data-page-variant="food-nutrition-services"] .service-hero { --service-accent:#618d7d; }
body[data-page-variant="nutrition-assessment"] .service-hero { --service-accent:#6b9a76; }
body[data-page-variant="personalized-meal-planning"] .service-hero { --service-accent:#b89b58; }
body[data-page-variant="30-day-nutrition-program"] .service-hero { --service-accent:#bb8959; }
body[data-page-variant="corporate-wellness"] .service-hero { --service-accent:#668ba4; }
body[data-page-variant="community-nutrition"] .service-hero { --service-accent:#b18a5c; }
body[data-page-variant="food-nutrition-consultancy"] .service-hero { --service-accent:#8b78a2; }
body[data-page-variant="nutrition-workshops"] .service-hero { --service-accent:#b58a69; }
body[data-page-variant="nutrition-screening"] .service-hero { --service-accent:#639a96; }
body[data-page-variant="individual-consultations"] .service-hero { --service-accent:#6b9a76; }
body[data-page-variant="customized-nutrition-programs"] .service-hero { --service-accent:#84995c; }
body[data-page-variant="child-nutrition-service"] .service-hero { --service-accent:#c09173; }
body[data-page-variant="food-label-compliance"] .service-hero { --service-accent:#768eac; }
body[data-page-variant="research-methodology-training"] .service-hero { --service-accent:#68859d; }
body[data-page-variant="stata-r-training"] .service-hero { --service-accent:#6897aa; }
body[data-page-variant="research-consultancy"] .service-hero { --service-accent:#668ba4; }
body[data-page-variant="data-analysis"] .service-hero { --service-accent:#6b8daf; }
body[data-page-variant="monitoring-evaluation"] .service-hero { --service-accent:#6d9b86; }
body[data-page-variant="thesis-dissertation-support"] .service-hero { --service-accent:#9180a7; }
body[data-page-variant="manuscript-support"] .service-hero { --service-accent:#7e90a0; }
body[data-page-variant="wholesale-functional-foods"] .service-hero { background-image:linear-gradient(115deg,#102f22 0%,#1e7a45 58%,#4c9b66 100%); }
body[data-page-variant="nutraceutical-products"] .service-hero { background-image:linear-gradient(115deg,#243322 0%,#42623f 58%,#719668 100%); }
body[data-page-variant="food-nutrition-services"] .service-hero { background-image:linear-gradient(115deg,#17352e 0%,#386c5b 58%,#618d7d 100%); }
body[data-page-variant="nutrition-assessment"] .service-hero { background-image:linear-gradient(115deg,#183b2d 0%,#376a47 58%,#6b9a76 100%); }
body[data-page-variant="personalized-meal-planning"] .service-hero { background-image:linear-gradient(115deg,#41351e 0%,#846c37 58%,#b89b58 100%); }
body[data-page-variant="30-day-nutrition-program"] .service-hero { background-image:linear-gradient(115deg,#3e2b20 0%,#875536 58%,#bb8959 100%); }
body[data-page-variant="corporate-wellness"] .service-hero { background-image:linear-gradient(115deg,#1a303d 0%,#3d6479 58%,#668ba4 100%); }
body[data-page-variant="community-nutrition"] .service-hero { background-image:linear-gradient(115deg,#3b2c1d 0%,#7d5d37 58%,#b18a5c 100%); }
body[data-page-variant="food-nutrition-consultancy"] .service-hero { background-image:linear-gradient(115deg,#30263d 0%,#5e4a79 58%,#8b78a2 100%); }
body[data-page-variant="nutrition-workshops"] .service-hero { background-image:linear-gradient(115deg,#3b2a22 0%,#80553d 58%,#b58a69 100%); }
body[data-page-variant="nutrition-screening"] .service-hero { background-image:linear-gradient(115deg,#173532 0%,#39716c 58%,#639a96 100%); }
body[data-page-variant="individual-consultations"] .service-hero { background-image:linear-gradient(115deg,#183b2d 0%,#376a47 58%,#6b9a76 100%); }
body[data-page-variant="customized-nutrition-programs"] .service-hero { background-image:linear-gradient(115deg,#2c3420 0%,#5b6f39 58%,#84995c 100%); }
body[data-page-variant="child-nutrition-service"] .service-hero { background-image:linear-gradient(115deg,#402c24 0%,#8b6046 58%,#c09173 100%); }
body[data-page-variant="food-label-compliance"] .service-hero { background-image:linear-gradient(115deg,#202d40 0%,#4c627f 58%,#768eac 100%); }
body[data-page-variant="research-methodology-training"] .service-hero { background-image:linear-gradient(115deg,#1c2f3d 0%,#48657c 58%,#68859d 100%); }
body[data-page-variant="stata-r-training"] .service-hero { background-image:linear-gradient(115deg,#192f39 0%,#477588 58%,#6897aa 100%); }
body[data-page-variant="research-consultancy"] .service-hero { background-image:linear-gradient(115deg,#1a303d 0%,#3d6479 58%,#668ba4 100%); }
body[data-page-variant="data-analysis"] .service-hero { background-image:linear-gradient(115deg,#1c2d41 0%,#476786 58%,#6b8daf 100%); }
body[data-page-variant="monitoring-evaluation"] .service-hero { background-image:linear-gradient(115deg,#1b352b 0%,#477461 58%,#6d9b86 100%); }
body[data-page-variant="thesis-dissertation-support"] .service-hero { background-image:linear-gradient(115deg,#2c253a 0%,#645379 58%,#9180a7 100%); }
body[data-page-variant="manuscript-support"] .service-hero { background-image:linear-gradient(115deg,#27303a 0%,#566877 58%,#7e90a0 100%); }

body[data-page-variant="iron-fortified-food"] main > div:first-child > div:first-child {
    border-radius: 1.5rem 8rem 1.5rem 1.5rem;
}
body[data-page-variant="functional-foods-range"] main > div:first-child > div:first-child {
    order: 2;
    border-radius: 8rem 1.5rem 1.5rem 1.5rem;
}
body[data-page-variant="iron-deficiency-east-africa-fortified-foods"] .article-detail-hero h1,
body[data-page-variant="what-are-nutraceuticals-guide"] .article-detail-hero h1,
body[data-page-variant="wholesale-functional-foods-b2b-guide"] .article-detail-hero h1 {
    border-left: 5px solid #1e7a45;
    padding-left: 1.25rem;
}
body[data-page-variant="iron-boosted-morning-smoothie"] .article-detail-hero h1,
body[data-page-variant="child-millet-porridge-recipe"] .article-detail-hero h1 {
    color: #725522;
    text-align: center;
}
body[data-page-variant="reading-food-labels-guide"] .article-detail-hero h1,
body[data-page-variant="balanced-meal-plate-method"] .article-detail-hero h1 {
    color: #24657d;
}
body[data-page-variant="iron-deficiency-east-africa-fortified-foods"] .article-detail {
    padding-top: 4rem;
}
body[data-page-variant="iron-deficiency-east-africa-fortified-foods"] .article-detail-hero h1 {
    max-width: 18ch;
    color: #1d5035;
}
body[data-page-variant="what-are-nutraceuticals-guide"] .article-detail {
    max-width: 58rem;
    padding: clamp(1.5rem, 5vw, 4rem);
    margin-top: 2rem;
    margin-bottom: 2rem;
    background: #f2f5ec;
}
body[data-page-variant="what-are-nutraceuticals-guide"] .article-detail-hero h1 {
    color: #435e39;
}
body[data-page-variant="wholesale-functional-foods-b2b-guide"] .article-detail {
    max-width: 64rem;
    display: grid;
    grid-template-columns: minmax(12rem, .35fr) minmax(0, 1fr);
    column-gap: 2.5rem;
}
body[data-page-variant="wholesale-functional-foods-b2b-guide"] .article-detail > :not(.prose) {
    grid-column: 1 / -1;
}
body[data-page-variant="wholesale-functional-foods-b2b-guide"] .article-detail > .prose {
    grid-column: 2;
}
body[data-page-variant="iron-boosted-morning-smoothie"] .article-detail {
    max-width: 56rem;
    background: #fffaf0;
    padding: clamp(1.25rem, 5vw, 3.5rem);
    border-radius: 2.5rem .75rem 2.5rem .75rem;
}
body[data-page-variant="iron-boosted-morning-smoothie"] .article-detail-hero h1 {
    color: #765c2b;
}
body[data-page-variant="child-millet-porridge-recipe"] .article-detail {
    max-width: 50rem;
    border-top: 6px solid #c59b55;
    padding-top: 2rem;
}
body[data-page-variant="child-millet-porridge-recipe"] .article-detail-hero h1 {
    color: #75542c;
}
body[data-page-variant="reading-food-labels-guide"] .article-detail {
    max-width: 60rem;
    padding-top: 3rem;
    border-left: 4px solid #5fa8d3;
}
body[data-page-variant="reading-food-labels-guide"] .article-detail-hero h1 {
    color: #24657d;
}
body[data-page-variant="balanced-meal-plate-method"] .article-detail {
    max-width: 56rem;
    padding-top: 3rem;
    background: linear-gradient(180deg,#eef5f6,transparent 22rem);
}
body[data-page-variant="balanced-meal-plate-method"] .article-detail-hero h1 {
    max-width: 20ch;
    color: #24657d;
}
.product-detail-note {
    display: grid;
    grid-template-columns: minmax(8rem, .35fr) minmax(0, 1.5fr) auto;
    align-items: center;
    gap: 1rem 2rem;
    margin: 3rem 0;
    padding: clamp(1.25rem, 3vw, 2rem);
    border-left: 4px solid var(--product-note-accent, #1e7a45);
    background: var(--product-note-bg, #eff5ef);
}
.product-detail-note > span {
    color: var(--product-note-accent, #1e7a45);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.product-detail-note p {
    color: #4f5c55;
    font-size: .9rem;
    line-height: 1.6;
}
.product-detail-note a {
    color: var(--product-note-accent, #1e7a45);
    font-size: .85rem;
    font-weight: 700;
    white-space: nowrap;
}
.product-detail-note-nutrition {
    --product-note-accent: #5d7b42;
    --product-note-bg: #f3f5e9;
}
.product-detail-functional-food .aspect-square {
    border-radius: 45% 45% 1.5rem 1.5rem;
}
.product-detail-nutraceutical .aspect-square {
    border-radius: 1.5rem 1.5rem 45% 45%;
}
body[data-page="products"][data-page-variant="functional-foods"] main > section:first-child {
    background: linear-gradient(120deg,#e5f0e2,#cfe1cd 60%,#91b59a);
}
body[data-page="products"][data-page-variant="nutraceuticals"] main > section:first-child {
    background: linear-gradient(120deg,#e8e9da,#d6ddc4 60%,#9aa985);
}
body[data-page="products"][data-page-variant="functional-foods"] main > section:first-child h1,
body[data-page="products"][data-page-variant="nutraceuticals"] main > section:first-child h1 {
    color: #fff;
}
.product-results-filtered {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}
.recipe-index {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}
.recipe-entry {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #eadfc9;
    border-radius: 1.25rem;
    background: #fffdf8;
}
.recipe-entry-featured {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, .8fr);
    align-items: center;
    gap: 2rem;
    padding: clamp(1rem, 3vw, 2rem);
    background: #f8f0df;
}
.recipe-entry-featured .insight-cover {
    width: 100%;
    height: 100%;
    min-height: 18rem;
    border-radius: 1rem;
    object-fit: cover;
}
.recipe-entry-compact {
    padding: 1.5rem;
    border-radius: .5rem 2rem .5rem 2rem;
}
.recipe-entry-copy {
    padding: 1.5rem;
}
.recipe-entry-featured .recipe-entry-copy {
    padding: 0;
}
.recipe-entry-meta,
.education-entry-meta {
    display: inline-block;
    color: #8b6d38;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .09em;
    margin-bottom: .75rem;
    text-transform: uppercase;
}
.recipe-entry-footer {
    padding-top: 1rem;
    border-top: 1px solid #eadfc9;
}
.education-index {
    max-width: 58rem;
    margin: 0 auto;
    border-top: 1px solid #d5e2e8;
}
.education-entry {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: 1.5rem 0;
    border-bottom: 1px solid #d5e2e8;
}
.education-entry-number {
    color: #5fa8d3;
    font: 700 1.5rem/1 'Plus Jakarta Sans', sans-serif;
}
.education-entry-copy h2 {
    margin: .25rem 0 .5rem;
}
.education-entry-meta {
    color: #397188;
    font-size: .67rem;
    margin-bottom: 0;
}
.education-entry-link {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: #24657d;
    font-size: .8rem;
    font-weight: 700;
    white-space: nowrap;
}
.insights-index {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: minmax(11rem, auto);
    gap: 1.25rem;
}
.insights-entry {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dce7df;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 8px 24px rgba(31, 41, 51, .05);
}
.insights-entry-media {
    min-width: 0;
    overflow: hidden;
    background: #e7efe8;
}
.insights-entry-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.insights-entry-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 8rem;
    background: radial-gradient(circle at 72% 26%, rgba(255,255,255,.7), transparent 2.5rem),
                linear-gradient(135deg, #d8e8dc, #a9c7b0 58%, #6d9b7a);
}
.insights-entry-featured {
    display: grid;
    grid-column: span 2;
    grid-row: span 2;
    grid-template-columns: minmax(0, 1.1fr) minmax(15rem, .9fr);
    min-height: 30rem;
    border-color: #d1dfd4;
    border-radius: 1.5rem;
    background: #f3f7f2;
}
.insights-entry-featured > .insights-entry-media {
    min-height: 100%;
}
.insights-entry-featured > div:last-child {
    justify-content: center;
    padding: clamp(1.5rem, 3vw, 3rem);
}
.insights-feature-label {
    color: #527b5d;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.insights-entry-featured h2 {
    font-size: clamp(1.5rem, 2.4vw, 2.25rem);
    line-height: 1.15;
    letter-spacing: -.035em;
}
.insights-entry-rail {
    display: grid;
    grid-template-columns: minmax(6.5rem, .72fr) minmax(0, 1fr);
}
.insights-entry-rail > .insights-entry-media {
    min-height: 100%;
}
.insights-entry-rail > div:last-child {
    padding: 1.1rem;
}
.insights-entry-rail h2 {
    font-size: 1rem;
}
.insights-entry-standard {
    display: flex;
    flex-direction: column;
}
.insights-entry-standard > .insights-entry-media {
    height: 12rem;
}
.insights-entry-standard > div:last-child {
    flex: 1;
    padding: 1.25rem;
}
body[data-page="insights"] main > section:nth-of-type(2) .insights-entry {
    border-radius: 1rem;
}
@media (max-width: 1023px) {
    .insights-index {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .insights-entry-featured {
        grid-column: 1 / -1;
        grid-row: auto;
        min-height: 24rem;
    }
    .insights-entry-rail {
        display: flex;
        flex-direction: column;
    }
    .insights-entry-rail > .insights-entry-media {
        height: 10rem;
    }
}
@media (max-width: 767px) {
    .recipe-index { grid-template-columns: 1fr; }
    .recipe-entry-featured {
        grid-template-columns: 1fr;
        gap: .5rem;
    }
    .recipe-entry-featured .insight-cover { min-height: 12rem; }
    .insights-index { grid-template-columns: 1fr; }
    .insights-entry-featured {
        grid-template-columns: 1fr;
        min-height: 0;
    }
    .insights-entry-featured > .insights-entry-media { height: 14rem; }
    .insights-entry-featured > div:last-child { padding: 1.5rem; }
    .insights-entry-rail {
        display: grid;
        grid-template-columns: minmax(6rem, .65fr) minmax(0, 1fr);
    }
    .insights-entry-rail > .insights-entry-media { height: auto; }
    .education-entry {
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: .75rem;
    }
    .education-entry-link {
        grid-column: 2;
    }
    .product-detail-note {
        grid-template-columns: 1fr;
        gap: .75rem;
    }
    body[data-page-variant="wholesale-functional-foods-b2b-guide"] .article-detail {
        display: block;
    }
}
@media (max-width: 767px) {
    .service-spotlight-grid .service-spotlight-items,
    .service-spotlight-sequence .service-spotlight-items,
    .service-spotlight-checklist .service-spotlight-items {
        grid-template-columns: 1fr;
    }
    .service-spotlight-editorial .service-spotlight-inner,
    .service-spotlight-timeline .service-spotlight-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .service-spotlight-timeline .service-spotlight-intro {
        position: static;
    }
}
.mobile-dropdown-menu { display:none; }
.mobile-dropdown-menu.is-open { display:block; }
/* Section labels are content badges; keep headings clean and direct. */
.section-label {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════
   BUTTON ANIMATIONS
═══════════════════════════════════════════════════════════ */
.btn-primary {
    position: relative;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.btn-primary::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.12);
    transform: translateX(-100%);
    transition: transform .35s ease;
}
.btn-primary:hover::after { transform: translateX(0); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(30,122,69,.3); }
.btn-primary:active { transform: translateY(0); }

/* ═══════════════════════════════════════════════════════════
   STAT COUNTER ANIMATION
═══════════════════════════════════════════════════════════ */
@keyframes count-up {
    from { opacity:0; transform:translateY(12px); }
    to   { opacity:1; transform:translateY(0); }
}
.stat-revealed { animation: count-up .6s ease forwards; }

/* ═══════════════════════════════════════════════════════════
   CONTRAST FIXES
   Prevent green-on-green or white-on-white invisibility
═══════════════════════════════════════════════════════════ */

/* Stats cards inside dark section: ensure text is white */
.section-dark .if-card-green .font-heading,
.section-dark .if-card-green div {
    color: #fff;
}

/* Services page: body prose on white bg must be dark */
.prose p, .prose li, .prose h2, .prose h3 {
    color: inherit;
}

/* if-card-green used as a row (contact page WhatsApp card) */
.if-card-green[style*="flex-direction:row"],
.if-card-green.flex-row {
    flex-direction: row;
    align-items: center;
    min-height: auto;
}

/* Keep dark bands aligned with the reference palette and readable. */
.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4 { color: var(--if-yellow); }
.section-dark-green h1,
.section-dark-green h2,
.section-dark-green h3,
.section-dark-green h4 { color: #fff; }
.section-dark p  { color: #9ca3af; }
.section-dark-green p  { color: #d1fae5; }

/* ═══════════════════════════════════════════════════════════
   CARD HOVER LIFT (generic)
═══════════════════════════════════════════════════════════ */
.card-lift {
    transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease, border-color .3s ease;
}
.card-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(30,122,69,.12);
}

/* ═══════════════════════════════════════════════════════════
   SECTION LABEL PILL
═══════════════════════════════════════════════════════════ */
.section-label {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--if-yellow);
    color: var(--if-yellow-dark);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    padding: .3rem .75rem;
    border-radius: 999px;
    margin-bottom: 1rem;
}
/* On dark/green hero backgrounds the pill must be white-tinted, not green-on-green */
.section-dark .section-label,
.section-dark-green .section-label,
[class*="hero-mesh"] .section-label {
    background: var(--if-yellow);
    color: var(--if-yellow-dark);
    border: 1px solid rgba(242,211,40,.5);
}
.nutrition-context p { color:rgba(255,255,255,.92) !important; }
.nutrition-context .text-gray-400 { color:rgba(255,255,255,.86) !important; }
.section-dark a.text-if-green,
.section-dark-green a.text-if-green,
[class*="hero-mesh"] a.text-if-green { color:var(--if-yellow); }

footer.bg-if-green a[href^="mailto:"],
footer.bg-if-green a[href^="tel:"] {
    min-width: 0;
    overflow-wrap: anywhere;
}

body[data-page]:not([data-page="home"]) main > section:first-child.section-dark-green {
    background-image: linear-gradient(110deg, rgba(5, 28, 18, .84), rgba(10, 73, 39, .62)), url('../images/hero.webp') !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

body[data-page="product-detail"] .product-detail-hero,
body[data-page="insight-detail"] .article-detail-hero {
    background-image: linear-gradient(110deg, rgba(5, 28, 18, .84), rgba(10, 73, 39, .62)), url('../images/hero.webp') !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.product-detail-hero {
    padding: clamp(2rem, 4vw, 3.25rem) max(1rem, calc((100vw - 80rem) / 2));
}
.product-detail-hero-inner {
    max-width: 80rem;
    margin: 0 auto;
}
.product-detail-hero-category {
    display: block;
    margin-bottom: .75rem;
    color: #d7eddd;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.product-detail-hero h1 {
    max-width: 56rem;
    margin: 0;
    color: #fff;
    font: 700 clamp(2rem, 5vw, 3.75rem)/1.12 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -.035em;
}
.product-detail-hero p {
    max-width: 44rem;
    margin: 1rem 0 0;
    color: rgba(255,255,255,.88);
    font-size: clamp(1rem, 2vw, 1.2rem);
    line-height: 1.65;
}
.article-detail-hero {
    position: relative;
    padding: clamp(2rem, 4vw, 3.25rem) max(1rem, calc((100vw - 56rem) / 2));
    color: #fff;
}
.article-detail-hero-inner {
    max-width: 56rem;
    margin: 0 auto;
}
.article-detail-hero .flex > * {
    color: rgba(255,255,255,.78);
}
.article-detail-hero h1 {
    max-width: 54rem;
    margin: 0;
    color: #fff;
    font: 700 clamp(2.1rem, 5vw, 4rem)/1.12 'Plus Jakarta Sans', sans-serif;
    letter-spacing: -.04em;
}
body[data-page="404"] main > div:first-child {
    background-image: linear-gradient(110deg, rgba(5, 28, 18, .84), rgba(10, 73, 39, .62)), url('../images/hero.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
body[data-page="404"] main > div:first-child h1,
body[data-page="404"] main > div:first-child p {
    color: #fff;
}
body[data-page="404"] main > div:first-child .text-if-gray {
    color: rgba(255,255,255,.68);
}

.footer-mobile-navigation details {
    border-top: 1px solid rgba(255,255,255,.2);
}
.footer-mobile-navigation details:last-child {
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.footer-mobile-navigation summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    min-height:3rem;
    padding:.75rem .125rem;
    color:#fff;
    cursor:pointer;
    font-size:.875rem;
    font-weight:600;
    list-style:none;
}
.footer-mobile-navigation summary::-webkit-details-marker { display:none; }
.footer-mobile-navigation summary::after {
    content:"+";
    color:#d2ebd9;
    font-size:1.25rem;
    font-weight:400;
    line-height:1;
}
.footer-mobile-navigation details[open] summary::after { content:"−"; }
.footer-mobile-navigation ul {
    padding:0 0 .75rem .75rem;
    margin:0;
    list-style:none;
}
.footer-mobile-navigation li a {
    display:block;
    min-height:2.75rem;
    padding:.65rem .25rem;
    color:#d8eee0;
    font-size:.875rem;
    line-height:1.45;
    overflow-wrap:anywhere;
}
.footer-mobile-contact {
    display:grid;
    gap:.55rem;
    padding:1.25rem .125rem .25rem;
    color:#d8eee0;
    font-size:.875rem;
}
.footer-mobile-contact h3 {
    margin:0;
    color:#c1e3ca;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.footer-mobile-contact a { overflow-wrap:anywhere; }

/* ================================================================
   ADDITIONS: hero height, mega menu, mobile search, book button
================================================================ */

/* Uniform inner-page hero height (all non-home heroes) */
.page-hero {
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 0 !important;
}
.page-hero > :first-child {
    width: 100%;
    padding-block: clamp(2rem, 4vw, 3.25rem) !important;
}

/* Enhanced mega menu visibility */
.nav-mega-menu {
    background: #fff !important;
    border: 1px solid #e0e7e3 !important;
    border-radius: .875rem !important;
    box-shadow: 0 20px 56px rgba(15,23,42,.14), 0 4px 14px rgba(15,23,42,.07) !important;
    padding: 1.25rem 0 !important;
}
.nav-mega-menu .divide-x > div { padding: .25rem 1rem; }
.nav-mega-menu .divide-x > div:first-child { padding-left: 1.25rem; }
.nav-mega-menu .divide-x > div:last-child { padding-right: 1.25rem; }
.nav-mega-menu a.block {
    border-radius: .5rem;
    font-size: .875rem;
    padding: .45rem .75rem;
    color: var(--if-text);
    transition: background .15s, color .15s;
    display: block;
}
.nav-mega-menu a.block:hover { background: var(--if-bg); color: var(--if-green); }
.nav-mega-menu .border-t { margin-top: .75rem; padding-top: .75rem; padding-left: 1.25rem; padding-right: 1.25rem; }
.nav-mega-menu .text-\[10px\] {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--if-green);
    display: block;
    margin-bottom: .5rem;
    padding: .25rem .75rem 0;
}

/* Mobile search bar inside slide-in menu */
.mobile-menu-search {
    display: flex;
    align-items: center;
    height: 2.6rem;
    border: 1px solid var(--if-gray);
    border-radius: .75rem;
    background: var(--if-bg);
    overflow: hidden;
    margin-bottom: 1rem;
}
.mobile-menu-search input {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    padding: .55rem .75rem;
    font-size: .8rem;
    background: transparent;
    color: var(--if-text);
}
.mobile-menu-search input::placeholder { color: #9ca3af; font-size: .75rem; }
.mobile-menu-search button {
    width: 2.5rem;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--if-green);
    border: 0;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
}
.mobile-menu-search:focus-within { border-color: var(--if-green); box-shadow: 0 0 0 3px rgba(30,122,69,.1); }

/* Book service button */
.btn-book {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    background: var(--if-green);
    color: #fff;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 600;
    font-size: .875rem;
    padding: .65rem 1.5rem;
    border-radius: .75rem;
    text-decoration: none;
    transition: background .2s, transform .2s, box-shadow .2s;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
}
.btn-book:hover {
    background: var(--if-green-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(30,122,69,.28);
}
.btn-book-outline {
    background: transparent;
    color: var(--if-green);
    border: 1.5px solid var(--if-green);
}
.btn-book-outline:hover { background: var(--if-green); color: #fff; }

/* Service booking banner */
.service-book-banner {
    background: linear-gradient(135deg, #f0f7f2 0%, #e6f2ea 100%);
    border: 1px solid rgba(30,122,69,.18);
    border-radius: 1.25rem;
    padding: 2rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}
.service-book-banner h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--if-text);
    margin: 0 0 .3rem;
}
.service-book-banner p { color: #5d6870; font-size: .875rem; margin: 0; }
@media (max-width: 639px) {
    .service-book-banner { padding: 1.5rem; flex-direction: column; align-items: flex-start; }
}

/* Service cards keep distinct detail and booking links without nested anchors. */
.service-listing-card {
    min-width: 0;
    height: 100%;
}
main section[id^="srv-"] {
    scroll-margin-top: 6rem;
}
.service-listing-card-content {
    height: 100%;
}
.service-listing-card-copy {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}
.service-listing-card h3 {
    overflow-wrap: anywhere;
}
.service-listing-card-title {
    color: inherit;
    text-decoration: none;
}
.service-listing-card-title:hover {
    color: var(--if-green);
}
.service-listing-card p {
    flex: 1;
}
.service-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: auto;
    padding-top: .75rem;
    border-top: 1px solid #e5e7eb;
}
.service-listing-card-details {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .35rem;
    color: var(--if-green);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.35;
    text-decoration: none;
}
.service-listing-card-details svg {
    flex: 0 0 auto;
    transition: transform .2s ease;
}
.service-listing-card-details:hover svg {
    transform: translateX(3px);
}
.service-listing-card-book {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    padding: .5rem .9rem !important;
}
@media (max-width: 420px) {
    .service-listing-card-content {
        gap: .75rem;
        padding: 1rem;
    }
    .service-listing-card-content > span {
        width: 2.5rem;
        height: 2.5rem;
    }
    .service-listing-card-actions,
    .service-card-actions {
        gap: .5rem;
    }
    .service-listing-card-details {
        font-size: .8rem;
    }
    .service-listing-card-book {
        padding: .45rem .7rem !important;
    }
}
.footer-desktop-links {
    grid-template-columns: minmax(0, 1.35fr) minmax(10rem, .75fr) minmax(13rem, 1fr);
    align-items: start;
    gap: 2rem;
}

body[data-page="search"]:not([data-page="home"]) main > section:first-child.section-dark-green {
    background-image: linear-gradient(115deg, rgba(13, 47, 55, .9), rgba(24, 91, 98, .76)), url('../images/hero.webp') !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}