/* Popoki — categorias relacionadas SOMENTE abaixo da paginação.
   Componente isolado: não altera o CSS Grid/mosaico original do tema. */
.popoki-related-categories-bottom{
    width:var(--root-content-width,1524px);
    max-width:calc(100% - 32px);
    margin:20px auto 28px;
    padding:0;
    clear:both;
    box-sizing:border-box;
}
.popoki-related-categories-bottom__track{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:stretch;
    gap:16px;
}
.popoki-related-category-card{
    display:flex;
    align-items:center;
    flex:0 0 204px;
    width:204px;
    min-width:204px;
    height:94px;
    min-height:94px;
    overflow:hidden;
    border-radius:16px;
    background:#fff;
    box-shadow:var(--shadow-mid,0 4px 14px rgba(0,0,0,.14));
    text-decoration:none!important;
    color:var(--blue-1,#082f56);
    transition:transform .2s ease,box-shadow .2s ease;
    box-sizing:border-box;
}
.popoki-related-category-card__image{
    width:94px;
    height:94px;
    flex:0 0 94px;
    overflow:hidden;
    background:#eef4f5;
}
.popoki-related-category-card__image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.popoki-related-category-card__name{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    padding:10px 11px;
    color:var(--blue-1,#082f56);
    font:700 11px/16px var(--fontBody,Arial,sans-serif);
    letter-spacing:.45px;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}
@media(hover:hover){
    .popoki-related-category-card:hover{
        transform:translateY(-2px);
        box-shadow:var(--shadow-hover,0 10px 24px rgba(0,0,0,.18));
    }
}
@media(max-width:700px){
    .popoki-related-categories-bottom{
        width:100%;
        max-width:100%;
        margin:16px auto 22px;
        padding:0 14px;
        overflow:hidden;
    }
    .popoki-related-categories-bottom__track{
        flex-wrap:nowrap;
        justify-content:flex-start;
        overflow-x:auto;
        padding-bottom:8px;
        scrollbar-width:none;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
    }
    .popoki-related-categories-bottom__track::-webkit-scrollbar{display:none}
    .popoki-related-category-card{scroll-snap-align:start}
}