/* PillowDay – Pillowcases page styles */

.hero--pillowcases { padding: var(--space-12) 0 var(--space-10); }
.hero__inner { display: grid; gap: var(--space-8); align-items: center; }
@media (min-width: 960px) { .hero__inner { grid-template-columns: 1.1fr 1fr; } }
.hero__content .hero__actions { margin-top: var(--space-4); display: flex; gap: var(--space-3); flex-wrap: wrap; }
.hero__media img { aspect-ratio: 16 / 9; object-fit: cover; box-shadow: var(--shadow-md); }

/* Filters */
.filters { padding: var(--space-6) 0; position: sticky; top: 0; z-index: 10; background: color-mix(in oklab, var(--color-background) 90%, transparent); backdrop-filter: blur(6px); border-top: 1px solid var(--gray-200); border-bottom: 1px solid var(--gray-200); }
.filters__form { display: grid; gap: var(--space-3); }
.filters__row { display: grid; gap: var(--space-3); grid-template-columns: 1fr; }
@media (min-width: 840px) { .filters__row { grid-template-columns: 1.2fr 0.8fr 0.8fr minmax(160px, 1fr) minmax(220px, 0.8fr) auto; align-items: center; } }

.filters__colors { display: inline-flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.color-chip { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--gray-300); background: var(--color-surface); border-radius: var(--radius-pill); cursor: pointer; }
.color-chip[aria-pressed="true"] { border-color: var(--color-primary); box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-primary) 20%, transparent); }
.color-chip span.chip { display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--gray-300); }
.chip--white { background: #fff; }
.chip--grey { background: #9CA3AF; }
.chip--green { background: #6BA18C; }
.chip--sand { background: #D7C7A6; }
.chip--olive { background: #7C8A54; }
.chip--rose { background: #E3A5B5; }
.chip--ivory { background: #F2EAD8; }
.chip--beige { background: #D9CBB6; }

.filters__price { display: inline-flex; align-items: center; gap: var(--space-2); }
.filters__price .dash { color: var(--gray-500); }

/* Product cards */
.collection { padding: var(--space-10) 0; }
.product-card { display: grid; gap: var(--space-3); }
.product-card .media img { aspect-ratio: 1 / 1; object-fit: cover; }
.product-title { font-size: var(--text-lg); }
.product-meta { display: flex; align-items: center; gap: var(--space-3); color: var(--gray-600); }
.product-price { font-size: var(--text-lg); font-weight: 700; }
.product-actions { display: flex; gap: var(--space-3); }

/* Content sections */
.material-guide, .sizes, .care, .reviews, .complete-set, .sustainability, .personalization, .seasonal, .gifts { padding: var(--space-10) 0; }
.complete-set__actions { margin-top: var(--space-4); display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Minor accessibility helpers */
blockquote.card p { margin-bottom: var(--space-2); }

@media (prefers-color-scheme: dark) {
  .filters { background: color-mix(in oklab, var(--color-surface) 50%, transparent); }
}