/* WalStore v3.6.2 — restore original circular homepage category rail. */
.vp-homepage .vp-home-peek-hero .vp-slider-category-strip,
.vp-homepage .vp-home-peek-hero .vp-slider-category-strip.is-scrollable{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto 14px!important;
    padding:10px 8px 12px!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-behavior:smooth!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-strip:not(.is-scrollable){justify-content:center!important}
.vp-homepage .vp-home-peek-hero .vp-slider-category-strip.is-scrollable{justify-content:flex-start!important;scroll-snap-type:x proximity!important}
.vp-homepage .vp-home-peek-hero .vp-slider-category-strip::-webkit-scrollbar{display:none!important}
.vp-homepage .vp-home-peek-hero .vp-slider-category{
    flex:0 0 104px!important;
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    text-decoration:none!important;
    color:#111827!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-icon{
    position:relative!important;
    flex:0 0 72px!important;
    width:72px!important;
    height:72px!important;
    min-width:72px!important;
    min-height:72px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    padding:0!important;
    border:1px solid #e6e9ef!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 3px 10px rgba(15,23,42,.06)!important;
    box-sizing:border-box!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-fallback{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border-radius:50%!important;
    background:#f7f8fb!important;
    color:var(--vp-primary,#5856d6)!important;
    font-style:normal!important;
    font-size:23px!important;
    font-weight:900!important;
    line-height:1!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-icon img,
.vp-homepage .vp-home-peek-hero .vp-slider-category-svg,
.vp-homepage .vp-home-peek-hero .vp-slider-category-svg svg{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:0!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-icon img{
    object-fit:cover!important;
    border-radius:50%!important;
    background:#fff!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-svg{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px!important;
    box-sizing:border-box!important;
    background:#fff!important;
    border-radius:50%!important;
}
.vp-homepage .vp-home-peek-hero .vp-slider-category-svg svg{object-fit:contain!important}
.vp-homepage .vp-home-peek-hero .vp-slider-category strong{
    display:-webkit-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:104px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 2px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    color:#111827!important;
    font-size:12px!important;
    line-height:16px!important;
    font-weight:800!important;
    text-align:center!important;
}
@media(hover:hover) and (pointer:fine){
    .vp-homepage .vp-home-peek-hero .vp-slider-category:hover{transform:translateY(-2px)!important}
    .vp-homepage .vp-home-peek-hero .vp-slider-category:hover .vp-slider-category-icon{border-color:var(--vp-primary,#5856d6)!important;box-shadow:0 7px 18px rgba(15,23,42,.10)!important}
}
@media(max-width:767px){
    .vp-homepage .vp-home-peek-hero .vp-slider-category-strip,
    .vp-homepage .vp-home-peek-hero .vp-slider-category-strip.is-scrollable{gap:10px!important;padding:8px 4px 10px!important;justify-content:flex-start!important}
    .vp-homepage .vp-home-peek-hero .vp-slider-category{flex-basis:88px!important;width:88px!important;min-width:88px!important;max-width:88px!important}
    .vp-homepage .vp-home-peek-hero .vp-slider-category-icon{flex-basis:64px!important;width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important}
    .vp-homepage .vp-home-peek-hero .vp-slider-category strong{max-width:88px!important;font-size:11px!important;line-height:15px!important;min-height:30px!important;max-height:30px!important}
}