/* --- 1. ÜRÜN KUTULARI VE BUTON HİZALAMA --- */
/* Ürün kartlarını esnek yapıp butonları dibe itiyoruz */
#PM_orta .urun, .urun_kutu, .card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: bwtween !important;
}

/* Ürün isimlerini 2 satıra sabitle (Hizalamayı sağlayan ana parça) */
#PM_orta .urun_ismi, .urun_baslik, .card-body .urun_ismi {
    height: 42px !important; /* 2 satır için ideal yükseklik */
    min-height: 42px !important;
    max-height: 42px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

/* Buton kutusunu kutunun en altına it */
.urun_butonlar, .sepete_ekle_buton, .urun_kutu .card-footer {
    margin-top: auto !important; 
    padding-top: 10px !important;
}

/* --- 2. GENEL YAZI VE HOVER --- */
body, p, span, div, li, a { font-weight: 500 !important; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, strong, b, .fiyat, .baslik { font-weight: 700 !important; }
html, body { overflow-x: hidden !important; width: 100% !important; position: relative !important; }

#PM_orta .urun img, .urun_kutu img, .urun_resmi img { 
    transition: transform 0.4s ease !important; 
}
#PM_orta .urun:hover img, .urun_kutu:hover img { 
    transform: scale(1.08) !important; 
}

/* --- 3. BLOG "DEVAMINI OKU" BUTONU --- */
.blog-btn {
    display: inline-flex !important;
    background-color: #c92e27 !important;
    color: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    transition: 0.3s !important;
}
.blog-btn:hover { background-color: #333 !important; transform: translateY(-2px); }

/* --- 4. COPYRIGHT VE LOGO MERKEZLEME --- */
.copyright_row .row { flex-direction: column !important; align-items: center !important; text-align: center !important; }
.copyright_row .col, .copyright_row .col-auto { width: 100% !important; display: flex !important; justify-content: center !important; padding: 5px 0 !important; }
.copyright_row p { margin: 0 !important; }

/* --- 5. YUKARI ÇIK BUTONU (#toTop) --- */
#toTop {
    position: fixed !important; bottom: 95px !important; right: 20px !important;
    width: 45px !important; height: 45px !important; background: #c92e27 !important;
    border-radius: 50% !important; z-index: 9999999 !important; cursor: pointer !important;
    display: none; align-items: center !important; justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important; border: 2px solid #ffffff !important;
}
#toTop::after { content: '\2191' !important; font-size: 22px !important; color: #ffffff !important; font-weight: bold !important; }

/* --- 6. MOBİL SEPET SABİTLEME --- */
@media (max-width: 768px) {
    body.ecem-sepet-sayfasi .alt_butonlar {
        position: fixed !important; bottom: 0 !important; left: 0 !important; width: 100% !important;
        z-index: 9999 !important; background: #ffffff !important; padding: 10px !important;
        border-top: 1px solid #eeeeee !important; box-shadow: 0 -3px 15px rgba(0,0,0,0.1) !important;
        display: block !important; text-align: center !important;
    }
    body.ecem-sepet-sayfasi .alt_butonlar .sepet_toplamlar, 
    body.ecem-sepet-sayfasi .alt_butonlar #alisverise_devam,
    body.ecem-sepet-sayfasi .alt_butonlar br { display: none !important; }
    body.ecem-sepet-sayfasi #sepet_detay .icerik { padding-bottom: 80px !important; }
}

/* --- 7. KATMAN AYARI --- */
.whatsapp, .whatsapp_link, #whatsapp-fixed { z-index: 500 !important; }
#menu, .mobile-menu, .side-menu, .mm-menu, .mm-wrapper { z-index: 2147483647 !important; }