.sabit-buton {
            position: fixed;
            right: 20px;
            bottom: 20px;
            z-index: 1000;
        }
        /* Sepet butonunun stili */
        #sepet-buton {
            display: flex;
            align-items: center;
            color: #fff;
            background-color: #007bff;
            border: none;
            padding: 10px 20px;
            border-radius: 30px;
            font-size: 16px;
            transition: background-color 0.3s ease;
        }

        #sepet-buton:hover {
            background-color: #0056b3;
        }

        /* Badge stili */
        #sepet-buton .badge {
            background-color: #dc3545;
            margin-left: 10px;
			height:20px;
        }

        /* Navbar logo */
        .navbar-brand img {
            max-height: 40px;
        }
    .navbar-toggler {
        border-radius: 30px;
        padding: 10px 20px;
        font-size: 14px;
        transition: background-color 0.3s ease;
    }

    .navbar-toggler:hover {
        background-color: #0056b3;
    }

    .btn-custom {
        border-radius: 30px;
        padding: 8px 20px;
        font-size: 14px;
        transition: all 0.3s ease;
        text-transform: uppercase;
    }

    .btn-custom:hover {
        background-color: #004080;
        color: white;
    }

    /* For mobile view, align the button and improve spacing */
    @media (max-width: 767px) {
        .navbar-nav {
            display: flex;
            justify-content: center;
            width: 100%;
        }

        .navbar-toggler {
            width: 100%;
            text-align: center;
        }

        .btn-custom {
            width: 100%;
            text-align: center;
        }
    }
.toast-container.center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1055; /* Toast'un her şeyin üstünde görünmesini sağla */
}

/* Modalın genişliğini ayarlamak için */
#productModal .modal-dialog {
    max-width: 40%; /* Genişlik için % veya piksel değerleri kullanabilirsiniz */
    width: 350px;
}

/* Modalın yüksekliğini ayarlamak için */
#productModal .modal-content {
    max-height: 60vh; /* Yükseklik için viewport yüksekliğine göre ayarlama */
    overflow-y: auto; /* İçerik taşarsa kaydırma çubuğu ekler */
}

 
        @media (max-width: 768px) {
            #content {
                display: none;
            }
    @media (max-width: 767px) {
        .product-title {
            font-size: 10pt !important;
        }
        .product-description {
            font-size: 8pt !important;
        }
        .product-price {
            font-size: 12pt !important;
        }
    }