/* Page-scoped spacing keeps the shared hero and product cards unchanged. */
.shop-hero {
  padding-top: var(--space-md);
  padding-bottom: var(--space-md);
}

.shop-assortment {
  padding-top: var(--space-sm);
  padding-bottom: var(--space-lg);
}

.shop-assortment .shop-toolbar {
  margin-bottom: var(--space-md);
}

.shop-after-products {
  padding-bottom: var(--space-lg);
  color: var(--color-text-muted);
}

.shop-after-products p + p {
  margin-top: var(--space-sm);
}

.shop-mobile-only {
  display: none;
}

@media (max-width: 600px) {
  .shop-desktop-only {
    display: none;
  }

  .shop-mobile-only {
    display: block;
  }

  .shop-hero {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm);
  }

  .shop-hero h1 {
    margin-bottom: var(--space-xs);
  }

  .shop-hero .hero-lead {
    font-size: var(--fs-base);
    margin-bottom: var(--space-sm);
  }

  .shop-hero .trust-badges {
    gap: var(--space-xs);
    padding-top: var(--space-sm);
  }

  .shop-hero .trust-badge {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
  }

  .shop-hero .trust-badge svg {
    flex: 0 0 20px;
  }

  .shop-assortment {
    padding-top: 0;
  }

  .shop-assortment .shop-toolbar {
    margin-bottom: var(--space-sm);
  }

  .shop-assortment .filter-pill {
    padding-inline: var(--space-xs);
  }

}