.blog .blog-wrap{position:relative}
.blog-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:transform .25s ease,box-shadow .25s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
.blog-card img{width:auto;height:120px;object-fit:cover;display:block}
.blog-body{padding:18px 18px 20px}
.blog-title{font-size:1.1rem;line-height:1.35;margin:6px 0 10px}
.blog-excerpt{color:#6b7280;margin:0 0 14px}
.blog-meta{display:flex;gap:10px;color:#9aa2af;font-size:.9rem}
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.blog-tag{font-size:.75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px}
.modal .modal-title{font-weight:700}
#blogModalBody h5{font-size:1.1rem;margin:18px 0 8px}
#blogModalBody h6{font-size:1rem;margin:16px 0 8px}
#blogModalBody p{margin-bottom:12px}
#blogModalBody ul{margin:0 0 12px 18px}
#blogModalMeta{color:#6b7280}
.btn-outline{background:transparent;border:1px solid var(--bs-primary);color:var(--bs-primary)}
.btn-outline:hover{background:var(--bs-primary);color:#fff}
@media (min-width:992px){.blog-card img{height:260px}}
#blogModal .modal-dialog{max-width:min(1200px,calc(100vw - 48px))}
@media (min-width:992px){#blogModal .modal-dialog{max-width:min(1100px,calc(100vw - 64px))}}
@media (min-width:1400px){#blogModal .modal-dialog{max-width:1280px}}
#blogModal .modal-content{border-radius:22px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.25)}
#blogModal .modal-header{padding:18px 22px;border:0}
#blogModal .modal-title{font-weight:800;letter-spacing:.2px}
#blogModal .modal-body{padding:0 22px 22px}
#blogModalImg{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;margin:0 0 14px}
#blogModalMeta{color:#6b7280}
#blogModalBody h5{font-size:1.15rem;margin:18px 0 8px}
#blogModalBody h6{font-size:1rem;margin:14px 0 8px}
#blogModalBody p{margin-bottom:12px}
.blog-card{border-radius:20px}
.blog-card img{border-top-left-radius:20px;border-top-right-radius:20px}
@media (max-width:575.98px){
  #blogModal .modal-body{padding:0 14px 16px}
  #blogModalImg{border-radius:14px}
}
#blogModal .modal-dialog {
  max-width: min(1200px, calc(100vw - 48px));
}

#blogModal .modal-content {
  border-radius: 22px;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
}

#blogModal .modal-header {
  border-bottom: 1px solid #e5e7eb;
}

#blogModal .modal-body {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 1rem 1.5rem;
}

#blogModal .modal-footer {
  border-top: 1px solid #e5e7eb;
  background: #f9fafb;
  padding: 0.75rem 1.5rem;
}
/* Modal her şeyin üstünde olsun */


/* Modal açıkken floating butonlar tıklanmasın ve altta kalsın */
body.modal-open .floating-cta,
body.modal-open .back-to-top {
  z-index: 1040 !important;
  pointer-events: none;
  opacity: .5;
}