/* Organizers page specific styles (kept minimal and complementary to base.css) */
.section-hero { padding-block: var(--space-40) var(--space-32); }
.hero { background: var(--color-surface); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: var(--space-24); }
.hero__grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-24); align-items: center; }
.hero__copy p { color: var(--gray-700); }
.hero__search { margin-top: var(--space-16); }
.hero__search input { background: var(--color-surface); }
.hero__actions { display: flex; gap: var(--space-12); margin-top: var(--space-16); flex-wrap: wrap; }
.hero__media img { border-radius: var(--radius-md); box-shadow: var(--shadow-xs); }

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

/* Filters */
.section-filters { padding-block: var(--space-24) var(--space-16); }
.types-chips { display: flex; gap: var(--space-12); flex-wrap: wrap; margin-block: var(--space-12) var(--space-16); }
.chip { border: 1px solid var(--gray-300); background: var(--gray-100); color: var(--color-text); border-radius: var(--radius-round); padding: 6px 12px; font-weight: 600; }
.chip[aria-pressed="true"], .chip:hover { background: var(--color-primary-weak); border-color: var(--color-primary); color: var(--color-primary); }

.filters { margin-top: var(--space-8); }
.filters__summary { cursor: pointer; padding: 8px 0; font-weight: 600; color: var(--gray-700); }
.filters__form { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: var(--space-20); align-items: end; border-top: 1px solid var(--gray-200); padding-top: var(--space-16); }
.filters__group { display: grid; gap: 8px; }
.filters__group fieldset, .filters__group legend { border: 0; margin: 0; padding: 0; }
.filters__group label { font-size: var(--fs-sm); color: var(--gray-700); }
.range { display: grid; grid-template-columns: 1fr auto; gap: var(--space-8); align-items: center; }
.range__output { font-size: var(--fs-sm); color: var(--gray-700); }
.filters__actions { display: flex; gap: var(--space-12); }

@media (max-width: 980px) { .filters__form { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .filters__form { grid-template-columns: 1fr; } }

/* Products grid */
.section-products { padding-block: var(--space-24) var(--space-24); }
.products__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--space-16); gap: var(--space-12); }
.results-count { color: var(--gray-600); font-size: var(--fs-sm); }
.products__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); }
@media (max-width: 980px) { .products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .products__grid { grid-template-columns: 1fr; } }
.product__media { border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--space-12); }
.product__media img { width: 100%; height: auto; display: block; }
.product__desc { color: var(--gray-700); margin-bottom: var(--space-12); }
.product__footer { display: flex; justify-content: space-between; align-items: center; gap: var(--space-12); }
.product__price { font-size: var(--fs-lg); }
.product__cta { display: flex; gap: var(--space-8); flex-wrap: wrap; }

/* Content sections */
.section-benefits, .section-tips, .section-declutter, .section-hacks, .section-sustainable, .section-personalization, .section-resources { padding-block: var(--space-24); }
.section-resources .resources__cta { display: flex; gap: var(--space-12); margin-top: var(--space-12); flex-wrap: wrap; }

/* Simple toast for add-to-cart feedback (accessible alternative via sr-only is also present) */
.toast { position: fixed; right: 16px; bottom: 16px; background: var(--color-surface); border: 1px solid var(--gray-200); box-shadow: var(--shadow-md); padding: 10px 14px; border-radius: var(--radius-md); display: none; }
.toast[data-show="true"] { display: block; }