.fyaz-banners{position:relative;width:100%;max-width:var(--fyaz-max-width,560px);margin:0 auto;overflow:hidden;border-radius:var(--fyaz-radius,16px);background:#fff;isolation:isolate}
.fyaz-banners-stage{position:relative;width:100%;height:var(--fyaz-max-height,520px);display:grid;place-items:stretch;background:#fff}
.fyaz-banner-slide{grid-area:1/1;display:none;width:100%;height:100%;opacity:0;align-items:center;justify-content:center}
.fyaz-banner-slide.is-active{display:flex;opacity:1;animation:fyazBannerIn .38s ease both}
.fyaz-banner-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;text-decoration:none}
.fyaz-banner-img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0 auto;object-fit:var(--fyaz-fit,contain);object-position:center;background:#fff;border-radius:var(--fyaz-radius,16px)}
.fyaz-banner-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:50%;background:rgba(0,0,0,.56);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.fyaz-banner-arrow:hover,.fyaz-banner-arrow:focus-visible{background:rgba(0,0,0,.78);outline:none}
.fyaz-prev{left:10px}.fyaz-next{right:10px}
.fyaz-banner-dots{position:absolute;z-index:5;left:50%;bottom:9px;transform:translateX(-50%);display:flex;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.28);backdrop-filter:blur(5px)}
.fyaz-banner-dot{appearance:none;width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer}
.fyaz-banner-dot.is-active{width:19px;border-radius:999px;background:#fff}
@keyframes fyazBannerIn{from{opacity:.2;transform:scale(.996)}to{opacity:1;transform:scale(1)}}
@media(max-width:640px){.fyaz-banners{max-width:100%}.fyaz-banners-stage{height:min(52vh,var(--fyaz-max-height,420px))}.fyaz-banner-arrow{width:32px;height:32px;font-size:24px}.fyaz-prev{left:6px}.fyaz-next{right:6px}.fyaz-banner-dots{bottom:6px}}
@media(prefers-reduced-motion:reduce){.fyaz-banner-slide.is-active{animation:none}.fyaz-banners *{scroll-behavior:auto!important;transition:none!important}}