html {
  font-size: 14px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
.product-card {
    border: 1px solid #ddd; /* Kenar çerçevesi */
    border-radius: 4px; /* Kenarları yuvarlak yapar */
    overflow: hidden; /* İçerik taşmasını önler */
    padding: 15px; /* İç boşluk */
    text-align: center; /* Metin ortalanması */
    background-color: #fff; /* Kart arka plan rengi */
}

.product-img {
    border: 1px solid #ddd; /* Resim çevresinde border */
    border-radius: 4px; /* Kenarları yuvarlak yapar */
    overflow: hidden; /* Resim taşmasını önler */
    height: 200px; /* Sabit yükseklik */
    margin-bottom: 15px; /* Resim ve başlık arasına boşluk ekler */
}

    .product-img img {
        width: 100%; /* Resim genişliğini kapsayıcıya göre ayarlar */
        height: 100%; /* Yüksekliği kapsayıcıya göre ayarlar */
        object-fit: cover; /* Resmin boyutunu korur ve keser */
    }

.product-card h4 {
    margin-top: 10px; /* Başlık ve resim arasına boşluk ekler */
}

.product-card p {
    margin-top: 15px; /* Buton ve başlık arasına boşluk ekler */
}

.product-image img {
    max-width: 100%;
    height: auto; /* Resim yüksekliğini orantılı korur */
    border-radius: 8px; /* Kenarları yuvarlatır */
    border: 1px solid #ddd; /* İnce bir kenar çerçevesi ekler */
}

.product-title {
    font-size: 2.5rem; /* Başlık font büyüklüğü */
    margin-top: 20px;
    margin-bottom: 10px;
}

.product-price,
.product-stock {
    font-size: 1.25rem; /* Bilgi font büyüklüğü */
    margin: 5px 0;
}

    .product-price span,
    .product-stock span {
        font-weight: bold; /* Bilgi değerlerini kalın yapar */
    }

.order-button {
    margin-top: 20px;
}

    .order-button .btn {
        font-size: 1.25rem; /* Buton font büyüklüğü */
        padding: 10px 20px; /* Buton iç boşlukları */
    }