body {
            background-color: #FFE4B5; /* สีส้มอ่อน */
        }

        .container {
            margin-top: 5%;
        }

        .card {
            background-color: #FFFFFF; /* สีขาว */
        }

        .card-header {
            background-color: #FFA500; /* สีส้ม */
            color: #FFFFFF; /* สีขาว */
            font-weight: bold;
        }

        .form-control {
            background-color: #FFDAB9; /* สีส้มอ่อน */
        }

        .btn-primary {
            background-color: #FFA500; /* สีส้ม */
            border-color: #FFA500; /* สีส้ม */
        }
        
        .product-block {
            background-color: #fff; /* สีขาว */
            padding: 20px;
            border-radius: 10px; /* ขอบโค้ง */
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* เงา */
            margin-bottom: 20px;
        }
    
        .product-block img {
            width: 100%;
            height: auto;
            border-radius: 5px; /* ขอบโค้ง */
        }

        .custom-border {
            border-bottom: 2px solid #000; /* สีดำ */
        }

        .btn-hover:hover {
        background-color: orange;
        color: white;
        }

        .product-block img {
        width: 300px;  /* ทำให้รูปภาพเต็มตาม container */
        height: auto; /* ทำให้ความสูงปรับตามสัดส่วน */
        object-fit: cover; /* ทำให้รูปภาพครอบทั้ง container โดยไม่เปลี่ยนสัดส่วน */
        }

         /* Custom CSS for dropdown item hover */
         .dropdown-item:hover {
            background-color: #ffc107 !important;
            color: #212529 !important;
        }

        /* @media queries to adjust styles for responsive behavior */
        @media (max-width: 768px) {
            /* Adjust font size for smaller screens */
            .dropdown-item {
                font-size: 14px;
            }
        }