@font-face {
    font-family: 'Wix_Madefor_Display';
    src: url('../assets/fonts/Wix_Madefor_Display/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
/************************************************************************/
body {
    margin: 0;
    /*max-width: 1920px;*/
    padding: 0;
    font-family: Wix_Madefor_Display, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    /*background: #141414;*/
    color: #181818;
}
a {
    text-decoration: none;
}
h1,h2,h3 {
    margin: 0;
}
img {
    max-width: 100%;
}
.ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
a:hover {
    opacity: 0.8;
}
.hover:hover {
    opacity: 0.8;
    cursor: pointer;
}
.ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
input[type="submit"]:hover {
    opacity: 0.8;
    cursor: pointer;
}
.logo img {
    height: auto;
    width: 300px;
}
.logo span, .logo a {
    font-weight: 700;
    font-size: 24px;
    color: #181818;
}
input:focus {
    outline: none;
}
textarea:focus {
    outline: none;
    border: initial;
}
.container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
#overlay {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.54);
     z-index: 99;
 }
 /*********************************************************/
/* =========================
   DESKTOP (>1024)
========================= */

.site-header{
    background:#00000099;
    position:fixed;
    top:0; left:0;
    width:100%;
    z-index:99;
    /* min-height: 50px; */
    padding: 15px 0;
}

.site-header .header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
}

/* меню в одну линию */
.header-menu{
    display:flex;
    align-items:center;
    gap:15px;
}

.primary-menu ul.head-menu{
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
    padding:0;
    margin:0;
}

.primary-menu ul.head-menu > li{ position:relative; }

/* ссылки всегда белые */
.primary-menu ul.head-menu > li > a,
.primary-menu ul.head-menu > li .link-menu > a{
    font-size:18px;
    font-weight:500;
    color:#fff;
    text-decoration:none;
}

/* обёртка link + arrow */
.primary-menu .head-menu .link-menu{
    display:flex;
    align-items:center;
    gap:8px;
}

/* arrow */
.primary-menu .head-menu .arrow{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    user-select:none;
    color:#fff; /* currentColor */
}
.primary-menu .head-menu .arrow svg{
    width:14px;
    height:14px;
    display:block;
    transition: transform .25s ease;
    transform-origin: 50% 50%;
}

/* dropdown wrapper */
.primary-menu .head-menu .sub-wrapper{
    position:absolute;
    left:0;
    top: calc(100% + 15px); /* <-- опустили на 15px */
    min-width:260px;
    background: rgba(0,0,0,.92);
    border:1px solid rgba(255,255,255,.12);
    border-radius:12px;
    padding:10px 0;
    z-index:200;

    opacity:0;
    visibility:hidden;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}

/* "мостик", чтобы подменю не закрывалось при переводе мыши вниз */
.primary-menu .head-menu > li.menu-item-has-children .sub-wrapper::before{
    content:"";
    position:absolute;
    left:0;
    top:-15px;           /* равен отступу сверху */
    width:100%;
    height:15px;         /* равен отступу сверху */
}

/* sub ul */
.primary-menu .head-menu .sub-wrapper > ul.sub-menu{
    list-style:none;
    margin:0;
    padding:0;
}

.primary-menu .head-menu .sub-wrapper > ul.sub-menu > li > a{
    display:block;
    padding:10px 16px;
    color:#fff;
    text-decoration:none;
    font-size:16px;
}
.primary-menu .head-menu .sub-wrapper > ul.sub-menu > li > a:hover{
    background: rgba(255,255,255,.08);
}

/* OPEN on hover: и li, и sub-wrapper считаются hover-зоной */
.primary-menu .head-menu > li.menu-item-has-children:hover .sub-wrapper{
    opacity:1;
    visibility:visible;
    transform: translateY(0);
}
.primary-menu .head-menu > li.menu-item-has-children:hover .arrow svg{
    transform: rotate(180deg);
}

/* бургер на ПК не показываем */
.burger{ display:none; }



/********************************* Выпадающее меню ***************************************/

/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
/************************************************************************/
table {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.table{
    border: 1px solid #333;
    table-layout: fixed;
    min-width: 100%;
    margin-bottom: 20px;
}
.table th {
    font-weight: bold;
    padding: 5px;
    background: #efefef;
    border: 1px solid #333;
}
.table td{
    padding: 5px 10px;
    border: 1px solid #333;
    text-align: left;
    word-break: break-word;
}
.table tbody tr:nth-child(even){
    /*background: #fff;*/
}
.table tbody tr:nth-child(odd){
    /*background: #f9f9f9;*/
}
/***********************************************/
#popup_z {
    background: #fff;
    width: 650px;
    margin: 160px auto 0 auto;
    z-index: 100;
    position: fixed;
    top: 0;
    left: calc(50% - 325px);
    box-sizing: border-box;
    border-radius: 3px;
}
#popup_z .popup-inner {
    padding: 40px 50px 30px 50px;
    border-bottom: 3px;
}
#popup_z .popup-inner .popup-title {
    color: #4C4C4C;
    font-size: 28px;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center;
}
#popup_z input {
    padding: 10px;
    background: transparent;
    color: #0e0e0e;
    width: 100%;
    border: solid 1px #808080;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 3px;
}
#popup_z input[type="submit"] {
    background: #F3B007;
    color: #181818;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border: none;
    padding: 10px 15px;
    width: 100%;
    box-sizing: border-box;
}
#popup_z textarea {
    padding: 10px;
    background: transparent;
    color: #0e0e0e;
    width: 100%;
    border: solid 1px #808080;
    box-sizing: border-box;
    margin-bottom: 20px;
    border-radius: 3px;
    height: 90px;
}
#popup_z textarea::placeholder {
    font-family: Arial;
}
#popup_z input[type="submit"]::placeholder, .cf-right input[type="submit"]::placeholder {
    color: #eee;
}
#popup_z .popup-inner .cf7-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    color: #000;
    margin-bottom: 50px;
}
#popup_z .popup-inner .cf7-inner .cf7-popup {

}
#popup_z .popup-inner .cf7-inner .cf7-popup-acceptance {
    display: flex;
    justify-content: center;
}
#popup_z .popup-inner .cf7-inner .cf7-popup-acceptance .wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
}
#popup_z .popup-inner .cf7-inner .cf7-popup-acceptance .wpcf7-list-item label input {
    width: auto;
    margin: 0;
}
.close-popup {
    position: absolute;
    right: 15px;
    top: 15px;
}
.close-popup:hover {
    cursor: pointer;
    opacity: 0.8;
}
/*
 * Default WP Alignment Classes
 *****************************************************************************/

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
    padding-left: 20px;
}

.alignleft {
    float: left;
    margin: .5em 2em 1em 0;
    padding-right: 20px;
}

.aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}
    /*****************************************************/
.wrapper {
    /*padding-top: 50px;*/
}
.wrapper.wrapper-page {
    /*padding-top: 100px;*/
}
.wrapper.wrapper-sidebar {
    /*display: grid;*/
    /*grid-template-columns: 320px 1fr;*/
    /*gap: 12px;*/
}
.wrapper .page-content {
    overflow-x: hidden;
}
.wrapper .page-content .pc-inner {
    padding: 50px 0 80px 0;
}
.wrapper.wrapper-blog-cat {
    padding: 50px 0 80px 0;
}
.wrapper.wrapper-contacts {
    padding: 50px 0 80px 0;
}
.wrapper.wrapper-inspiration {
    padding: 50px 0 80px 0;
}
.wrapper.wrapper-blog-article {
    padding: 50px 0 80px 0;

}
.wrapper .page-content .bart-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: clamp(18px, 3vw, 42px);
    align-items: start;
}
/*********************************************************/
.home-rating {
    padding: 80px 0 0 0;
}
.title-block {
    display: flex;
    align-items: center;
    gap: 16px;
}
.title-block h2.h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: normal;
    color: #181818;
}
.title-block > span {
    color: #FE601E;
    font-weight: 500;
    font-size: 28px;
    line-height: 1;
}
/********************** FAQ *************************/
.faq-block {
    padding: 50px 0;
}
.faq-block .faq-area {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 50px;
}
.faq {
    margin-top: 40px;
}
.faqitem .fheader {
    padding: 15px 25px 15px 0;
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    cursor: pointer;
    gap: 15px;
}
.faqitem .fheader .faq-head {
    display: flex;
    align-items: center;
    gap: 30px;
}
.faqitem .fheader .faq-head > h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}
.faqitem:not(.jquery-accordion-active) .header > p {
    color: #91939B;
}
.faqitem .fheader .icon-minus {
    display: none;
}
.faqitem.jquery-accordion-active .icon-minus {
    display: block;
}
.faqitem.jquery-accordion-active .icon-plus {
    display: none;
}
.faqitem .content {
    padding: 0 90px 15px 20px;
    color: #494949;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.faqitem .content h2 {
    color: #333;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}
.faqitem .content h3 {
    color: #333;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 15px;
}
.faqitem .content p {
    font-size: 16px;
    line-height: 1.4;
}
.faqitem .content ol, .faqitem .content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 50px;
}
.faqitem .content li {
    font-size: 16px;
    line-height: 1.4;
}
.faq.jquery-accordion .faqitem {
}
.faq.jquery-accordion .faqitem.jquery-accordion-active {
    border-radius: 3px;
}
.faq.jquery-accordion .faqitem:first-child {
    border: none;
    border-radius: 3px;
}
.faq.jquery-accordion .faqitem.jquery-accordion-active .header {
    position: relative;
}
.faq.jquery-accordion .faqitem.jquery-accordion-active .header .faq-head > h3 {
    color: #ADADAD;
}
/*********************************/

footer {
    margin-top: auto;
}
/****************************************/
/************* Home Hero ****************/
/****************************************/
/* =============================
   HERO
   ============================= */



/* =============================
   HERO
   ============================= */

.home-hero{
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 560px;
    overflow: hidden;
    background:#000;
}

/* =============================
   BG VIDEO (CROSSFADE)
   ============================= */

.home-hero__bg-video{
    position:absolute;
    inset:0;
    z-index:1;
}

/* 2 видео слоя */
.home-hero__bg-video--xfade .home-hero__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;

    opacity:0;
    transition: opacity .65s ease; /* скорость перетекания */
    will-change: opacity;
}

.home-hero__bg-video--xfade .home-hero__video.is-active{
    opacity:1;
}

/* =============================
   OVERLAY
   ============================= */

.home-hero__overlay {
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    pointer-events:none;

    /* было темнее → стало в 2 раза светлее */
    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.45) 0%,
                    rgba(0,0,0,.35) 45%,
                    rgba(0,0,0,.41) 100%
            );

    opacity: 1;
    transition: opacity .25s ease, background .25s ease;
}

