/* ============================================================
   JOVIO — MOBILE APP STYLE CATEGORY GRID
   HOME MAIN CATEGORIES ONLY
   ============================================================ */

@media (max-width: 767px) {

    /* SECTION */

    .category-area.product-category1-area {
        width: 100% !important;

        margin: 0 !important;

        padding:
            16px 0 22px !important;

        background: #fff !important;

        overflow: hidden;
    }


    .category-area.product-category1-area
    > .container {
        width: 100% !important;
        max-width: none !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    /* GRID */

    .category-area.product-category1-area
    .category-items1 {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 9px !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* BOOTSTRAP COLUMNS -> PURE GRID ITEMS */

    .category-area.product-category1-area
    .category-items1
    > [class*="col-"] {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: none !important;
    }


    /* ITEM */

    .category-area.product-category1-area
    .category-item {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;

        border: 0 !important;

        border-radius: 0 !important;

        background: transparent !important;

        box-shadow: none !important;
    }


    .category-area.product-category1-area
    .category-item > a {
        position: relative;

        width: 100% !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden;

        border-radius: 0 !important;

        text-decoration: none !important;

        -webkit-tap-highlight-color:
            transparent;
    }


    /* IMAGE TILE */

    .category-area.product-category1-area
    .category-item
    .thumb {
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        aspect-ratio: 236 / 161 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background-size:
            100% 100% !important;

        background-position:
            center center !important;

        background-repeat:
            no-repeat !important;

        box-shadow: none !important;

        transform: none !important;

        transition:
            transform .18s ease,
            opacity .18s ease !important;
    }


    /* remove old effects */

    .category-area.product-category1-area
    .category-item
    .thumb::before,
    .category-area.product-category1-area
    .category-item
    .thumb::after {
        display: none !important;
    }


    /* APP-LIKE TAP */

    .category-area.product-category1-area
    .category-item > a:active
    .thumb {
        transform:
            scale(.975) !important;

        opacity: .92;
    }


    /* avoid AOS leaving odd visual gaps */

    .category-area.product-category1-area,
    .category-area.product-category1-area
    .category-items1 {
        transform: none !important;
    }


    /* NEXT SECTION CLOSER TO CATEGORY GRID */

    .category-area.product-category1-area
    + .product-area {
        padding-top: 18px !important;
    }

}


/* VERY SMALL PHONES */

@media (max-width: 390px) {

    .category-area.product-category1-area
    > .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .category-area.product-category1-area
    .category-items1 {
        gap: 7px !important;
    }

}