/* ==========================================================
   320 FM · SHOWS PAGE
   Dynamic Collage + Editorial Directory
   ========================================================== */

.fm-shows-page{
    background:#070c10;
    color:#eef3f5;
}


/* ==========================================================
   COLLAGE HERO
   ========================================================== */

.fm-shows-collage{
    position:relative;

    height:
        clamp(500px,64vh,670px);

    margin:
        0 calc(50% - 50vw);

    overflow:hidden;

    background:#05090c;

    isolation:isolate;
}


.fm-shows-collage__images{
    position:absolute;
    inset:0;

    display:grid;

    grid-template-columns:
        1fr 1.06fr 1fr;
}


/* individual panels */

.fm-shows-collage__panel{
    position:relative;

    min-width:0;

    overflow:hidden;

    color:inherit;
    text-decoration:none;
}


.fm-shows-collage__art{
    position:absolute;

    inset:-18px;

    background-size:cover;
    background-position:center;

    filter:
        saturate(.86)
        contrast(1.03)
        brightness(.72);

    transform:scale(1.045);

    transition:
        transform 1.25s
        cubic-bezier(.18,.75,.2,1),
        filter .6s ease;
}


.fm-shows-collage__panel:hover
.fm-shows-collage__art{
    transform:scale(1.085);

    filter:
        saturate(1.05)
        contrast(1.04)
        brightness(.81);
}


/* different focus positions */

.fm-shows-collage__panel--1
.fm-shows-collage__art{
    background-position:center;
}

.fm-shows-collage__panel--2
.fm-shows-collage__art{
    background-position:center 35%;
}

.fm-shows-collage__panel--3
.fm-shows-collage__art{
    background-position:center;
}


/* blend three images into one */

.fm-shows-collage__panel--1{
    -webkit-mask-image:
        linear-gradient(
            90deg,
            #000 0%,
            #000 70%,
            rgba(0,0,0,.72) 86%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            #000 0%,
            #000 70%,
            rgba(0,0,0,.72) 86%,
            transparent 100%
        );
}

.fm-shows-collage__panel--2{
    margin-left:-12%;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.82) 20%,
            #000 38%,
            #000 64%,
            rgba(0,0,0,.80) 82%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.82) 20%,
            #000 38%,
            #000 64%,
            rgba(0,0,0,.80) 82%,
            transparent 100%
        );

    z-index:2;
}

.fm-shows-collage__panel--3{
    margin-left:-12%;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.72) 16%,
            #000 34%,
            #000 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.72) 16%,
            #000 34%,
            #000 100%
        );
}


/* dark / colored overlay */

.fm-shows-collage__panel-shade{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            0deg,
            rgba(5,9,12,.80) 0%,
            rgba(5,9,12,.13) 53%,
            rgba(5,9,12,.34) 100%
        );
}


.fm-shows-collage__panel--1
.fm-shows-collage__panel-shade{
    background:
        linear-gradient(
            0deg,
            rgba(5,9,12,.82),
            rgba(5,9,12,.06) 63%
        ),
        radial-gradient(
            circle at 20% 45%,
            rgba(213,45,148,.18),
            transparent 62%
        );
}

.fm-shows-collage__panel--2
.fm-shows-collage__panel-shade{
    background:
        linear-gradient(
            0deg,
            rgba(5,9,12,.82),
            rgba(5,9,12,.04) 63%
        ),
        radial-gradient(
            circle at 55% 40%,
            rgba(42,175,225,.12),
            transparent 64%
        );
}

.fm-shows-collage__panel--3
.fm-shows-collage__panel-shade{
    background:
        linear-gradient(
            0deg,
            rgba(5,9,12,.85),
            rgba(5,9,12,.07) 63%
        ),
        radial-gradient(
            circle at 80% 50%,
            rgba(213,45,148,.18),
            transparent 65%
        );
}


/* overall unification */

.fm-shows-collage__veil{
    position:absolute;
    z-index:5;
    inset:0;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(4,8,11,.31),
            transparent 27%,
            rgba(4,8,11,.10) 50%,
            transparent 73%,
            rgba(4,8,11,.27)
        ),
        linear-gradient(
            0deg,
            #070c10 0%,
            rgba(7,12,16,.22) 31%,
            transparent 65%
        );
}


/* giant page title */

.fm-shows-collage__title{
    position:absolute;

    z-index:7;

    left:50%;
    top:47%;

    transform:
        translate(-50%,-50%);

    width:100%;

    text-align:center;

    color:
        rgba(239,246,248,.23);

    font-size:
        clamp(130px,20vw,330px);

    line-height:.72;

    font-weight:300;

    letter-spacing:.015em;

    pointer-events:none;

    user-select:none;

    mix-blend-mode:screen;
}