.home-hero__overlay.is-dimming{
    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.48) 0%,
                    rgba(0,0,0,.39) 45%,
                    rgba(0,0,0,.44) 100%
            );
}

/*******************************/

.popup-overlay {
    position:absolute;
    inset:0;
    z-index:2;
    display:block;
    pointer-events:none;

    /* было темнее → стало в 2 раза светлее */
    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.45) 0%,
                    rgba(0,0,0,.35) 45%,
                    rgba(0,0,0,.41) 100%
            );

    opacity: 0;
    transition: opacity .25s ease, background .25s ease;
}

.popup-overlay.is-dimming{
    background:
            linear-gradient(
                    180deg,
                    rgba(0,0,0,.48) 0%,
                    rgba(0,0,0,.39) 45%,
                    rgba(0,0,0,.44) 100%
            );
}


/* =============================
   CONTENT
   ============================= */

.home-hero__content{
    position:relative;
    z-index:3;
    height:100%;
    display:flex;
    align-items:center;
    padding:80px 0;
    color:#fff;
}

.home-hero__kicker{
    font-size:14px;
    letter-spacing:.02em;
    opacity:.92;
    margin:0 0 10px;
}
.home-hero__dkr{
    font-size:16px;
    letter-spacing:.02em;
    opacity:.92;
    margin:0 0 28px;
    color: #85ff70;
    font-weight: 700;
}

.home-hero__title{
    margin:0 0 10px;
    font-weight:700;
    font-size:clamp(34px, 4.2vw, 64px);
    line-height:1.05;
}

/* =============================
   ACTIONS / BUTTONS
   ============================= */

.home-hero__actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center;
}

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:14px 18px;
    border-radius:2px;
    font-size:13px;
    letter-spacing:.06em;
    text-transform:uppercase;
    cursor:pointer;
    user-select:none;
    transition: transform .15s ease, opacity .15s ease, background-color .2s ease, border-color .2s ease;
}
.btn:hover{ opacity:.95; }
.btn:active{ transform: scale(.98); }

.btn--primary{
    background:#1f1f1f;
    color:#fff;
}

.btn--ghost{
    background: rgba(0,0,0,.32);
    border:1px solid rgba(255,255,255,.38);
    color:#fff;
}

.btn__icon{
    /*width:10px;*/
    /*height:10px;*/
    display:inline-block;
    border-left:8px solid #fff;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
}



/* =============================
   POPUPS
   ============================= */
/* ===== POPUPS */

html.is-locked,
html.is-locked body {
    /*overflow: hidden;*/
}

html.is-locked body,
html.is-locked .wrapper,
html.is-locked .page-content {
    transform: none !important;
    filter: none !important;
    perspective: none !important;
}

/* контейнер попапа — строго viewport */
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    z-index: 999999; /* можно выше, если тема агрессивная */
    display: none;
}

.popup.is-open {
    display: block;
}

/* overlay — тоже fixed на viewport (не absolute!) */
.popup__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(0,0,0,.62);
}

/* окно — fixed + центр */
.popup__dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 700px;
    /*height: 500px;*/
    max-width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);

    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.35);

    z-index: 2;
}

/* video dialog */
.popup__dialog--video {
    background: #000;
    height: 500px;
}

/* body content */
.popup__body {
    height: 100%;
    padding: 22px;
    overflow: auto;
}

.popup__title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 14px;
}

/* video body без padding */
#popup-video .popup__body {
    padding: 0;
    overflow: hidden;
}

.video-frame {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000;
}

.video-frame__iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* close button */
.popup__close {
    position: absolute;
    top: 10px;
    right: 10px;

    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    cursor: pointer;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    z-index: 3;
    color: #111;
}

#popup-video .popup__close {
    color: #fff;
    top: -20px !important;
    right: -20px !important;
}
#popup-video .popup__dialog {
    overflow: visible !important;
}
/* SVG rotate on hover */
.popup__close-icon {
    display: block;
    transform: rotate(0deg);
    transition: transform .45s ease;
}

.popup__close:hover .popup__close-icon {
    transform: rotate(360deg);
}

/* Mobile: 100% width, 400px height */
@media (max-width: 768px) {
    .popup__dialog {
        width: calc(100vw - 24px);
        height: 400px;
    }
}
/****************************************/
/********* Products - Gallery************/
/****************************************/

.photo-gallery {
    width: 100%;
}

.wrapper-systems .photo-gallery {
    width: 70%;
    margin: 0 auto;
}
.photos.photos-shortcode {
    max-width: 700px;
    margin: 0 auto;
}
.photos.photos-shortcode .photo-gallery__slide {
    height: clamp(260px, 52vw, 400px);
}
.tabs__panels .photos.photos-shortcode {
    max-width: 100%;
    height: auto;
}
.tabs__panels .photos.photos-shortcode .photo-gallery__slide {
     height: 100%;
}
.photo-gallery__slider-wrap { width: 100%; }
.photo-gallery__swiper { width: 100%; position: relative; border-radius:10px }

.photo-gallery__slide {
    position: relative;
    width: 100%;
    height: clamp(260px, 52vw, 800px);
    overflow: hidden;
    background: #f3f3f3;
}
.wrapper-systems .photo-gallery .photo-gallery__img {
    /*object-fit: contain;*/
}
.photo-gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Лупа */
.photo-gallery__zoom {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    background: rgba(0,0,0,.55);
    color: #fff;
    display: grid;
    place-items: center;
    text-decoration: none;
    z-index: 3;
    transition: transform .15s ease, background .15s ease;
}
.photo-gallery__zoom:hover { transform: scale(1.05); background: rgba(0,0,0,.7); }

/* Навигация */
.photo-gallery__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.65);
    background: rgba(0,0,0,.35);
    color: #fff;
    cursor: pointer;
    display: grid;
    place-items: center;
}
.photo-gallery__nav--prev { left: 14px; }
.photo-gallery__nav--next { right: 14px; }
.photo-gallery__nav:hover { background: rgba(0,0,0,.55); }

/* Пагинация внутри слайдера снизу по центру */
.photo-gallery__pagination {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    gap: 10px;
}

/* Квадратики */
.photo-gallery__pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 0;
    background: rgba(255,255,255,.8);
    opacity: 1;
    border: 1px solid rgba(0,0,0,.15);
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.photo-gallery__pagination .swiper-pagination-bullet-active {
    background: #000;
    border: 2px solid #fff; /* черный с белой обводкой */
    transform: scale(1.05);
}

/* Превью сеткой */
.photo-gallery__thumbs {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
    gap: 10px;
    justify-items: center;
}

.photo-gallery__thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 0;
    border: 2px solid transparent;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    transition: border-color .15s ease, transform .15s ease;
}
.photo-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.photo-gallery__thumb:hover { transform: translateY(-1px); }
.photo-gallery__thumb.is-active { border-color: #20c05c; } /* зелёная обводка активной превью */

/* Немного адаптива */
@media (max-width: 640px) {
    .photo-gallery__slide { height: 52vw; }
    .photo-gallery__nav { width: 42px; height: 42px; }
}



/****************************************/
/*********** Product - attr *************/
/****************************************/

/* ===== Attributes table (modern) ===== */
.attrs {
    --attrs-border: rgba(0,0,0,.08);
    --attrs-zebra: rgba(0,0,0,.035);
    --attrs-head: rgba(0,0,0,.06);
    --attrs-text: #121212;
    --attrs-muted: rgba(0,0,0,.65);

    width: 100%;
    color: var(--attrs-text);
}

.attrs-table {
    width: 100%;
    border: 1px solid var(--attrs-border);
    border-radius: 18px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
}

/* Grid: 1 колонка label + 2/3 колонки значений */
.attrs-table--cols-2 .attrs-table__head,
.attrs-table--cols-2 .attrs-table__row {
    display: grid;
    grid-template-columns: minmax(180px, 28%) 1fr 1fr;
}

.attrs-table--cols-3 .attrs-table__head,
.attrs-table--cols-3 .attrs-table__row {
    display: grid;
    grid-template-columns: minmax(180px, 26%) 1fr 1fr 1fr;
}

/* Шапка */
.attrs-table__head {
    background: var(--attrs-head);
    border-bottom: 1px solid var(--attrs-border);
}

.attrs-table__cell {
    padding: 16px 18px;
    border-right: 1px solid var(--attrs-border);
    line-height: 1.35;
}

.attrs-table__head .attrs-table__cell {
    padding: 18px 18px;
}

.attrs-table__cell:last-child {
    border-right: none;
}

.attrs-table__cell--head {
    font-weight: 800; /* жирная шапка */
    letter-spacing: .02em;
    text-transform: uppercase;
    font-size: 14px;
}

/* Строки */
.attrs-table__row {
    border-bottom: 1px solid var(--attrs-border);
}

.attrs-table__row:last-child {
    border-bottom: none;
}

/* Зебра */
.attrs-table__row:nth-child(even) {
    background: var(--attrs-zebra);
}

/* Лейбл строки */
.attrs-table__cell--label {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .02em;
    color: var(--attrs-muted);
}

/* Значения */
.attrs-table__cell--val {
    font-size: 15px;
    color: var(--attrs-text);
}

/* Мелкие улучшения */
.attrs-table__cell--val strong {
    font-weight: 700;
}
.attrs-table__cell--val a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* ===== Responsive ===== */
@media (max-width: 980px) {
    .attrs-table__cell { padding: 14px 14px; }
    .attrs-table__cell--val { font-size: 14px; }
}

/* На мобиле превращаем строки в карточки (читается лучше, чем скролл) */
@media (max-width: 720px) {
    .attrs-table {
        border-radius: 16px;
    }

    .attrs-table__head {
        display: none; /* прячем шапку */
    }

    .attrs-table__row {
        display: block !important;
        padding: 12px 12px 14px;
    }

    .attrs-table__cell {
        border-right: none;
        padding: 10px 8px;
    }

    .attrs-table__cell--label {
        padding: 12px 8px 8px;
        font-size: 12px;
    }

    /* делаем значения “парами” с подписью колонки */
    .attrs-table__cell--val {
        display: grid;
        grid-template-columns: 110px 1fr;
        gap: 10px;
        align-items: start;
        padding: 10px 8px;
        border-top: 1px dashed var(--attrs-border);
    }

    .attrs-table__cell--val::before {
        font-weight: 700;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .02em;
        color: var(--attrs-muted);
        content: attr(data-col);
    }
}
/****************************************/
/************* Top block ****************/
/****************************************/
.top-block{
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: clamp(56px, 8vw, 110px) 0;
    color: #fff;
    overflow: hidden;
}

/* затемнение для читаемости текста */
.top-block::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.55) 45%,
            rgba(0,0,0,.45) 100%
    );
    z-index: 0;
}

