@font-face {
    font-family: 'Sarabun';
    src: url('../fonts/Sarabun-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Serif Thai';
    src: url('../fonts/NotoSerifThai-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans Thai';
    src: url('../fonts/NotoSansThai-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_18pt-Medium.ttf') format('truetype');
}

body {
    font-family: 'Sarabun', sans-serif !important;
    font-size:15px;
}


h1,h2,h3,h4,h5{
    font-family: "Noto Sans Thai", sans-serif;
}

.container {
    max-width: 1320px;
}


.navbar-nav{
    font-size:15px;
}
    .navbar-nav .dropdown-item {
        font-size: 15px;
    }



.card-product{
    border-radius:0;
}
    .card-product .product-name {
        font-family: "Inter", sans-serif;
       
    }
    .card-product .product-sum {
        font-family: "Inter",Sarabun, sans-serif;
    }
    .card-product .product-price {
        font-family: "Inter",Sarabun, sans-serif;
    }

.card-gold {
    border: none;
    background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
    background:
    /* The top-left highlight */
    radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%),
    /* The main gold body */
    radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%);
}
.card-gold{

}


@media (min-width: 1200px) {
    .card-product .product-name {
        font-size: 30px;
    }

    .card-product .product-sum {
        font-size: 18px;
    }

    .card-product .product-price {
        font-size: 18px;
    }
}


@media (max-width: 375px) {
    .card-product .product-name {
        font-size:16px;
    }
    .card-product .product-sum {
        font-size: 12px;
    }
    .card-product .product-price {
        font-size: 12px;
    }
}