.collections-page.svelte-8lyz9q{background-color:var(--bb-pink-ultra-light);min-height:60vh;padding:20px 0 60px}.collections-header.svelte-8lyz9q{text-align:center;margin-bottom:40px}.collections-header.svelte-8lyz9q h1:where(.svelte-8lyz9q){color:var(--bb-text-main);margin-bottom:10px;font-family:Playfair Display,serif;font-size:42px}.collections-header.svelte-8lyz9q p:where(.svelte-8lyz9q){color:var(--bb-text-light);max-width:500px;margin:0 auto;font-size:16px}.collections-grid.svelte-8lyz9q{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.collection-card.svelte-8lyz9q{background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f}.collection-card.svelte-8lyz9q:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0000001f}.collection-card-image.svelte-8lyz9q{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.collection-card-image.svelte-8lyz9q img:where(.svelte-8lyz9q){object-fit:cover;width:100%;height:100%;transition:transform .4s}.collection-card.svelte-8lyz9q:hover .collection-card-image:where(.svelte-8lyz9q) img:where(.svelte-8lyz9q){transform:scale(1.08)}.collection-card-overlay.svelte-8lyz9q{background:linear-gradient(#0000 50%,#00000026 100%);position:absolute;inset:0}.collection-card-content.svelte-8lyz9q{text-align:center;padding:18px 20px}.collection-card-content.svelte-8lyz9q h3:where(.svelte-8lyz9q){color:var(--bb-text-main);margin-bottom:6px;font-family:Playfair Display,serif;font-size:18px;font-weight:700}.collection-browse.svelte-8lyz9q{color:var(--bb-pink);font-size:13px;font-weight:600;transition:letter-spacing .2s}.collection-card.svelte-8lyz9q:hover .collection-browse:where(.svelte-8lyz9q){letter-spacing:.5px}@media (width<=900px){.collections-grid.svelte-8lyz9q{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width<=600px){.collections-grid.svelte-8lyz9q{grid-template-columns:repeat(2,1fr);gap:14px}.collections-header.svelte-8lyz9q h1:where(.svelte-8lyz9q){font-size:30px}.collection-card-content.svelte-8lyz9q{padding:12px 14px}.collection-card-content.svelte-8lyz9q h3:where(.svelte-8lyz9q){font-size:15px}}