.top-block .container,
.top-block .tp-inner{
    position: relative;
    z-index: 1;
}

.top-block .tp-inner{
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 960px;
}

/* H1 */
.top-block h1{
    margin: 0;
    color: #fff;
    font-weight: 800;
    line-height: 1.08;
    font-size: clamp(30px, 4.2vw, 56px);
    letter-spacing: .01em;
    text-shadow: 0 10px 26px rgba(0,0,0,.35);
    position: relative;
    padding-left: 18px; /* под декоративную полосу */
}

/* украшение слева от заголовка */
.top-block h1::before{
    content:"";
    position: absolute;
    left: 0;
    top: .1em;
    width: 6px;
    height: 1.25em;
    border-radius: 6px;
    background: rgb(88 185 71);
    box-shadow: 0 8px 18px rgba(0,0,0,.25);
}

/* маленький акцент под заголовком (опционально) */
.top-block h1::after{
    content:"";
    display: block;
    width: 64px;
    height: 3px;
    margin-top: 12px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffffff 0%, rgb(255 255 255 / 25%) 100%);
}

/* Breadcrumbs */
.top-block .breads{
    font-size: 14px;
    line-height: 1.3;
    text-shadow: 0 8px 20px rgba(0,0,0,.35);
}

.top-block #breadcrumbs{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.top-block #breadcrumbs a{
    color: rgba(255,255,255,.95);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.35);
    transition: opacity .15s ease, border-color .15s ease;
}

.top-block #breadcrumbs a:hover{
    opacity: .85;
    border-bottom-color: rgba(255,255,255,.6);
}

/* Yoast обычно делает текущую страницу в <span> */
.top-block #breadcrumbs span{
    color: rgba(255,255,255,.70); /* светло-серый */
}

/* разделители, если Yoast выводит сепаратор отдельным элементом */
.top-block #breadcrumbs .breadcrumb_last,
.top-block #breadcrumbs .separator{
    color: rgba(255,255,255,.70);
}

/* Мобилка */
@media (max-width: 640px){
    .top-block{
        padding: 46px 0 56px;
    }
    .top-block h1{
        padding-left: 14px;
    }
    .top-block h1::after{
        width: 52px;
    }
}
/****************************************/
/******** Product - content *************/
/****************************************/

h2{
    position: relative;
    margin: 0 0 18px;
    font-weight: 800;
    line-height: 1.15;
    font-size: clamp(24px, 3vw, 38px);
    letter-spacing: .01em;
    color: #121212;
    padding-left: 18px;           /* место под вертикальный акцент */
    padding-bottom: 12px;         /* место под линию снизу */
}

/* Вертикальный акцент слева */
h2::before{
    content:"";
    position: absolute;
    left: 0;
    top: .18em;
    width: 6px;
    height: 1.15em;
    border-radius: 8px;
    background: #58b947;
    box-shadow: 0 10px 22px rgba(88,185,71,.25);
}

/* Линия/градиент под заголовком */
h2::after{
    content:"";
    position: absolute;
    left: 18px;
    bottom: 0;
    width: min(92px, 35%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #58b947 0%, rgba(88,185,71,.25) 100%);
}
.phg {
    padding: 80px 0;
}
.phg h2 {
    margin-bottom: 50px;
}
.attrubutes h2 {
    margin-bottom: 50px;
}
.product-desc {
    line-height: 1.5;
    font-size: 18px;
}

/****************************************/
/************** Footer  *****************/
/****************************************/
/* ===== Footer ===== */
.main-footer {
    background: #2f2f2f;
    color: #bdbdbd;
    padding: 64px 0 56px;
    font-size: 14px;
}

.main-footer a {
    color: #fff;
    text-decoration: none;
    transition: opacity .15s ease;
}

.main-footer a:hover {
    opacity: .75;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.4fr;
    gap: 48px;
}

/* ===== Brand ===== */
.footer-logo {
    max-width: 190px;
    margin-bottom: 16px;
}

.footer-copy {
    font-size: 13px;
    line-height: 1.6;
    color: #a5a5a5;
    margin-bottom: 22px;
}

.footer-awards {
    display: flex;
    gap: 10px;
}

.footer-awards img {
    max-height: 64px;
    background: #fff;
    padding: 4px;
    border-radius: 4px;
}

/* ===== Menus ===== */
.footer-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-menu li {
    margin-bottom: 10px;
}

.footer-menu a {
    font-size: 15px;
    font-weight: 500;
}

/* ===== Contacts ===== */
.footer-col--contacts {
    text-align: right;
}

.socials {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.socials a {
    color:#fff;
    text-decoration:none;
    line-height:1;
}
.socials a .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: solid 1px #58b947;
    border-radius: 5px;
    padding: 6px;
}
.socials svg{
    height:23px;
    width:auto;
    display:block;
}
.ico{
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.footer-text {
    margin-bottom: 16px;
    color: #bdbdbd;
}

.footer-address {
    font-style: normal;
    line-height: 1.6;
    color: #9e9e9e;
}

/* ===== Responsive ===== */
@media (max-width: 1100px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .footer-col--contacts {
        text-align: left;
    }

    .socials {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .main-footer {
        padding: 48px 0;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-awards {
        flex-wrap: wrap;
    }

    .footer-logo {
        max-width: 160px;
    }
}
/****************************************/
/************** Forms *****************/
/****************************************/

/* ===== CF7 Consultation layout ===== */
.cf7-consult{
    --accent: #58b947;
    --text: #121212;
    --muted: rgba(0,0,0,.65);
    --line: rgba(0,0,0,.08);
    --field-bg: #f3f3f3;
    --btn: #2f2f2f;

    padding: clamp(28px, 4.5vw, 15px) 0;
}

.cf7-consult__grid{
    display: grid;
    grid-template-columns: 1fr 1.45fr;
    gap: clamp(18px, 4vw, 56px);
    align-items: start;
}

.cf7-consult__title{
    margin: 0;
    color: var(--text);
    font-weight: 800;
    line-height: 1.1;
    font-size: clamp(30px, 3.4vw, 52px);
    letter-spacing: .01em;
}

.cf7-consult__line{
    width: 92px;
    height: 3px;
    border-radius: 999px;
    background: var(--accent);
    margin: 18px 0 26px;
}

.cf7-consult__text{
    margin: 0;
    max-width: 420px;
    color: var(--text);
    font-size: 16px;
    line-height: 1.55;
}

.cf7-consult__right{
    width: 100%;
}

/* убираем стандартные отступы CF7 */
.cf7-consult .wpcf7{
    margin: 0;
}
.cf7-consult .wpcf7 form{
    margin: 0;
}
.cf7-consult .wpcf7 p{
    margin: 0;
}

/* ===== Fields ===== */
.cf7-consult__fields{
    display: grid;
    gap: 10px;
}

.cf7f input,
.cf7f textarea{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--line);
    background: var(--field-bg);
    color: var(--text);
    border-radius: 0;             /* как на скрине */
    padding: 16px 18px;
    font-size: 15px;
    line-height: 1.2;
    outline: none;
    transition: border-color .15s ease, background .15s ease;
}

.cf7f textarea{
    min-height: 120px;
    resize: vertical;
    padding-top: 16px;
}

/* placeholder цвет */
.cf7f input::placeholder,
.cf7f textarea::placeholder{
    color: rgba(0,0,0,.45);
}

/* focus */
.cf7f input:focus,
.cf7f textarea:focus{
    border-color: rgba(88,185,71,.55);
    background: #f7f7f7;
}

/* ===== Acceptance ===== */
.cf7-consult__meta{
    margin-top: 14px;
}

.cf7-consult__check{
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.4;
    color: var(--muted);
}

.cf7-consult__check input[type="checkbox"]{
    margin-top: 3px;
    width: 16px;
    height: 16px;
    accent-color: var(--accent);
}

.cf7-consult__check a{
    color: var(--accent);
    text-decoration: none;
    border-bottom: 1px solid rgba(88,185,71,.35);
}
.cf7-consult__check a:hover{
    border-bottom-color: rgba(88,185,71,.7);
}

/* ===== Button ===== */
.cf7-consult__actions{
    margin-top: 24px;
}

.cf7-consult__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 18px 28px;
    border: 0;
    border-radius: 0;            /* как на скрине */
    background: var(--btn);
    color: #fff;
    font-weight: 700;
    letter-spacing: .03em;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.cf7-consult__btn:hover{
    opacity: .92;
    transform: translateY(-1px);
}

/* ===== CF7 errors/status ===== */
.cf7-consult .wpcf7-not-valid-tip{
    margin-top: 6px;
    font-size: 12px;
    color: #c02b2b;
}

.cf7-consult .wpcf7-response-output{
    margin: 18px 0 0;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--line);
    color: var(--text);
    background: #fff;
}

/* красная рамка на инпутах с ошибками */
.cf7-consult .wpcf7-not-valid{
    border-color: rgba(192,43,43,.55) !important;
}
/* Intro перед формой (в попапе) */
.popup__body .cf7-consult__intro{
    margin: 10px 0 18px;
}

/* ===== CF7 intro title (H3 with green decoration) ===== */
.cf7-consult__intro-title{
    position: relative;
    margin: 0 0 14px;
    font-weight: 800;
    line-height: 1.15;
    font-size: clamp(22px, 2.4vw, 30px);
    letter-spacing: .01em;
    color: #121212;
    padding-left: 16px;     /* место под вертикальный акцент */
    padding-bottom: 10px;  /* место под линию снизу */
}

/* вертикальный акцент слева */
.cf7-consult__intro-title::before{
    content:"";
    position: absolute;
    left: 0;
    top: .2em;
    width: 5px;
    height: 1.05em;
    border-radius: 8px;
    background: #58b947;
    box-shadow: 0 8px 18px rgba(88,185,71,.28);
}

/* линия снизу */
.cf7-consult__intro-title::after{
    content:"";
    position: absolute;
    left: 16px;
    bottom: 0;
    width: min(76px, 40%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(
            90deg,
            #58b947 0%,
            rgba(88,185,71,.25) 100%
    );
}

/* мобилка */
@media (max-width: 560px){
    .cf7-consult__intro-title{
        padding-left: 14px;
        padding-bottom: 8px;
        font-size: 20px;
    }
    .cf7-consult__intro-title::before{
        width: 4px;
    }
    .cf7-consult__intro-title::after{
        left: 14px;
        height: 2px;
        width: min(64px, 45%);
    }
}

.cf7-consult .cf7f textarea{
    height: 60px; /* было 120px */
}
.popup__body .cf7-consult__intro-text{
    margin: 0;
    color: rgba(0,0,0,.7);
    font-size: 14px;
    line-height: 1.55;
    max-width: 620px;
}

/* ===== Responsive ===== */
@media (max-width: 980px){
    .cf7-consult__grid{
        grid-template-columns: 1fr;
    }
    .cf7-consult__text{
        max-width: 100%;
    }
}

@media (max-width: 560px){
    .cf7f input,
    .cf7f textarea{
        padding: 14px 14px;
    }
    .cf7-consult__btn{
        width: 100%;
        min-width: 0;
    }
}
/****************************************/
/********* Product Categories ***********/
/****************************************/
.wrapper-p-cat {
    padding-top: 80px;
}
.cat-hero .breads #breadcrumbs,
.cat-hero .breads{
    margin-bottom: 14px;
}
.cat-hero .breads a{ color: rgba(0,0,0,.85); text-decoration: none; }
.cat-hero .breads span{ color: rgba(0,0,0,.45); }

/* ===== H1 style (как ранее) ===== */
.cat-hero__title{
    position: relative;
    margin: 0 0 18px;
    font-weight: 800;
    line-height: 1.12;
    font-size: clamp(34px, 4.1vw, 56px);
    letter-spacing: .01em;
    color: #121212;
    padding-left: 18px;
    padding-bottom: 12px;
}
.top-block-blog .cat-hero__title{
    font-size: clamp(18px, 4.1vw, 36px);
}
.cat-hero__title::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:6px;
    height:1.15em;
    border-radius: 8px;
    background:#58b947;
    box-shadow: 0 10px 22px rgba(88,185,71,.25);
}
.cat-hero__title::after{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width: min(120px, 28%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #58b947 0%, rgba(88,185,71,.25) 100%);
}

.cat-hero{
    padding: clamp(22px, 3.5vw, 44px) 0 0;
}

.cat-hero__text{
    margin: 8px 0 28px;
    max-width: 520px;
    color: rgba(0,0,0,.75);
    font-size: 16px;
    line-height: 1.6;
}

/* ===== Category Cards Grid ===== */
.cat-grid{
    display: grid;
    gap: clamp(18px, 2.5vw, 32px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;

    max-width: 1200px;
    margin: 80px auto 0;
    padding-bottom: clamp(32px, 5vw, 70px);
}

/* “как на скрине” — центральная карточка ниже */
.cat-grid > .cat-card:nth-child(2){
    margin-top: clamp(18px, 4vw, 40px);
}

.cat-card{
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    min-height: clamp(300px, 32vw, 520px);
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    transform: translateZ(0);
}

/* background */
.cat-card__bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform .35s ease;
}

/* overlay */
.cat-card__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.22) 45%,
            rgba(0,0,0,.08) 100%
    );
    transition: background .25s ease;
}

