.link-dots-btn,.scroller-box {
    overflow: hidden;
    position: relative
}

.gallery-img-box,.link-dots-btn,.scroller-box,.tags-slider span {
    position: relative
}

.link-dots-btn,.slide {
    text-align: center
}

.link-dots-btn {
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: var(--color-almost-black);
    border: none;
    border-radius: var(--block-radius-s);
    background: 0 0;
    transition: color .2s ease-out,background-color .2s ease-out,box-shadow .2s ease-out,transform .15s ease-in-out;
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.link-dots-btn.Button_bold___VsIQ {
    font: var(--font-style-body-medium)
}

.link-dots-btn:hover {
    cursor: pointer
}

.link-dots-btn.Button_processing__Z2r8M {
    opacity: .85
}

.btn-label {
    width: 100%
}

.btn-label+.Button_icon__CgT26 {
    margin-left: var(--block-gap-xs)
}

.btn-bar {
    --button-label-line-height: var(--control-height-size-xs);
    height: var(--control-height-size-xs);
    padding: 0 var(--page-gap-xs)
}

.link-dots-btn.Button_S__ICtvJ {
    border-radius: 12px
}

.link-dots-btn.btn-bar {
    font: var(--font-style-small);
    border-radius: 12px
}

.link-dots-btn.btn-bar.Button_bold___VsIQ {
    font: var(--font-style-small-medium)
}

[class].bar-link-btn {
    padding: 0;
    border-radius: 0
}

.gallery-images {
    padding: 0
}

.scroller-box {
    --scrollbar-size: 0px
}

.scroller-container {
    overflow-x: auto
}

.scroller-wraper {
    width: -moz-fit-content;
    width: fit-content;
    line-height: 0;
    white-space: nowrap;
    overscroll-behavior-x: contain
}

.scroller-wraper.scroller-mandatory {
    scroll-snap-type: x mandatory
}

.gellery-images-box {
    position: relative;
    display: inline-flex
}

.gellery-images-box:first-child {
    padding-left: 15px
}

.gellery-images-box:last-child {
    padding-right: 15px
}

.gallery-img-link {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-touch-callout: none
}

.gallery-slider-image {
    position: relative!important;
    width: var(--gallery-width)!important;
    height: var(--gallery-height)!important;
    border-radius: var(--block-radius-s);
    transition: opacity .2s ease-out,transform .15s ease-in-out
}

.Gallery-scroller-box .gallery-show-more,.Gallery-scroller-box .gallery-slider-image {
    border-radius: 4px;
    object-fit: cover
}

@media(hover: hover) and (min-width:681px) {
    .scroller-container:has(.gallery-img-link:hover) .tags-slider {
        opacity:0
    }

    .Gallery-scroller-box {
        position: relative;
        width: 100%;
        height: 320px;
    }

    .Gallery-scroller-box [data-scroll=container] {
        box-sizing: content-box;
        height: 100%
    }

    .Gallery-scroller-box [data-scroll=wrap] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        width: 100%
    }

    .Gallery-scroller-box .gellery-images-box {
        position: static;
        flex: 1;
        margin: 0
    }

    .Gallery-scroller-box .gellery-images-box:hover .gallery-img-box,.Gallery-scroller-box:not(:hover) .gellery-images-box:first-child .gallery-img-box {
        z-index: 1;
        opacity: 1
    }

    .Gallery-scroller-box .gallery-img-box {
        position: absolute;
        z-index: -2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
        opacity: 0;
        border: 0;
        transition: none
    }

    .Gallery-scroller-box .gallery-slider-image {
        width: 100%!important;
        height: 100%!important;
        border-radius: var(--block-radius-s)
    }

    .Gallery-scroller-box .gallery-show-more {
        border-radius: var(--block-radius-s)
    }

    .Gallery-scroller-box .gellery-images-box:after {
        bottom: 2px;
        align-self: flex-end;
        width: 100%;
        height: 4px;
        margin: 16px 2px;
        pointer-events: none;
        border-radius: 5px;
        background-color: rgba(0,0,0,.38);
        transition: background-color .2s ease-out;
        z-index: 9;
    }

    .Gallery-scroller-box.Gallery-scroller-box-bar .gellery-images-box:after {
        content: ""
    }

    .Gallery-scroller-box .gellery-images-box:hover:after,.Gallery-scroller-box:not(:hover) .gellery-images-box:first-child:after {
        background-color: #fff
    }

    .Gallery-scroller-box:not(:hover) .gellery-images-box:after {
        opacity: 0
    }
}

@supports not (aspect-ratio: 16/10) {
    @media(hover:hover) and (min-width:681px) {
        .Gallery-scroller-box:before {
            float:left;
            padding-top: 62.2%;
            content: ""
        }

        .Gallery-scroller-box:after {
            display: block;
            clear: both;
            content: ""
        }
    }
}

.scroller-box::-webkit-scrollbar {
    width: 0;
    height: 0
}