/* top branding */

.fm-shows-collage__brandline{
    position:absolute;

    z-index:8;

    left:50%;
    top:37px;

    transform:translateX(-50%);

    display:flex;
    align-items:center;
    gap:13px;

    color:#d8e2e5;

    font-size:10px;
    font-weight:900;
    letter-spacing:.30em;
}

.fm-shows-collage__brandline span{
    color:#e351a6;
}

.fm-shows-collage__brandline i{
    width:4px;
    height:4px;

    border-radius:50%;

    background:#6c7e85;
}


/* labels for 3 source shows */

.fm-shows-collage__panel-copy{
    position:absolute;

    z-index:8;

    left:50%;
    bottom:42px;

    width:80%;

    transform:translateX(-50%);

    text-align:center;
}

.fm-shows-collage__panel-copy > span{
    display:block;

    color:#8d9ca2;

    font-size:9px;
    font-weight:900;
    letter-spacing:.17em;
}

.fm-shows-collage__panel-copy strong{
    display:block;

    margin-top:6px;

    color:#fff;

    font-size:15px;
    font-weight:900;

    letter-spacing:.14em;

    text-transform:uppercase;
}

.fm-shows-collage__panel-copy small{
    display:block;

    margin-top:10px;

    color:#77888e;

    font-size:9px;
    font-weight:900;
    letter-spacing:.16em;
}


/* bottom little identity */

.fm-shows-collage__bottomline{
    position:absolute;
    z-index:8;

    left:50%;
    bottom:19px;

    width:min(
        1320px,
        calc(100% - 64px)
    );

    transform:translateX(-50%);

    display:flex;
    justify-content:space-between;
    align-items:center;

    pointer-events:none;
}

.fm-shows-collage__bottomline > span{
    color:#52646b;

    font-size:9px;
    font-weight:900;
    letter-spacing:.16em;
}

.fm-shows-collage__bottomline strong{
    color:
        rgba(255,255,255,.11);

    font-size:28px;
    line-height:.8;

    font-weight:950;
    letter-spacing:-.06em;
}

.fm-shows-collage__bottomline small{
    font-size:.42em;
}


/* ==========================================================
   DIRECTORY
   ========================================================== */

.fm-shows-directory{
    width:min(
        1320px,
        calc(100% - 64px)
    );

    margin:0 auto;

    display:grid;

    grid-template-columns:
        230px minmax(0,1fr);

    gap:54px;

    padding:
        62px 0 100px;
}


/* editorial sidebar */

.fm-shows-directory__intro{
    padding-top:7px;
}

.fm-shows-directory__wave{
    height:28px;

    display:flex;
    align-items:center;
    gap:3px;

    margin-bottom:28px;
}

.fm-shows-directory__wave i{
    width:2px;

    border-radius:3px;

    background:#d52d94;
}

.fm-shows-directory__wave i:nth-child(1){height:8px}
.fm-shows-directory__wave i:nth-child(2){height:19px}
.fm-shows-directory__wave i:nth-child(3){height:27px}
.fm-shows-directory__wave i:nth-child(4){height:16px}
.fm-shows-directory__wave i:nth-child(5){height:23px}
.fm-shows-directory__wave i:nth-child(6){height:12px}
.fm-shows-directory__wave i:nth-child(7){height:25px}
.fm-shows-directory__wave i:nth-child(8){height:17px}
.fm-shows-directory__wave i:nth-child(9){height:7px}


.fm-shows-directory__intro > span{
    color:#d52d94;

    font-size:10px;
    font-weight:900;
    letter-spacing:.16em;
}

.fm-shows-directory__intro h2{
    margin:8px 0 18px;

    color:#f2f5f6;

    font-size:32px;
    line-height:1;

    font-weight:800;
    letter-spacing:-.045em;
}

.fm-shows-directory__intro h2::after{
    content:"";

    display:block;

    width:43px;
    height:2px;

    margin-top:20px;

    background:#d52d94;
}

.fm-shows-directory__intro p{
    margin:0;

    color:#84949a;

    font-size:15px;
    line-height:1.75;
}

.fm-shows-directory__intro > a{
    width:max-content;

    display:flex;
    align-items:center;
    gap:12px;

    margin-top:32px;

    padding:11px 16px;

    border:
        1px solid
        rgba(213,45,148,.52);

    border-radius:30px;

    color:#d8e1e4;

    text-decoration:none;

    font-size:9px;
    font-weight:900;
    letter-spacing:.10em;
}

