/* KM Hero Rotator – base styles */
.km-hr-wrap{padding:0 16px;}
.km-hr-viewport{position:relative;width:100%;overflow:hidden;background:#fff;}
.km-hr-track{display:flex;align-items:stretch;height:100%;transition:transform var(--km-transition,800ms) ease;}
.km-hr-item{flex:0 0 100%;position:relative;height:100%;margin:0}
.km-hr-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* dots */
.km-hr-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.km-hr-dots button{width:8px;height:8px;border-radius:999px;border:none;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(0,0,0,.15);cursor:pointer}
.km-hr-dots button.is-active{background:#fff}
/* fade mode */
.km-hr[data-mode="fade"] .km-hr-track{display:block;transition:none}
.km-hr[data-mode="fade"] .km-hr-item{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0;transition:opacity var(--km-transition,800ms) ease}
.km-hr[data-mode="fade"] .km-hr-item.is-active{opacity:1;position:absolute}
/* pause on hover cursor */
.km-hr-viewport:hover{cursor:pointer}