.mirka-home-banner-slider{position:relative;width:100%;overflow:hidden;background:#eee8dc;isolation:isolate;box-sizing:border-box}.mirka-home-banner-slider *{box-sizing:border-box}.mirka-home-banner-slider .mirka-hero-track{position:relative;width:100%;height:var(--mirka-h-desktop,520px);min-height:0!important;max-height:none!important;aspect-ratio:auto!important}.mirka-home-banner-slider .mirka-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}.mirka-home-banner-slider .mirka-hero-slide.is-active{opacity:1;visibility:visible;z-index:2}.mirka-home-banner-slider .mirka-hero-slide-link,.mirka-home-banner-slider picture{display:block;width:100%;height:100%}.mirka-home-banner-slider img{display:block;width:100%;height:100%;object-fit:var(--mirka-fit,cover);object-position:var(--mirka-position,center);margin:0!important}.mirka-home-banner-slider .mirka-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(35,45,29,.42);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s ease}.mirka-home-banner-slider .mirka-hero-arrow:hover{background:rgba(35,45,29,.7);transform:translateY(-50%) scale(1.04)}.mirka-home-banner-slider .mirka-prev{left:22px}.mirka-home-banner-slider .mirka-next{right:22px}.mirka-home-banner-slider .mirka-hero-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:6;display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(35,45,29,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mirka-home-banner-slider .mirka-hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.2s ease}.mirka-home-banner-slider .mirka-hero-dot.is-active{width:22px;border-radius:999px;background:#fff}@media(max-width:1024px){.mirka-home-banner-slider .mirka-hero-track{height:var(--mirka-h-tablet,420px)}}@media(max-width:767px){.mirka-home-banner-slider .mirka-hero-track{height:var(--mirka-h-mobile,300px)}.mirka-home-banner-slider .mirka-hero-arrow{width:38px;height:38px;font-size:26px}.mirka-home-banner-slider .mirka-prev{left:10px}.mirka-home-banner-slider .mirka-next{right:10px}.mirka-home-banner-slider .mirka-hero-dots{bottom:10px}}@media(prefers-reduced-motion:reduce){.mirka-home-banner-slider .mirka-hero-slide,.mirka-home-banner-slider .mirka-hero-arrow,.mirka-home-banner-slider .mirka-hero-dot{transition:none!important}}

/* ==========================================================
   MIRKA GLOBAL BANNER ARROWS V2
   Physical direction must stay correct even on RTL pages:
   LEFT  = previous = arrow points OUTWARD left
   RIGHT = next     = arrow points OUTWARD right
   Applies to every current/future MIRKA banner zone.
   ========================================================== */

.mirka-home-banner-slider .mirka-hero-arrow{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    font-family:Arial,sans-serif !important;
}

.mirka-home-banner-slider .mirka-hero-arrow > span{
    display:block !important;
    width:100%;
    line-height:1 !important;
    text-align:center !important;
    direction:ltr !important;
    transform:none !important;
}

.mirka-home-banner-slider .mirka-prev{
    left:22px !important;
    right:auto !important;
}

.mirka-home-banner-slider .mirka-next{
    right:22px !important;
    left:auto !important;
}

/* Force physical outward arrows regardless of RTL/theme rules */
.mirka-home-banner-slider .mirka-prev > span{
    font-size:0 !important;
}

.mirka-home-banner-slider .mirka-prev > span::before{
    content:"\2190" !important;
    font-size:27px !important;
}

.mirka-home-banner-slider .mirka-next > span{
    font-size:0 !important;
}

.mirka-home-banner-slider .mirka-next > span::before{
    content:"\2192" !important;
    font-size:27px !important;
}

@media (max-width:767px){
    .mirka-home-banner-slider .mirka-prev{
        left:10px !important;
    }

    .mirka-home-banner-slider .mirka-next{
        right:10px !important;
    }

    .mirka-home-banner-slider .mirka-prev > span::before,
    .mirka-home-banner-slider .mirka-next > span::before{
        font-size:23px !important;
    }
}