/* modules/category/assets/css/category.css */
.categories{display:flex;align-items:center;gap:20px}.category{flex:1;aspect-ratio:16 / 10;min-height:0;.category__content{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;z-index:2}.category__link{display:block;height:100%;width:auto;position:relative;overflow:hidden;border-radius:0;&::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff0 45%,rgb(17 24 39 / .8) 100%);z-index:1}}.category__link h3{color:#fff;margin-bottom:0}.category__link img{object-fit:cover;width:100%;height:100%;max-height:100%!important;padding:0;border:none;border-radius:0;transition:transform 0.7s ease;transform-origin:center;will-change:transform}&:hover .category__link img{transform:scale(1.14)}}@media (max-width:860px){.categories{flex-wrap:wrap}.category{flex:1 1 calc(50% - 10px)}}@media (max-width:575.98px){.categories{flex-direction:column;align-items:stretch;gap:12px}.category{flex:0 0 auto;width:100%}}.category-search{width:100%}@media (min-width:992px){.category-search{width:50%}}#piece-type-grid>div+div>a{border-top:1px solid var(--border-grey)}@media (min-width:768px){#piece-type-grid>div+div>a{border-top:0}#piece-type-grid>div:not(:nth-child(4n+1))>a{border-left:1px solid var(--border-grey)}#piece-type-grid>div:nth-child(n+5)>a{border-top:1px solid var(--border-grey)}}