/* Hero slider — minimal, no decorative border/glow, no bottom gap.
   Heights stay responsive. Admin can re-add a shadow via per-widget Custom CSS. */
.banner-section{width:100%;margin:0 auto;padding:0;position:relative;z-index:1;line-height:0}
.banner-slider{position:relative;width:100%;height:450px;border-radius:12px;overflow:hidden}
.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease-in-out}
.banner-slide.active{opacity:1;z-index:1}
.banner-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
@media (max-width:1600px){.banner-slider{height:420px}}
@media (max-width:1400px){.banner-slider{height:400px}}
@media (max-width:1199px){.banner-slider{height:380px}}
@media (max-width:992px){.banner-slider{height:320px}}
@media (max-width:768px){.banner-slider{height:240px;border-radius:10px}}
@media (max-width:576px){.banner-slider{height:200px;border-radius:8px}}
@media (max-width:450px){.banner-slider{height:170px}}
@media (max-width:400px){.banner-slider{height:150px}}