/*
Theme Name: housetheme
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: housetheme
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: housetheme
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

:root {
    --size-text-xxs: calc(9px + 2 * (100vw / 1920));
    --size-text-xs: calc(10px + 4 * (100vw / 1920));
    --size-text-s: calc(12px + 4 * (100vw / 1920));
    --size-text-m: calc(10px + 4 * (100vw / 1920));
    --size-text-m-1: calc(11px + 4 * (100vw / 1920));
    --size-text-m-2: calc(14px + 4 * (100vw / 1920));
    --size-text-m-3: calc(18px + 4 * (100vw / 1920));
    --size-text-m-4: calc(20px + 4 * (100vw / 1920));
    --size-text-l: calc(24px + 4 * (100vw / 1920));
    --size-text-xl: calc(28px + 8 * (100vw / 1920));
    --size-text-xxl-s: calc(32px + 16 * (100vw / 1920));
    --size-text-xxl: calc(42px + 16 * (100vw / 1920));
    --size-text-xxl-3: calc(13vw + 2 * (100vw / 1920));

    --color-green: #467bdb;
    --color-green-dark: #5076a8;
    --color-green-alpha: #f3fbe1;
    --color-gray: #686a7a;
    --color-darkgray: #282828;
    --color-lightgray: #cbcbcb;
    --color-extralightgray: #f4f2f2;
    --color-viloet: #7360f2;
    --color-bodyback: #f9f9f9;

    --color-whatsapp: #25d366;
    --color-viber: #7360f2;
    --color-telegramm: #27a7e7;


    --number-font: 'Montserrat';

}


body,
html {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background-color: var(--color-bodyback);
    position: relative;
    box-sizing: border-box;
}


body a {
    text-decoration: none;
}

body * {
    font-family: "Montserrat", sans-serif;
    box-sizing: border-box;
}

main {
    overflow-x: hidden;
}


/**grid**/
.del__container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 1921px) and (max-width: 3840px) {
    .del__container {
        max-width: 1920px;
    }
}


@media only screen and (min-width: 1700px) and (max-width: 1920px) {
    .del__container {
        max-width: 1600px;
    }
}


@media only screen and (min-width: 1400px) and (max-width: 1700px) {
    .del__container {
        max-width: 1300px;
    }
}


@media only screen and (max-width: 1399px) {
    .del__container {
        max-width: 1170px;
    }
}

/*search**/
.search-results-container .nav-links {
    display: flex;
}


/**Inner grid***/
.del__inner_page {
    display: flex;
    flex-direction: column;
    padding-top: 200px;
}


.del__inner_page > .del__container > h1 {
    text-align: center;
    font-size: var(--size-text-xl);
    font-weight: 300;
    margin-top: 1rem;
}

.del__inner_page > .del__container > .del__s_content {
    margin-bottom: 4rem;
}


@media only screen and (max-width: 1280px) {
    .del__inner_page {
        padding-top: 150px;
    }
}


/**tags**/

.del__tag_grid > .del__s_tags {
    margin-bottom: 2rem;
}

.del__tag_grid > .del__s_tags > .del__s_colapse {
    width: fit-content;
    cursor: pointer;
    border-bottom: 1px dashed var(--color-green);
    color: var(--color-green);
    font-size: var(--size-text-m);
}

.del__tag_grid > .del__s_tags > .del__s_colapse i {
    margin-right: 1rem;
}

.del__tag_grid > .del__s_tags.del__s_active > .del__s_colapse i {
    transform: rotateZ(180deg);
}

.del__tag_grid > .del__s_tags .del__s_inner {
    display: flex;
    flex-direction: column;
}


.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group {
    display: none;
    flex-direction: row;
    padding-top: 0.25rem;
    padding-bottom: 0.2rem;
    opacity: 0;
}

.del__tag_grid > .del__s_tags.del__s_active .del__s_inner > .del__s_group {
    display: flex;
    opacity: 1;
}


.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group:nth-child(1) {
    display: flex;
    opacity: 1;
}


