/* Карточки на главной */
.masters__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px
}

.masters__card {
    display: flex;
    flex-direction: column
}

.masters__card-box-img {
    margin-bottom: 15px
}

.masters__card-info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    flex: 1 1 auto
}

.masters__card-img {
    aspect-ratio: 4/3;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.masters__card-job-title {
    color: #979595
}

.masters__card-box-btns {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .masters__cards {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width:1024px) {
    .masters__cards {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (min-width:1280px) {
    .masters__card-img {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }

    .masters__card-box-img {
        margin-bottom: 25px
    }

    .masters__card-info {
        margin-bottom: 30px
    }

    .masters__body {
        position: relative
    }

    .masters__body::after,
    .masters__body::before {
        pointer-events: none;
        position: absolute;
        content: '';
        width: 270px;
        height: 270px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        transform: scaleX(-1);
        transform-origin: center
    }

    .masters__body::after {
        top: -25%;
        right: 0;
        background-image: url(/wp-content/themes/linyan/img/decor/nojnits.png)
    }

    .masters__body::before {
        bottom: -30%;
        right: 30%;
        background-image: url(/wp-content/themes/linyan/img/decor/rascheska.png)
    }
}

/* Страница мастера */
.popup_master{
    max-width: 650px;
}

.master__img {
    width: 100%;
    object-fit: cover;
    object-position: center
}
.master-awards__slide-img{
     width: 100%;
    object-fit: contain;
    object-position: center
}

.master__columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

.master__box-img {
    position: relative
}

.master__box-img::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: -10%;
    right: -3%;
    width: 75px;
    height: 95px;
    aspect-ratio: 3/5;
    object-fit: contain;
    object-position: center;
    background-image: url(/wp-content/themes/linyan/img/decor/screpka.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.master__img {
    aspect-ratio: 3/3.5;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.master__title {
    margin-bottom: 20px
}

.master__character,
.master__character-item:not(:last-child) {
    margin-bottom: 10px
}

.master__character-item {
    color: var(--accent-bg);
    font-size: 16px;
    font-family: var(--semibold)
}

.master .popup__title,
.master__description {
    margin-bottom: 30px
}

.master__box-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.master-awards__slide-img {
    aspect-ratio: 4.2/3;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

@media (min-width:768px) {
    .master__columns {
        display: grid;
        grid-template-columns: 0.8fr 1fr;
        gap: 30px
    }

    .master__column_info {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .master__box-img::before {
        content: '';
        position: absolute;
        z-index: 2;
        top: -12%;
        right: -6%;
        width: 120px;
        height: 150px;
        aspect-ratio: 3/5;
        object-fit: contain;
        object-position: center;
        background-image: url(/wp-content/themes/linyan/img/decor/screpka.png);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat
    }
}

@media (min-width:1280px) {
    .master__columns {
        display: grid;
        grid-template-columns: 0.6fr 1fr;
        gap: 80px
    }

    .master-awards__slide-img,
    .master__img {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }
}