/* content */
.cat-card__content{
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
}

.cat-card__title{
    font-size: clamp(22px, 2.3vw, 34px);
    font-weight: 800;
    line-height: 1.12;
    margin: 0 0 14px;
    text-shadow: 0 10px 28px rgba(0,0,0,.25);
}

/* CTA */
.cat-card__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    color: rgba(255,255,255,.88);
    transition: color .2s ease;
}

.cat-card__cta-ico{
    display: inline-flex;
    transition: transform .2s ease, color .2s ease;
    color: rgba(255,255,255,.88);
}

/* Hover */
.cat-card:hover .cat-card__bg{
    transform: scale(1.08);
}
.cat-card:hover .cat-card__overlay{
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.68) 0%,
            rgba(0,0,0,.30) 45%,
            rgba(0,0,0,.14) 100%
    );
}
.cat-card:hover .cat-card__cta,
.cat-card:hover .cat-card__cta-ico{
    color: #58b947; /* зелёным подсвечивается */
}
.cat-card:hover .cat-card__cta-ico{
    transform: translateX(3px);
}

/* ===== Responsive ===== */
@media (max-width: 1024px){
    .cat-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cat-grid > .cat-card:nth-child(2){
        margin-top: 0; /* убираем “ступеньку” */
    }
}

@media (max-width: 640px){
    .cat-hero{
        padding: 18px 0 0;
    }
    .cat-hero__text{
        margin-bottom: 18px;
    }
    .cat-grid{
        grid-template-columns: 1fr;
        margin-top: 18px;
    }
    .cat-card{
        min-height: 320px;
    }
}
/****************************************/
/***** List Products (cat) **************/
/****************************************/
/* ===== Tax hero (breadcrumbs + H1 + description) ===== */
.tax-hero{
    padding: clamp(18px, 3vw, 42px) 0 0;
}

.tax-hero .breads{ margin-bottom: 14px; }
.tax-hero .breads a{ color: rgba(0,0,0,.85); text-decoration: none; }
.tax-hero .breads span{ color: rgba(0,0,0,.45); }

/* H1 style (как ранее) */
.tax-hero__title{
    position: relative;
    margin: 0 0 18px;
    font-weight: 800;
    line-height: 1.12;
    font-size: clamp(34px, 4.1vw, 56px);
    letter-spacing: .01em;
    color: #121212;
    padding-left: 18px;
    padding-bottom: 12px;
}
.tax-hero__title::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:6px;
    height:1.15em;
    border-radius: 8px;
    background:#58b947;
    box-shadow: 0 10px 22px rgba(88,185,71,.25);
}
.tax-hero__title::after{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width: min(120px, 28%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #58b947 0%, rgba(88,185,71,.25) 100%);
}

.tax-hero__text{
    margin: 50px 0 26px;
    color: rgba(0,0,0,.75);
    font-size: 16px;
    line-height: 1.65;
}

/* ===== Products grid ===== */
.prod-grid-section{
    padding: 18px 0 clamp(34px, 5vw, 70px);
}

.prod-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2.2vw, 26px);
    align-items: start;
}

/* карточка */
.prod-card{
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    transform: translateZ(0);
    min-height: 320px; /* базовая высота */
}

/* “masonry-like” высоты как на скрине */
.prod-card:nth-child(3),
.prod-card:nth-child(7),
.prod-card:nth-child(8){
    min-height: 240px;
}

.prod-card:nth-child(6){
    min-height: 360px;
}

/* background */
.prod-card__bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform .35s ease;
}

/* overlay */
.prod-card__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.58) 0%,
            rgba(0,0,0,.22) 45%,
            rgba(0,0,0,.08) 100%
    );
    transition: background .25s ease;
}

.prod-card__content{
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 16px;
    z-index: 2;
    color: #fff;
}

.prod-card__title{
    font-size: clamp(18px, 1.7vw, 26px);
    font-weight: 800;
    line-height: 1.12;
    margin: 0 0 12px;
    text-shadow: 0 10px 28px rgba(0,0,0,.25);
}

/* CTA */
.prod-card__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    color: rgba(255,255,255,.88);
    transition: color .2s ease;
}
.prod-card__cta-ico{
    display: inline-flex;
    color: rgba(255,255,255,.88);
    transition: transform .2s ease, color .2s ease;
}

/* Hover (как в прошлом коде) */
.prod-card:hover .prod-card__bg{
    transform: scale(1.08);
}
.prod-card:hover .prod-card__overlay{
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.68) 0%,
            rgba(0,0,0,.30) 45%,
            rgba(0,0,0,.14) 100%
    );
}
.prod-card:hover .prod-card__cta,
.prod-card:hover .prod-card__cta-ico{
    color: #58b947;
}
.prod-card:hover .prod-card__cta-ico{
    transform: translateX(3px);
}

/* ===== Pagination (optional) ===== */
.prod-pagination{
    margin-top: 26px;
}
.prod-pagination ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
}
.prod-pagination a,
.prod-pagination span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.10);
    text-decoration: none;
    color: #121212;
    background: #fff;
}
.prod-pagination .current{
    background: #121212;
    color: #fff;
    border-color: #121212;
}

/* ===== Responsive ===== */
@media (max-width: 1100px){
    .prod-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px){
    .prod-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .prod-card{ min-height: 280px; }
    .prod-card:nth-child(3),
    .prod-card:nth-child(7),
    .prod-card:nth-child(8){
        min-height: 260px;
    }
}

@media (max-width: 520px){
    .prod-grid{
        grid-template-columns: 1fr;
    }
    .prod-card{ min-height: 300px; }
}


/****************************************/
/************** Blog *****************/
/****************************************/

.blog-hero{
    padding: clamp(18px, 3vw, 42px) 0 0;
}
.blog-hero .breads{ margin-bottom: 14px; }
.blog-hero .breads a{ color: rgba(0,0,0,.85); text-decoration: none; }
.blog-hero .breads span{ color: rgba(0,0,0,.45); }

.blog-hero__title{
    position: relative;
    margin: 0 0 18px;
    font-weight: 800;
    line-height: 1.12;
    font-size: clamp(34px, 4.1vw, 56px);
    letter-spacing: .01em;
    color: #121212;
    padding-left: 18px;
    padding-bottom: 12px;
}
.blog-hero__title::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:6px;
    height:1.15em;
    border-radius: 8px;
    background:#58b947;
    box-shadow: 0 10px 22px rgba(88,185,71,.25);
}
.blog-hero__title::after{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width: min(120px, 28%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, #58b947 0%, rgba(88,185,71,.25) 100%);
}

/* ===== Layout ===== */
.wrapper-blog-cat{
    padding: 18px 0 clamp(34px, 5vw, 70px);
}

.bc-content{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: clamp(18px, 3vw, 42px);
    align-items: start;
}

/* ===== Blog grid ===== */
.blog-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 2.2vw, 26px);
}

/* card */
.blog-card{
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    background: #fff;
}

.blog-card__link{
    display: block;
    text-decoration: none;
    color: inherit;
}

/* media area */
.blog-card__media{
    position: relative;
    height: 340px;
    overflow: hidden;
}
.blog-card__bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform .35s ease;
}
.blog-card__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.35) 0%,
            rgba(0,0,0,.12) 55%,
            rgba(0,0,0,.06) 100%
    );
    transition: background .25s ease;
}

/* content */
.blog-card__content{
    padding: 18px 18px 20px;
}

