/* Good Food — monochrome brand system */
:root{--gf-green:#14532d;--gf-green-2:#166534;--gf-deep:#103d25;--gf-ink:#17251c;--gf-muted:#68776d;--gf-line:#dce7de;--gf-wash:#f4f8f3;--gf-soft:#eaf2e9;--gf-white:#fff;--gf-shadow:0 12px 34px rgba(16,61,37,.08)}
html{scroll-behavior:smooth}body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;background:#f5f8f4;color:var(--gf-ink);line-height:1.6}a{color:var(--gf-green-2)}
.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--gf-line);box-shadow:0 5px 22px rgba(16,61,37,.07);backdrop-filter:blur(14px)}
.brand{gap:10px;color:var(--gf-deep);font-weight:900}.brandmark,.brand-icon{width:42px;height:42px;border-radius:13px;background:#edf5eb;border:1px solid #d7e6d7;overflow:hidden;display:grid;place-items:center;flex:0 0 auto}.brandmark img,.brand-icon img{width:100%;height:100%;object-fit:cover;object-position:center}.brand-name{font-size:19px;letter-spacing:-.035em;font-weight:900}
.loginmini,.btn.primary,.notification-push-optin button{background:var(--gf-green);color:#fff}.loginmini:hover,.btn.primary:hover,.notification-push-optin button:hover{background:var(--gf-deep)}
.cartpill{background:var(--gf-soft);border-color:var(--gf-line);color:var(--gf-green)}.avatar{background:var(--gf-soft);border-color:var(--gf-line);color:var(--gf-green)}
.appmain{max-width:1180px;padding-top:22px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#eaf3e8 0%,#f8fbf7 56%,#e1eddf 100%);border:1px solid #d9e7d8;border-radius:28px;box-shadow:var(--gf-shadow);padding:clamp(24px,5vw,54px)}.hero:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(20,83,45,.12);border-radius:50%;right:-70px;bottom:-125px;box-shadow:0 0 0 24px rgba(20,83,45,.025),0 0 0 48px rgba(20,83,45,.02);pointer-events:none}.hero h1{color:var(--gf-deep);letter-spacing:-.045em;line-height:1.04}.hero p{color:#526459;font-size:16px;line-height:1.7}.eyebrow{color:var(--gf-green-2);letter-spacing:.16em}.sectionhead h2,.page-title h1{color:var(--gf-deep);letter-spacing:-.035em}.link{color:var(--gf-green-2)}
.productcard,.cat,.formbox,.tablewrap{background:#fff;border:1px solid var(--gf-line);box-shadow:0 7px 24px rgba(16,61,37,.055);border-radius:18px}.productcard{transition:transform .18s ease,box-shadow .18s ease}.productcard:hover,.cat:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(16,61,37,.10)}.productimg{background:linear-gradient(135deg,#edf5eb,#f8fbf7)}.pcbody h3{color:var(--gf-ink)}.price{color:var(--gf-green)}
.btn{border-radius:12px;font-weight:800;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.btn.primary{box-shadow:0 5px 12px rgba(20,83,45,.16)}.btn.green{background:#287447}.btn.yellow{background:var(--gf-green)}.btn.light{background:#edf4ec;color:var(--gf-green);border:1px solid #d8e6d7}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #78a887;outline-offset:3px}
input,select,textarea{border:1px solid #cbd9cc;border-radius:11px;color:var(--gf-ink);background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--gf-green-2);box-shadow:0 0 0 3px rgba(22,101,52,.12)}label{color:#43594a}.notice{background:#f0f6ed;border:1px solid #d7e7d3;color:#36533e}.badge,.pill{background:#eaf3e8;color:var(--gf-green)}.flash.success{background:#e8f5e9;color:#21623a}.flash.error{background:#fff0ee;color:#a33d32}
.bottomnav{background:rgba(255,255,255,.97);border-top:1px solid var(--gf-line);box-shadow:0 -6px 24px rgba(16,61,37,.09)}.bottomnav a{color:#748176}.bottomnav a.active{color:var(--gf-green);background:#edf5eb}.bottomnav > a.active{color:var(--gf-green);background:#edf5eb}.cart-count{background:var(--gf-green)}
.adminnav a{color:var(--gf-green);border-color:var(--gf-line)}.adminnav a:hover,.adminnav a.active{background:var(--gf-green);color:#fff}.table th{background:#f1f6ef;color:#284d34}.table th,.table td{border-color:#e6eee5}.admin-header,.admin-topbar{border-color:var(--gf-line)}
.site-footer{margin:32px auto 88px;padding:0 16px;color:var(--gf-muted)}.site-footer-inner{max-width:1120px;margin:auto;padding:28px 24px 18px;background:#fff;border:1px solid var(--gf-line);border-radius:22px;box-shadow:var(--gf-shadow);text-align:center}.footer-brand{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;color:var(--gf-deep)}.footer-brand img{width:30px;height:30px;object-fit:cover;border-radius:9px;background:#edf5eb}.footer-brand strong{font-size:18px;letter-spacing:-.03em}.footer-brand span{flex-basis:100%;font-size:12px;color:var(--gf-muted);margin-top:-4px}.footer-links{display:flex;justify-content:center;gap:9px 18px;flex-wrap:wrap;margin:17px 0 12px}.footer-links a{color:var(--gf-green);font-weight:700;font-size:12px}.footer-copy{border-top:1px solid #e7eee6;padding-top:12px;font-size:11px;line-height:1.6;color:#718074}
@media(max-width:600px){.appmain{padding:12px 12px 92px}.hero{border-radius:20px;padding:22px}.hero h1{font-size:29px}.hero p{font-size:14px}.brandmark{width:36px;height:36px}.brand-name{font-size:17px}.site-footer{padding:0 10px;margin:20px auto 84px}.site-footer-inner{padding:22px 14px 14px;border-radius:18px}.footer-links{gap:10px 14px}}

/* GoodFood V2.1 — refined independent storefront layer */
:root{--gf-green:#176b45;--gf-green-2:#208457;--gf-deep:#123b2b;--gf-ink:#172820;--gf-muted:#68786f;--gf-line:#e1e9e3;--gf-wash:#f7f9f6;--gf-soft:#eaf4ed;--gf-shadow:0 16px 42px rgba(18,59,43,.075)}
body{background:#f7f9f6;color:var(--gf-ink)}
.topbar{min-height:70px;padding:10px clamp(14px,4vw,42px);border-bottom:1px solid #e5ece6;box-shadow:0 4px 20px rgba(18,59,43,.045)}
.brandmark,.brand-icon{border-radius:14px;background:#eaf4ed;border:1px solid #dce9df;box-shadow:0 3px 10px rgba(18,59,43,.06)}
.brand-name{letter-spacing:-.045em}
.appmain{max-width:1220px;padding-left:clamp(14px,3vw,28px);padding-right:clamp(14px,3vw,28px)}
.hero{border-radius:30px;background:linear-gradient(115deg,#e7f3e9 0%,#f7faf6 58%,#dcefe1 100%);border-color:#dce9df;box-shadow:0 18px 45px rgba(18,59,43,.075)}
.hero h1{font-weight:900;letter-spacing:-.055em}
.productcard,.cat,.formbox,.tablewrap{border-radius:20px;border-color:#e2eae3;box-shadow:0 8px 26px rgba(18,59,43,.055)}
.productcard:hover,.cat:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,59,43,.11)}
.btn{border-radius:13px;min-height:42px}
.btn.primary,.loginmini,.notification-push-optin button{background:linear-gradient(135deg,#176b45,#208457);box-shadow:0 6px 15px rgba(23,107,69,.16)}
.btn.primary:hover,.loginmini:hover,.notification-push-optin button:hover{background:#123b2b;transform:translateY(-1px)}
input,select,textarea{border-color:#d4e0d6;border-radius:12px;min-height:43px}
input:focus,select:focus,textarea:focus{border-color:#208457;box-shadow:0 0 0 4px rgba(32,132,87,.10)}
.site-footer{margin-top:40px}
.site-footer-inner{border-radius:24px;border-color:#e2eae3;box-shadow:0 12px 32px rgba(18,59,43,.06);text-align:left;padding:30px clamp(20px,4vw,42px) 18px}
.footer-brand{justify-content:flex-start}.footer-brand span{flex-basis:100%}
.footer-links{justify-content:flex-start;gap:9px 20px}.footer-links a{font-size:13px;color:#176b45!important}
.footer-copy{margin-top:14px;color:#758279}
.bottomnav{border-top-color:#e1e9e3;box-shadow:0 -8px 24px rgba(18,59,43,.08)}
.bottomnav>a.active{color:#176b45;background:#eaf4ed}
.policy-wrap{max-width:1000px;margin:0 auto;padding:10px 0 34px}
.policy-hero{background:linear-gradient(120deg,#e7f3e9,#fff);border:1px solid #dce9df;border-radius:26px;box-shadow:var(--gf-shadow);padding:clamp(22px,4vw,36px)}
.policy-hero h1,.policy-card h2,.policy-card h3{color:#123b2b}
.policy-hero p,.policy-card p,.policy-card li{color:#536359}
.policy-card{border:1px solid #e2eae3;border-radius:20px;box-shadow:0 7px 24px rgba(18,59,43,.045)}
.policy-note{background:#edf6ef;border-left-color:#208457;color:#365746}
.policy-link{border-color:#e1e9e3;background:#f8fbf8;color:#176b45;border-radius:15px}
@media(max-width:600px){.topbar{min-height:60px}.site-footer-inner{text-align:center}.footer-brand,.footer-links{justify-content:center}.policy-hero{border-radius:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* GoodFood V2.2 — independent everyday-food storefront system */
:root{--gf-ink:#17231e;--gf-muted:#66736c;--gf-green:#176b4b;--gf-green-dark:#104d37;--gf-lime:#d9f36a;--gf-paper:#f7f8f3;--gf-line:#e2e8df;--gf-card:#fff;--gf-radius:22px;--gf-shadow:0 14px 42px rgba(26,53,39,.08)}
html{background:var(--gf-paper)}body{background:var(--gf-paper);color:var(--gf-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.01em}a{color:var(--gf-green)}
.topbar{position:sticky;top:0;z-index:1000;min-height:74px;padding:10px clamp(16px,4vw,56px);background:rgba(255,255,255,.94);border:0;border-bottom:1px solid var(--gf-line);box-shadow:0 4px 22px rgba(20,40,28,.035);backdrop-filter:blur(18px)}
.brand{gap:11px}.brandmark{width:43px;height:43px;border-radius:14px;overflow:hidden;background:var(--gf-green);box-shadow:none}.brandmark img{width:100%;height:100%;object-fit:cover}.brand-name{font-size:22px;font-weight:900;letter-spacing:-.06em;color:var(--gf-ink)}
.top-actions{gap:12px}.cartpill,.loginmini,.avatar,.notification-btn{border:1px solid var(--gf-line)!important;background:#fff!important;color:var(--gf-ink)!important;border-radius:999px!important;box-shadow:none!important}.cartpill{padding:10px 15px;font-weight:800}.cartpill b{background:var(--gf-lime);color:var(--gf-ink);border-radius:50%;padding:3px 7px}
.appmain{max-width:1240px;padding:28px clamp(15px,3.5vw,42px) 100px;margin:0 auto}.hero{min-height:420px;display:flex;align-items:center;padding:clamp(30px,6vw,76px);border:0;border-radius:32px;background:radial-gradient(ellipse at 88% 20%,rgba(217,243,106,.34),transparent 32%),linear-gradient(120deg,#123e2e 0%,#176b4b 62%,#2b805b 100%);color:#fff;box-shadow:var(--gf-shadow)}.hero:after{content:"GOOD FOOD\A EVERY DAY";white-space:pre;position:absolute;right:6%;bottom:8%;font-size:clamp(26px,5vw,66px);line-height:.95;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.09);text-align:right;pointer-events:none}.hero-content{position:relative;z-index:1;max-width:660px}.hero .eyebrow{color:var(--gf-lime);font-size:11px;letter-spacing:.18em;font-weight:900}.hero h1{font-size:clamp(40px,6.3vw,76px);line-height:.99;letter-spacing:-.075em;color:#fff;margin:16px 0}.hero p{max-width:510px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.6}.hero .btn.primary{background:var(--gf-lime);color:#17231e;border:0;border-radius:999px;padding:14px 23px;font-weight:900;box-shadow:none}.hero .btn.primary:hover{transform:translateY(-2px);filter:brightness(1.02)}
.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:42px 0 18px}.sectionhead .eyebrow{font-size:10px;letter-spacing:.16em;color:var(--gf-green);font-weight:900}.sectionhead h2{font-size:clamp(25px,3.4vw,36px);letter-spacing:-.06em;color:var(--gf-ink);margin:5px 0 0}.sectionhead .link{font-weight:800;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.category-grid{gap:14px}.cat{background:#fff!important;border:1px solid var(--gf-line)!important;border-radius:20px!important;box-shadow:none!important;transition:transform .2s,box-shadow .2s}.cat:hover{transform:translateY(-4px);box-shadow:var(--gf-shadow)!important}.category-image{height:145px;background:linear-gradient(135deg,#e8f3e9,#f6f8ee)}.category-placeholder{font-size:44px}.category-name{font-size:15px!important;color:var(--gf-ink);font-weight:850}
.product-grid{gap:18px}.productcard{overflow:hidden;background:var(--gf-card)!important;border:1px solid var(--gf-line)!important;border-radius:22px!important;box-shadow:none!important;transition:transform .2s,box-shadow .2s}.productcard:hover{transform:translateY(-4px);box-shadow:var(--gf-shadow)!important}.productimg{height:210px;background:linear-gradient(135deg,#edf3e8,#f7f8f3)}.product-placeholder{font-size:42px;color:var(--gf-green)}.pcbody{padding:16px!important}.product-category{color:var(--gf-green)!important;font-size:11px!important;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.pcbody h3{font-size:17px;letter-spacing:-.035em;color:var(--gf-ink)}.price{font-size:18px;font-weight:900;color:var(--gf-green)}
.btn,button{transition:transform .16s,filter .16s}.btn.primary,.btn:not(.light){border-radius:13px}.btn.primary{background:var(--gf-green);border-color:var(--gf-green);color:#fff}.btn.primary:hover{background:var(--gf-green-dark);border-color:var(--gf-green-dark)}.btn.light{background:#f2f5ef;border:1px solid var(--gf-line);color:var(--gf-ink);border-radius:13px}.formbox,.panel,.card,.policy-card{border:1px solid var(--gf-line)!important;border-radius:22px!important;box-shadow:0 10px 32px rgba(26,53,39,.045)!important}.formbox h1,.policy-hero h1{color:var(--gf-ink)!important;letter-spacing:-.06em}.policy-hero{background:linear-gradient(120deg,#123e2e,#176b4b)!important;border:0!important;color:#fff;box-shadow:none!important}.policy-hero h1,.policy-hero p{color:#fff!important}.policy-card h2,.policy-card h3{color:var(--gf-green-dark)!important}.policy-note{background:#f2f8df!important;border-left-color:#a9c83d!important;color:#35422e!important}
.site-footer{background:#112e23!important;color:#e8f1e9!important;border:0!important;margin-top:48px}.site-footer-inner{max-width:1240px;margin:auto;padding:38px clamp(18px,4vw,50px)!important}.footer-brand strong{font-size:25px;letter-spacing:-.06em;color:#fff}.footer-brand span,.footer-copy{color:#b9cbbd!important}.footer-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin:20px 0}.footer-links a{color:#e1eddf!important;text-decoration:none!important}.footer-links a:hover{color:var(--gf-lime)!important}.bottomnav{background:rgba(255,255,255,.96)!important;border-color:var(--gf-line)!important;box-shadow:0 -6px 24px rgba(20,40,28,.08)!important}.bottomnav>a{color:#617067!important}.bottomnav>a.active{color:var(--gf-green)!important;background:#edf5e9!important}.cart-count{background:var(--gf-green)!important;border-color:#fff!important}
@media(max-width:700px){.appmain{padding-top:16px}.hero{min-height:370px;border-radius:24px;padding:30px 24px}.hero:after{right:5%;bottom:5%;font-size:28px}.hero h1{font-size:43px}.hero p{font-size:15px}.sectionhead{margin-top:32px}.productimg{height:165px}.pcbody{padding:12px!important}.site-footer-inner{padding-bottom:100px!important}}
