/* Карточки на главной */
.services__card-btn,
.services__card-btn-search span {
    font-size: 16px
}

.services__cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px
}

.services__card-img {
    width: 100%;
    aspect-ratio: 3/3;
    object-fit: contain
}

.services__card-title {
    margin-bottom: 10px
}

.services__card-box-btn {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.services__card-btn-search {
    display: inline-flex;
    gap: 10px;
    margin-bottom: 15px
}

.services__card-btn-search span {
    font-family: var(--semibold);
    color: var(--accent-bg)
}

.services__card-btn-search svg {
    fill: var(--accent-bg-hover);
    width: 22.77px;
    height: 22.77px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

@media (hover:hover) {
    .services__card-btn-search:hover svg {
        fill: var(--accent-bg);
        scale: 1.06
    }
}

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

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

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

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

    .services__card-info {
        display: flex;
        flex-direction: column;
    }

    .services__card-top {
        flex: 1 1 auto
    }

    .services__card-info {
        gap: 20px;
    }
}

/* Страница услуг */
.services-page__title {
    margin-bottom: 30px
}

.services-page__card,
.services-page__content {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px
}

.services-page__nav-top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    cursor: pointer
}

.services-page__nav-title {
    color: var(--accent-bg);
    font-size: 16px;
    font-family: var(--semibold)
}

.services-page__nav-top-btn {
    background-color: rgba(230, 230, 230, .4);
    box-shadow: 0 8px 24px rgba(240, 240, 240, .14);
    position: relative;
    display: inline-flex;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.services-page__nav.active .services-page__nav-top-btn {
    rotate: -180deg
}

.services-page__nav-links {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding-top: 0;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    transition: max-height .35s, opacity .25s, padding-top .35s;
    -webkit-transition: max-height .35s, opacity .25s, padding-top .35s;
    -moz-transition: max-height .35s, opacity .25s, padding-top .35s;
    -ms-transition: max-height .35s, opacity .25s, padding-top .35s;
    -o-transition: max-height .35s, opacity .25s, padding-top .35s
}

.services-page__nav.active .services-page__nav-links {
    opacity: 1;
    padding-top: 15px
}

.services-page__nav-link {
    text-align: center;
    width: 100%
}

.services-page__nav-link.active {
    color: var(--main-bg);
    border: none;
    background-color: var(--accent-bg)
}

.services-page-cards {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.services-page__card img {
    aspect-ratio: 3/2;
    width: 100%;
    object-fit: cover;
    object-position: center;
    background-color: rgba(240, 240, 240, .3);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.services-page__card h2 {
    margin-bottom: 10px
}

.services-page__card-info {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.services-page__card-info .price,
.services-page__card-info p.text {
    margin-bottom: 20px
}

.services-page__card-info p.text {
    flex: 1 1 auto
}

.services-page__card-info .price,
.services-page__card-info .price>span {
    color: var(--accent-bg);
    font-family: var(--semibold);
    font-size: 18px
}

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

@media (hover:hover) {
    .services-page__nav-link:hover.active {
        color: var(--main-bg);
        border: none;
        background-color: var(--accent-bg)
    }
}

@media (min-width:768px) {
    .services-page__nav-links {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .services-page__nav-link {
        width: auto
    }

    .services-page__card {
        grid-template-columns: 0.4fr 1fr;
        gap: 25px
    }

    .services-page__card img {
        aspect-ratio: 1/1
    }
}

@media (min-width:1024px) {
    .services-page__content {
        display: grid;
        grid-template-columns: 0.5fr 1fr;
        gap: 15px;
        align-items: start
    }

    .services-page__nav {
        height: auto;
        align-self: start
    }

    .services-page__nav-top,
    .services-page__nav-top-btn {
        display: none
    }

    .services-page__nav-links {
        max-height: none;
        overflow: visible;
        opacity: 1;
        padding-top: 15px;
        flex-direction: column;
        gap: 10px;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .services-page__nav-link {
        width: auto
    }
}

@media (min-width:1280px) {
    .services-page__title {
        margin-bottom: 50px
    }

    .services-page__content {
        gap: 25px
    }

    .services-page__card-img {
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }
}

@media (min-width:1350px) {
    .services-page__content {
        grid-template-columns: 0.45fr 1fr
    }

    .services-page__card-info .price>span {
        font-size: 30px
    }
}

/*  Страница одной услуги */
.service__column-info-value,
.service__title {
    margin-bottom: 30px
}

.service__column-info .description {
    margin-bottom: 20px
}

.service__column-info .duration,
.service__column-info .duration span,
.service__column-info .price,
.service__column-info .price span {
    color: var(--accent-bg);
    font-size: 18px;
    font-family: var(--semibold)
}

.service__column-info .price {
    margin-bottom: 10px
}

.service__column_img {
    display: none
}

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

.service__column-info .bottom__call {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px
}

.service__column-info .bottom__text {
    color: #9e9e9e
}

@media (max-width:768px) {

    .price__bottom .soc__links>.soc__link:nth-child(n+3),
    .service__column-info .bottom__call>.soc__links>.soc__link:nth-child(n+3) {
        display: none
    }
}

@media (min-width:768px) {
    .service__columns {
        display: grid;
        grid-template-columns: 0.6fr 1fr;
        align-items: start;
        gap: 30px
    }

    .service__column_img {
        display: block
    }

    .service__column-info {
        display: flex;
        flex-direction: column
    }

    .service__column-info-value {
        order: 1
    }

    .service__column-info .description {
        order: 2
    }

    .service__column-info .bottom {
        order: 3
    }

    .service__column-info .bottom__call>.soc__links>.soc__link:nth-child(n+3) {
        display: flex
    }

    .service__column-info .bottom__call {
        margin-bottom: 15px
    }
}

@media (min-width:1280px) {
    .service__columns {
        gap: 80px
    }

    .service__img {
        width: 100%;
        aspect-ratio: 1/1;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }
}

/* Страница прайса */
.price__list,
.price__title {
    margin-bottom: 30px
}

.price__nav.card {
    margin-bottom: 15px
}

.price__list {
    border: 1px solid var(--accent-bg);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.price__list-item {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.price__list-item:not(:last-child) {
    border-bottom: 1px solid var(--accent-bg)
}

.price__list-item div {
    display: block;
    padding: 12px 15px;
    margin: 0
}


.price__list-item div:nth-child(2) {
    text-align: end;
    border-left: 1px solid var(--accent-bg)
}

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

.price__body {
    max-width: 1000px;
    margin-inline: auto
}

@media (min-width:768px) {
    .price__title {
        text-align: center
    }

    .price__bottom {
        justify-content: center
    }
}

@media (min-width:1024px) {
    .price__nav.card {
        padding: 0;
        background: 0 0;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0;
        -ms-border-radius: 0px;
        -o-border-radius: 0;
        margin-bottom: 25px
    }

    .price__nav-links {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center
    }
}

@media (min-width:1280px) {

    .price__list::after,
    .price__list::before {
        position: absolute;
        content: '';
        width: 250px;
        height: 250px;
        object-fit: contain;
        object-position: center
    }

    .price__title {
        margin-bottom: 50px
    }

    .price__list {
        position: relative;
        z-index: 2
    }

    .price__list::after {
        top: -200px;
        left: -200px;
        background-image: url(/wp-content/themes/linyan/img/decor/nojnits.png)
    }

    .price__list::before {
        bottom: -200px;
        right: -200px;
        background-image: url(/wp-content/themes/linyan/img/decor/rascheska.png)
    }
}