.blog-card__title{
    margin: 0 0 14px;
    font-weight: 800;
    line-height: 1.18;
    font-size: 18px;
    color: #121212;

    /* аккуратное ограничение в 2 строки */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* CTA */
.blog-card__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
    color: rgba(0,0,0,.70);
    transition: color .2s ease;
}
.blog-card__cta-ico{
    display: inline-flex;
    color: rgba(0,0,0,.70);
    transition: transform .2s ease, color .2s ease;
}

/* Hover (аналогично продуктам) */
.blog-card:hover .blog-card__bg{
    transform: scale(1.08);
}
.blog-card:hover .blog-card__overlay{
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.52) 0%,
            rgba(0,0,0,.22) 55%,
            rgba(0,0,0,.10) 100%
    );
}
.blog-card:hover .blog-card__cta,
.blog-card:hover .blog-card__cta-ico{
    color: #58b947;
}
.blog-card:hover .blog-card__cta-ico{
    transform: translateX(3px);
}

/* ===== Sidebar ===== */
.blog-sidebar .sidebar-right{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 18px 18px 20px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(0,0,0,.06);
}

/* ===== Pagination ===== */
.blog-pagination{
    margin-top: 26px;
}
.blog-pagination ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0;
}
.blog-pagination a,
.blog-pagination span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(0,0,0,.10);
    text-decoration: none;
    color: #121212;
    background: #fff;
}
.blog-pagination .current{
    background: #121212;
    color: #fff;
    border-color: #121212;
}
.blog-consult-btn {
    margin-top: 50px;
}

/* ===== Responsive ===== */
@media (max-width: 1100px){
    .bc-content{
        grid-template-columns: minmax(0, 1fr) 300px;
    }
    .blog-card__media{ height: 220px; }
}

@media (max-width: 980px){
    .bc-content{
        grid-template-columns: 1fr;
    }
    .blog-sidebar{
        order: 2;
    }
    .blog-list{
        order: 1;
    }
}

@media (max-width: 680px){
    .blog-grid{
        grid-template-columns: 1fr;
    }
    .blog-card__media{ height: 240px; }
}


/****************************************/
/************ Sidebar right *************/
/****************************************/
/* ===== Sidebar widgets (new, isolated) ===== */
.sb{
    display: grid;
    gap: 26px;
}

.sb-block{
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    padding: 18px 18px 20px;
    box-shadow: 0 12px 26px rgba(0,0,0,.06);
}

/* Заголовок секции — стиль с before/after */
.sb-title{
    position: relative;
    margin: 0 0 14px;
    font-weight: 800;
    line-height: 1.15;
    font-size: 18px;
    color: #121212;
    padding-left: 14px;
    padding-bottom: 10px;
}
.sb-title::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:4px;
    height: 1.05em;
    border-radius: 8px;
    background:#58b947;
    box-shadow: 0 8px 18px rgba(88,185,71,.22);
}
.sb-title::after{
    content:"";
    position:absolute;
    left:14px;
    bottom:0;
    width: 56px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #58b947 0%, rgba(88,185,71,.25) 100%);
}

/* ===== Last posts list ===== */
.sb-list{
    display: grid;
    gap: 12px;
}

.sb-item{
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 12px;
    align-items: center;
    text-decoration: none;
    border-radius: 12px;
    padding: 10px;
    background: rgba(0,0,0,.02);
    border: 1px solid rgba(0,0,0,.05);
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.sb-item__img{
    width: 64px;
    height: 54px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sb-item__body{
    display: grid;
    gap: 8px;
}

.sb-item__name{
    color: #121212;
    font-weight: 800;
    font-size: 14px;
    line-height: 1.2;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sb-item__btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    color: rgba(0,0,0,.65);
    transition: color .2s ease, transform .2s ease;
}

/* Hover как везде: зелёный акцент + лёгкое движение */
.sb-item:hover{
    transform: translateY(-1px);
    background: rgba(88,185,71,.04);
    border-color: rgba(88,185,71,.25);
}
.sb-item:hover .sb-item__btn{
    color: #58b947;
}
.sb-item:hover .sb-item__btn svg{
    transform: translateX(3px);
}

/* ===== Projects (чуть другой стиль, чтобы отличалось от новостей) ===== */
.sb-projects{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.sb-project{
    position: relative;
    display: block;
    text-decoration: none;
    border-radius: 12px;
    overflow: hidden;
    min-height: 200px;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 10px 22px rgba(0,0,0,.06);
    transform: translateZ(0);
}

.sb-project__img{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform .35s ease;
}

.sb-project__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.62) 0%,
            rgba(0,0,0,.28) 60%,
            rgba(0,0,0,.10) 100%
    );
    transition: opacity .25s ease;
}

.sb-project__content{
    position: relative;
    z-index: 2;
    display: grid;
    gap: 8px;
    padding: 12px;
    color: #fff;
    height: 100%;
}

.sb-project__name{
    font-weight: 800;
    font-size: 13px;
    line-height: 1.15;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sb-project__meta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .03em;
    color: rgba(255,255,255,.85);
    transition: color .2s ease;
}
.sb-project__meta svg{
    transition: transform .2s ease;
}

/* Hover: зелёный CTA, но картинка масштабируется сильнее */
.sb-project:hover .sb-project__img{
    transform: scale(1.08);
}
.sb-project:hover .sb-project__meta{
    color: #58b947;
}
.sb-project:hover .sb-project__meta svg{
    transform: translateX(3px);
}

/* ===== Responsive ===== */
@media (max-width: 1100px){
    .sb-projects{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 980px){
    /* когда сайдбар уходит вниз — сделать проекты снова в 2 колонки */
    .sb-projects{
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 520px){
    .sb-projects{
        grid-template-columns: 1fr;
    }
}
/****************************************/
/************** Contacts ****************/
/****************************************/
/* ===== Contacts page layout ===== */
.contacts-content {
    margin-top: 50px;
}
.contact-page {
    padding: clamp(18px, 3.2vw, 46px) 0 24px;
}

.contact-top{
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: clamp(18px, 3.2vw, 46px);
    align-items: start;
}

/* LEFT TEXT */
.contact-top__text{
    color: rgba(0,0,0,.78);
    font-size: 16px;
    line-height: 1.7;
    max-width: 520px;
}

.contact-top__call{
    margin-top: 34px;
    font-weight: 800;
    color: rgba(0,0,0,.75);
}

.contact-top__phone{
    display: inline-block;
    margin-top: 16px;
    font-size: clamp(26px, 2.7vw, 34px);
    font-weight: 500;
    color: #121212;
    text-decoration: none;
    letter-spacing: .01em;
}

.contact-top__langs{
    margin-top: 14px;
    color: rgba(0,0,0,.50);
    font-size: 14px;
}

/* RIGHT */
.contact-form-wrap{
    /*max-width: 520px;*/
}

/* MID BLOCK */
.contact-mid{
    margin-top: clamp(34px, 5vw, 68px);
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: clamp(18px, 3.2vw, 46px);
    align-items: start;
}
.contact-mid__right {
    margin-top: 30px;
}
.contact-city{
    margin: 0 0 14px;
    font-size: clamp(26px, 2.6vw, 34px);
    line-height: 1.15;
    font-weight: 900;
    color: #121212;
}
.contact-city span{
    color: #121212;
}
.contact-address{
    color: rgba(0,0,0,.78);
    font-size: 15px;
    line-height: 1.7;
    max-width: 520px;
}

.contact-rows{
    color: rgba(0,0,0,.78);
    font-size: 15px;
    line-height: 1.75;
}
.contact-row strong{
    font-weight: 900;
    color: #121212;
}
.contact-rows a{
    color: rgba(0,0,0,.78);
    text-decoration: none;
    border-bottom: 1px solid rgba(0,0,0,.18);
}
.contact-rows a:hover{
    border-bottom-color: rgba(88,185,71,.55);
}

/* MAP */
.contact-map{
    padding-top: 50px;
}
.contact-map__box{
    width: 100%;
    height: clamp(260px, 32vw, 420px);
    border-radius: 14px;
    overflow: hidden;
    background: #f2f2f2;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
}
.contact-map__box iframe{
    width: 100%;
    height: 100%;
    border: 0;
}

/* Responsive */
@media (max-width: 980px){
    .contact-top,
    .contact-mid{
        grid-template-columns: 1fr;
    }
    .contact-form-wrap{
        max-width: 100%;
    }
}

/* ===== CF7 Contact form (separate) ===== */
.cf7-contact{
    --field-bg: #f3f3f3;
    --line: rgba(0,0,0,.08);
    --accent: #58b947;
    --btn: #2f2f2f;
}

.cf7-contact .wpcf7{
    margin: 0;
}
.cf7-contact .wpcf7 form{
    margin: 0;
}
.cf7-contact .wpcf7 p{
    margin: 0;
}

.cf7-contact__fields{
    display: grid;
    gap: 10px;
}

.cf7c input,
.cf7c textarea{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--line);
    background: var(--field-bg);
    color: #121212;
    border-radius: 0;
    padding: 16px 18px;
    font-size: 15px;
    line-height: 1.2;
    outline: none;
    transition: border-color .15s ease, background .15s ease;
}

.cf7c input::placeholder,
.cf7c textarea::placeholder{
    color: rgba(0,0,0,.45);
}

.cf7c input:focus,
.cf7c textarea:focus{
    border-color: rgba(88,185,71,.55);
    background: #f7f7f7;
}

/* textarea как на скрине (не огромная) */
.cf7c--textarea textarea{
    min-height: 120px;
    resize: vertical;
}

/* Button */
.cf7-contact__actions{
    margin-top: 24px;
}

.cf7-contact__btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 18px 26px;
    border: 0;
    border-radius: 0;
    background: var(--btn);
    color: #fff;
    font-weight: 800;
    letter-spacing: .05em;
    cursor: pointer;
    transition: transform .15s ease, opacity .15s ease;
}

.cf7-contact__btn:hover{
    opacity: .92;
    transform: translateY(-1px);
}

/* CF7 errors/status */
.cf7-contact .wpcf7-not-valid-tip{
    margin-top: 6px;
    font-size: 12px;
    color: #c02b2b;
}
.cf7-contact .wpcf7-not-valid{
    border-color: rgba(192,43,43,.55) !important;
}
.cf7-contact .wpcf7-response-output{
    margin: 18px 0 0;
    padding: 12px 14px;
    border-radius: 10px;
    border: 1px solid var(--line);
    background: #fff;
    color: #121212;
}

/* Responsive: кнопка во всю ширину */
@media (max-width: 560px){
    .cf7-contact__btn{
        width: 100%;
        min-width: 0;
    }
}

/****************************************/
/************** Tabs *****************/
/****************************************/
.tabs{
    margin-top: 26px;
}

