/* theme-face:grocery */
body[data-theme="grocery"] {
  --ink: #2e7d32;
  --accent: #f9a825;
  --paper: #e8f5e9;
  --on: #2e7d32;
  --display: "Segoe UI", system-ui, sans-serif;
  background: #e8f5e9;
  color: #2e7d32;
}
body[data-theme="grocery"] .utility-bar { background: #2e7d32; color: #fff; }
body[data-theme="grocery"] .brand-mark { background: #2e7d32; color: #fff; }
body[data-theme="grocery"] .brand-copy strong,
body[data-theme="grocery"] h1,
body[data-theme="grocery"] h2 { font-family: "Segoe UI", system-ui, sans-serif; }
body[data-theme="grocery"] .header-search button,
body[data-theme="grocery"] .button-primary { background: #f9a825; color: #2e7d32; border-color: #f9a825; }
body[data-theme="grocery"] .nav-shell { background: #2e7d32; }
body[data-theme="grocery"] .main-nav a { color: #fff; }
body[data-theme="grocery"] .category-menu > summary { background: #f9a825; color: #2e7d32; }
body[data-theme="grocery"] .site-footer { background: #2e7d32; color: #fff; }
body[data-theme="grocery"] .site-footer a { color: #fff; }
body[data-theme="grocery"] .hero-copy-block h1,
body[data-theme="grocery"] .hero-kicker,
body[data-theme="grocery"] .hero-copy-block > p,
body[data-theme="grocery"] .hero-points,
body[data-theme="grocery"] .section-kicker { color: #2e7d32; }
body[data-theme="grocery"] .catalog-header { background: #2e7d32; color: #fff; }
body[data-theme="grocery"] .catalog-header .section-kicker,
body[data-theme="grocery"] .catalog-header h1,
body[data-theme="grocery"] .catalog-header p { color: #fff; }
body[data-theme="grocery"] .catalog-count strong { color: #f9a825; }
body[data-theme="grocery"] .category-menu-level-0 { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px 18px; }
body[data-theme="grocery"] .category-menu-level-1 { margin: 4px 0 10px; padding-left: 12px; }
body[data-theme="grocery"] main { display: flex; flex-direction: column; } body[data-theme="grocery"] .category-section { order: -1; background: #e8f5e9; } body[data-theme="grocery"] .category-card { background: #fff; border-radius: 16px; border-top: 6px solid #f9a825; box-shadow: 0 8px 0 rgba(46,125,50,.08); } body[data-theme="grocery"] .commerce-hero { background: #fff; } body[data-theme="grocery"] .button { border-radius: 12px; font-weight: 800; }