/* Ana içerik alanının düzeni */
.main-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 20px;
}

/* Fiyat tablosunun etrafındaki "kutu" stili */
.price-table-container {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* Tablo grupları arasındaki boşluk ve siyah çizgi */
.table-group {
    border-bottom: 8px solid black;
    margin-bottom: 1px; /* <<< Bu satır güncellendi */
}
.table-group:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

/* Tüm tablolar için genel stil */
.price-table-container table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    table-layout: fixed;
}

/* Her kutunun (sütunun) genişliğini ve yazı boyutunu ayarlar */
.price-table-container th,
.price-table-container td {
    width: 20%;
    padding: 15px 10px;
    border-right: 3px solid #fff;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

.price-table-container th:last-child,
.price-table-container td:last-child {
    border-right: none;
}

/* Tablo başlıkları (sadece yazı stilleri) */
.price-table-container thead {
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
}

/* --- BAŞLIK KUTULARI (Kutu 1-5) --- */

/* 1. Kutu: ADET */
.price-table-container thead th:nth-child(1) {
    background-color: #000000;
    color: #FFFFFF;
}
/* 2. Kutu: 500 Adet */
.price-table-container thead th:nth-child(2) {
    background-color: #000000;
    color: #FFFFFF;
}
/* 3. Kutu: 1.000 Adet */
.price-table-container thead th:nth-child(3) {
    background-color: #000000;
    color: #FFFFFF;
}
/* 4. Kutu: 2.000 Adet */
.price-table-container thead th:nth-child(4) {
    background-color: #000000;
    color: #FFFFFF;
}
/* 5. Kutu: 5.000 Adet */
.price-table-container thead th:nth-child(5) {
    background-color: #000000;
    color: #FFFFFF;
}

/* --- DİPLOMAT ZARF GRUBU (Kutu 6-15) --- */

/* 6. Kutu: DİPLOMAT ZARF */
.diplomat-group tr:nth-child(1) td:nth-child(1) {
    background-color: #20B0B0;
    color: #FFFFFF;
}
/* 7. Kutu: 800 TL. */
.diplomat-group tr:nth-child(1) td:nth-child(2) {
    background-color: #34D1D1;
    color: #000000;
}
/* 8. Kutu: 1.100 TL. */
.diplomat-group tr:nth-child(1) td:nth-child(3) {
    background-color: #34D1D1;
    color: #000000;
}
/* 9. Kutu: 2.200 TL. */
.diplomat-group tr:nth-child(1) td:nth-child(4) {
    background-color: #34D1D1;
    color: #000000;
}
/* 10. Kutu: 4.400 TL. */
.diplomat-group tr:nth-child(1) td:nth-child(5) {
    background-color: #34D1D1;
    color: #000000;
}
/* 11. Kutu: İlave Renk Farkı */
.diplomat-group tr:nth-child(2) td:nth-child(1) {
    background-color: #20B0B0;
    color: #FFFFFF;
}
/* 12. Kutu: 400 TL. */
.diplomat-group tr:nth-child(2) td:nth-child(2) {
    background-color: #34D1D1;
    color: #000000;
}
/* 13. Kutu: 400 TL. */
.diplomat-group tr:nth-child(2) td:nth-child(3) {
    background-color: #34D1D1;
    color: #000000;
}
/* 14. Kutu: 550 TL. */
.diplomat-group tr:nth-child(2) td:nth-child(4) {
    background-color: #34D1D1;
    color: #000000;
}
/* 15. Kutu: 1.050 TL. */
.diplomat-group tr:nth-child(2) td:nth-child(5) {
    background-color: #34D1D1;
    color: #000000;
}

/* --- A5 TORBA ZARF GRUBU (Kutu 16-25) --- */

/* 16. Kutu: A5 -TORBA ZARF */
.a5-group tr:nth-child(1) td:nth-child(1) {
    background-color: #D56069;
    color: #FFFFFF;
}
/* 17. Kutu: 2.100 TL. */
.a5-group tr:nth-child(1) td:nth-child(2) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 18. Kutu: 3.000 TL. */
.a5-group tr:nth-child(1) td:nth-child(3) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 19. Kutu: 4.900 TL. */
.a5-group tr:nth-child(1) td:nth-child(4) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 20. Kutu: 10.200 TL. */
.a5-group tr:nth-child(1) td:nth-child(5) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 21. Kutu: İlave Renk Farkı */
.a5-group tr:nth-child(2) td:nth-child(1) {
    background-color: #D56069;
    color: #FFFFFF;
}
/* 22. Kutu: 400 TL. */
.a5-group tr:nth-child(2) td:nth-child(2) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 23. Kutu: 400 TL. */
.a5-group tr:nth-child(2) td:nth-child(3) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 24. Kutu: 550 TL. */
.a5-group tr:nth-child(2) td:nth-child(4) {
    background-color: #F5B2B6;
    color: #000000;
}
/* 25. Kutu: 1.050 TL. */
.a5-group tr:nth-child(2) td:nth-child(5) {
    background-color: #F5B2B6;
    color: #000000;
}

/* --- A4 TORBA ZARF GRUBU (Kutu 26-35) --- */

/* 26. Kutu: A4 - TORBA ZARF */
.a4-group tr:nth-child(1) td:nth-child(1) {
    background-color: #14A25D;
    color: #FFFFFF;
}
/* 27. Kutu: 2.450 TL. */
.a4-group tr:nth-child(1) td:nth-child(2) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 28. Kutu: 3.700 TL. */
.a4-group tr:nth-child(1) td:nth-child(3) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 29. Kutu: 6.200 TL. */
.a4-group tr:nth-child(1) td:nth-child(4) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 30. Kutu: 13.950 TL. */
.a4-group tr:nth-child(1) td:nth-child(5) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 31. Kutu: İlave Renk Farkı */
.a4-group tr:nth-child(2) td:nth-child(1) {
    background-color: #14A25D;
    color: #FFFFFF;
}
/* 32. Kutu: 550 TL. */
.a4-group tr:nth-child(2) td:nth-child(2) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 33. Kutu: 550 TL. */
.a4-group tr:nth-child(2) td:nth-child(3) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 34. Kutu: 800 TL. */
.a4-group tr:nth-child(2) td:nth-child(4) {
    background-color: #CDE6DC;
    color: #000000;
}
/* 35. Kutu: 1.550 TL. */
.a4-group tr:nth-child(2) td:nth-child(5) {
    background-color: #CDE6DC;
    color: #000000;
}

/* A3 Torba Zarf Kutularına Özel Renkler */
.a3-group tr:nth-child(1) td:nth-child(1) {
    background-color: #008DD2;
    color: #FFFFFF;
}
/* 37. Kutu: 2.750 TL. */
.a3-group tr:nth-child(1) td:nth-child(2) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 38. Kutu: 4.200 TL. */
.a3-group tr:nth-child(1) td:nth-child(3) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 39. Kutu: 7.500 TL. */
.a3-group tr:nth-child(1) td:nth-child(4) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 40. Kutu: 16.700 TL. */
.a3-group tr:nth-child(1) td:nth-child(5) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 41. Kutu: İlave Renk Farkı */
.a3-group tr:nth-child(2) td:nth-child(1) {
    background-color: #008DD2;
    color: #FFFFFF;
}
/* 42. Kutu: 550 TL. */
.a3-group tr:nth-child(2) td:nth-child(2) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 43. Kutu: 550 TL. */
.a3-group tr:nth-child(2) td:nth-child(3) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 44. Kutu: 800 TL. */
.a3-group tr:nth-child(2) td:nth-child(4) {
    background-color: #A2D9F7;
    color: #000000;
}
/* 45. Kutu: 1.550 TL. */
.a3-group tr:nth-child(2) td:nth-child(5) {
    background-color: #A2D9F7;
    color: #000000;
}

/* Tablo satırları için kenarlık */
.price-table-container tr {
    border-bottom: 3px solid white;
}
.price-table-container tr:last-child {
    border-bottom: none;
}

/* Alt taraftaki ürün kodları */
.product-code {
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    opacity: 0.7;
    display: block;
    margin-top: 15px;
}

/* Resmi duyarlı ve merkezli hale getirme */
.main-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    border-radius: 8px;
}

