<style>
.top-category-block[data-custom-categories]{display:block}
.top-category-block .menu-level-2{display:flex;flex-wrap:nowrap;gap:16px;margin:0;padding:4px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.top-category-block .menu-level-2::-webkit-scrollbar{display:none}
.top-category-block .menu-level-2>li{flex:0 0 calc((100% - 64px)/5);width:auto;max-width:none;margin:0;padding:0;scroll-snap-align:start}
.top-category-block .menu-level-2>li:nth-child(1){--a:#fff;--t:#1f2421}
.top-category-block .menu-level-2>li:nth-child(2){--a:#4caf6d;--t:#fff}
.top-category-block .menu-level-2>li:nth-child(3){--a:#ef5f6b;--t:#fff}
.top-category-block .menu-level-2>li:nth-child(4){--a:#f7c6cd;--t:#b13b46}
.top-category-block .menu-level-2>li:nth-child(5){--a:#1f5d3a;--t:#fff}
.top-category-block .menu-content{position:relative;display:block;aspect-ratio:6/5;border-radius:18px;overflow:hidden}
.top-category-block a.menu-image{position:absolute;inset:0;display:block;margin:0;padding:0}
.top-category-block a.menu-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.top-category-block .menu-content:hover img{transform:scale(1.05)}
.top-category-block .menu-content>div{position:absolute;right:12px;bottom:12px;left:12px;z-index:2}
.top-category-block .menu-content>div>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;border-radius:999px;background:var(--a,#fff);color:var(--t,#1f2421);font-size:14px;font-weight:600;line-height:1.2;text-align:left;text-decoration:none;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.top-category-block .menu-content>div>a::after{content:'';flex:0 0 auto;width:7px;height:7px;margin-right:3px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg)}
@media(max-width:991px){
.top-category-block .menu-level-2>li{flex:0 0 calc((100% - 32px)/3)}
}
@media(max-width:767px){
.top-category-block .menu-level-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow-x:visible;scroll-snap-type:none}
.top-category-block .menu-level-2>li{flex:none;width:auto;scroll-snap-align:none}
.top-category-block .menu-level-2>li:nth-child(n+3){display:none}
.top-category-block .menu-content>div{right:8px;bottom:8px;left:8px}
.top-category-block .menu-content>div>a{padding:7px 10px;font-size:12px;gap:4px}
}
</style>
<style>
.top-category-block .menu-level-2>li:nth-child(1) .menu-content>div>a{color:#1f2421!important}
.top-category-block .menu-level-2>li:nth-child(2) .menu-content>div>a{color:#fff!important}
.top-category-block .menu-level-2>li:nth-child(3) .menu-content>div>a{color:#fff!important}
.top-category-block .menu-level-2>li:nth-child(4) .menu-content>div>a{color:#b13b46!important}
.top-category-block .menu-level-2>li:nth-child(5) .menu-content>div>a{color:#fff!important}
</style>

