/**
 * Archives, search, saved looks, and product discovery.
 */

.ff-archive-header { max-width: 800px; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.ff-archive-kicker { margin-bottom: .6rem; color: var(--ff-color-accent); font-size: .74rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.ff-archive-description, .ff-archive-header > p:last-child { max-width: 680px; color: var(--ff-color-muted); font-size: 1.05rem; }
.ff-archive-grid, .ff-guide-archive-grid, .ff-search-results { display: grid; gap: 1rem; }
.ff-guide-archive-card h2, .ff-product-card h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
.ff-guide-archive-card h2 a, .ff-product-card h2 a { color: inherit; text-decoration: none; }
.ff-guide-archive-card .ff-card__body > p:not(.ff-card__eyebrow) { color: var(--ff-color-muted); }
.ff-search-form { display: grid; gap: .5rem; margin-top: 2rem; }
.ff-search-form label { font-size: .82rem; font-weight: 700; }
.ff-search-form > div { display: flex; flex-direction: column; gap: .65rem; }
.ff-search-form input { min-width: 0; min-height: 50px; flex: 1; padding: .75rem 1rem; border: 1px solid var(--ff-color-border); border-radius: 999px; background: var(--ff-color-card); color: var(--ff-color-foreground); }
.ff-not-found { max-width: 780px; padding-block: clamp(1.75rem, 4vw, 3.75rem); text-align: center; }
.ff-not-found > p:not(.ff-archive-kicker) { max-width: 580px; margin-inline: auto; color: var(--ff-color-muted); }
.ff-not-found > div { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 2rem; }
.ff-saved-page__header { margin-bottom: clamp(1.25rem, 2.5vw, 2rem); }
.ff-saved-page__privacy { margin-top: .65rem; font-size: .85rem !important; }
.ff-saved-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.ff-saved-card { display: grid; grid-template-columns: minmax(96px, 30%) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--ff-color-border); border-radius: 1.1rem; background: var(--ff-color-card); }
.ff-saved-card__media { display: block; min-height: 165px; overflow: hidden; background: var(--ff-color-neutral); color: var(--ff-color-muted); text-decoration: none; }
.ff-saved-card__media img { width: 100%; height: 100%; object-fit: cover; }
.ff-saved-card__placeholder { display: flex; height: 100%; min-height: 165px; align-items: center; justify-content: center; padding: 1rem; font-family: var(--ff-font-editorial); text-align: center; }
.ff-saved-card__body { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 1rem; }
.ff-saved-card__eyebrow { margin: 0 0 .35rem; color: var(--ff-color-accent); font-size: .7rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ff-saved-card h2 { margin: 0; font-size: clamp(1.25rem, 4vw, 1.7rem); }
.ff-saved-card__reel { margin: .45rem 0 0; color: var(--ff-color-muted); font-size: .88rem; }
.ff-saved-card__actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1rem; }
.ff-saved-card__actions .ff-button { min-height: 2.65rem; padding: .65rem .9rem; }
.ff-saved-empty { margin-top: 1rem; }
.ff-product-single { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.ff-product-single__media { min-height: 280px; overflow: hidden; border-radius: var(--ff-radius-large); background: var(--ff-color-neutral); }
.ff-product-single__media img { width: 100%; height: auto; }
.ff-product-single__intro { color: var(--ff-color-muted); font-size: 1.08rem; }
.ff-product-single__details { margin-block: 2rem; }
.ff-product-single__details div { display: grid; grid-template-columns: minmax(100px, .4fr) 1fr; gap: 1rem; padding-block: .7rem; border-bottom: 1px solid var(--ff-color-border); }
.ff-product-single__details dt { color: var(--ff-color-muted); font-size: .75rem; text-transform: uppercase; }
.ff-product-single__details dd { margin: 0; overflow-wrap: anywhere; }
.ff-entry__footer { margin-top: 3rem; padding-top: 1.25rem; border-top: 1px solid var(--ff-color-border); }
.ff-entry__tags { color: var(--ff-color-muted); font-size: .85rem; }
@media (min-width: 40rem) {
	.ff-archive-grid, .ff-guide-archive-grid, .ff-search-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ff-search-form > div { flex-direction: row; }
	.ff-saved-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64rem) {
	.ff-archive-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ff-guide-archive-grid, .ff-search-results { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ff-saved-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.ff-saved-card { grid-template-columns: 1fr; }
	.ff-saved-card__media, .ff-saved-card__placeholder { min-height: 320px; }
	.ff-saved-card__body { padding: 1.15rem; }
	.ff-product-single { grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr); }
}