#GFCatalog .categories-list {list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: 15px;}
#GFCatalog .subcategories{list-style: none;padding: 0;}
#GFCatalog a{border-bottom: none;color: #364657;}
#GFCatalog a:hover{color: var(--pxp-action-main-hover);}
#GFCatalog .categories-item__icon{fill:var(--pxp-action-main-hover)}
#GFCatalog .subcategory{margin-bottom: 5px;}
#GFCatalog .categories-item__card-wrapper{overflow: hidden;box-shadow: 0 2px 6px 0 rgba(188, 191, 185, 0.5);border-radius: 10px;max-height: 260px; padding: 10px 15px;position: absolute;width: 100%;background-color: white;transition:max-height 0.2s ease;}
#GFCatalog .categories-item__card-wrapper:hover{max-height: 1000px;z-index: 10;transition: max-height 1s linear, box-shadow .3s;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15), 0 3px 5px rgba(0, 0, 0, 0.1);}
#GFCatalog .categories-item__card-wrapper::after{background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 68.97%);bottom: 0;content: "";height: 55px;left: 0;position: absolute;width: 100%;z-index: 1;}
#GFCatalog .categories-item__card-wrapper:hover::after{background-image: none;height: 0;}
#GFCatalog .categories-item{position: relative;height: 260px; width: 24%;margin-bottom: 0;}
@media (max-width: 1170px) {
    #GFCatalog .categories-item{width: 22%;}
}
@media (max-width: 845px) {
    #GFCatalog .categories-item{width: 100%;}
}
@media (max-width: 600px) {
    #GFCatalog .categories-item{height: auto;}
    #GFCatalog .categories-item__card-wrapper{position: relative;height: auto;max-height: none;}
    #GFCatalog .categories-item__card-wrapper::after{background-image: none;height: 0;}
}