/* ===== Shop Category Tabs ===== */

.shop-category-tabs{
    width:fit-content;
    max-width:calc(100% - 32px);
    margin:28px auto 34px !important;
    padding:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    background:#ffffff;
    border:1px solid rgba(122,69,36,.18);
    border-radius:999px;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
}

.shop-category-tabs a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:220px;
    padding:12px 28px;
    border-radius:999px;
    background:#f7f1ed;
    color:#4b2a18 !important;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
    text-decoration:none !important;
    border:1px solid transparent;
    transition:.2s ease;
}
/* ===== ลดขนาดกรอบสินค้าและรูปภาพ ===== */

.wc-block-product-template{
    max-width:1320px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:24px !important;
}

.wc-block-product-template li,
.wc-block-product-template .wc-block-product,
.wc-block-grid__product{
    padding:14px !important;
    border-radius:16px !important;
    max-width:420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.wc-block-product-template li img,
.wc-block-product-template .wc-block-components-product-image img,
.wc-block-grid__product img{
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1 !important;   /* ล็อกขนาดกล่องรูปให้เท่ากันทุกสินค้า ปุ่มด้านล่างจะได้ตรงกัน */
    object-fit: contain !important;    /* โชว์ภาพเต็มร้อยเปอร์เซ็นต์ ไม่บีบ ไม่ตัดขอบ */
    background-color: transparent !important; /* หรือเปลี่ยนเป็น #ffffff ถ้าต้องการให้พื้นหลังรูปที่ไม่เต็มเป็นสีขาว */
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    border-radius: 12px !important;
}

/* ===== Mobile ===== */

@media (max-width:640px){
    .shop-category-tabs{
        border-radius:18px;
        padding:12px;
    }

    .shop-category-tabs a{
        width:100%;
        min-width:0;
        font-size:15px;
    }
}