/* fbh-slider.css – minimal hero slider styles */
.fbh-slider{
  position:relative;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}

.fbh-slides{
  position:relative;
  width:100%;
  aspect-ratio: 16 / 9;
  min-height:240px;
}

.fbh-slide{
  position:absolute;
  inset:0;
  opacity:0;
  transition:opacity .35s ease;
}

.fbh-slide.is-active{ opacity:1; }

.fbh-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.fbh-prev,.fbh-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.35);
  color:#fff;
  font-size:28px;
  line-height:40px;
  text-align:center;
  cursor:pointer;
  user-select:none;
}

.fbh-prev{ left:10px; }
.fbh-next{ right:10px; }

.fbh-prev:hover,.fbh-next:hover{ filter:brightness(1.08); }

.fbh-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  display:flex;
  gap:8px;
  justify-content:center;
  align-items:center;
}

.fbh-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.75);
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.fbh-dot.is-active{
  background:rgba(255,255,255,.95);
}

@media (max-width:860px){
  .fbh-prev,.fbh-next{ width:38px; height:38px; font-size:26px; line-height:36px; }
  .fbh-slides{ min-height:200px; }
}