/* Navbar ayarları */
    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Navbar linkleri ve butonları küçült */
    @media (max-width: 768px) {
        .navbar .nav-link {
            padding: 5px 10px;
            font-size: 1rem;
        }
        .navbar .btn {
            width: auto;
            padding: 5px 10px;
            font-size: 0.9rem;
        }
    }

    /* Hamburger sadece küçük ekranlarda görünsün */
    .navbar-toggler {
        border: none;
    }

    /* İkonu biraz büyütelim */
    .navbar-toggler-icon {
        background-size: 100% 100%;
    }

    /* Tam ekran olduğunda gizle */
    @media (min-width: 992px) {
        .navbar-toggler {
            display: none;
        }
    }

    /* Navbar'daki linkler hover animasyonu */
    .navbar .nav-link {
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .navbar .nav-link:hover {
        color: #cd1076;
        transform: scale(1.05);
    }

    /* Navbar butonları hover efekti */
    .navbar .btn {
        transition: background-color 0.3s ease, transform 0.3s ease;
    }

    .navbar .btn:hover {
        background-color: #a50c5f;
        transform: scale(1.05);
    }


    .offcanvas-header .offcanvas-title {
        font-size: 1.8rem;
        font-weight: 700;
        color: #333;
        letter-spacing: 1px;
    }

    .offcanvas-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 30px; 
    }

    .offcanvas-body .nav-link {
        text-decoration: none;
        color: #000;
        font-size: 1.25rem;
        font-weight: 600;
        padding: 10px 0;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .offcanvas-body .nav-link:hover {
        color: #cd1076 !important;
        transform: scale(1.05);
    }