body {
            background-color: #fff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        /* Header Ayarları */
        .header-top {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }

        .nav-link {
            color: #333;
            font-weight: 500;
            font-size: 14px;
        }

        .search-bar {
            border-radius: 5px 0 0 5px;
            border-right: none;
        }

        .search-btn {
            border-radius: 0 5px 5px 0;
            background-color: #e74c3c;
            border-color: #e74c3c;
            color: white;
        }

        /* Filtre Alanı */
        .filter-section {
            background-color: #fce4e4;
            padding: 25px 0;
            margin-bottom: 30px;
        }

        .filter-select {
            border-radius: 5px;
            height: 45px;
        }

        .btn-find {
            background-color: #e74c3c;
            color: white;
            height: 45px;
            font-weight: bold;
            width: 100%;
            border: none;
            border-radius: 5px;
        }

        /* Kategori Kartları */
        .cat-card {
            border: 1px solid #eee;
            border-radius: 8px;
            overflow: hidden;
            text-align: center;
            transition: 0.3s;
            margin-bottom: 20px;
            text-decoration: none;
            display: block;
        }

        .cat-card:hover {
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .cat-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .cat-card p {
            padding: 10px;
            color: #333;
            font-weight: 600;
            margin-bottom: 0;
        }

        /* Ürün Kartları */
        .product-card {
            border: none;
            position: relative;
        }

        .product-card img {
            border-radius: 10px;
            width: 100%;
        }

        .wishlist-icon {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            padding: 5px 8px;
            color: #777;
        }

        .badge-custom {
            position: absolute;
            top: 10px;
            left: 10px;
            background: #e74c3c;
            color: white;
            font-size: 10px;
            padding: 3px 8px;
            border-radius: 3px;
            text-transform: uppercase;
        }

@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* Boşluğu engeller */
    }
}

/* Sadece geniş ekranlarda (992px ve üzeri) hover etkisini aktif et */
@media (min-width: 992px) {
    .nav-item.dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* Menünün ayrılmaması için */
        opacity: 1;
        visibility: visible;
        animation: fadeIn 0.3s; /* Hafif bir yumuşama efekti */
    }

    /* Menüden fareyi çekerken boşlukta kapanmaması için görünmez bir alan ekler */
    .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -10px;
        left: 0;
        right: 0;
        height: 10px;
    }
}

/* Yumuşak açılış animasyonu */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Dropdown ok simgesini (caret) sadece estetik tutar, tıklama gerektirmez */
.dropdown-toggle::after {
    transition: transform 0.2s;
}
.nav-item.dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg); /* Üzerine gelince ok yukarı döner */
}