/* .r1
{
    border:#0f0 solid 5px;
} */

/* designer */
.y_catalogDesigner{
    max-width: 300px;
    margin-bottom: 30px;
    padding-right: 20px;
}
.y_catalogDesigner__media{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}
.y_catalogDesigner__video{
    display: block;
    position: relative;
    cursor: pointer;
    & img{
        display: block;
        max-width: 100%;
        height: auto;
    }
    &:before{
        --elSize: 40px;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: var(--elSize);
        height: var(--elSize);
        border-radius: 100%;
        background-color: #ffffffcc;
        transition: scale .2s;
    }
    &:after{
        --elSize: 20px;
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
        width: var(--elSize);
        height: var(--elSize);
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2431_2958)'%3E%3Cpath d='M10.5 6L3.75 9.89711V2.10289L10.5 6Z' fill='%233F4443'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2431_2958'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    &:hover:before{
        scale: 1.2;
    }
}
.fancybox-navigation,
.fancybox-infobar{
    display: none;
}
@media ( orientation: portrait ) {
    .fancybox-content{
        height: auto !important;
    }
}

.y_catalogDesigner__img img{
    display: block;
    max-width: 100%;
    height: auto;
}
.y_catalogDesigner__desc{
    font-size: 14px;
    line-height: 120%;
    & p{
        margin: 0;
    }
    & p + p{
        margin-top: 1em;
    }
}
.y_catalogDesigner__showMore{
    margin-top: -10px;
    text-decoration: underline;
    text-underline-offset: .2em;
    cursor: pointer;
}
/* in result */
.dds-filter-result .y_catalogDesigner{
    display: none;
}
@media (max-width: 1019.95px){
    /* in result */
    .dds-filter-result .y_catalogDesigner{
        display: block;
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        margin-top: -10px;
    }
    /* in filters */
    .sCatalog__colFilters .y_catalogDesigner{
        display: none;
    }
}