/* Stationery page specific styles */
.hero { padding: var(--space-32) 0 var(--space-40); }
.hero__inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-24); align-items: center; }
.hero__actions { display: flex; gap: var(--space-12); margin-top: var(--space-16); flex-wrap: wrap; }
.hero__media img { border-radius: var(--radius-lg); }

@media (max-width: 920px) {
  .hero__inner { grid-template-columns: 1fr; }
}

/* Toolbar */
.toolbar { padding: var(--space-24) 0 var(--space-16); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); background: var(--color-surface); }
.toolbar__form { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--space-12); }
.toolbar__field { display: contents; }
.toolbar__meta { display: flex; justify-content: space-between; align-items: center; margin-top: var(--space-12); color: var(--gray-700); }

@media (max-width: 780px) {
  .toolbar__form { grid-template-columns: 1fr; }
  .toolbar__meta { flex-direction: column; align-items: flex-start; gap: var(--space-8); }
}

/* Products grid */
.catalog { padding: var(--space-24) 0 var(--space-16); }
.products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-20); }
.product-card { display: grid; gap: 8px; grid-auto-rows: min-content; }
.product-meta { display: flex; justify-content: space-between; align-items: center; gap: var(--space-12); margin-top: 2px; }
.price { font-weight: 700; color: var(--color-text); }
.no-results { margin-top: var(--space-16); color: var(--gray-700); }

@media (max-width: 980px) { .products-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .products-grid { grid-template-columns: 1fr; } }

/* Category quick links */
.category-links { margin: var(--space-32) auto; }
.category-links__list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: var(--space-12); }
.category-links__list a { display: inline-flex; padding: 8px 12px; border: 1px solid var(--gray-300); border-radius: var(--radius-round); color: var(--color-text); background: var(--gray-50); }
.category-links__list a:hover { text-decoration: none; background: var(--gray-100); }

/* Section blocks */
.catalog-section { padding: var(--space-40) 0; }
.section__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-32); align-items: center; }
.section__grid--reverse { grid-template-columns: 0.9fr 1.1fr; }
.section__content .section__actions { display: flex; gap: var(--space-12); margin-top: var(--space-12); flex-wrap: wrap; }
.section__media img { border-radius: var(--radius-lg); }

@media (max-width: 980px) {
  .section__grid, .section__grid--reverse { grid-template-columns: 1fr; }
}