.fm-shows-directory__intro > a b{
    color:#d52d94;
    font-size:15px;
}


/* toolbar */

.fm-shows-toolbar{
    display:flex;

    justify-content:space-between;
    align-items:center;

    gap:20px;

    margin-bottom:20px;
}

.fm-shows-toolbar__search{
    width:min(320px,100%);

    height:38px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:0 12px;

    border:1px solid #26353c;
    border-radius:6px;

    background:#0a1115;
}

.fm-shows-toolbar__search span{
    color:#566a72;
}

.fm-shows-toolbar__search input{
    width:100%;

    border:0;
    outline:0;

    background:transparent;

    color:#dfe7e9;

    font-size:14px;
}

.fm-shows-toolbar__search input::placeholder{
    color:#56676e;
}


.fm-shows-toolbar__genres{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
}

.fm-shows-toolbar__genres button{
    min-height:29px;

    padding:0 9px;

    border:1px solid #27373e;
    border-radius:4px;

    background:transparent;

    color:#60737b;

    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;

    cursor:pointer;

    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.fm-shows-toolbar__genres button:hover,
.fm-shows-toolbar__genres button.is-active{
    border-color:
        rgba(42,175,225,.48);

    background:
        rgba(42,175,225,.07);

    color:#dce6e9;
}


/* cards */

.fm-shows-grid{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:14px;
}

.fm-show-card{
    overflow:hidden;

    border:1px solid #202e35;
    border-radius:8px;

    background:
        linear-gradient(
            145deg,
            #0a1115,
            #080e11
        );

    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.fm-show-card:hover{
    transform:translateY(-5px);

    border-color:#354a53;

    box-shadow:
        0 20px 45px
        rgba(0,0,0,.25);
}

.fm-show-card[hidden]{
    display:none;
}


.fm-show-card__visual{
    position:relative;

    display:block;

    aspect-ratio:16/9;

    overflow:hidden;

    background:#10171b;
}

.fm-show-card__visual img{
    width:100%;
    height:100%;

    object-fit:cover;

    filter:
        saturate(.88)
        brightness(.83);

    transform:scale(1.015);

    transition:
        transform .5s ease,
        filter .4s ease;
}

.fm-show-card:hover
.fm-show-card__visual img{
    transform:scale(1.065);

    filter:
        saturate(1.08)
        brightness(.93);
}

.fm-show-card__visual-shade{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            0deg,
            rgba(7,12,15,.62),
            transparent 55%
        );
}

.fm-show-card__open{
    position:absolute;

    right:13px;
    bottom:12px;

    width:34px;
    height:34px;

    display:grid;
    place-items:center;

    border:
        1px solid
        rgba(255,255,255,.22);

    border-radius:50%;

    background:
        rgba(5,9,12,.70);

    color:#fff;

    font-size:15px;

    backdrop-filter:blur(7px);

    transition:
        background .18s ease,
        transform .18s ease;
}

.fm-show-card:hover
.fm-show-card__open{
    background:#d52d94;

    transform:rotate(-35deg);
}


.fm-show-card__body{
    padding:16px;
}

.fm-show-card__headline{
    display:flex;
    justify-content:space-between;
    gap:12px;
}

.fm-show-card__headline h3{
    margin:0;

    color:#f0f4f5;

    font-size:18px;
    line-height:1.1;

    font-weight:800;
    letter-spacing:-.035em;
}

.fm-show-card__headline > div > span{
    display:block;

    margin-top:5px;

    color:#778990;

    font-size:12px;
}

.fm-show-card__headline > a{
    color:#51656d;

    text-decoration:none;

    font-size:15px;
}

.fm-show-card:hover
.fm-show-card__headline > a{
    color:#2aafe1;
}


.fm-show-card__tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;

    margin-top:14px;
}

.fm-show-card__tags span{
    padding:5px 8px;

    border:
        1px solid
        rgba(42,175,225,.35);

    border-radius:20px;

    color:#57c1e8;

    font-size:9px;
    font-weight:900;
    letter-spacing:.06em;
}


.fm-show-card__footer{
    display:flex;
    justify-content:space-between;
    align-items:center;

    margin-top:15px;
    padding-top:12px;

    border-top:
        1px solid
        rgba(255,255,255,.055);
}

.fm-show-card__footer > span{
    color:#4e6169;

    font-size:9px;
    font-weight:900;
    letter-spacing:.11em;
}