.tabs__nav{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 12px 26px rgba(0,0,0,.06);
}

/* Tab button */
.tabs__btn{
    appearance: none;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.02);
    color: rgba(0,0,0,.78);
    padding: 10px 14px;
    border-radius: 12px;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: .02em;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease, transform .15s ease;
    white-space: nowrap;
}

.tabs__btn:hover{
    transform: translateY(-1px);
    border-color: rgba(88,185,71,.28);
    background: rgba(88,185,71,.05);
}

.tabs__btn.is-active{
    background: #121212;
    color: #fff;
    border-color: #58b947;
}

/* Panels */
.tabs__panels{
    margin-top: 14px;
}

.tabs__panel{
    border-radius: 14px;
    border: 1px solid rgba(0,0,0,.08);
    background consider: #fff;
    background: #fff;
    box-shadow: 0 12px 26px rgba(0,0,0,.06);
    overflow: hidden;
}

.tabs__content{
    padding: 18px 18px 20px;
}

/* Аккуратные отступы для контента внутри вкладок */
.tabs__content p{ margin: 0 0 12px; }
.tabs__content p:last-child{ margin-bottom: 0; }
.tabs__content ul, .tabs__content ol{ margin: 0 0 12px 18px; }
.tabs__content h2, .tabs__content h3{ margin-top: 16px; }

/* Плавное появление */
.tabs__panel.is-active{
    animation: tabsFadeIn .18s ease;
}
@keyframes tabsFadeIn{
    from { opacity: .65; transform: translateY(2px); }
    to   { opacity: 1;   transform: translateY(0); }
}

/* Responsive */
@media (max-width: 680px){
    .tabs__nav{
        gap: 8px;
        padding: 8px;
    }
    .tabs__btn{
        flex: 1 1 auto;
        text-align: center;
    }
    .tabs__content{
        padding: 16px 14px 18px;
    }
}

/* Tabs galleries: max height 700px, full width, image as cover */
.tabs__panels .photos.photos-shortcode .photo-gallery__slider-wrap,
.tabs__panels .photos.photos-shortcode .photo-gallery__swiper,
.tabs__panels .photos.photos-shortcode .photo-gallery__slide{
    width: 100%;
    height: 700px;
    max-height: 700px;
}

.tabs__panels .photos.photos-shortcode .photo-gallery__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* optional: responsive height */
@media (max-width: 980px){
    .tabs__panels .photos.photos-shortcode .photo-gallery__slider-wrap,
    .tabs__panels .photos.photos-shortcode .photo-gallery__swiper,
    .tabs__panels .photos.photos-shortcode .photo-gallery__slide{
        height: 520px;
    }
}
@media (max-width: 560px){
    .tabs__panels .photos.photos-shortcode .photo-gallery__slider-wrap,
    .tabs__panels .photos.photos-shortcode .photo-gallery__swiper,
    .tabs__panels .photos.photos-shortcode .photo-gallery__slide{
        height: 360px;
    }
}
.inspiration-content .ic-text {
    line-height: 1.5;
    font-size: 18px;
    padding: 35px 0;
}

/****************************************/
/********* Installation Page ************/
/****************************************/
:root{
    --accent: #58b947;
    --text: #121212;
    --muted: rgba(0,0,0,.72);
    --muted2: rgba(0,0,0,.55);
    --line: rgba(0,0,0,.08);
}

/* общие декоры H1/H2 (как раньше) */
.h1-decor, .h2-decor{
    position: relative;
    color: var(--text);
    font-weight: 900;
    letter-spacing: .01em;
    padding-left: 18px;
    padding-bottom: 12px;
}

.h1-decor{
    font-size: clamp(34px, 4.1vw, 56px);
    line-height: 1.12;
    margin: 0 0 18px;
}
.h2-decor{
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.15;
    margin: 0 0 18px;
}

.h1-decor::before, .h2-decor::before{
    content:"";
    position:absolute;
    left:0;
    top:.18em;
    width:6px;
    height:1.15em;
    border-radius: 8px;
    background: var(--accent);
    box-shadow: 0 10px 22px rgba(88,185,71,.22);
}
.h1-decor::after, .h2-decor::after{
    content:"";
    position:absolute;
    left:18px;
    bottom:0;
    width: min(140px, 30%);
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent) 0%, rgba(88,185,71,.25) 100%);
}

/* ========== SECTION 1: Installation ========== */
.s-install{
    padding: clamp(22px, 3.5vw, 56px) 0;
    background: #fff;
}
.s-install__grid{
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: clamp(18px, 3vw, 44px);
    align-items: start;
}
.s-install__text{
    color: var(--muted);
    font-size: 16px;
    line-height: 1.75;
}
.s-install__text p{ margin: 0 0 14px; }
.s-install__text p:last-child{ margin-bottom: 0; }

.video-card{
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    background: #f2f2f2;
    aspect-ratio: 16 / 9;
}
.video-card iframe{
    width: 100%;
    height: 100%;
    border: 0;
}

/* ========== SECTION 2: Process ========== */
.s-process{
    padding: clamp(34px, 5vw, 74px) 0;
    background: #fff;
}
.process-grid{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 3vw, 44px);
    margin-top: 26px;
}
.process-item{
    padding: 10px 0 0;
}
.process-num{
    font-size: clamp(66px, 8vw, 120px);
    font-weight: 900;
    line-height: 1;
    color: rgba(0,0,0,.10);
    letter-spacing: .02em;
    margin-bottom: 16px;

    opacity: .35;
    transform: scale(.92);
    transform-origin: left top;
    transition: transform 1200ms ease, opacity 1200ms ease, color 1200ms ease;
}

.process-item.is-on .process-num{
    opacity: 1;
    transform: scale(1.06);
    color: rgba(0,0,0,.12); /* чуть заметнее, но всё равно бледно как на скрине */
}

/* небольшой “пульс”, чтобы было видно, что увеличивается */
.process-item.is-on .process-num{
    animation: procPulse 1200ms ease forwards;
}
@keyframes procPulse{
    0%   { transform: scale(.92); }
    60%  { transform: scale(1.10); }
    100% { transform: scale(1.06); }
}

.process-title{
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 900;
    color: var(--text);
}
.process-text{
    color: var(--muted2);
    font-size: 15px;
    line-height: 1.7;
    max-width: 340px;
}

/* ========== SECTION 3: Offer full width background ========== */
.s-offer{
    padding: clamp(38px, 5.5vw, 86px) 0;
    background:
            radial-gradient(1200px 500px at 20% 0%, rgba(88,185,71,.08), transparent 55%),
            #f7f7f7;
    border-top: 1px solid rgba(0,0,0,.04);
    border-bottom: 1px solid rgba(0,0,0,.04);
}
.offer-grid{
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: clamp(16px, 2.4vw, 34px);
    align-items: start;
}
.offer-head{
    padding-top: 6px;
}

.offer-card{
    padding: 10px 0 0;
}
.offer-ico{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    background: rgba(88,185,71,.10);
    border: 1px solid rgba(88,185,71,.18);
    margin-bottom: 12px;
}
.offer-title{
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 900;
    color: var(--text);
    line-height: 1.2;
}
.offer-text{
    margin: 0;
    color: var(--muted2);
    font-size: 15px;
    line-height: 1.7;
}

/* ========== SECTION 4: Before & After ========== */
.s-before{
    padding: clamp(38px, 5.5vw, 86px) 0;
    background: #fff;
}
.s-before__grid{
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: clamp(18px, 3vw, 44px);
    align-items: start;
}
.s-before__text{
    margin-top: 10px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7;
    max-width: 520px;
}

/* чтобы галерея в этом блоке выглядела аккуратно */
.s-before .photos{
    margin-top: 8px;
}

/* Responsive */
@media (max-width: 1100px){
    .offer-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .offer-head{
        grid-column: 1 / -1;
    }
}

@media (max-width: 980px){
    .s-install__grid,
    .s-before__grid{
        grid-template-columns: 1fr;
    }
    .process-grid{
        grid-template-columns: 1fr;
    }
    .process-text{
        max-width: 100%;
    }
}

@media (max-width: 720px){
    .offer-grid{
        grid-template-columns: 1fr;
    }
}
/****************************************/
/**************** Info ******************/
/****************************************/
.info-content {
    line-height: 1.5;
    font-size: 18px;
}
.info-content h2 {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 26px;
    padding-left: 0;
}
.info-content h2::before {
    display: none;
}
.info-content h2::after {
    left: 0;
}
/****************************************/
/*********** Home - Products ************/
/****************************************/
.prod-carousel{
    padding: clamp(34px, 5vw, 78px) 0;
    background: #fff;
}

.prod-carousel__wrap{
    position: relative;
    margin-top: 18px;
}

/* Swiper spacing */
.prod-carousel__swiper{
    padding: 10px 6px 34px;
}

/* карточка */
.prod-card{
    position: relative;
    display: block;
    height: 545px;
    border-radius: 0; /* как на макете более “прямоугольно” */
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 14px 34px rgba(0,0,0,.12);
    border: 1px solid rgba(0,0,0,.06);
    transform: translateZ(0);
}

.prod-card__bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
    transition: transform .45s ease;
}

.prod-card__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.55) 0%,
            rgba(0,0,0,.18) 55%,
            rgba(0,0,0,.06) 100%
    );
    transition: background .25s ease;
}

.prod-card__content{
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: grid;
    gap: 10px;
}

.prod-card__title{
    font-size: 26px;
    font-weight: 900;
    line-height: 1.1;
    text-shadow: 0 10px 22px rgba(0,0,0,.25);
    max-width: 240px;
}

.prod-card__cta{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .04em;
    color: rgba(255,255,255,.88);
    transition: color .2s ease;
}
.prod-card__arrow{
    display: inline-flex;
    transition: transform .2s ease, color .2s ease;
    color: rgba(255,255,255,.88);
}

/* hover эффекты */
.prod-card:hover .prod-card__bg{
    transform: scale(1.08);
}
.prod-card:hover .prod-card__overlay{
    background: linear-gradient(
            0deg,
            rgba(0,0,0,.70) 0%,
            rgba(0,0,0,.28) 55%,
            rgba(0,0,0,.12) 100%
    );
}
.prod-card:hover .prod-card__cta,
.prod-card:hover .prod-card__arrow{
    color: #58b947;
}
.prod-card:hover .prod-card__arrow{
    transform: translateX(4px);
}

/* Nav arrows */
.prod-carousel__nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;

    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.92);
    color: #121212;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.prod-carousel__nav:hover{
    transform: translateY(-50%) scale(1.04);
    border-color: rgba(88,185,71,.35);
    color: #58b947;
}

