/* Collections page styles – minimal and complementary to base.css */
.section-hero { padding-block: var(--space-16) var(--space-10); }
.section-hero .hero-inner { text-align: center; background: linear-gradient(135deg, rgba(20,184,166,0.12), rgba(217,70,239,0.10)), radial-gradient(1200px 400px at 50% 0%, rgba(255,212,0,0.18), transparent 60%); padding: var(--space-12) var(--space-8); border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.section-hero .hero-cta { margin-top: var(--space-6); display: inline-flex; gap: var(--space-4); flex-wrap: wrap; justify-content: center; }

.section-block { padding-block: var(--space-14); }
.section-head { margin-bottom: var(--space-6); }
.section-head p { color: var(--gray-700); }

.card .media { margin-bottom: var(--space-5); border-radius: var(--radius-lg); overflow: hidden; }
.card .content { display: grid; gap: var(--space-4); }

.mood-chips a { transition: transform var(--duration-fast) var(--ease-out); }
.mood-chips a:hover { transform: translateY(-1px); }

.section-cta { padding-block: var(--space-14) var(--space-20); }
.section-cta .card { text-align: center; }

/* Simple list style enhancement without conflicting with base */
.bullet { display: grid; gap: var(--space-2); margin-block: var(--space-3); }
.bullet li { position: relative; padding-left: 1.25rem; }
.bullet li::before { content: '\2713'; position: absolute; left: 0; top: 0; color: var(--color-primary); font-weight: 800; }