.scroller-box::-webkit-scrollbar-track {
    background: 0 0
}

.tags-slider {
    display: flex;
    gap: 10px;
    position: absolute;
    margin-left: 10px
}

.tags-slider span {
    gap: 1px;
    align-items: center;
    z-index: 0
}

.tags-slider span:first-child svg {
    margin-top: 0!important
}

@media(max-width: 760px) {
    .Gallery-scroller-box .gellery-images-box {
        width:calc(320px)
    }

    .scroller-wraper.scroller-mandatory {
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        margin-top: -35px
    }

    .gellery-images-box:first-child {
        padding-left: 0
    }

    .gellery-images-box:last-child {
        padding-right: 0
    }

    .Gallery-scroller-box {
        --gallery-height: 260px;
        --gallery-width: 320px
    }

    .tags-slider span {
        z-index: 1
    }

    .tags-slider {
        position: relative
    }

    .col-md-3:has(.download-the-app) {
        display: none
    }

    .carcalar {
        z-index: 1!important;
        bottom: 8px!important
    }

    .video-controls-2 .play-button:before {
        position: absolute;
        background-color: rgba(255,255,255,.7);
        width: 50px!important;
        height: 50px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        content: " ";
        z-index: -1;
        left: 134px;
        top: 42%
    }

    .video-controls-2 .play-button {
        position: absolute;
        transform: translate(-50%,-50%);
        background-color: rgb(255 255 255/0%);
        width: 320px!important;
        height: 288px;
        border: none;
        border-radius: 0;
        cursor: pointer;
        top: -130px!important;
        left: 160px!important
    }
}

@media(max-width: 1200px) and (min-width:760px) {
    .Gallery-scroller-box .gellery-images-box {
        width:calc(320px)
    }

    .video-controls-2 .play-button:before {
        position: absolute;
        background-color: rgba(255,255,255,.7);
        width: 50px!important;
        height: 50px;
        border: none;
        border-radius: 50%;
        cursor: pointer;
        content: " ";
        z-index: -1;
        left: 134px;
        top: 42%
    }

    .video-controls-2 .play-button {
        position: absolute;
        transform: translate(-50%,-50%);
        background-color: rgb(255 255 255/0%);
        width: 320px!important;
        height: 288px;
        border: none;
        border-radius: 0;
        cursor: pointer;
        top: -130px!important;
        left: 160px!important
    }

    .tags-slider {
        position: relative
    }

    .carcalar {
        z-index: 1!important
    }

    .scroller-wraper.scroller-mandatory {
        scroll-snap-type: x mandatory;
        margin-top: -45px
    }

    .gellery-images-box:first-child {
        padding-left: 0
    }

    .gellery-images-box:last-child {
        padding-right: 0
    }

    .Gallery-scroller-box {
        --gallery-height: 253px;
        --gallery-width: 320px
    }

    .col-md-4.imgrightgap {
        height: auto!important
    }

    .carcalar img {
        margin-top: -20px
    }

    .tags-slider span {
        z-index: 1
    }

    .col-md-3:has(.download-the-app) {
        display: none
    }
}

.carcalar {
    z-index: 0;
    bottom: auto!important
}

.vwmorpicbtn {
    top: 0
}

.scroller-wraper.scroller-mandatory .nonverifiedmorocco {
    margin: 10% auto!important
}

.scroller-wraper a picture:has(.nonverifiedmorocco),.scroller-wraper a:has(.nonverifiedmorocco),.scroller-wraper:has(.nonverifiedmorocco) {
    width: 100%;
    display: flex
}

@media(min-width: 730px) {
    .gellery-images-box:hover .play-button,.mob-only {
        display:none
    }

    .gellery-images-box:has(.gallery-img-link:hover) .video-controls-2.desktop-only button,.video-controls-2.desktop-only:hover button {
        opacity: 9!important
    }

    .gellery-images-box:has(.gallery-img-link:hover) .video-container .video-controls-2.desktop-only button {
        opacity: 0!important
    }
}

@media(max-width: 730px) {
    .desktop-only {
        display:none
    }
}

button.fullscreen-button:hover,button.mute-button:hover {
    background: #fff
}

@media(hover: hover) and (min-width:681px) {
    .Gallery-scroller-box .gallery-slider-image {
        width:100%!important;
        height: 100%!important;
        border-radius: var(--block-radius-s);
        min-width: 330px;
    }
  body .Gallery-scroller-box .video-container >  video.gallery-slider-image {
       min-height: 320px !important;
    }

    html[lang=de] .gallery-images .video-container video.gallery-slider-image, html[lang=tr] .gallery-images .video-container video.gallery-slider-image, html[lang=es] .gallery-images .video-container video.gallery-slider-image,html[lang=it] .gallery-images .video-container video.gallery-slider-image,html[lang=nl] .gallery-images .video-container video.gallery-slider-image,html[lang=ru] .gallery-images .video-container video.gallery-slider-image {
        min-height: 320px
    }
}

.slide img {
    max-height: 232px!important
}