/* [project]/src/themes/default/templates/category-browse-template.css [app-client] (css) */
.category-browse-template {
  width: 100%;
  padding-inline: var(--space-page-inline, 1rem);
  padding-block: var(--space-page-block, 2rem);
  background: var(--color-surface-page, transparent);
}

.category-browse-template__inner {
  width: 100%;
  max-width: var(--layout-content-max-width, 80rem);
  gap: var(--space-section-gap, 2rem);
  margin-inline: auto;
  display: grid;
}

.category-browse-template__intro, .category-browse-template__browse-entry, .category-browse-template__hot-sellers, .category-browse-template__promo-banner, .category-browse-template__editorial-content {
  width: 100%;
}

/* [project]/src/themes/default/templates/category-listing-template.css [app-client] (css) */
.category-listing-template__plp-shell--default {
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  align-items: start;
  gap: 2rem;
  width: 100%;
  display: grid;
}

.category-listing-template__plp-shell--top-filter {
  gap: 1.5rem;
  width: 100%;
  display: grid;
}

.category-listing-template__top-filter {
  width: 100%;
}

.category-listing-template__sidebar, .category-listing-template__main {
  min-width: 0;
}

.category-listing-template__main-stack {
  align-content: start;
  align-self: start;
}

@media (max-width: 900px) {
  .category-listing-template__plp-shell--default {
    grid-template-columns: 1fr;
  }
}

/* [project]/src/themes/default/templates/home-template.css [app-client] (css) */
.home-template {
  width: 100%;
  padding-inline: var(--space-page-inline, 1rem);
  padding-block: var(--space-page-block, 2rem);
  background: var(--color-surface-page, transparent);
}

.home-template__inner {
  width: 100%;
  max-width: var(--layout-content-max-width, 80rem);
  gap: var(--space-section-gap, 2rem);
  margin-inline: auto;
  display: grid;
}

.home-template__hero, .home-template__category-entry, .home-template__trending-now, .home-template__hot-sellers, .home-template__membership-cta, .home-template__brand-community {
  width: 100%;
}

/*# sourceMappingURL=src_themes_default_templates_0qx7zc~._.css.map*/