*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    margin:0;
    padding:0;
    background:url('../images/bg.png');
    background-repeat:repeat;
    background-size:250px;
    color:#fff;
    font-family:Arial, sans-serif;
}

/* ANA DIŞ İSKELET */
.container{
    width:1500px;
    margin:20px auto;
    border:3px solid #7b1a35;
    background:rgba(0,0,0,0.88);
    backdrop-filter:blur(8px);
    border-radius:6px;
    box-shadow:0 0 25px rgba(0,0,0,.7);
    position: relative !important;
}

/* MENÜ VE ÜST ŞERİT (Kusursuz Ortalama ve Sabit Boy) */
nav{
    background:#7b1a35 !important;
    height:80px;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    height: 78px;
    margin: 0;
    padding: 0;
    gap: 8px; /* Menü elemanlarının birbirine girmemesi için ideal boşluk */
    /* Sağdaki mutlak konumlandırılmış Bağlan butonunun altında kalmaması için sağ pay */
    padding-right: 160px; 
}

.menu li{
    position: relative;
}

.menu li a{
    color: white;
    text-decoration: none;
    padding: 10px 14px;
    display: block;
    font-size: 14px;
    transition: all .25s ease;
    border-radius: 4px;
}

.menu li a:hover{
    background: rgba(236,7,57,.25);
}

/* WHATSAPP İLETİŞİM LİNKİNİ BUTON GİBİ VURGULAMA */
.menu li a[href*="whatsapp"] {
    background: #25D366 !important;
    color: #fff !important;
    font-weight: bold;
}

.menu li a[href*="whatsapp"]:hover {
    background: #1ebe5d !important;
}

.submenu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#5b1b29;
    min-width:180px;
    list-style:none;
    z-index:9999;
    border:1px solid #7b1a35;
    border-radius: 0 0 6px 6px;
}

.menu li:hover .submenu{
    display:block;
}

/* ORTA ALAN: Tek Parent Çerçeve */
.banner{
    width: 1495px;
    height: auto !important; /* Yüksekliği sabitten kurtarıp içeriğe göre ayarlıyoruz */
    min-height: 760px;     /* Ana sayfa için minimum boyutu koruyoruz */
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
    box-sizing: border-box;
    z-index: 1;
}

/* Bordo Kaydırma Çubuğu */
.banner::-webkit-scrollbar {
    width: 8px;
}
.banner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.5);
}
.banner::-webkit-scrollbar-thumb {
    background: #7b1a35;
    border-radius: 4px;
}

/* İÇ KUTULARI KÖKTEN SIFIRLAYAN KURAL */
.content, .icerik-alani, .page-box, .content-box {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* FOOTER */
.footer{
    background:#5b1b29;
    text-align:center;
    padding:15px;
    border-radius: 0 0 6px 6px;
    color: #fff;
}

/* --- SAĞ ÜST KÖŞEDEKİ "BAĞLAN" BUTONU (MUTLAK KONUM) --- */
.nav-baglan-wrapper {
    position: absolute !important;
    right: 30px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    list-style: none !important;
    z-index: 999999 !important;
    margin: 0 !important;
}

.btn-baglan-main {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    border: 1px solid #34d399 !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4) !important;
}

.btn-baglan-main:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6) !important;
    transform: translateY(-1px);
}

.baglan-dropdown {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 12px;
    background: #161616;
    border: 2px solid #0bec70;
    border-radius: 6px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.95);
    width: 210px;
    z-index: 999999;
}

.baglan-dropdown a {
    display: block;
    padding: 12px 15px;
    color: #ddd !important;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    border-bottom: 1px solid rgba(16, 185, 129, 0.2);
    transition: 0.2s;
    text-align: left;
}

.baglan-dropdown a:last-child {
    border-bottom: none;
}

.baglan-dropdown a:hover {
    background: #0bec70;
    color: #fff !important;
    padding-left: 18px;
}

.nav-baglan-wrapper.active .baglan-dropdown {
    display: block;
}




/* ORTA ALAN: Orijinal sabit ölçüsüne geri dönüyor, boşluklar kapanıyor */
.banner{
    width: 1495px;
    height: 760px;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden;
    background: transparent;
    box-sizing: border-box;
    z-index: 1;
}


/* Menünün sağ tarafında Bağlan butonu için güvenli boşluk bırakıyoruz */
.menu {
    padding-right: 150px !important;
}

/* WhatsApp İletişim butonunu yeşil yapıyoruz */
.menu li a[href*="whatsapp"] {
    background: #25D366 !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: bold;
}


/* --- WHATSAPP VE BAĞLAN BUTONU HİZALAMA --- */
.menu {
    padding-right: 150px !important;
}

.menu li a[href*="whatsapp"] {
    background: #25D366 !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: bold;
}



/* --- ORİJİNAL YAPIYI BOZMADAN ALT SAYFA DÜZENİ --- */
.banner {
    width: 1495px !important;
    height: 760px !important;
    display: block !important; /* Flex iptal, orijinal blok yapısına dönüş */
}

/* --- KİTAP DETAY SAYFASI YAN YANA YERLEŞİM DÜZENİ --- */
.banner {
    width: 1495px !important;
    height: auto !important;
    min-height: 760px !important;
}



/* --- ORİJİNAL DÜZENİ KORUYAN NET ÇÖZÜM --- */
.banner {
    width: 1495px !important;
    height: auto !important;
    min-height: 760px !important;
    display: block !important;
}

/* İçerik kutusunun alt boşluklarını ve taşmalarını temizler */
.banner > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    display: block !important;
}




/* --- SİTE GENEL SABİT VE GÜVENLİ DÜZENİ --- */
.banner {
    width: 1495px !important;
    height: 760px !important;
    display: block !important;
}

.menu {
    padding-right: 150px !important;
}

.menu li a[href*="whatsapp"] {
    background: #25D366 !important;
    color: #fff !important;
    border-radius: 4px;
    font-weight: bold;
}








/* --- SADECE .kitap-detay-kapsayici SINIFINA SAHİP SAYFA ÇALIŞIR --- */
.kitap-detay-kapsayici {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    align-items: flex-start !important;
}

.kitap-detay-kapsayici > div:nth-child(1) {
    flex: 0 0 320px !important;
    max-width: 320px !important;
}

.kitap-detay-kapsayici > div:nth-child(2) {
    flex: 1 !important;
    min-width: 350px !important;
}




/* --- ÜST MENÜ YAZI BÜYÜTME VE KALINLAŞTIRMA AYARI --- */
.banner img + div a, 
header a, 
.ust-menu a, 
nav a,
div[style*="background: #111"] a,
div[style*="background: #7b1a35"] a {
    font-size: 15px !important; /* Yazı boyutunu ideal okunabilirliğe getiriyoruz */
    font-weight: 800 !important; /* Yazıları daha dolgun ve kalın yapıyoruz */
}

/* WhatsApp butonunun yazısını da aynı şık ayara sabitliyoruz */
a.whatsapp-btn, 
a[style*="background: #25d366"],
a[href*="whatsapp"] {
    font-size: 14px !important;
    font-weight: 700 !important;
}