.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group ul {
    display: flex;
    padding-left: 0;
    flex-flow: row wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group > .del__s_name {
    font-size: var(--size-text-m);
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group a {
    font-size: var(--size-text-m);
    font-weight: 400;
    padding: 0.25rem 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.25rem;
    border-radius: 0.5rem;
    color: var(--color-darkgray);
    background-color: var(--color-extralightgray);
}

.del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group a:hover {
    color: white;
    background-color: var(--color-green);
}

@media only screen and (max-width: 960px) {
    .del__tag_grid > .del__s_tags > .del__s_inner > .del__s_group > .del__s_name {
        align-items: start;
        padding-top: 0.5rem;
    }

    .del__inner_page .page-title{
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .search-results-container{
       padding-left: 1rem;
        padding-right: 1rem;
    }
}


/**project grid**/
.del__project_grid {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}


.del__project_grid > .del__project {
    flex: 0 0 50%;
    margin-bottom: 1rem;
}


@media (max-width: 1280px) {
    .del__project_grid {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}


@media (max-width: 960px) {
    .del__project_grid > .del__project {
        flex: 0 0 100%;
    }

    .del__project_grid {
        margin-left: 0;
        margin-right: 0;
    }


}

/**project**/
.del__project {
    display: flex;
    flex-direction: column;
}

.del__project .del__s_inner {
    margin: 0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    height: 100%;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
    display: flex;
    flex-direction: column;
}

.del__project .del__s_inner:hover {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.del__project .del__s_inner .del__s_left {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.del__project .del__s_inner .del__s_image {
    position: relative;
    flex: 0 0 50%;
}

.del__project .del__s_inner .del__s_image a {
    color: var(--color-gray);
    display: block;
    height: 100%;
}

.del__project .del__s_inner .del__s_image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.del__project .del__s_inner .del__s_labels {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 0;
    top: 1rem;
}

.del__project .del__s_inner .del__s_labels .del__s_label {
    padding: 0.35rem 0.5rem;
    font-family: var(--number-font);

    color: white;
    text-transform: uppercase;
    margin-top: 0.5rem;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 13px;
    font-weight: 600;
}

.del__project .del__s_inner .del__s_labels .del__s_label:first-child {
    background-color: var(--color-green);
}

.del__project .del__s_inner .del__s_labels .del__s_label:last-child {
    background-color: var(--color-viloet);
}

.del__project .del__s_inner .del__s_title {
    flex-grow: 1;
}

.del__project .del__s_inner .del__s_title a {
    padding: 0.5rem 1rem;
    display: block;
    font-weight: 700;
    text-align: left;
    font-size: 18px;
    color: black;
}

.del__project .del__s_inner .del__s_title a:hover {
    color: var(--color-green);
}


.del__project .del__s_inner .del__s_more {
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-green);
    background-color: var(--color-green);
    font-family: "Montserrat", sans-serif;
    font-size: var(--size-text-m-2);
    border-radius: 0.6rem;
    color: white;
    padding: 0.5rem;
}


.del__project .del__s_inner .del__s_more:hover {
    background-color: white;
    color: var(--color-green);
}

/**fav*/
.del__project .del__s_inner .del__s_fav {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    padding: 0.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-green-alpha);
    cursor: pointer;
    width: 24px;
    height: 24px;
}


.del__project .del__s_inner .del__s_fav:hover {
    color: var(--color-green);
    background-color: white;
}

.del__project .del__s_inner .del__s_fav.del__s_active {
    background-color: var(--color-green);
    color: white;
}

/**comp

 */
.del__project .del__s_inner .del__s_comp {
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 24px;
    height: 24px;
    padding: 0.5rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-green-alpha);
    cursor: pointer;
}


.del__project .del__s_inner .del__s_comp:hover {
    color: var(--color-green);
    background-color: white;
}

.del__project .del__s_inner .del__s_comp.del__s_active {
    background-color: var(--color-green);
    color: white;
}

/**fav*/

.del__project .del__s_inner .del__s_tips {
    display: flex;
    flex-flow: row wrap;
    margin-left: 1rem;
    margin-right: 1rem;
    gap: 0.5rem;
    flex-grow: 1;

}

.del__project .del__s_inner .del__s_tips .del__s_tip {
    flex: 0 0 calc(33.33% - 0.5rem);
    border-right: 1px solid gray;

}

.del__project .del__s_inner .del__s_tips .del__s_tip:last-child {
    border-right: none;
}


.del__project .del__s_inner .del__s_tips .del__s_tip .ts__s_inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: start;
}

.del__project .del__s_inner .del__s_tips .del__s_tip .ts__s_inner .del__s_ico img {
    width: 32px;
    height: 32px;
    opacity: 0.6;

}

.del__project .del__s_inner .del__s_tips .del__s_tip .del__s_dots {
    flex-grow: 1;
    border-bottom: 1px dotted lightgray;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}


.del__project .del__s_inner .del__s_tips .del__s_tip span {
    font-size: 13px;
    line-height: 24px;
    padding-right: 3px;
    font-family: var(--number-font);
}

.del__project .del__s_inner .del__s_tips .del__s_tip .del__s_value {
    font-weight: 700;
}


.del__project .del__s_inner .del__s_price {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
    background: red;
    position: absolute;
    right: 0;
    bottom: 0;
    color: white;
    border-top-left-radius: 0.5rem;

}

.del__project .del__s_inner .del__s_price .del__s_text {
    text-align: center;
    font-size: var(--size-text-m);
    font-weight: 600;
    color: white;
}

.del__project .del__s_inner .del__s_price .del__s_number {
    text-align: center;
}

.del__project .del__s_inner .del__s_bage {
    position: absolute;
    top: 0;
    left: 1rem;
    background: green;
    color: white;
    font-size: 8px;
    padding: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    gap: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;

}

.del__project .del__s_inner .del__s_price .del__s_number span:first-child {
    font-size: var(--size-text-xl);
    font-weight: 700;
    color: white;
    font-family: var(--number-font);
}


.del__project .del__s_inner .del__s_price .del__s_number span:last-child {
    font-weight: 500;
    font-size: 25px;
    color: white;
    padding-left: 3px;
}

@media (max-width: 960px) {
    .del__project .del__s_inner {
        margin: 0;
    }
}

/**form**/
.del__block_form {
    display: flex;
    flex-direction: row;
    position: relative;
    gap: 1rem;
}

.del__block_form .del__s_input {
    flex: 1 1 33.33%;
}

@media (max-width: 960px) {

    .del__block_form {
        flex-direction: column;
    }

    .del__block_form .del__s_input > p {
        margin: 0 !important;
    }

}

/**CF7**/


.wpcf7 select,
.del__input_select {
    width: 100%;
    padding: 1rem;
    border: 1px solid var(--color-gray);
    border-radius: 0.5rem;
    background-color: #f9f9f9;
    font-size: var(--size-text-m-2);
    color: #333;
    cursor: pointer;
}


.wpcf7 .wpcf7-text,
.del__input_text {
    padding: 1rem;
    font-size: var(--size-text-m-2);
    border-radius: 0.5rem;
    outline: none;
    border: 1px solid var(--color-gray);
}

.wpcf7 select:hover,
.del__input_select:hover {
    border-color: var(--color-lightgray);
}

.wpcf7 select option,
.del__input_select option {
    padding: 1rem;
    background-color: #fff;
    color: #333;
}

.wpcf7 select option:checked,
.del__input_select option:checked {
    background-color: var(--color-green);
    color: #fff;
}


.wpcf7 .wpcf7-submit,
.del__input_submit {
    padding: 1rem;
    font-size: var(--size-text-m-1);
    background-color: var(--color-green);
    font-weight: 600;
    color: white;
    border: 1px solid var(--color-green);
    border-radius: 0.5rem;
    cursor: pointer;
    text-transform: uppercase;
    width: 100%;
    border: 1px solid white;
}

.wpcf7 .wpcf7-submit:hover,
.del__input_submit:hover {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
}

.wpcf7 {
    position: relative;
}

.wpcf7-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wpcf7 form > p{
    display: flex;
    flex-direction: column;
 }

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    background: white;
}

.del__input_small {
    padding: 0.5rem;
    border-radius: 0.25rem;
    font-size: var(--size-text-m);
}

/**modall*/


.del__modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}

