/* Vanti Steps 1.0.10 — compact desktop labels */
.vanti-steps > .vanti-steps-component { display:none; }

/* Once JS has cloned the content, never let Otter control the frontend layout. */
.vanti-steps.vanti-slider-ready > .innerblocks-wrap,
.vanti-steps.vanti-slider-ready > .vanti-slider-viewport,
.vanti-steps.vanti-slider-ready > .wp-block-themeisle-blocks-advanced-columns-overlay {
    display:none !important;
}

.vanti-steps.vanti-slider-ready {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
}

/* ---------- DESKTOP ---------- */
@media (min-width:769px) {
    .vanti-steps > .vanti-steps-component.vanti-steps-desktop {
        display:grid !important;
        grid-template-columns:repeat(var(--vanti-step-count, 5), minmax(0, 1fr)) !important;
        align-items:start !important;
        gap:28px !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    .vanti-steps-desktop .vanti-step-item {
        display:flex !important;
        flex-direction:column !important;
        min-width:0 !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    .vanti-steps-desktop .vanti-step-item figure {
        width:100% !important;
        height:120px !important;
        min-height:120px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 0 12px !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .vanti-steps-desktop .vanti-step-item figure img {
        display:block !important;
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        object-fit:contain !important;
        object-position:center center !important;
        margin:0 auto !important;
    }

    .vanti-steps-desktop .vanti-step-item > p {
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:center !important;
        font-size:13px !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
        word-break:keep-all !important;
        overflow-wrap:normal !important;
    }

    .vanti-steps-desktop .vanti-step-item > p:empty { display:none !important; }
}

/* ---------- MOBILE ---------- */
@media (max-width:768px) {
    .vanti-steps > .vanti-steps-component.vanti-mobile-shell {
        display:block !important;
        position:relative !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    .vanti-mobile-carousel {
        display:flex !important;
        flex-flow:row nowrap !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        gap:0 !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x mandatory;
        scroll-behavior:smooth;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }
    .vanti-mobile-carousel::-webkit-scrollbar { display:none; }

    .vanti-mobile-slide {
        display:block !important;
        flex:0 0 100% !important;
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        scroll-snap-align:start;
        scroll-snap-stop:always;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    .vanti-mobile-slide figure {
        width:100% !important;
        height:220px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 0 14px !important;
        padding:0 !important;
        overflow:hidden !important;
    }
    .vanti-mobile-slide figure img {
        display:block !important;
        width:100% !important;
        height:100% !important;
        max-width:100% !important;
        object-fit:contain !important;
        object-position:center center !important;
        margin:0 auto !important;
    }
    .vanti-mobile-slide > p { margin-top:0 !important; margin-bottom:0 !important; }
    .vanti-mobile-slide > p:empty { display:none !important; }

    .vanti-slider-arrow {
        position:absolute !important;
        top:110px !important;
        transform:translateY(-50%) !important;
        z-index:3 !important;
        width:34px !important;
        height:44px !important;
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        color:#222 !important;
        box-shadow:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        cursor:pointer !important;
        padding:0 !important;
    }
    .vanti-slider-prev { left:4px !important; }
    .vanti-slider-next { right:4px !important; }
    .vanti-slider-arrow svg { width:15px; height:28px; display:block; }
    .vanti-slider-arrow svg path { fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }

    .vanti-slider-dots {
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:7px !important;
        margin-top:16px !important;
    }
    .vanti-slider-dot {
        width:7px !important; height:7px !important; border:0 !important; border-radius:50% !important;
        padding:0 !important; background:rgba(0,0,0,.22) !important; cursor:pointer !important;
    }
    .vanti-slider-dot.is-active { background:currentColor !important; transform:scale(1.25); }
}

@media (prefers-reduced-motion:reduce) {
    .vanti-mobile-carousel { scroll-behavior:auto !important; }
}