.coll-page-hero{background:var(--color-primary);padding:2.5rem clamp(1rem,3vw,2.5rem);color:#fff}.coll-page-hero__inner{max-width:1540px;margin:0 auto;display:flex;align-items:center;gap:1.25rem}.coll-page-hero__icon{width:60px;height:60px;border-radius:16px;background:#ffffff2e;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.coll-page-hero__title{font-family:var(--font-display);font-size:clamp(22px,3vw,36px);margin:0 0 4px;color:#fff;letter-spacing:.5px}.coll-page-hero__sub{font-size:14px;color:#ffffffd1;font-weight:600;margin:0}.coll-page-wrap{max-width:1540px;margin:0 auto;padding:2.5rem clamp(1rem,3vw,2.5rem) 3.5rem}.coll-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:960px){.coll-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.coll-grid{grid-template-columns:1fr;gap:14px}}.coll-card{border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease;background:#fff}.coll-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1e0a051f}.coll-card__media{position:relative;aspect-ratio:3 / 2;overflow:hidden}.coll-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.coll-card:hover .coll-card__media img{transform:scale(1.05)}.coll-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px}.coll-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#1e0a0552;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}.coll-card:hover .coll-card__overlay{opacity:1}.coll-card__overlay-btn{background:#fff;color:var(--color-primary-dark);font-family:var(--font-display);font-size:15px;font-weight:700;padding:10px 22px;border-radius:var(--radius-pill);display:flex;align-items:center;gap:6px;transform:translateY(8px);transition:transform .22s ease}.coll-card:hover .coll-card__overlay-btn{transform:translateY(0)}.coll-card__body{padding:1rem 1.1rem 1.1rem;flex:1;display:flex;flex-direction:column;gap:4px}.coll-card__title{font-family:var(--font-display);font-size:clamp(16px,1.4vw,20px);margin:0;line-height:1.25}.coll-card__count{font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-pill);display:inline-flex;align-self:flex-start;margin-top:2px}.coll-card__desc{font-size:12px;color:var(--color-text-secondary);line-height:1.55;margin:2px 0 0}.ccard-coral .coll-card__placeholder{background:#faece7;color:#d85a30}.ccard-coral .coll-card__body{background:#faece7}.ccard-coral .coll-card__title{color:#4a1b0c}.ccard-coral .coll-card__count{background:#f5c4b3;color:#712b13}.ccard-purple .coll-card__placeholder{background:#eeedfe;color:#534ab7}.ccard-purple .coll-card__body{background:#eeedfe}.ccard-purple .coll-card__title{color:#26215c}.ccard-purple .coll-card__count{background:#cecbf6;color:#26215c}.ccard-teal .coll-card__placeholder{background:#e1f5ee;color:#1d9e75}.ccard-teal .coll-card__body{background:#e1f5ee}.ccard-teal .coll-card__title{color:#04342c}.ccard-teal .coll-card__count{background:#9fe1cb;color:#04342c}.ccard-amber .coll-card__placeholder{background:#faeeda;color:#ba7517}.ccard-amber .coll-card__body{background:#faeeda}.ccard-amber .coll-card__title{color:#412402}.ccard-amber .coll-card__count{background:#fac775;color:#412402}.ccard-pink .coll-card__placeholder{background:#fbeaf0;color:#d4537e}.ccard-pink .coll-card__body{background:#fbeaf0}.ccard-pink .coll-card__title{color:#4b1528}.ccard-pink .coll-card__count{background:#f4c0d1;color:#4b1528}.ccard-blue .coll-card__placeholder{background:#e6f1fb;color:#378add}.ccard-blue .coll-card__body{background:#e6f1fb}.ccard-blue .coll-card__title{color:#042c53}.ccard-blue .coll-card__count{background:#b5d4f4;color:#042c53}@media(max-width:560px){.coll-page-hero{padding:1.75rem 1rem}.coll-page-hero__icon{width:48px;height:48px;font-size:22px}.coll-card__overlay{display:none}}
/*# sourceMappingURL=/cdn/shop/t/184/assets/collections-page.css.map */