/* Final geometry layer for the homepage slider iframe. */
:root{
    --jg-slider-live-height:393px;
}

html,
body,
.jg-slider-wrap,
.jg-slider-container,
.jg-slider-grid,
.jg-main,
.jg-slider-carousel,
.jg-slider-carousel .owl-stage-outer,
.jg-slider-carousel .owl-stage,
.jg-slider-carousel .owl-item,
.jg-slider-carousel .item,
.jg-slide-link,
.jg-slide-media{
    box-sizing:border-box!important;
}

/* BursaGB desktop proportions: flexible main banner + fixed 400px side rail. */
.jg-slider-container{
    width:100%!important;
    max-width:1400px!important;
    height:var(--jg-slider-live-height)!important;
    margin:0 auto!important;
}

.jg-slider-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 400px!important;
    gap:5px!important;
    height:var(--jg-slider-live-height)!important;
}

.jg-main{
    height:var(--jg-slider-live-height)!important;
    min-height:var(--jg-slider-live-height)!important;
    max-height:var(--jg-slider-live-height)!important;
}

.jg-side-stack{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
    gap:4px!important;
    height:388px!important;
    min-height:388px!important;
    max-height:388px!important;
}

.jg-main,
.jg-side,
.jg-slider-carousel,
.jg-slider-carousel .owl-stage-outer,
.jg-slider-carousel .owl-stage,
.jg-slider-carousel .owl-item,
.jg-slider-carousel .item,
.jg-slide-link{
    overflow:hidden!important;
}

.jg-slide-link,
.jg-slide-media{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}

.jg-slide-media{
    object-fit:cover!important;
    object-position:center center!important;
}

.jg-slider-carousel:not(.owl-loaded) > .item:not(:first-child){
    display:none!important;
}

@media (max-width:767.98px){
    :root{
        --jg-slider-live-height:100vh;
    }

    html,
    body,
    .jg-slider-wrap,
    .jg-slider-container,
    .jg-slider-grid,
    .jg-main,
    .jg-slider-carousel,
    .jg-slider-carousel .owl-stage-outer,
    .jg-slider-carousel .item,
    .jg-slide-link,
    .jg-slide-media{
        width:100%!important;
        height:var(--jg-slider-live-height)!important;
        min-height:var(--jg-slider-live-height)!important;
        max-height:var(--jg-slider-live-height)!important;
        margin:0!important;
        padding:0!important;
    }

    .jg-slider-carousel .owl-stage,
    .jg-slider-carousel .owl-item{
        height:var(--jg-slider-live-height)!important;
        min-height:var(--jg-slider-live-height)!important;
        max-height:var(--jg-slider-live-height)!important;
        margin-top:0!important;
        margin-bottom:0!important;
        padding-top:0!important;
        padding-bottom:0!important;
    }

    html,
    body,
    .jg-slider-wrap,
    .jg-slider-container,
    .jg-slider-grid,
    .jg-main,
    .jg-slider-carousel,
    .jg-slider-carousel .owl-stage-outer{
        overflow:hidden!important;
    }

    .jg-slider-container{
        max-width:none!important;
    }

    .jg-slider-grid{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:minmax(0,1.525fr) minmax(0,1fr)!important;
        gap:4px!important;
    }

    .jg-side-stack{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
        grid-template-rows:minmax(0,1fr)!important;
        gap:4px!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
    }

    .jg-side{
        display:block!important;
        border:0!important;
        border-radius:12px!important;
    }

    .jg-main,
    .jg-side,
    .jg-slide-link,
    .jg-slide-media{
        border:0!important;
        border-radius:13px!important;
    }

    .jg-slide-link{
        display:block!important;
        background-position:center center!important;
        background-size:cover!important;
    }

    .jg-slide-media{
        display:block!important;
        object-fit:cover!important;
        object-position:center center!important;
    }

    .jg-slider-carousel .owl-dots{
        bottom:8px!important;
    }
}

/*
 * The legacy iframe template contains theme-scoped mobile rules that hide the
 * side rail and force the main banner to occupy the whole frame.  Keep this
 * final block more specific so the mobile composition is always:
 * one complete main visual + two complete secondary visuals underneath.
 */
@media (max-width:767.98px){
    html[data-theme] body,
    html[data-theme] body .jg-slider-wrap,
    html[data-theme] body .jg-slider-container,
    html[data-theme] body .jg-slider-grid{
        width:100%!important;
        height:var(--jg-slider-live-height)!important;
        min-height:var(--jg-slider-live-height)!important;
        max-height:var(--jg-slider-live-height)!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    html[data-theme] body .jg-slider-grid{
        display:block!important;
        grid-template-columns:none!important;
        grid-template-rows:none!important;
        gap:0!important;
    }

    html[data-theme] body .jg-main,
    html[data-theme] body .jg-side-stack,
    html[data-theme] body .jg-side{
        width:100%!important;
        height:auto!important;
        min-width:0!important;
        min-height:0!important;
        max-width:none!important;
        max-height:none!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    html[data-theme] body .jg-main{
        display:block!important;
        grid-column:1!important;
        grid-row:1!important;
        height:100%!important;
        border:0!important;
        border-radius:13px!important;
    }

    html[data-theme] body .jg-side-stack{
        display:none!important;
    }

    html[data-theme] body .jg-side{
        display:none!important;
        border:0!important;
        border-radius:0!important;
    }

    html[data-theme] body .jg-main .jg-slider-carousel,
    html[data-theme] body .jg-main .owl-stage-outer,
    html[data-theme] body .jg-main .owl-stage,
    html[data-theme] body .jg-main .owl-item,
    html[data-theme] body .jg-main .item,
    html[data-theme] body .jg-main .jg-slide-link,
    html[data-theme] body .jg-main .jg-slide-media,
    html[data-theme] body .jg-side .jg-slider-carousel,
    html[data-theme] body .jg-side .owl-stage-outer,
    html[data-theme] body .jg-side .owl-stage,
    html[data-theme] body .jg-side .owl-item,
    html[data-theme] body .jg-side .item,
    html[data-theme] body .jg-side .jg-slide-link,
    html[data-theme] body .jg-side .jg-slide-media{
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-width:0!important;
        min-height:0!important;
        max-width:100%!important;
        max-height:100%!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }

    html[data-theme] body .jg-slide-media{
        object-fit:cover!important;
        object-position:center center!important;
        transform:none!important;
    }
}

@media (max-width:420px){
    :root{
        --jg-slider-live-height:100vh;
    }

    .jg-side-stack{
        height:100%!important;
        min-height:0!important;
        max-height:none!important;
    }
}