:root { --si-deep: #164c38; --si-warm: #f5a916; --si-cream: #fbf7ed; }
body { background: radial-gradient(circle at 85% 4%, #fff3d5 0, transparent 23rem), #f8f6f0; }
.app-shell { max-width: 1180px; }
.hero { position: relative; overflow: hidden; border-radius: 28px; background: linear-gradient(135deg, #174f3a 0%, #216c4d 100%); box-shadow: 0 18px 48px rgba(20,71,52,.16); }
.hero-copy h1 { letter-spacing: -.045em; }
.hero-copy p { max-width: 520px; }
.si-hero-picture { align-self: stretch; min-height: 280px; display: grid; place-items: end center; overflow: hidden; border-radius: 22px; background: #fbf4e6; }
.si-hero-picture img { display: block; width: min(100%, 360px); height: 100%; max-height: 360px; object-fit: cover; object-position: center 48%; mix-blend-mode: multiply; }
.hero > .saving-card { display: none; }
.search-panel, .single-store-planner, .saving-card, .product-card, .store-grid article { box-shadow: 0 8px 28px rgba(29,68,53,.075); }
.search-row input, .planner-form textarea { font-size: 16px; }
.search-row button, .planner-form button, .hero-zone-button { min-height: 50px; border-radius: 14px; }
.bottom-nav button { min-height: 56px; }
.si-more-wrap { position: relative; }
.si-more-button { display: none; border: 1px solid #d8ded9; border-radius: 999px; background: #fff; color: #24483a; padding: 9px 13px; font: inherit; font-size: 12px; font-weight: 850; }
.si-more-menu { position: absolute; right: 0; top: calc(100% + 9px); z-index: 9300; width: 210px; display: grid; gap: 5px; padding: 9px; border: 1px solid #dfe6e1; border-radius: 16px; background: #fff; box-shadow: 0 14px 40px rgba(0,0,0,.18); }
.si-more-menu[hidden] { display: none; }
.si-more-menu button { min-height: 44px; border: 0; border-radius: 10px; padding: 9px 11px; background: #f3f6f4; color: #274b3d; text-align: left; font: inherit; font-size: 13px; font-weight: 800; }
@media (max-width: 760px) {
  .hero { display: grid; grid-template-columns: 1fr; padding-bottom: 0; }
  .si-hero-picture { min-height: 170px; margin: 0 -2px -2px; border-radius: 22px 22px 0 0; order: 2; }
  .si-hero-picture img { width: 210px; height: 210px; object-position: center 42%; }
  .saving-card { display: none; }
  .top-actions { gap: 7px; }
  .si-tools > .si-favorites, .si-tools > .si-lists, .si-tools > .si-savings, .si-tools > .si-install { display: none !important; }
  .si-more-button { display: inline-flex; align-items: center; }
  .simple-steps { overflow-x: auto; scroll-snap-type: x mandatory; }
  .simple-steps article { min-width: 210px; scroll-snap-align: start; }
}
@media (max-width: 460px) {
  .hero { border-radius: 22px; }
  .hero-copy h1 { font-size: 34px; }
  .hero-copy p { font-size: 15px; }
  .si-hero-picture { min-height: 145px; }
  .si-hero-picture img { width: 180px; height: 180px; }
  .search-panel, .single-store-planner { border-radius: 18px; }
}