/* Shop internal links: sweater promo, brand chips, header/footer links. */

.brand-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; }
.brand-chip { display: inline-flex; align-items: center; min-height: 36px; padding: 6px 14px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--ink-soft); font-size: 0.82rem; font-weight: 750; line-height: 1.2; text-decoration: none; }
.brand-chip:hover, .brand-chip:focus-visible { border-color: var(--accent); background: var(--accent-light); color: var(--accent-dark); }

/* Word page promo */
.sweater-promo { display: grid; gap: 18px; padding: 22px 18px; margin-block: 28px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--accent-light); }
.sweater-promo__main { min-width: 0; }
.sweater-promo .eyebrow { margin-bottom: 6px; }
.sweater-promo__title { font-size: clamp(1.4rem, 4vw, 1.9rem); }
.sweater-promo__text { margin: 10px 0 12px; color: var(--ink-soft); font-size: 0.95rem; }
.sweater-promo__match { margin: 0 0 8px; font-size: 1.05rem; font-weight: 800; }
.sweater-promo__match a { color: var(--accent-dark); text-decoration: none; }
.sweater-promo__match a:hover { color: var(--accent); text-decoration: underline; }
.sweater-promo__all { display: inline-block; }
.sweater-promo .brand-chip { border-color: transparent; }

/* Homepage section */
.sweater-home { padding-block: clamp(40px, 6vw, 72px); }
.sweater-home__intro { max-width: 640px; margin: 14px 0 0; color: var(--muted); }
.sweater-home .brand-chips { margin-bottom: 28px; }
.sweater-home__products { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.sweater-home__products .product-tile { min-width: 0; }

/* Header: seasonal link */
.primary-nav .primary-nav__seasonal a { color: var(--accent-dark); }
.primary-nav .primary-nav__seasonal a::after { transform: scaleX(1); transform-origin: left; }

/* Footer */
.site-footer__shop { min-width: 0; }
.site-footer__shop-title { margin: 0 0 10px; color: var(--ink); font-size: 0.86rem; font-weight: 800; }
.site-footer__shop .footer-nav { max-width: 320px; gap: 8px 14px; }

@media (min-width: 721px) {
	.sweater-promo { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; padding: 26px 28px; }
	.sweater-home__products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
	.site-footer__grid { grid-template-columns: 1fr auto auto; }
}