body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #FFF0D1; /* Lebih terang dari bg-light */
        }
        /* Style untuk Navbar */
        .navbar {
            background-color: #FFDBB5 !important; /* Dark navbar */
        }
        .navbar .nav-link, .navbar .navbar-brand {
            color: black !important;
        }
        .navbar .nav-link:hover {
            color: #ffffff !important;
        }
        .hero-section {
            background-color: #f8f9fa; /* Mengikuti bg-light dari body */
            padding: 50px 0;
            text-align: center;
        }
        .hero-section .display-5 {
            color: #198754; /* Warna success Bootstrap */
        }
        .card-img-top {
        
            height: 100%; /* Tinggi fixed untuk gambar card produk */
            object-fit: cover; /* Memastikan gambar mengisi area tanpa terdistorsi */
            border-top-left-radius: 0.5rem;
            border-top-right-radius: 0.5rem;
        }
        /* Style untuk card kategori / liga */
        .category-card .card-img-top {
            background-color: #F8C794;
            height: 150px; /* Tinggi fixed untuk gambar card kategori */
            object-fit: contain; /* Menggunakan contain agar logo tidak terpotong/memanjang */
            padding: 15px; /* Memberi sedikit padding jika logo kecil */
        }
        .footer {
            background-color: #343a40; /* Dark footer */
            color: white;
            padding: 40px 0;
            margin-top: 50px;
        }
        // style product_detail.php
        .product-detail-img {
            max-width: 80%;
            height: auto;
            border-radius: 0.5rem;
            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        }
        .footer {
            background-color: #343a40;
            color: white;
            padding: 40px 0;
            margin-top: 50px;
        }
        .quantity-control {
            display: flex;
            align-items: center;
        }
        .quantity-control button {
            width: 38px; /* Standard Bootstrap input height is about 38px */
            height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .quantity-control input {
            text-align: center;
            width: 60px; /* Lebar input jumlah */
            margin: 0 5px;
        }
        .stock-info {
            font-size: 0.9em;
            color: #6c757d;
        }
        .available-sizes-list {
            list-style-type: none;
            padding-left: 0;
            margin-top: 10px;
            font-size: 0.9em;
        }
        .available-sizes-list li {
            display: inline-block;
            margin-right: 10px;
            padding: 2px 5px;
            border-radius: 3px;
        }
        .available-sizes-list li.stock-available {
            background-color: #d1e7dd; /* Light green */
            color: #0f5132; /* Darker green */
        }
        .available-sizes-list li.stock-empty {
            background-color: #f8d7da; /* Light red */
            color: #842029; /* Darker red */
        }