.prod-carousel__nav--prev{ left: -14px; }
.prod-carousel__nav--next{ right: -14px; }

/* Pagination (квадратики как у галереи можно) */
.prod-carousel__pagination{
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.prod-carousel__pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 0;
    opacity: 1;
    background: rgba(0,0,0,.15);
    border: 1px solid transparent;
}
.prod-carousel__pagination .swiper-pagination-bullet-active{
    background: #121212;
    border-color: #fff;
    box-shadow: 0 0 0 1px #121212 inset;
}

/* bottom link */
.prod-carousel__bottom{
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.prod-carousel__all{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: rgba(0,0,0,.65);
    font-weight: 900;
    letter-spacing: .03em;
    transition: color .2s ease, transform .2s ease;
}
.prod-carousel__all:hover{
    color: #58b947;
    transform: translateY(-1px);
}

/* responsive */
@media (max-width: 1100px){
    /*.prod-card{ height: 380px; }*/
    .prod-carousel__nav--prev{ left: -6px; }
    .prod-carousel__nav--next{ right: -6px; }
}
@media (max-width: 680px){
    /*.prod-card{ height: 340px; }*/
    .prod-card__title{ font-size: 22px; }
    .prod-carousel__nav{ display: none; } /* на мобиле свайпом */
}

/****************************************/
/************ Home - about  *************/
/****************************************/
.about-parallax{
    position: relative;
    padding: clamp(34px, 5vw, 72px) 0 clamp(42px, 6vw, 90px);
    overflow: hidden;
    background: none; /* важно: фон теперь на отдельном слое */
}

/* фон-слой */
.about-parallax__bg{
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* чтобы при сдвиге не вылезали края */
    transform: translate3d(0, 0, 0) scale(1.08);
    will-change: transform;
}

/* твоя вуаль поверх фона */
.about-parallax::before{
    content:"";
    position:absolute;
    inset:0;
    z-index: 1;
    background: linear-gradient(
            180deg,
            rgba(255,255,255,.92) 0%,
            rgba(255,255,255,.70) 35%,
            rgba(255,255,255,.45) 100%
    );
    pointer-events:none;
}

.about-parallax .container{
    position: relative;
    z-index: 2;
}

.about-parallax__title{
    margin-bottom: clamp(18px, 2.5vw, 28px);
}

/* белая карточка с текстом */
.about-parallax__card{
    margin-top: clamp(220px, 22vw, 150px); /* создаёт "как на скрине" пространство под большим фоном */
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    padding: clamp(18px, 2.4vw, 30px);
}

.about-parallax__text{
    color: rgba(0, 0, 0, .72);
    font-size: 18px;
    line-height: 1.75;
}

.about-parallax__text p{
    margin: 0 0 14px;
}
.about-parallax__text p:last-child{
    margin-bottom: 0;
}

/* подзаголовки внутри */
.about-parallax__text h3{
    margin: 18px 0 8px;
    font-size: 16px;
    font-weight: 900;
    color: #121212;
}

/* адаптив */
@media (max-width: 980px){
    .about-parallax__card{
        margin-top: clamp(180px, 26vw, 260px);
    }
}
@media (max-width: 560px){
    .about-parallax__card{
        margin-top: 160px;
        border-radius: 12px;
    }
}
/****************************************/
/********* Home sections middle *********/
/****************************************/

:root{
    --accent:#58b947;
    --text:#121212;
    --muted:rgba(0,0,0,.62);
    --line:rgba(0,0,0,.08);
}

/* ===== SECTION 1: OFFER (full width gradient) ===== */
.sec-offer2{
    padding: clamp(42px, 5.8vw, 92px) 0;
    background:
            radial-gradient(1100px 420px at 15% 15%, rgba(88,185,71,.10), transparent 55%),
            radial-gradient(900px 360px at 85% 35%, rgba(0,0,0,.06), transparent 60%),
            linear-gradient(180deg, #f6f6f6 0%, #f2f2f2 55%, #f8f8f8 100%);
    border-top: 1px solid rgba(0,0,0,.04);
    border-bottom: 1px solid rgba(0,0,0,.04);
    position: relative;
    overflow: hidden;
}

/* легкая "текстура" точками */
.sec-offer2::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.55;
    background-image:
            radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
    background-size: 10px 10px;
    mix-blend-mode: multiply;
}

.offer2-grid{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1fr;
    gap: clamp(16px, 2.4vw, 34px);
    align-items: start;
}

.offer2-head{ padding-top: 6px; }

.offer2-item{
    padding: 10px 0 0;
}

.offer2-ico{
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--accent);
    background: rgba(88,185,71,.10);
    border: 1px solid rgba(88,185,71,.18);
    box-shadow: 0 10px 20px rgba(88,185,71,.10);
    margin-bottom: 12px;
    transition: transform .2s ease;
}

.offer2-title{
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 900;
    color: var(--text);
    line-height: 1.2;
}

.offer2-text{
    margin: 0;
    color: rgba(0,0,0,.58);
    font-size: 15px;
    line-height: 1.7;
    max-width: 320px;
}

/* hover */
.offer2-item:hover .offer2-ico{
    transform: translateY(-2px) scale(1.04);
}

/* ===== SECTION 2: PROVIDE ===== */
.sec-provide{
    padding: clamp(52px, 6.5vw, 104px) 0;
    background: #fff;
}

.provide-grid{
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(18px, 3vw, 44px);
    align-items: center;
}

.provide-accent{
    color: var(--accent);
}

.provide-list{
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 12px;
}

.provide-li{
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 10px 8px;
    border-radius: 12px;
    transition: background .2s ease, transform .2s ease;
}
.provide-li .ts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.provide-num{
    min-width: 54px;
    font-weight: 900;
    color: rgba(0,0,0,.12);
    font-size: 18px;
    letter-spacing: .02em;
}

.provide-name{
    font-weight: 900;
    color: var(--text);
    font-size: 20px;
    line-height: 1.2;
}

.provide-li.is-active{
    background: rgba(88,185,71,.08);
    transform: translateX(4px);
}
.provide-li.is-active .provide-num{
    color: rgba(88,185,71,.45);
}
.provide-li.is-active .provide-name{
    color: #0f0f0f;
}

/* входящая анимация */
.provide-li{
    opacity: .35;
    transform: translateY(6px);
}
.provide-li.is-show{
    opacity: 1;
    transform: translateY(0);
    transition: opacity .45s ease, transform .45s ease, background .2s ease;
}

/* Фото справа */
.provide-photo{
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: 0 14px 34px rgba(0,0,0,.10);
    background: #f2f2f2;
}
.provide-photo img{
    width: 100%;
    height: auto;
    display: block;
}

/* responsive */
@media (max-width: 1100px){
    .offer2-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .offer2-head{ grid-column: 1 / -1; }
}
@media (max-width: 980px){
    .provide-grid{
        grid-template-columns: 1fr;
    }
    .offer2-text{ max-width: none; }
}
@media (max-width: 720px){
    .offer2-grid{
        grid-template-columns: 1fr;
    }
}
/****************************************/
/*********** Home - Projects ************/
/****************************************/

.projects-carousel{
    padding: clamp(34px, 5vw, 78px) 0;
    background: #fff;
}

.projects-carousel__wrap{
    position: relative;
    margin-top: 18px;
}

.projects-carousel__swiper{
    padding: 10px 6px 34px;
}

/* плитка проекта */
.project-tile{
    display: block;
    text-decoration: none;
    color: #121212;
    border: 1px solid rgba(0,0,0,.10);
    background: #fff;
    box-shadow: 0 10px 22px rgba(0,0,0,.06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.project-tile__img{
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f1f1f1;
}

.project-tile__img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.01);
    transition: transform .45s ease;
}

/* подпись */
.project-tile__meta{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    position: relative;
}

.project-tile__meta::after{
    content:"";
    position:absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 2px;
    background: rgba(88,185,71,.0);
    transition: background .25s ease;
}

.project-tile__title{
    font-weight: 900;
    font-size: 15px;
    line-height: 1.25;
    color: rgba(0,0,0,.82);
    max-width: 70%;
}

.project-tile__more{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 900;
    font-size: 12px;
    letter-spacing: .03em;
    color: rgba(0,0,0,.50);
    transition: color .25s ease, transform .25s ease;
    min-width: 105px;
}

/* hover */
.project-tile:hover{
    transform: translateY(-2px);
    border-color: rgba(88,185,71,.35);
    box-shadow: 0 16px 34px rgba(0,0,0,.10);
}
.project-tile:hover .project-tile__img img{
    transform: scale(1.06);
}
.project-tile:hover .project-tile__meta::after{
    background: rgba(88,185,71,.95);
}
.project-tile:hover .project-tile__more{
    color: #58b947;
    transform: translateX(2px);
}

/* nav */
.projects-carousel__nav{
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 5;

    width: 46px;
    height: 46px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.92);
    color: #121212;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform .15s ease, color .15s ease, border-color .15s ease;
}
.projects-carousel__nav:hover{
    transform: translateY(-50%) scale(1.04);
    border-color: rgba(88,185,71,.35);
    color: #58b947;
}
.projects-carousel__nav--prev{ left: -14px; }
.projects-carousel__nav--next{ right: -14px; }

/* pagination (точки) */
.projects-carousel__pagination{
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}
.projects-carousel__pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 999px;
    opacity: 1;
    background: rgba(0,0,0,.18);
}
.projects-carousel__pagination .swiper-pagination-bullet-active{
    background: #58b947;
}

/* bottom link */
.projects-carousel__bottom{
    display: flex;
    justify-content: center;
    margin-top: 8px;
}
.projects-carousel__all{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: rgba(0,0,0,.65);
    font-weight: 900;
    letter-spacing: .03em;
    transition: color .2s ease, transform .2s ease;
}
.projects-carousel__all:hover{
    color: #58b947;
    transform: translateY(-1px);
}

/* responsive */
@media (max-width: 1100px){
    .projects-carousel__nav--prev{ left: -6px; }
    .projects-carousel__nav--next{ right: -6px; }
}
@media (max-width: 680px){
    .projects-carousel__nav{ display:none; }
    .project-tile__title{ max-width: 100%; }
    .project-tile__more{ display:none; }
}



/****************************************/
/************ Home reviews ***************/
/****************************************/

