.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;} .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; }
.ab-featured-divider span{
font-size:12px;
letter-spacing:.12em;
text-transform:uppercase;
color:#374151; font-weight:600;
white-space:nowrap;
}
@media (max-width:640px){
.ab-featured-divider {
padding: 0 12px;
margin-top: 20px;
margin-bottom: 16px;
}