/* Add custom CSS styles below */

/* remove bg*/
/*categary*/
.al-categories .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 70%;
    margin: auto;
}

.al-categories .category_card {
    padding: 20px 0;
}

.al-categories img {

    max-height: 220px;

}

@media (max-width: 768px) {

    /*categary*/
    .al-categories .grid {

        width: 100%;

    }

    .al-categories .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 0;
    }
}
    /**/


    .al-categories .category_card::after {

        background: transparent;

    }

    .al-categories h3 {
        font-size: 19px;
        line-height: 2rem;
        font-weight: 900;
    }

    .al-categories .category_card {

        --background_hover: transparent !important;
    }

    /**/
    footer .copyright-text p {
        color: #fff !important;
    }

    .copyright-text p a:hover {
        color: #fff !important;
    }

    @media (max-width: 768px) {


        /* footer */
        .store-footer__inner .grid .col-span-2 {
            grid-column: span 1 / span 2;
        }

        footer * {
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        .store-footer__inner .col-span-2>a {
            max-width: 150px;
            margin: auto;
        }

        .store-footer__inner .s-menu-footer-list>a {
            text-align: center;
        }

        /**/
    }