/* Base styles for Mirra Hero - externalized */
.mirra-hero { position: relative; }
.mirra-hero__link { display: block; text-decoration: none; color: inherit; }
.mirra-hero__box { width: 100%; position: relative; isolation: isolate; }
.mirra-hero__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.mirra-hero__track { position: relative; }
.mirra-hero__slide { position: absolute; inset: 0; opacity: 0; z-index: 0; pointer-events: none; }
.mirra-hero__slide[aria-hidden="false"] { opacity: 1; z-index: 1; pointer-events: auto; }
.mirra-hero.is-slider .mirra-hero__slide:first-child { opacity: 1; }
/* Stronger specificity to defeat theme button resets */
#home-hero .mirra-hero__arrow { all: unset; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(0,0,0,0.35) !important; color: #fff !important; width: 40px !important; height: 40px !important; border-radius: 20px !important; display: grid !important; place-items: center !important; cursor: pointer !important; padding: 0 !important; border: none !important; box-shadow: none !important; min-height: 0 !important; line-height: 0 !important; }
#home-hero .mirra-hero__arrow:hover { background: rgba(0,0,0,0.5) !important; }
#home-hero .mirra-hero__prev { left: 12px; }
#home-hero .mirra-hero__next { right: 12px; }
#home-hero .mirra-hero__arrow svg { width: 18px; height: 18px; display: block; }