.fm-show-card__footer a{
    display:flex;
    align-items:center;
    gap:7px;

    color:#73858c;

    text-decoration:none;

    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.fm-show-card__footer b{
    color:#d52d94;

    font-size:15px;
    font-weight:400;
}


/* empty */

.fm-shows-empty{
    padding:50px 20px;

    text-align:center;

    color:#687b82;

    font-size:15px;
}


/* pagination */

.fm-shows-pagination{
    margin-top:38px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1080px){

    .fm-shows-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media(max-width:820px){

    .fm-shows-directory{
        grid-template-columns:1fr;
        gap:36px;
    }

    .fm-shows-directory__intro{
        max-width:500px;
    }

    .fm-shows-toolbar{
        align-items:flex-start;
        flex-direction:column;
    }

    .fm-shows-toolbar__genres{
        justify-content:flex-start;
    }

}


@media(max-width:650px){

    .fm-shows-collage{
        height:540px;
    }

    .fm-shows-collage__images{
        grid-template-columns:
            1fr 1fr 1fr;
    }

    .fm-shows-collage__panel-copy{
        display:none;
    }

    .fm-shows-collage__title{
        top:47%;

        font-size:
            clamp(92px,29vw,155px);
    }

    .fm-shows-collage__brandline{
        width:calc(100% - 36px);

        justify-content:center;

        white-space:nowrap;

        font-size:9px;
    }

    .fm-shows-collage__bottomline{
        width:calc(100% - 36px);
    }

    .fm-shows-directory{
        width:calc(100% - 36px);
    }

    .fm-shows-grid{
        grid-template-columns:1fr;
    }

}


@media(prefers-reduced-motion:reduce){

    .fm-shows-collage__art,
    .fm-show-card,
    .fm-show-card__visual img{
        transition:none;
    }

}

/* ==========================================================
   320 FM · SHOWS COLLAGE · RESPONSIVE FIX
   ========================================================== */


/* ----------------------------------------------------------
   GLOBAL OVERFLOW SAFETY
   ---------------------------------------------------------- */

.fm-shows-page{
    width:100%;
    max-width:100%;
    overflow-x:clip;
}

.fm-shows-collage{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;

    overflow:hidden;
}

.fm-shows-collage__images{
    width:100%;
    max-width:100%;

    overflow:hidden;
}


/* Panels dürfen trotz Überlappung niemals die Seite verbreitern */

.fm-shows-collage__panel{
    min-width:0;
    max-width:100%;
}

.fm-shows-collage__art{
    max-width:none;
}


/* ----------------------------------------------------------
   DESKTOP
   ---------------------------------------------------------- */

@media(min-width:1101px){

    .fm-shows-collage{
        height:clamp(
            500px,
            62vh,
            670px
        );
    }

    .fm-shows-collage__images{
        grid-template-columns:
            34% 36% 34%;

        width:108%;

        margin-left:-4%;
    }

    .fm-shows-collage__panel--2,
    .fm-shows-collage__panel--3{
        margin-left:-9%;
    }

}


/* ----------------------------------------------------------
   TABLET
   ---------------------------------------------------------- */

@media(
    min-width:701px
) and (
    max-width:1100px
){

    .fm-shows-collage{
        height:560px;
    }

    .fm-shows-collage__images{
        position:absolute;
        inset:0;

        display:block;
    }


    /*
       Auf Tablet nicht mehr drei starre Spalten.
       Stattdessen drei überlappende Bildflächen.
    */

    .fm-shows-collage__panel{
        position:absolute;

        top:0;
        bottom:0;

        margin:0;
    }


    .fm-shows-collage__panel--1{
        left:0;

        width:48%;

        z-index:1;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                #000 0%,
                #000 64%,
                rgba(0,0,0,.70) 82%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                #000 0%,
                #000 64%,
                rgba(0,0,0,.70) 82%,
                transparent 100%
            );
    }


    .fm-shows-collage__panel--2{
        left:25%;

        width:52%;

        z-index:2;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.78) 18%,
                #000 35%,
                #000 66%,
                rgba(0,0,0,.74) 84%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.78) 18%,
                #000 35%,
                #000 66%,
                rgba(0,0,0,.74) 84%,
                transparent 100%
            );
    }


    .fm-shows-collage__panel--3{
        right:0;

        width:48%;

        z-index:1;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.70) 18%,
                #000 36%,
                #000 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.70) 18%,
                #000 36%,
                #000 100%
            );
    }


    .fm-shows-collage__title{
        top:45%;

        font-size:
            clamp(
                115px,
                20vw,
                205px
            );

        letter-spacing:-.035em;
    }


    .fm-shows-collage__panel-copy{
        width:74%;

        bottom:45px;
    }


    .fm-shows-collage__panel-copy strong{
        font-size:15px;
    }

}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:700px){

    .fm-shows-collage{
        height:
            clamp(
                470px,
                72vh,
                590px
            );

        min-height:470px;
    }


    .fm-shows-collage__images{
        position:absolute;
        inset:0;

        display:block;
    }


    /*
       Mobile:
       keine drei schmalen Säulen.
       Drei Bilder werden zu einer gestaffelten Collage.
    */

    .fm-shows-collage__panel{
        position:absolute;

        margin:0;

        top:0;
        bottom:0;
    }


    /* linke Show */

    .fm-shows-collage__panel--1{
        left:-15%;

        width:72%;

        z-index:1;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                #000 0%,
                #000 55%,
                rgba(0,0,0,.65) 76%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                #000 0%,
                #000 55%,
                rgba(0,0,0,.65) 76%,
                transparent 100%
            );
    }


    /* Hauptmotiv in der Mitte */

    .fm-shows-collage__panel--2{
        left:16%;

        width:72%;

        z-index:3;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.72) 15%,
                #000 31%,
                #000 69%,
                rgba(0,0,0,.72) 85%,
                transparent 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.72) 15%,
                #000 31%,
                #000 69%,
                rgba(0,0,0,.72) 85%,
                transparent 100%
            );
    }


    /* rechte Show */

    .fm-shows-collage__panel--3{
        right:-17%;

        width:70%;

        z-index:2;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.64) 24%,
                #000 45%,
                #000 100%
            );

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.64) 24%,
                #000 45%,
                #000 100%
            );
    }


    /*
       Mitte optisch stärker, Außenmotive ruhiger.
    */

    .fm-shows-collage__panel--1
    .fm-shows-collage__art,
    .fm-shows-collage__panel--3
    .fm-shows-collage__art{
        filter:
            saturate(.66)
            brightness(.54)
            contrast(1.05);
    }


    .fm-shows-collage__panel--2
    .fm-shows-collage__art{
        filter:
            saturate(.92)
            brightness(.70)
            contrast(1.04);
    }


    .fm-shows-collage__art{
        inset:-12px;

        transform:scale(1.04);
    }


    /*
       Einzelshow-Texte auf Mobile entfernen.
       Hier soll SHOWS das Key Visual dominieren.
    */

    .fm-shows-collage__panel-copy{
        display:none;
    }


    /*
       Das große SHOWS bleibt dominant,
       aber passt vollständig in den Viewport.
    */

    .fm-shows-collage__title{
        top:46%;

        width:94%;

        font-size:
            clamp(
                76px,
                23vw,
                130px
            );

        line-height:.8;

        letter-spacing:-.04em;

        color:
            rgba(239,246,248,.22);
    }


    .fm-shows-collage__brandline{
        top:25px;

        width:
            calc(100% - 36px);

        justify-content:center;

        gap:9px;

        font-size:8px;

        letter-spacing:.19em;

        white-space:nowrap;
    }


    .fm-shows-collage__brandline i{
        width:3px;
        height:3px;
    }


    .fm-shows-collage__bottomline{
        bottom:18px;

        width:
            calc(100% - 36px);
    }


    .fm-shows-collage__bottomline > span{
        max-width:170px;

        font-size:8px;

        line-height:1.5;
    }


    .fm-shows-collage__bottomline strong{
        font-size:23px;
    }

}


/* ----------------------------------------------------------
   VERY SMALL DEVICES
   ---------------------------------------------------------- */

@media(max-width:420px){

    .fm-shows-collage{
        height:485px;
    }


    .fm-shows-collage__panel--1{
        left:-28%;
        width:82%;
    }


    .fm-shows-collage__panel--2{
        left:8%;
        width:84%;
    }


    .fm-shows-collage__panel--3{
        right:-29%;
        width:80%;
    }


    .fm-shows-collage__title{
        font-size:
            clamp(
                69px,
                22vw,
                96px
            );
    }


    .fm-shows-collage__brandline strong{
        max-width:180px;

        overflow:hidden;

        text-overflow:ellipsis;
    }

}


/* ----------------------------------------------------------
   NO HORIZONTAL DOCUMENT SCROLL
   ---------------------------------------------------------- */

html,
body{
    max-width:100%;
}

body{
    overflow-x:clip;
}

@supports not (overflow:clip){

    .fm-shows-page,
    body{
        overflow-x:hidden;
    }

}