.collection-page { padding-block: clamp(3rem, 8vw, 6rem); }
.collection-hero { padding-block: clamp(3rem, 8vw, 6rem); background: linear-gradient(145deg, #f6faf7, #eef3ef 65%, #f6e9e6); }
.collection-hero__inner { display: grid; gap: 1.2rem; }
.collection-hero span { color: var(--op-color-sage-600); font-size: .78rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.collection-hero h1 { max-width: 15ch; margin: 0; color: var(--op-color-forest-900); font-size: clamp(2.6rem, 8vw, 5.2rem); line-height: 1; letter-spacing: -.05em; }
.collection-hero p { max-width: 48rem; margin: 0; color: var(--op-color-muted); font-size: 1.08rem; }
.collection-filters { display: grid; gap: .8rem; margin-bottom: 2rem; border-radius: 1rem; background: #fff; box-shadow: var(--op-shadow-sm); padding: 1rem; }
.collection-filters label { display: grid; gap: .35rem; font-weight: 800; }
.collection-filters input, .collection-filters select { min-height: 2.9rem; border: 1px solid #c9d5cd; border-radius: .75rem; padding: .6rem .75rem; }
.collection-grid { display: grid; gap: 1.2rem; }
.collection-card { overflow: hidden; border: 1px solid var(--op-color-border); border-radius: 1.1rem; background: #fff; box-shadow: var(--op-shadow-sm); transition: transform .2s ease, box-shadow .2s ease; }
.collection-card:hover { transform: translateY(-3px); box-shadow: var(--op-shadow-md); }
.collection-card__image { display: block; aspect-ratio: 5/3; overflow: hidden; }
.collection-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.collection-card:hover img { transform: scale(1.025); }
.collection-card__body { display: grid; gap: .6rem; padding: 1.1rem; }
.collection-card__body > span { color: var(--op-color-sage-700); font-size: .78rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.collection-card time { color: var(--op-color-muted); font-size: .85rem; }
.collection-card h2 { margin: 0; color: var(--op-color-forest-900); font-size: 1.25rem; }
.collection-card h2 a { color: inherit; text-decoration: none; }
.collection-card p { margin: 0; color: var(--op-color-muted); }
.collection-card__body > div { display: flex; justify-content: space-between; gap: .8rem; color: var(--op-color-forest-700); font-size: .85rem; }
.collection-empty { border-radius: 1.1rem; background: var(--op-color-sage-100); padding: clamp(2rem, 6vw, 4rem); text-align: center; }
@media (min-width: 48rem) {
    .collection-filters { grid-template-columns: 1fr 1fr auto; align-items: end; }
    .collection-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 75rem) { .collection-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.collection-card{position:relative}.collection-card__sponsored{position:absolute;z-index:2;top:.75rem;left:.75rem;padding:.32rem .6rem;border-radius:999px;background:rgba(46,68,56,.94);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.03em}