.dergi-wrap{max-width:1100px;margin:20px auto;font-family:sans-serif}

/* Filtreler */
.dergi-issues { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 25px; padding: 10px 0; border-bottom: 1px solid #eee; }
.dergi-issue { flex: 1 1 calc(25% - 5px); display: flex; align-items: center; justify-content: center; min-width: 60px; padding: 8px 5px; background: #fff; color: #444; text-decoration: none; font-size: 13px; font-weight: 500; border-radius: 6px; border: 1px solid #e0e0e0; transition: all 0.2s; white-space: nowrap; text-align: center; }
.dergi-issue:hover { border-color: #222; background: #f9f9f9; transform: translateY(-1px); }
.dergi-issue.is-active { background: #222; color: #fff; border-color: #222; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }

.dergi-meta-pair{white-space:nowrap;display:inline-block}
.dergi-card-meta a,.dergi-detail-meta a{display:inline !important;white-space:nowrap}

/* Liste Kartları */
.dergi-list{display:block}
.dergi-card{display:block;width:100%;background:#fff;border:1px solid #eee;margin-bottom:30px;overflow:hidden;clear:both}
.dergi-card-link{display:block;text-decoration:none;color:inherit}

.dergi-card-media{float:left;width:320px;height:220px;overflow:hidden}
.dergi-card-media img{width:100%;height:100%;object-fit:cover;display:block}

.dergi-card-body{margin-left:340px;padding:20px;min-height:220px;display:flex;flex-direction:column;justify-content:center}
.dergi-card-title{margin:0 0 10px;font-size:26px;font-weight:700;line-height:1.2;color:#111}
.dergi-card-meta{font-size:13px;color:#666;margin-bottom:12px}
.dergi-card-excerpt{font-size:14px;color:#444;line-height:1.6}

/* Temizle */
.dergi-card:after{content:"";display:table;clear:both}

/* Mobil */
@media (max-width: 768px){
  .dergi-wrap { padding: 0 15px; }
  .dergi-card-media{float:none;width:100%;height:auto}
  .dergi-card-body{margin-left:0;padding:15px}
}

/* Detay Sayfası */
.dergi-detail{padding:20px;background:#fff;border:1px solid #eee}
.dergi-detail-title{font-size:36px;font-weight:700;margin:10px 0}
.dergi-detail-media{text-align:center;margin:20px 0}
.dergi-detail-media img{max-width:100%;height:auto;display:inline-block}

/* Detay Sayfası Altındaki Son Yazılar (Yatay) */
.dergi-recent {margin-top:50px;padding-top:30px;border-top:1px solid #eee}
.dergi-recent-title {font-size:22px;font-weight:700;margin-bottom:20px}
.dergi-recent-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px}
.dergi-recent-item {text-decoration:none;color:inherit;display:block;transition:transform 0.2s}
.dergi-recent-item:hover {transform:translateY(-5px)}
.dergi-recent-thumb {width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;margin-bottom:10px;background:#f9f9f9}
.dergi-recent-thumb img {width:100%;height:100%;object-fit:cover}
.dergi-recent-name {font-size:15px;font-weight:600;line-height:1.4;color:#222;margin:0}

@media (max-width: 768px) {
  .dergi-recent-grid {grid-template-columns:repeat(2, 1fr)}
  .dergi-recent-name { font-size: 17px !important; }
}
@media (max-width: 480px) {
  .dergi-recent-grid {grid-template-columns:1fr}
}