.adira-hero { position: relative; height: 100vh; min-height: 480px; overflow: hidden; background: var(--adira-dark); }
.adira-hero__slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease; }
.adira-hero__slide.is-active { opacity: 1; }
.adira-hero__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.adira-hero__timer { position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: rgba(255,255,255,.6); z-index: 5; }