.del__modal.del__s_active {
    display: flex;
    animation: showModal 0.3s forwards;
    opacity: 0;
}

@keyframes showModal {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.del__modal .del__s_wrapper {
    width: 100%;
    height: 100%;
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.del__modal .del__s_close {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.del__modal .del__s_close i {
    padding: 1rem;
    border-radius: 50%;
    background-color: var(--color-green);
    color: white;
}

.del__modal .del__s_inner {
    background: var(--color-bodyback);
    min-width: 600px;
    border-radius: 1rem;
    overflow-y: auto;
    max-height: 100vh;

}

.del__modal .del__s_inner .del__s_image {
    aspect-ratio: 16 / 5;
    max-width: 100%;
    width: 100%;
}

.del__modal .del__s_inner .del__s_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.del__modal .del__s_inner .del__s_content {
    padding: 2rem;
}

.del__modal .del__s_inner .del__s_header {
    font-size: var(--size-text-m-3);
    margin-bottom: 2rem;
}

.del__modal_search .del__s_inputs {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.del__modal_search .del__s_inputs .del__input_text {
    flex-grow: 1;
}

@media (max-width: 1600px) {

    .del__modal .del__s_inputs {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .del__modal .del__s_inputs input,
    .del__modal .del__s_inputs .del__input_submit {
        flex: 0 0 100%;
    }

    .del__modal .del__policy {
        justify-content: center;
    }

}

@media (max-width: 960px) {
    .del__modal .del__s_inner {
        min-width: 90%;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

#del__modal_search .del__s_inner {
    background: unset;
}


/**swiper**/
.del__swiper_controls {
    display: flex;
    flex-direction: row;
}

.del__swiper_controls .del__s_control {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
}

.del__swiper_controls .del__s_control i {
    color: var(--color-green);
    cursor: pointer;
    border-radius: 50%;
}

.del__swiper_controls .del__s_control i:hover {
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.del__swiper_controls .del__s_pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

.del__swiper_controls .del__s_pagination .swiper-pagination-bullet-active {
    background: var(--color-green) !important;
}

.fa-chevron-circle-left:before {
    content: "\f060" !important;
}

.fa-chevron-circle-right:before {
    content: "\f061" !important;
}


/**crumbs**/
.del__breadcrumbs {
    padding-top: 1rem;
}

@media (max-width: 960px) {
    .del__breadcrumbs {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.del__breadcrumbs * {
    font-weight: 300;
    color: var(--color-gray);
    font-size: var(--size-text-m-1);
}

/**postlost**/

.del__postlist {
    margin-bottom: 4rem;
}

.del__postlist h2 a {
    text-align: center;
    font-size: var(--size-text-m-3);
    font-weight: 300;
    margin-top: 1rem;
    color: var(--color-darkgray);
}

.del__postlist .post-more {
    font-weight: 300;
    margin-top: 1rem;
    font-weight: 600;
    color: var(--color-green);
    font-size: var(--size-text-m-1);
}


/**widget**/

.st_widget {
    position: fixed;
    right: 0;
    top: 30vh;
    z-index: 500;
}

.st_widget .del__s_wrapper {
    display: flex;
    flex-direction: column;
}

.st_widget .del__s_wrapper .del__s_item {
    display: flex;
    flex-direction: column;
    background-color: var(--color-green);
    margin-bottom: 0.5rem;
    justify-content: center;
    align-items: center;
    padding: 0.5rem;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    transition: all 0.3s ease-in-out;
}

.st_widget .del__s_wrapper .del__s_item:hover {
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.7);
}


.st_widget .del__s_wrapper .del__s_item .del__s_text {
    font-size: 12px;
    text-align: center;
    color: white;
}

.st_widget .del__s_wrapper .del__s_item .del__s_ico i {
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}


.st_widget .del__s_colapse {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.st_widget .del__s_colapse span {
    background-color: var(--color-green);
    padding: 0.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 24px;
    color: white;
    cursor: pointer;
}


.st_widget .del__s_wrapper {
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
}


.st_widget.del__s_active .del__s_wrapper {
    transform: translateX(0);
}

.st_widget.del__s_active .del__s_colapse span {
    background-color: var(--color-extralightgray);
    color: var(--color-darkgray);
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;

}

@media (max-width: 960px) {
    .st_widget .del__s_wrapper .del__s_item .del__s_text {
        display: none;
    }

    .st_widget .del__s_wrapper .del__s_item .del__s_ico {
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .del__filter_header_mobile .del__s_close {
        width: 24px;
        height: 24px;
        padding: 0.5rem;
        background: var(--color-green);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }

    .del__filter_header_mobile .del__s_close i {
        color: white;
    }

    .del__filter_header_mobile .del__s_name {
        flex-grow: 1;
        font-size: var(--size-text-xl);
        font-weight: 600;
    }

    .filter--style-premmerce .filter__item, .filter--style-custom .filter__item {
        padding-left: 0;
        padding-right: 0;
    }

}


#del__modal_search .del__s_content_white {
    background: white;
}

#del__modal_search .del__s_form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/**service**/
.del__inner_page_service > .del__container > .del__s_content {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.del__inner_page_service > .del__container > .del__s_content img {
    aspect-ratio: 16/9;
    object-fit: cover;
    width: 100%;
    border-radius: 1rem;
    margin-right: 1rem;
}

.del__inner_page_service > .del__container > .del__s_content .del__s_left,
.del__inner_page_service > .del__container > .del__s_content .del__s_right {
    flex: 0 0 50%;
}


@media only screen and (max-width: 960px) {
    .del__inner_page_service > .del__container > .del__s_content{
        flex-direction: column;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .del__inner_page .del__s_content{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/**flat**/

 .del__s_controls_flat {
    display: flex;
    flex-direction: row;
    background: whitesmoke;
    justify-content: center;
    align-items: center;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 0.5rem;
    padding-left: 0.85rem;
    padding-right: 0.85rem;
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
    gap: 0.5rem;

}


.del__s_controls_flat .del__s_pagination {
    background: lightgray;
    display: flex;
    position: relative;
    bottom: unset;
    top: unset;
}

.del__s_controls_flat .del__s_pagination .swiper-pagination-bullet {
    flex-grow: 1;
    border-radius: unset;
    margin: unset !important;
    border-right: 1px solid white;
}
.del__s_controls_flat .swiper-pagination-bullet-active{
   opacity: 0.25;
}

.del__s_controls_flat .del__s_prev,
.del__s_controls_flat .del__s_next {
    position: unset !important;
    top: unset;
    bottom: unset;
    margin: 0;

    aspect-ratio: 1/1;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.del__s_controls_flat .del__s_prev:after,
.del__s_controls_flat .del__s_next:after {
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.wpcf7 form > p{
    flex-direction: column;
    
}


/* Стили для article table — синие оттенки, читабельно и адаптивно */
article table {
    width: 100%;
    border-collapse: collapse;
    background: linear-gradient(180deg, #f7fbff 0%, #f0f6ff 100%);
    color: #0b1c33;
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    box-shadow: 0 6px 18px rgba(13, 42, 84, 0.08);
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 1rem;
}

/* Заголовок таблицы */
article table thead th {
    background: linear-gradient(90deg, #0f4ea8 0%, #2266cc 100%);
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    padding: 12px 14px;
    font-size: 14px;
    position: sticky;
    top: 0;
    z-index: 1;
    border-bottom: 2px solid rgba(255,255,255,0.08);
}

/* Тело таблицы */
article table tbody td {
    padding: 12px 14px;
    font-size: 14px;
    vertical-align: middle;
    border-bottom: 1px solid rgba(16,40,80,0.06);
}

/* Чередование строк */
article table tbody tr:nth-child(odd) {
    background: rgba(34, 102, 204, 0.03);
}

/* Hover-эффект */
article table tbody tr:hover {
    background: rgba(34, 102, 204, 0.08);
    transform: translateZ(0);
}

/* Малые экраны — скроллируемая таблица с отступами */
@media (max-width: 720px) {
    article table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    article table thead th, article table tbody td {
        white-space: nowrap;
    }
}

/* Подпись таблицы */
article table caption {
    caption-side: top;
    text-align: left;
    padding: 10px 14px;
    font-size: 13px;
    color: #16407a;
    font-weight: 600;
}

/* Акценты для чисел и цен */
article table td.numeric, article table td.price {
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: #06305a;
    font-weight: 600;
}

/* Маленькие декоративные элементы */
article table th .sub {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: rgba(255,255,255,0.85);
    margin-top: 4px;
}
article img {
    display: block;
    width: 100%;
    max-width: 600px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 38, 102, 0.15);
    margin: 24px auto; /* авто-отступ слева/справа для центрирования */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

article img:hover {
    transform: scale(1.03);
    box-shadow: 0 12px 28px rgba(0, 38, 102, 0.25);
}

.wpc-filters-main-wrap li.wpc-term-item a{
    color:var(--color-green);
    font-size: 13px;
}
.wpc-filters-main-wrap a.wpc-toggle-a{
    font-size: 0;
}
.wpc-filters-main-wrap a.wpc-toggle-a:before{
    content: 'Еще';
    font-size: 12px;
    display: inline;
    color:var(--color-green);
    font-weight: 600;
}

.wpc-term-count{
    font-size: 12px;
}