/* 匯入共用_產品列表.css */
@import url("../../style_nav/style_product/style_product.css");



/*========================================================*/
/*-------產品列表區塊--------*/
/*========================================================*/


.product_area{
    /* grid-template-columns: repeat(4 , 1fr); */
}

.product_list .title{
    color: var(--dark_color);
    text-align: center;
    /* font-weight: 600;      */
    font-size: 1.0625rem; /*17*/
}


/* 在螢幕寬度大於1281時，套用這裡的特定樣式 */
@media screen and (min-width: 1281px) {

    .product_area{
        grid-template-columns: repeat(4 , 1fr);
    }

}

@media screen and (max-width: 1280px) and (min-width: 991px) {

    .product_area{
        grid-template-columns: repeat(3 , 1fr);
    }
    
}