/* === Genel Wrapper === */
.egen-wrapper { 
    display: grid !important; 
    grid-template-columns: 250px 1fr !important; 
    gap: 30px !important; 
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* === Sidebar === */
.egen-sidebar { 
    background:#0d1129 !important;
    padding:20px !important;
    color:#fff !important;
    height:fit-content !important;
    box-shadow:0 6px 20px rgba(0,0,0,0.25) !important;
    width:100% !important; /* Mobil güvenlik */
}
.egen-sidebar h3 { 
    margin-top:0 !important;
    font-size:20px !important;
    margin-bottom:15px !important;
    color:#fff!important;
    font-weight:700 !important;
    border-bottom:2px solid rgba(255,255,255,0.3) !important;
    padding-bottom:8px !important;
}
.egen-sidebar ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.egen-sidebar ul li { margin:8px 0 !important; }
.egen-sidebar ul li a { 
    color:#fff !important;
    text-decoration:none !important;
    font-weight:500 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 12px !important;
    transition:all .3s ease !important;
}
.egen-sidebar ul li a:hover,
.egen-sidebar ul li.current-cat > a { 
    background:rgba(255,204,0,0.2) !important;
    color:#ffcc00 !important;
}

/* === Kategori Bilgi === */
.egen-kategori-bilgi {
  display: flex !important;
  align-items: flex-start !important;
  gap: 20px !important;
}

.egen-kategori-bilgi .kategori-yazi {
  flex: 1 !important;
  display: block !important;        /* FLEX KAPATILDI */
  white-space: normal !important;   /* Satır kırılmasına izin ver */
}

.egen-kategori-bilgi .kategori-yazi h2 {
  margin: 0 0 10px !important;
  font-size: 22px !important;
  color: #0d1129 !important;
  white-space: pre-line !important;

}

}

.egen-kategori-bilgi .kategori-yazi p {
  margin: 0 !important;
  color: #333 !important;
  line-height: 1.6 !important;
  font-size: 15px !important;
  white-space: normal !important;   /* SATIR KIRILMA */
  word-wrap: break-word !important; /* Uzun kelimeleri de kırar */
}


/* === Alt Kategoriler Grid === */
.egen-subcats {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    margin-bottom: 30px !important;
}
.subcat-card {
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
    transition: transform .2s ease, box-shadow .3s ease !important;
}
.subcat-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.18) !important;
}
.subcat-card img {
    width: 100% !important;
    aspect-ratio: 1/1 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}
.subcat-card h3 {
    background: #ffcc00 !important;
    color: #0d1129 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
    line-height: 1.4 !important;
    min-height: 40px !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;   /* max 2 satır */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
}

/* === Ürün Grid === */
.egen-urunler-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;  /* masaüstü 3 kolon */
    gap:25px !important;
}
.egen-urunler-grid .urun-kutu{
    position:relative !important;
    overflow:hidden !important;
    box-shadow:0 4px 14px rgba(0,0,0,0.15) !important;
    background:#000 !important;
    aspect-ratio:1/1 !important;
}
.egen-urunler-grid .urun-kutu img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    transition:transform .5s ease !important;
    display:block !important;
}
.egen-urunler-grid .urun-kutu:hover img{ transform:scale(1.1) !important; }
.egen-urunler-grid .urun-kutu::before{
    content:"" !important;
    position:absolute !important; inset:0 !important;
    background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.25)) !important;
    z-index:1 !important; transition:all .3s ease !important;
}
.egen-urunler-grid .urun-kutu:hover::before{
    background:linear-gradient(to bottom,rgba(0,0,0,0.2),rgba(0,0,0,0.45)) !important;
}
.egen-urunler-grid .urun-baslik{
    position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important;
    background:linear-gradient(to top,rgba(255,204,0,0.95),rgba(255,204,0,0.85)) !important;
    color:#0d1129 !important;
    font-size:14px !important;
    font-weight:700 !important; text-align:center !important;
    padding:8px 6px !important; margin:0 !important; line-height:1.3 !important; z-index:2 !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;   /* max 2 satır */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
}

