@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito';
  src: url('/fonts/Nunito-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.header-phone {
  text-align: right;
  color:#fff;
  
}

.header-phone a {color: #f4a261; font-family: "Nunito", sans-serif;
  text-decoration: none;
  font-size: 20px;
  font-weight: 800;}

.header-phone p {display:none;}
.header-schedule {
  font-size: 12px;
  opacity: 0.8;
  margin-top: 2px;
  font-family: "Nunito", sans-serif;
}

p, a, h1, h2, h3, h4, h5, h6 {font-family: "Nunito", sans-serif!important;}
img {max-width:100%!important;}

a, button {outline:none!important;}
input, select {border-radius:8px!important;}
.custom-logo {height: 52px; width: auto;}
.site-title a {font-family: "Nunito", sans-serif; font-weight:900!important; letter-spacing: 0.5px!important; text-transform: uppercase;}
.site-branding {padding-top:8px!important; padding-bottom:8px!important;}
.site-description {font-family: "Nunito", sans-serif; font-weight:700!important; letter-spacing: 1.5px!important; opacity: 0.75!important; text-transform: uppercase;}
.main-header-menu .menu-link {text-decoration: none;  font-size: 12.5px; font-weight: 700!important; text-transform: uppercase; letter-spacing: 0.7px!important; padding: 11px 14px; transition: background 0.2s; white-space: nowrap; font-family: "Nunito", sans-serif;}
.start h1 {font-size: 42px!important; font-weight: 900!important; color: #2d6a4f!important; margin-bottom: 16px!important;}
.start {text-align: center; padding-bottom:30px!important;}
.st-one {font-size: 18px!important; color:#52796f!important; font-weight: 600!important; margin:0px!important; line-height: 1.7!important;}
.st-two {font-size: 15px!important; color:#52796f!important; font-weight: 600!important; margin:1px 2px 3px 4px!important; line-height: 1.7!important;}
.map-icon {width: 25px; height: auto; vertical-align: middle; margin-right: 8px; display: inline-block;}
.st-three {background: #fff;  display: inline-block; padding: 10px 28px;  border-radius: 30px; font-weight: 700!important; color: #2d6a4f!important; box-shadow: 0 4px 20px rgba(45,106,79,0.12);  font-size: 14px!important; margin-top:10px!important; margin-bottom:0px!important;}
.classic {padding:0px!important; margin-bottom:30px!important; border-radius:18px!important; background:#fff;}
.rounded img {border-radius:18px!important;}
.s_count h4 {font-size: 32px!important; font-weight: 900!important; color: #2d6a4f!important; margin-bottom: 16px!important; line-height: 1.1!important; margin:0px!important; padding:0px!important;}
.s_count p {font-size: 12px!important; color: #52796f!important;   font-weight: 700!important; margin-top: 4px!important;}
.s_count {text-align: center;  padding: 18px 14px!important; background: #eaf7ed; border-radius:12px;}
.counters {background: #fff; border-radius: 18px;  padding: 32px 38px; box-shadow: 0 4px 20px rgba(45,106,79,0.12);  margin-bottom: 30px!important;}
.rounded img {width: 100%;  height: 360px!important;  object-fit: cover!important; display: block!important;}

/* Для экранов от 708px до 902px — 2x2 */
@media (min-width: 708px) and (max-width: 902px) {
    .wp-block-columns.counters {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }
    
    .wp-block-columns.counters .wp-block-column {
        flex: 0 0 calc(50% - 1em) !important;
        width: calc(50% - 1em) !important;
        min-width: calc(50% - 1em) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Для экранов МЕНЬШЕ 708px — 1 колонка */
@media (max-width: 707px) {
    .wp-block-columns.counters {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    .wp-block-columns.counters .wp-block-column {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Для экранов БОЛЬШЕ 902px — 4 колонки в ряд */
@media (min-width: 903px) {
    .wp-block-columns.counters {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    }
    
    .wp-block-columns.counters .wp-block-column {
        flex: 1 !important;
        margin-left: 0 !important;
    }
}

.next {background: #fff; border-radius: 18px;  padding: 32px 38px; box-shadow: 0 4px 20px rgba(45,106,79,0.12);  margin-bottom: 30px!important;}
.last-g {background: linear-gradient(135deg, #2d6a4f, #40916c); border-radius: 18px;  padding: 32px 38px; box-shadow: 0 4px 20px rgba(45,106,79,0.12);  margin-bottom: 30px!important; text-align:center!important;}
.last-g h4 {color:#fff!important; font-size: 24px!important; font-weight: 900!important;  margin-bottom: 10px!important;}
.last-g p {color:#fff!important;}
.last-g p.topped {font-size: 15px!important; opacity: 0.9!important; margin-bottom: 20px!important;}

.next h2 {font-size: 22px!important; font-weight: 800!important;  color:#2d6a4f!important;  margin-bottom: 14px!important; }
.next p {margin-bottom: 12px!important; font-size: 15px!important; line-height: 1.8!important; color:#2d3e35!important;}
.next h4 {font-size: 18px!important; font-weight: 800!important; color: #40916c!important; margin-bottom: 10px!important; margin-top: 22px!important; text-align:center!important; text-transform: uppercase;}
.more {display: block; color: #e76f51; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: underline; cursor: pointer; padding: 4px 0; margin-top:0px!important;}
.more:hover{color:#d4553a; text-decoration: underline;}
.next .text {font-size: 14px!important; line-height: 1.6!important; margin-top:12px!important; margin-top: 12px!important; color:#2d3e35!important;}
.next-g {box-shadow: 0 4px 20px rgba(45,106,79,0.12); border-radius:18px!important; overflow: hidden !important; min-height:580px; text-align:center;}
.next img {width: 100%;  height: 395px!important;  object-fit: cover!important;  object-position: center 20%!important; margin-bottom: 0!important; display: block; padding-left:0px!important; padding-right:0px!important;}
.next p {padding-left:28px; padding-right:28px;}
.services {background: #fff; border-radius: 18px;  padding: 0px!important; box-shadow: 0 4px 20px rgba(45,106,79,0.12);  margin-bottom: 30px!important; border-left: 6px solid #74c69d;}
.services img {width: 100%!important; height: 100%!important; min-height: 180px!important; object-fit: cover!important; border-radius: 12px!important; padding:14px!important;}
.services_one {padding: 24px 28px!important;}
.services_one h2 {font-size: 19px!important; font-weight: 900!important;  color: #2d6a4f!important;  margin-bottom: 4px!important;  line-height: 1.25!important;  text-transform: uppercase; letter-spacing: 0.3px!important; margin-top:0px!important;}
.services_one h6 {font-size: 11px!important; font-weight: 800!important; color: #40916c!important; text-transform: uppercase; letter-spacing: 1.5px!important; margin-bottom: 4px!important;}
.services_one p.ital {font-size: 14px!important;  font-weight: 600!important;  color:#52796f!important;  margin-bottom: 12px!important;  line-height: 1.4!important;  font-style: italic!important; margin-top:0px!important;}
.starred::before {content: "★ "; color:#e76f51;  font-weight: 900;}
.starred {font-size: 14px!important; font-weight: 700!important; color:#2d3e35!important; margin:0px!important;}
.services_yell {background:#f4a261; color:#1b4332!important; display: inline-block; font-size: 11px!important; font-weight: 800!important; padding: 3px 12px!important; border-radius: 20px!important;  margin-bottom: 12px!important; margin-top:0px!important;}
.buttoms {display:block; margin-top:0px!important;}
.book-s, .call-s {display:inline-block;}
.book-s {padding: 11px 22px!important; border-radius: 30px; font-weight: 800; font-size: 14px!important; text-decoration: none; letter-spacing: 0.2px!important; transition: background 0.2s, transform 0.1s!important; border: 2px solid #e76f51; background:#e76f51; color:#fff;}
.call-s {padding: 11px 22px!important; border-radius: 30px; font-weight: 800; font-size: 14px!important; text-decoration: none; letter-spacing: 0.2px!important; transition: background 0.2s, transform 0.1s!important; border: 2px solid #e76f51; background:#fff; color:#e76f51;}
.book-s:hover {background:#d4553a; color:#fff;}
.cta-phone {margin-top:0px!important; display: inline-block;  background: #e76f51!important;  color: #fff!important;  padding: 14px 32px!important;  border-radius: 30px!important;  font-weight: 900!important;  font-size: 20px!important;  text-decoration: none!important;  transition: background 0.2s, transform 0.2s!important;}
.cta-phone:hover {background:#d4553a!important; color:#fff;}
.call-s:hover {background: #fff5f1; color:#e76f51;} 

.services {
    display: flex !important;
    align-items: stretch !important;
}

/* Правая колонка (с картинкой) — должна растянуться */
.services .wp-block-column:last-child {
    display: flex !important;
    flex-direction: column !important;
}

/* Контейнер figure — занимает всю высоту родителя, padding и закругление здесь */
.services .wp-block-column:last-child figure {
    height: 100% !important;
    flex: 1 !important;
    margin: 0 !important;
    display: flex !important;
    padding: 14px !important;           /* padding перенесен сюда */
    border-radius: 12px !important;    /* закругление здесь */
    overflow: hidden !important;
    background: transparent !important; /* убрали красный фон */
}

/* Картинка — заполняет figure полностью */
.services .wp-block-column:last-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px!important;       /* убираем закругление у img */
    padding: 0 !important;              /* убираем padding */
    display: block !important;
}

h2.why-us {text-transform: uppercase!important; letter-spacing: 0.5px!important;  font-weight: 900 !important; font-size: 24px !important;}
p.why-us {font-size: 17px !important;  font-weight: 700!important; color: #2d6a4f!important; margin-top: 6px!important;  margin-bottom: 14px !important;}
.okked::before {content: "✓ "; color:#e76f51;  font-weight: 900; font-size: 18px!important;}
.bokked {border-bottom: 1px dashed #b7e4c7;}
.next p.okked {padding: 8px 0 8px 0px!important;  font-size: 15px!important;  line-height: 1.6!important;  font-weight: 600!important; margin-top:0px!important; margin-bottom:0px!important;}
.bottomed {margin-top: 14px!important; font-size: 13px!important;  opacity: 0.8!important;}
.ast-footer-html-2 h4, .ast-footer-html-1 h4, #block-9 h4 {font-size: 13px!important; font-weight: 800!important;  text-transform: uppercase!important;  letter-spacing: 1px!important;  margin-bottom: 10px!important; color: #b7e4c7!important; text-align:left!important;}
.ast-footer-html-2 p, .ast-footer-html-1 p, #block-9 a {text-decoration:none!important; color: rgba(255,255,255,0.8)!important; font-size:13px!important; text-align:left!important; margin-bottom:0px!important;}
#block-9 a {display:block!important;}
#block-9 a:hover {color: #fff!important;}
.ast-footer-html-1 a {font-size: 18px!important; font-weight: 800!important; color: #f4a261!important; display: block!important; margin-top: 6px!important;} 
.ast-footer-html-1 a:hover {color: rgba(255,255,255,0.8)!important;}
.product-map-yandex iframe {
  border-radius: 12px;
  display: block;
  width: 100%;
  height: 300px;
}
.site-below-footer-inner-wrap p, .site-below-footer-inner-wrap a {font-size:12px!important; text-decoration:none!important; color: rgba(255,255,255,0.8)!important;}
.sub-menu .menu-item a {color:#000!important;}