.ab-banner-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:26px;}
@media (max-width:1200px){.ab-banner-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.ab-banner-grid{grid-template-columns:1fr; margin-bottom:-40px;}}
.ab-banner-card{position:relative;border-radius:16px;overflow:hidden;background:#111;min-height:240px;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.ab-banner-card a{display:block;color:inherit;text-decoration:none;position:relative;height:100%;width:100%;}
.ab-banner-card img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:0;}
.ab-banner-card .ab-overlay{position:absolute;inset:0;background:linear-gradient(
0deg, #010101 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 90%);z-index:1;}
.ab-banner-card .ab-inner{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;display:flex;flex-direction:column;gap:4px;}
.ab-banner-card .ab-cat{color:#DEDEDE;font-size:13px;line-height:1.3;margin:0;display:flex;align-items:center;gap:6px;font-weight:500;}
.ab-banner-card .ab-title{color:#fff;font-size:19px;font-weight:700;line-height:1.3;margin:0;}
.ab-banner-card a:focus .ab-title, .ab-banner-card a:hover .ab-title{opacity:.95;}

/* Featured heading – mobile safe */
.ab-featured-divider{
  display:flex !important;
  align-items:center;
  gap:12px;
  width:100%;
  padding:0 16px;
  margin:0 0 20px;
  visibility:visible !important;
  opacity:1 !important;
}
.ab-featured-divider::before,
.ab-featured-divider::after{
  content:"";
  height:1px;
  background:#e5e7eb;
  flex:1;
  min-width:12px; /* çok dar ekranda çizgiler kaybolmasın */
}
.ab-featured-divider span{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#374151;          /* mobilde daha belirgin */
  font-weight:600;
  white-space:nowrap;
}
@media (max-width:640px){
  .ab-featured-divider {
    padding: 0 12px;
    margin-top: 61px;
    margin-bottom: 16px;
}