/*
Theme Name: Greengarth Fresh Flex
Description: Flexspace-style theme with icons and clickable category tiles.
Version: 1.0.2
Text Domain: greengarth-fresh
*/
:root{--gg-primary:#0e5a3a;--gg-dark:#1e1e1e;--gg-bg:#f7f8f6;--gg-text:#1a1a1a}
html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--gg-text);background:var(--gg-bg);line-height:1.6}
a{color:var(--gg-primary);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(1200px,92vw);margin:0 auto}
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #e7e9e6}
.header .nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.header .menu ul{list-style:none;display:flex;gap:1.1rem;margin:0;padding:0}
.header .menu a{color:var(--gg-dark);font-weight:600;padding:.25rem .5rem;border-radius:.5rem}
.header .menu a:hover{background:#eff6f1;color:var(--gg-primary)}
.btn{display:inline-block;padding:.7rem 1rem;border-radius:.8rem;font-weight:700;border:1px solid var(--gg-primary);background:var(--gg-primary);color:#fff}
.btn--ghost{background:transparent;color:var(--gg-primary)}
.hero{position:relative;color:#fff;background:#0b291c}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.35))}
.hero .hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.95)}
.hero .inner{position:relative;z-index:1;padding:clamp(3rem,7vw,6rem) 0}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);margin:.25rem 0 .5rem;line-height:1.12}
.hero .lede{font-size:clamp(1.05rem,1.9vw,1.25rem);max-width:62ch;opacity:.95;margin:0 0 1rem}
.hero .actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.75rem}
.section{padding:clamp(2rem,6vw,4rem) 0}
.grid{display:grid;gap:1.25rem}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #e8eae7;border-radius:1rem;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.35rem .6rem;border-radius:999px;background:#ecf7ef;color:var(--gg-primary);border:1px solid #d2ebd9}
.cta-bar{background:var(--gg-primary);color:#fff;padding:.75rem 0}
.cta-bar .inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.tile{background:#fff;border:1px solid #e8eae7;border-radius:1rem;padding:1rem;text-align:center;transition:transform .12s ease, box-shadow .12s ease}
.tile:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.tile .icon{display:grid;place-items:center;width:88px;height:88px;margin:0 auto .6rem auto;border-radius:999px;background:radial-gradient(circle at 35% 30%, #f2faf5, #e7f2ec);border:1px solid #dfe9e3}
.tile .icon img{width:52px;height:52px;object-fit:contain}
.tile a{color:inherit;text-decoration:none;display:block}
.tile h3{margin:.25rem 0 .35rem}
.hiw{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.faq{border-top:1px solid #e5e7eb}
.faq details{padding:.75rem 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--gg-dark)}
.footer{background:#101311;color:#e7f2eb;padding:2rem 0 3rem}
.footer a{color:#c7f0d4}
.footer small{color:#9ab7a2}