/* === Load More === */
.egen-main .egen-load-more-btn{
    display:block !important; margin:25px auto 0 !important;
    background:#161b39 !important; color:#fff !important; font-weight:700 !important; font-size:16px !important;
    border:0 !important; padding:12px 28px !important; cursor:pointer !important;
    transition:all .3s ease !important; box-shadow:0 4px 10px rgba(0,0,0,0.2) !important;
}
.egen-main .egen-load-more-btn:hover{ background:#0d1129 !important; color:#ffcc00 !important; }

/* === Alt Görseller === */
.egen-cat-images.banner-mode{ margin-top:30px !important; }
.egen-cat-images.banner-mode img{
    width:100% !important; height:350px !important; object-fit:cover !important; object-position:center !important;
    display:block !important;
}
.egen-cat-images.grid-mode{
    display:grid !important; grid-template-columns:repeat(3,1fr) !important;
    gap:20px !important; margin-top:30px !important;
}
.egen-cat-image-card{
    background:#fff !important; border:2px solid #ffcc00 !important;
    overflow:hidden !important; height:220px !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    transition:box-shadow .3s ease, transform .2s ease !important;
}
.egen-cat-image-card img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:center !important; display:block !important; }
.egen-cat-image-card:hover{ box-shadow:0 6px 18px rgba(0,0,0,0.18) !important; transform:translateY(-3px) !important; }

/* === Responsive === */
@media (max-width:1200px){
    .egen-urunler-grid{ grid-template-columns:repeat(3,1fr) !important; }
    .egen-cat-images.banner-mode img{ height:300px !important; }
}
@media (max-width:900px){
    .egen-wrapper{ 
        display:flex !important; 
        flex-direction:column !important; 
        gap:20px !important; 
    }
    .egen-main{ order:1 !important; }
    .egen-sidebar{ 
        order:2 !important; 
        margin-top:20px !important; 
        width:100% !important;
    }
    .egen-kategori-bilgi{ flex-direction:column !important; }
    .egen-urunler-grid{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-subcats{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-cat-images.grid-mode{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-cat-images.banner-mode img{ height:250px !important; }
}
@media (max-width:600px){
    .egen-urunler-grid{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-subcats{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-cat-images.grid-mode{ grid-template-columns:repeat(2,1fr) !important; }
    .egen-cat-images.banner-mode img{ height:200px !important; }

    /* Tek kalan son kutuyu ortala */
    .egen-urunler-grid .urun-kutu:last-child:nth-child(odd){
        grid-column: span 2 !important;
        justify-self: center !important;
    }
}

/* === Global Güvenlik === */
body { overflow-x:hidden !important; }

.egen-urunler-grid .urun-kutu.bos{
  background: transparent !important;
  box-shadow: none !important;
}
/* 1) Hatalı fazla parantezi temizleyin:
   .egen-kategori-bilgi .kategori-yazi h2 { ... }  BİTER BİTMEZ  '}'  GELMESİN.
   Yani şu tek başına duran '}' satırını kaldırın. */

/* 2) Tüm içerik görsellerini duyarlı yap (WP'nin inline width/height'ını ez) */
.egen-main img,
.egen-cat-images img,
.egen-kategori-bilgi img,
.egen-urunler-grid .urun-kutu img {
  display:block !important;
  max-width:100% !important;
  width:100% !important;
  height:auto !important;            /* oranı koru, taşmayı kes */
  object-fit:contain !important;     /* kırpmadan göster; grid'de cover istiyorsak altta ayrıca ezdik */
}

/* 3) Banner: sabit yükseklikleri KALDIR — tek satırda her ekranda taşmasız */
.egen-cat-images.banner-mode img{
  width:100% !important;
  height:auto !important;            /* sabit 350/300/250/200px’leri iptal */
  object-fit:contain !important;     /* yazı ve etiketler kırpılmasın */
  object-position:center !important;
}

/* 3A) Alternatif (İSTERSENİZ): estetik kırpmaya izin ver, ama taşma yapma
   Yukarıdaki "contain" bloğu yerine ŞUNU kullanın:
.egen-cat-images.banner-mode img{
  width:100% !important;
  height:clamp(180px, 32vw, 360px) !important;
  object-fit:cover !important;
  object-position:center !important;
}


.egen-urunler-grid .urun-kutu img{
  object-fit:cover !important;       /* kare kutularda estetik dolum */
  height:100% !important;
}

.egen-wrapper, .egen-main, .egen-cat-images, .egen-kategori-bilgi,
.egen-urunler-grid, .egen-subcats { box-sizing:border-box !important; }
html, body { overflow-x:hidden !important; }

.wp-block-image, figure, .entry-content img {
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}