[mn="7045"] {
    background-attachment: fixed;
    --itmdiv: 4; 
    min-height: 100svh;
}
 

[mn="7045"] {

    .categorylistbx.catbx {
        --listset-gap: 15px;

        .categorylistw{ 
            & [cat_id]{
                flex: 0 0 auto;
                max-width: auto;
                line-height: 1;
                padding: 15px;
                border-radius: 3px;
                border: 1px solid #ccc;
                cursor: pointer;
                white-space: nowrap;
                font-family: var(--ft-t1);

                &.active,
                &:hover{
                    background-color: var(--clr01);
                    border-color: var(--clr01);
                    color: #fff;
                }
            }

            @media(width<575px){
                overflow-x: auto;
                flex-wrap: nowrap;
                justify-content: unset;
            }
        }
    }

    .categorylistbx.listbx {
        --listset-gap: 45px;
        --listset-count: 3;
        margin: 45px 0 0; 

        @media(width<991px){
            --listset-gap: 21px;
            --listset-count: 2;
        }
        @media(width<575px){
            --listset-gap: 21px;
            --listset-count: 2;
        }

        .categorybx{
            cursor: pointer;

            &>*:hover{
                .bimg{ 
                    scale: 1; 
                }
            }
        }

        .ttl{
            margin: 9px 0 0;
            font-family: var(--ft-t1);
            line-height: 1.1;
        }
        .bimg{
            padding-top: 79%;
            scale: 1.15;
            transition: 1.2s all cubic-bezier(0.165, 0.84, 0.44, 1);
        }
    }

}