/* Utility classes the store pages use that the home-page Tailwind build never
   generated (app.css is content-scoped). Load after app.css. Same output as
   Tailwind defaults would emit for these tokens. */
.font-poppins { font-family: "Poppins", ui-sans-serif, system-ui, sans-serif; }
.max-w-\[1160px\] { max-width: 1160px; }
.gap-3\.5 { gap: 0.875rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-7 { margin-top: 1.75rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.pb-3\.5 { padding-bottom: 0.875rem; }
.text-\[\#22c55e\] { color: #22c55e; }
.text-\[\#e9e2e5\] { color: #e9e2e5; }
.text-\[\#6f6269\] { color: #6f6269; }
.bg-\[\#22c55e\]\/10 { background-color: rgb(34 197 94 / 0.1); }
.border-\[\#22c55e\]\/40 { border-color: rgb(34 197 94 / 0.4); }
.hover\:text-white:hover { color: #fff; }
@media (min-width: 640px) {
  .sm\:max-w-\[50\%\] { max-width: 50%; }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-\[1fr_360px\] { grid-template-columns: 1fr 360px; }
  .lg\:top-\[104px\] { top: 104px; }
}