/* Lookbook page styles */
.hero-lookbook { background: linear-gradient(135deg, var(--color-primary-50), #ffffff); border-bottom: 1px solid var(--gray-200); }
.hero-lookbook .badge { margin-bottom: var(--space-3); }

.trend-figure { aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--radius-md); margin-bottom: var(--space-4); }
.trend-figure img { width: 100%; height: 100%; object-fit: cover; }

.filter-bar { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.filter-bar .is-active { box-shadow: inset 0 0 0 2px var(--color-primary); }

.look-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: var(--space-6); }
.look-item { position: relative; border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--gray-200); background: var(--color-surface); box-shadow: var(--shadow-xs); }
.look-meta { position: absolute; left: 12px; bottom: 12px; background: rgba(255,255,255,0.9); padding: 8px 10px; border-radius: var(--radius-md); box-shadow: var(--shadow-xs); }
.look-actions { position: absolute; inset-inline: 12px; bottom: 12px; display: flex; gap: var(--space-3); opacity: 0; transform: translateY(8px); transition: opacity var(--dur-fast) var(--ease-in-out), transform var(--dur-fast) var(--ease-in-out); }
.look-item:hover .look-actions, .look-item:focus-within .look-actions { opacity: 1; transform: translateY(0); }
.look-item:hover .look-meta, .look-item:focus-within .look-meta { display: none; }

.product .availability { color: var(--color-success); }

#submission-form label { font-weight: 600; margin-bottom: 6px; display: inline-block; }
#submission-form .stack > * + * { margin-top: var(--space-3); }