.reviews-sec{
    padding: clamp(44px, 6vw, 96px) 0;
    position: relative;
    overflow: hidden;

    /* красивый градиент + лёгкая текстура */
    background:
            radial-gradient(1200px 500px at 20% 10%, rgba(88,185,71,.12), transparent 55%),
            radial-gradient(900px 420px at 85% 30%, rgba(0,0,0,.06), transparent 60%),
            linear-gradient(180deg, #f6f6f6 0%, #f2f2f2 55%, #f8f8f8 100%);
    border-top: 1px solid rgba(0,0,0,.04);
    border-bottom: 1px solid rgba(0,0,0,.04);
}

.reviews-sec::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.5;
    background-image: radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
    background-size: 10px 10px;
    mix-blend-mode: multiply;
}

.reviews-sec .container{
    position: relative;
    z-index: 2;
}

.reviews-sec__wrap{
    margin-top: 18px;
}

.reviews-sec__swiper{
    padding: 10px 6px 40px;
}

.review-card{
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding: clamp(18px, 2.6vw, 34px);
    background: rgba(255,255,255,.75);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    backdrop-filter: blur(4px);
}

.review-card__quote{
    color: #58b947;
    line-height: 0;
    margin-bottom: 14px;
}

.review-card__text{
    font-size: 18px;
    line-height: 1.85;
    color: rgba(0,0,0,.72);
    font-style: italic;
}
.review-card__text p{ margin: 0 0 14px; }
.review-card__text p:last-child{ margin-bottom: 0; }

.review-card__footer{
    margin-top: 18px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.review-card__name{
    font-weight: 900;
    color: #121212;
    font-size: 18px;
}

.review-card__stars{
    display: inline-flex;
    gap: 4px;
    align-items: center;
}

/* золото */
.review-card__stars .star{
    color: #d8b14a;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.12));
}

/* pagination: зелёные квадраты с чёрной обводкой */
.reviews-sec__pagination{
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.reviews-sec__pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 0;
    opacity: 1;
    background: rgba(88,185,71,.35);
    border: 1px solid #121212;
    transition: transform .15s ease, background .15s ease;
}

.reviews-sec__pagination .swiper-pagination-bullet-active{
    background: #58b947;
    transform: translateY(-1px);
}

/* responsive */
@media (max-width: 720px){
    .review-card__text{ font-size: 16px; }
    .review-card{ max-width: 100%; }
}
/****************************************/
/************* Home Bottom **************/
/****************************************/
:root{ --accent:#58b947; --text:#121212; --muted:rgba(0,0,0,.62); --line:rgba(0,0,0,.10); }

/* ===== 1) VIDEO ===== */
.sec-video{ padding: clamp(40px, 5vw, 82px) 0; background:#fff; }
.video-grid{
    display:grid;
    grid-template-columns: 1.05fr 1fr;
    gap: clamp(18px, 3vw, 44px);
    align-items: start;
}
.video-text p{ color: var(--muted); line-height:1.8; margin: 0 0 14px; }
.video-text p:last-child{ margin-bottom: 0; }

.video-box{
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid var(--line);
    box-shadow: 0 16px 40px rgba(0,0,0,.10);
    background: #f3f3f3;
    transform: translateZ(0);
}
.video-embed{
    position: relative;
    aspect-ratio: 16/9;
    background:#000;
}
.video-embed iframe{
    position:absolute; inset:0;
    width:100%; height:100%;
}

/* ===== 2) PARTNERS ===== */
.sec-partners{
    padding: clamp(34px, 4.6vw, 70px) 0;
    background:
            radial-gradient(1200px 500px at 20% 10%, rgba(88,185,71,.09), transparent 55%),
            linear-gradient(180deg, #f7f7f7 0%, #f3f3f3 55%, #f8f8f8 100%);
    border-top: 1px solid rgba(0,0,0,.04);
    border-bottom: 1px solid rgba(0,0,0,.04);
}

.partners-wrap{
    position: relative;
    margin-top: 60px;
}
.partners-swiper{ padding: 10px 54px; }

.partner-logo{
    height: 86px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.partner-logo img{
    max-height: 105px;
    width: auto;
    height: auto;

    filter: grayscale(1) contrast(1.05) opacity(.78);
    transition: filter .25s ease, transform .25s ease, opacity .25s ease;
}
.partner-logo:hover img{
    filter: grayscale(0) contrast(1) opacity(1);
    transform: translateY(-1px);
}

/* nav */
.partners-nav{
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(255,255,255,.92);
    color: #121212;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition: transform .15s ease, color .15s ease, border-color .15s ease;
}
.partners-nav:hover{
    transform: translateY(-50%) scale(1.05);
    color: var(--accent);
    border-color: rgba(88,185,71,.35);
}
.partners-nav--prev{ left: 0; }
.partners-nav--next{ right: 0; }

/* ===== 3) CONTACT INFO ===== */
.sec-contactinfo{
    padding: clamp(46px, 6vw, 100px) 0;
    background: #fff;
}

.contactinfo-grid{
    margin-top: 18px;
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap: clamp(16px, 3vw, 34px);
}

.contact-card{
    border-radius: 14px;
    padding: clamp(16px, 2.4vw, 26px);
    border: 1px solid rgba(0,0,0,.10);
    background:
            radial-gradient(900px 260px at 0% 0%, rgba(88,185,71,.08), transparent 55%),
            #fff;
    box-shadow: 0 14px 34px rgba(0,0,0,.08);
}

.contact-card__title{
    font-weight: 900;
    font-size: 22px;
    color: var(--text);
    margin-bottom: 10px;
}

.contact-line{
    display:flex;
    gap: 12px;
    align-items:flex-start;
    color: rgba(0,0,0,.62);
    line-height: 1.7;
    margin-top: 10px;
}
.contact-line a{ color: rgba(0,0,0,.70); text-decoration: none; border-bottom: 1px solid rgba(88,185,71,.35); }
.contact-line a:hover{ color: var(--accent); border-bottom-color: var(--accent); }

.contact-ico{
    width: 34px; height: 34px;
    border-radius: 12px;
    flex: 0 0 34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--accent);
    background: rgba(88,185,71,.10);
    border: 1px solid rgba(88,185,71,.18);
}

.contact-card--call{
    background:
            radial-gradient(900px 260px at 100% 0%, rgba(0,0,0,.06), transparent 55%),
            radial-gradient(900px 260px at 0% 0%, rgba(88,185,71,.10), transparent 55%),
            #fff;
}

.contact-card__label{
    color: rgba(0,0,0,.55);
    font-weight: 900;
    font-size: 13px;
    letter-spacing: .03em;
    text-transform: none;
}

.contact-phone{
    display:inline-block;
    margin-top: 8px;
    font-size: clamp(22px, 2.6vw, 32px);
    font-weight: 900;
    color: #121212;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}
.contact-phone:hover{
    color: var(--accent);
    transform: translateY(-1px);
}

.contact-speaks{
    margin-top: 6px;
    color: rgba(0,0,0,.62);
}

.contact-badges{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.badge{
    padding: 8px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    color: rgba(0,0,0,.70);
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(88,185,71,.06);
}

/* subtle entrance animation */
.sec-video, .sec-partners, .sec-contactinfo{
    transform: translateY(0);
}

/* responsive */
@media (max-width: 980px){
    .video-grid{ grid-template-columns: 1fr; }
    .partners-swiper{ padding: 10px 46px; }
    .contactinfo-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
    .partners-nav{ display:none; }
    .partners-swiper{ padding: 10px 6px; }
    .partner-logo{ height: 74px; }
}



/****************************************/
/************ Reviews Page **************/
/****************************************/

:root{
    --accent:#58b947;
    --text:#121212;
    --muted:rgba(0,0,0,.68);
    --line:rgba(0,0,0,.10);
}

/* page spacing */
.reviews-page{ padding: clamp(30px, 4vw, 60px) 0; }

/* общий блок слайдера (если уже есть — можно оставить старые, это совместимо) */
.reviews-sec{
    padding: clamp(34px, 4.6vw, 70px) 0;
    background:
            radial-gradient(1200px 500px at 20% 10%, rgba(88,185,71,.10), transparent 55%),
            radial-gradient(900px 420px at 85% 30%, rgba(0,0,0,.06), transparent 60%),
            linear-gradient(180deg, #f6f6f6 0%, #f2f2f2 55%, #f8f8f8 100%);
    border: 1px solid rgba(0,0,0,.04);
    border-left: 0; border-right: 0;
    overflow: hidden;
}

.reviews-sec__swiper{ padding: 10px 6px 40px; }

.review-card{
    position: relative;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 18px 40px rgba(0,0,0,.08);
    backdrop-filter: blur(4px);
    padding: clamp(16px, 2.2vw, 28px);
}

.review-card__quote{
    color: var(--accent);
    line-height: 0;
    margin-bottom: 12px;
}

.review-card__text{
    color: var(--muted);
    font-size: 17px;
    line-height: 1.85;
    font-style: italic;
    white-space: pre-line; /* показывает \n как переносы */
}

.review-card__footer{
    margin-top: 16px;
    display:flex;
    align-items:flex-end;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.review-card__name{
    font-weight: 900;
    color: var(--text);
    font-size: 18px;
}

.review-card__stars{
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.review-card__stars .star{
    color: #d8b14a;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.12));
}

/* pagination: квадратики зелёные с чёрной обводкой */
.reviews-sec__pagination{
    display:flex;
    justify-content:center;
    gap: 8px;
    margin-top: 16px;
}
.reviews-sec__pagination .swiper-pagination-bullet{
    width: 12px; height: 12px;
    border-radius: 0;
    opacity: 1;
    background: rgba(88,185,71,.35);
    border: 1px solid #121212;
    transition: transform .15s ease, background .15s ease;
}
.reviews-sec__pagination .swiper-pagination-bullet-active{
    background: var(--accent);
    transform: translateY(-1px);
}

/* ===== GRID ===== */
.reviews-grid{
    padding: clamp(36px, 4.6vw, 78px) 0;
    background: #fff;
}

.reviews-grid__list{
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(14px, 2.2vw, 24px);
}

/* чуть другой стиль, чтобы отличался от слайдера */
.review-card--grid{
    background: #fff;
    box-shadow: 0 12px 28px rgba(0,0,0,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.review-card--grid:hover{
    transform: translateY(-2px);
    border-color: rgba(88,185,71,.28);
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
}

/* adaptive */
@media (max-width: 980px){
    .reviews-grid__list{ grid-template-columns: 1fr; }
    .review-card__text{ font-size: 16px; }
}
/****************************************/
/************** ------- *****************/
/****************************************/
.single-post .page-content h2 {
    font-size: clamp(24px, 3vw, 22px);
    font-weight: 600;
}