.quick-grid {
  grid-template-columns: repeat(2, 1fr);
}

.meal-card {
  margin-top: 18px;
  padding: 16px 20px;
}

.compact-home-card {
  margin-top: 10px;
  min-height: 88px;
}

.shop-my-list{background:#fff4df;border:2px solid #e9b15f}
.home-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.home-task-grid .meal-card{margin:0;min-height:108px;padding:14px;display:block;text-align:center}
.home-task-grid .meal-icon{display:block;margin-bottom:4px}
.home-task-grid small{font-size:.76rem}
.home-share-card{margin-top:18px;padding:18px;border:2px solid #e9b15f;border-radius:18px;background:#fff4df}.home-share-card h3{margin:2px 0 6px}.home-share-card p{margin:0 0 12px;color:var(--muted);line-height:1.4}.home-share-card .text-button{margin-top:8px}
#cartCount{font-size:.82rem;color:var(--muted);font-weight:700}
@media(max-width:420px){.home-task-grid{gap:7px}.home-task-grid .meal-card{padding:12px 7px}.home-task-grid strong{font-size:.86rem}.home-task-grid small{font-size:.69rem}}

.more-homegopher-heading {
  margin-top: 26px;
  margin-bottom: 4px;
}

.bottom-nav .nav-button {
  flex: 1;
  width: auto;
  max-width: 150px;
}

.dialog-home-row {
  display: flex;
  margin-top: 10px;
}

.screen-home {
  border: 1px solid #b8c7c2;
  border-radius: 12px;
  background: white;
  color: var(--green);
  padding: 9px 14px;
  font-weight: 800;
}

dialog .voice-card {
  margin-top: 10px;
}

.welcome-dialog {
  width: min(560px, calc(100% - 24px));
}

.welcome-panel {
  padding: 26px;
  text-align: center;
}

.welcome-mark {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  margin: 0 auto 14px;
  border-radius: 22px;
  background: var(--mint);
  font-size: 2rem;
}

.welcome-panel h2 {
  margin: 5px 0 4px;
  font-size: 1.8rem;
}

.welcome-tagline {
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 1.05rem;
}

.welcome-benefits {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}

.welcome-benefits li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
  border-radius: 12px;
  background: #f4f7f4;
}

.welcome-benefits li span {
  width: 26px;
  text-align: center;
}

.welcome-how {
  margin-top: 14px;
  padding: 13px;
  border-radius: 13px;
  background: #fff4df;
  text-align: left;
}

.welcome-how p {
  margin: 5px 0 0;
  color: var(--muted);
}