.category-card--produce {
  background: linear-gradient(135deg, rgba(233,255,248,0.95), rgba(255,255,255,0.9));
}

.category-card--meat_seafood {
  background: linear-gradient(135deg, rgba(255,216,200,0.55), rgba(255,255,255,0.9));
}

.category-card--dairy {
  background: linear-gradient(135deg, rgba(237,247,255,0.95), rgba(255,255,255,0.9));
}

.category-card--bakery {
  background: linear-gradient(135deg, rgba(255,244,225,0.9), rgba(255,255,255,0.9));
}

.category-card--pantry {
  background: linear-gradient(135deg, rgba(238,230,255,0.95), rgba(255,255,255,0.9));
}

.category-card--drinks {
  background: linear-gradient(135deg, rgba(224,250,255,0.95), rgba(255,255,255,0.9));
}

.category-card--cleaning_health {
  background: linear-gradient(135deg, rgba(244,245,255,0.95), rgba(255,255,255,0.9));
}

@media (min-width: 700px) {
  .app-shell,
  .app-nav {
    border-left: 1px solid var(--colour-line);
    border-right: 1px solid var(--colour-line);
  }
}