/*==================================================
    TIPA MART
    NEW ARRIVALS — GROGIN HOME 1 STYLE
==================================================*/


/*==================================================
    PRODUCTS SECTION
==================================================*/

.products{

    padding:10px 0 60px;

    background:#ffffff;

}


/*==================================================
    SECTION HEADER
==================================================*/

.products__heading{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:28px;

}


.products__heading .section-heading{

    flex:1;

    margin-bottom:0;

}


/*==================================================
    VIEW ALL
==================================================*/

.products__view-all{

    flex:0 0 auto;

    display:inline-flex;

    align-items:center;

    gap:7px;

    color:#082C6C;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

    transition:

        color .2s ease,

        gap .2s ease;

}


.products__view-all:hover{

    color:#F5B51D;

    gap:10px;

}


.products__view-all i{

    font-size:12px;

}


/*==================================================
    NEW ARRIVALS GRID
==================================================*/

.products__grid{

    display:grid;

    grid-template-columns:repeat(6, minmax(0, 1fr));

    gap:16px;

    width:100%;

}


.products__grid .product-card{

    width:100%;

    min-width:0;

}


/*==================================================
    LARGE TABLET
==================================================*/

@media (max-width:1200px){

    .products{

        padding-bottom:50px;

    }

    .products__grid{

        grid-template-columns:repeat(4, minmax(0, 1fr));

        gap:14px;

    }

}


/*==================================================
    TABLET
==================================================*/

@media (max-width:992px){

    .products__grid{

        grid-template-columns:repeat(3, minmax(0, 1fr));

        gap:14px;

    }

}


/*==================================================
    MOBILE
==================================================*/

@media (max-width:768px){

    .products{

        padding:5px 0 40px;

    }

    .products__heading{

        gap:12px;

        margin-bottom:20px;

    }

    .products__heading .section-heading__title{

        font-size:17px;

    }

    .products__view-all{

        font-size:12px;

    }

    .products__grid{

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

        gap:12px;

    }

}


/*==================================================
    SMALL MOBILE
==================================================*/

@media (max-width:576px){

    .products{

        padding-bottom:35px;

    }

    .products__heading{

        gap:10px;

        margin-bottom:18px;

    }

    .products__heading .section-heading__title{

        font-size:15px;

    }

    .products__view-all{

        font-size:11px;

    }

    .products__view-all i{

        font-size:10px;

    }

    .products__grid{

        gap:10px;

    }

}


/*==================================================
    VERY SMALL MOBILE
==================================================*/

@media (max-width:400px){

    .products__grid{

        gap:8px;

    }

}