.collection{width:100%;background-color:#f6f8f6;margin-top:84px}.collection-wrapper{width:100%}.collection-wrapper__categories{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:44px;gap:44px;margin:0 auto}@media(max-width:768px){.collection-wrapper__categories{grid-template-columns:1fr;gap:24px}}.category-card{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;overflow:hidden;aspect-ratio:16/7;background:#6b6b6b;transition:transform .3s ease,box-shadow .3s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.15)}.category-card:hover img{transform:scale(1.05)}.category-card:hover .category-card__overlay{opacity:.4}.category-card:hover .category-card__title{letter-spacing:6px}.category-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.category-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#222020;opacity:.3;transition:opacity .3s ease}.category-card__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.category-card__title{font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:4px;text-align:center;transition:letter-spacing .3s ease}.category-card__count,.category-card__title{color:#f6f8f6;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.category-card__count{font-size:16px;opacity:.9}@media(max-width:768px){.category-card{aspect-ratio:16/9}.category-card__title{font-size:24px;letter-spacing:2px}.category-card__count{font-size:12px}.category-card:hover .category-card__title{letter-spacing:4px}}