/* SpeedaCure integrated homepage banner slider */
.sc-home-banners{
    position:relative;
    width:100%;
    max-width:2048px;
    margin:0 auto;
    overflow:hidden;
    background:#f4fbf8;
    isolation:isolate;
}

.sc-home-banner-viewport{
    overflow:hidden;
    width:100%;
}

.sc-home-banner-track{
    display:flex;
    width:100%;
    transform:translate3d(0,0,0);
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
    will-change:transform;
}

.sc-home-banner-slide{
    min-width:100%;
    width:100%;
    position:relative;
}

.sc-home-banner-link{
    display:block;
    width:100%;
    text-decoration:none;
    background:#fff;
}

.sc-home-banner-link picture,
.sc-home-banner-link img{
    display:block;
    width:100%;
}

.sc-home-banner-link img{
    height:auto;
    aspect-ratio:2048 / 682;
    object-fit:cover;
    object-position:center;
    background:#fff;
}

.sc-home-banner-arrow{
    position:absolute;
    top:50%;
    width:44px;
    height:44px;
    margin-top:-22px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    background:rgba(0,48,74,.42);
    color:#fff;
    box-shadow:0 8px 24px rgba(7,48,38,.16);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    display:grid;
    place-items:center;
    font-size:25px;
    line-height:1;
    z-index:3;
    cursor:pointer;
    transition:transform .18s ease,background .18s ease,opacity .18s ease;
}

.sc-home-banner-arrow:hover,
.sc-home-banner-arrow:focus-visible{
    transform:scale(1.06);
    background:rgba(7,122,91,.82);
    outline:none;
}

.sc-home-banner-arrow.prev{left:18px}
.sc-home-banner-arrow.next{right:18px}

.sc-home-banner-dots{
    position:absolute;
    left:50%;
    bottom:14px;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    gap:8px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.76);
    box-shadow:0 5px 18px rgba(16,61,52,.12);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    z-index:3;
}

.sc-home-banner-dots button{
    width:9px;
    height:9px;
    border:0;
    border-radius:50%;
    padding:0;
    background:#a8bbb5;
    cursor:pointer;
    transition:width .18s ease,background .18s ease,border-radius .18s ease;
}

.sc-home-banner-dots button[aria-current="true"]{
    width:26px;
    border-radius:999px;
    background:#0f8f63;
}

.sc-home-banners.is-single .sc-home-banner-arrow,
.sc-home-banners.is-single .sc-home-banner-dots{
    display:none;
}

@media (max-width:900px){
    .sc-home-banner-arrow{
        width:36px;
        height:36px;
        margin-top:-18px;
        font-size:21px;
        background:rgba(0,48,74,.33);
    }
    .sc-home-banner-arrow.prev{left:8px}
    .sc-home-banner-arrow.next{right:8px}
    .sc-home-banner-dots{
        bottom:7px;
        padding:5px 8px;
        gap:6px;
    }
    .sc-home-banner-dots button{
        width:7px;
        height:7px;
    }
    .sc-home-banner-dots button[aria-current="true"]{width:20px}
}

@media (max-width:560px){
    .sc-home-banner-arrow{
        opacity:.72;
        width:32px;
        height:32px;
        margin-top:-16px;
    }
    .sc-home-banner-dots{bottom:5px}
}

@media (prefers-reduced-motion:reduce){
    .sc-home-banner-track,
    .sc-home-banner-arrow,
    .sc-home-banner-dots button{transition:none!important}
}


/* SPEEDACURE TRUST OVERLAY + COMPACT HEADER V1 */

.sc-home-banners {
    position: relative;
}

/* ---------------------------------------------------------
   Desktop header compaction
   Recover vertical space without changing mobile layout
   --------------------------------------------------------- */
@media (min-width: 992px) {

    .site-header .header-main {
        min-height: 88px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .site-header .header-main .brand img {
        max-height: 82px !important;
        width: auto !important;
    }

    .site-header .search-bar {
        min-height: 52px !important;
    }

    .site-header .search-bar input,
    .site-header .search-bar button {
        min-height: 52px !important;
    }
}



