.collection-page{padding-top:7rem;padding-bottom:9rem}.collection-page>h1{font-size:clamp(3.2rem,7vw,6rem);color:var(--purple);margin:1.2rem 0 1.5rem}.collection-intro{max-width:760px;color:var(--muted);margin-bottom:3rem}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:3rem 0 1.5rem;font-weight:800}.collection-toolbar label{display:flex;align-items:center;gap:.7rem}.collection-toolbar select{width:auto;margin:0;padding:.7rem 2.5rem .7rem .8rem;border:2px solid var(--ink);border-radius:9px}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.collection-card{background:#fff;border:2px solid var(--ink);border-radius:20px;overflow:hidden;box-shadow:8px 8px 0 var(--yellow)}.collection-card:nth-child(3n+2){box-shadow:8px 8px 0 var(--pink)}.collection-card:nth-child(3n+3){box-shadow:8px 8px 0 var(--blue)}.collection-image{position:relative;display:grid;place-items:center;aspect-ratio:1;background:linear-gradient(135deg,#fff5cf,#ffe4ee,#d7f5ff);overflow:hidden}.collection-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.collection-image>span{font-size:4rem;color:var(--purple)}.collection-image b{position:absolute;top:1rem;left:1rem;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:.35rem .7rem;font-size:.7rem}.collection-copy{padding:1.4rem}.collection-copy>p{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.collection-copy h2{font-size:1.45rem;line-height:1.1;margin-bottom:.7rem}.collection-copy h2 a{color:var(--ink);text-decoration:none}.collection-copy>strong{display:block;font-size:1.1rem;margin-bottom:1.3rem}.empty-collection{text-align:center;padding:5rem;background:var(--cream);border:2px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--yellow)}.empty-collection>span{font-size:4rem;color:var(--purple)}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.collection-grid{grid-template-columns:1fr}.collection-toolbar{align-items:flex-start;flex-direction:column;gap:1rem}}