.hero-grid.hero-van-layout{position:relative}
.arides-hb{position:absolute;z-index:3;overflow:hidden;border-radius:22px;background:#eaf6ef;border:1px solid rgba(23,184,99,.22);box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 4px 10px rgba(15,60,40,.06),0 22px 44px -22px rgba(7,154,74,.45);isolation:isolate}
.hb-track,.hb-slide{position:absolute;inset:0;margin:0}
.hb-slide{opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.4s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.hb-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.hb-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 8%}
.hb-dots{position:absolute;left:14px;bottom:8px;display:flex;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 10px -4px rgba(15,60,40,.3)}
.hb-dot{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(15,60,40,.25);cursor:pointer;transition:width .3s,background .3s}
.hb-dot.is-active{width:20px;background:linear-gradient(90deg,#1fc46c,#079a4a)}
.hb-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#1fc46c,#079a4a);opacity:.85}
@keyframes hb-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:900px){.arides-hb{display:block;position:relative;left:auto;top:auto;width:100%;height:clamp(154px,30vw,220px);box-sizing:border-box;margin:14px 0 0;border-radius:12px}.hero-grid.hero-van-layout .hero-center{display:none!important}}
@media (prefers-reduced-motion:reduce){.hb-slide{transition:opacity .2s;transform:none}}