/* Home page enhancements (builds on base.css) */

/* Hero */
.hero { position: relative; background: var(--color-neutral-100); overflow: hidden; }
.hero-media { position: relative; max-height: 50vh; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(44,42,36,0.15) 0%, rgba(44,42,36,0.35) 45%, rgba(44,42,36,0.55) 100%); pointer-events: none; }
.hero-content { position: absolute; inset: -250px; display: flex; align-items: center; flex-direction: column; text-align: center; padding: var(--space-12) 0; }
.hero-content { padding: var(--space-16) 0; z-index: 2; }
.hero-content h1, .hero-content p { color: var(--color-text-inverse); text-shadow: 0 2px 12px rgba(0,0,0,0.2); }


/* Featured categories */
.cat-card { text-align: left; }
.cat-title { font-family: var(--font-family-heading); }

/* Inspiration figure */
.inspiration-figure { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); background: var(--color-surface); }
.inspiration-figure figcaption { color: var(--color-text-secondary); display: flex; align-items: center; gap: var(--space-4); }

/* Shop by room */
.room-grid { display: grid; grid-template-columns: 3fr 2fr; gap: var(--space-8); }
.room-figure { border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-md); }
.room-links { display: grid; gap: var(--space-3); align-content: start; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-xl); padding: var(--space-6); box-shadow: var(--shadow-sm); }

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

/* Stars */
.star { color: var(--color-warning); letter-spacing: 2px; font-size: var(--font-size-lg); }

/* Section header spacing refinement */
.section-header p { color: var(--color-text-secondary); }

/* Minor tweaks */
#rec-grid .card-body { display: flex; flex-direction: column; gap: var(--space-3); }