/* Bilgi bloğu (footer) stili */
.info-block {
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
    color: #555;
    line-height: 3.6;
}

/* Tüm fiyat yazılarını büyütür */
.price-table-container td {
    font-size: 1.5em;
}

/* Başlık yazılarını büyütür */
.price-table-container thead th {
    font-size: 1.7em; /* Daha büyük başlık */
}



<script>
    function toggleMenu() {
        const sidebar = document.querySelector('.sidebar');
        sidebar.classList.toggle('open');
    }
</script>
























/* zarf_baskili.css - KESİN VE DAHA SIKI MOBİL FONT DÜZELTMESİ */

@media (max-width: 768px) {
    /* Genel tablo metin boyutunu minimuma indiriyoruz */
    .price-tables table {
        font-size: 0.7rem !important; /* En küçük metin boyutu */
    }

    /* Ana Başlıkları Küçült */
    .page-title-main {
        font-size: 1.5rem !important; /* Başlığı daha da küçült */
    }
    .page-subtitle-main {
        font-size: 0.8rem !important;
    }

    /* Fiyat Hücrelerini En Küçük Boyuta Küçült ve Sıkıştır */
    .price-tables .price-cell {
        font-size: 0.9rem !important; 
        padding: 0.3rem !important; /* İç boşluğu daha da azalttık */
    }

    /* Tüm tablo hücrelerini minimum iç boşlukla sıkıştır */
    .price-tables th, 
    .price-tables td {
        padding: 0.4rem 0.1rem !important; /* Yatay ve dikey boşluk çok azaldı */
    }
}