/* ==========================================================================
   Theme: spil (Light-first)
   File: assets/css/main.css
   Arch: ITCSS/BEM
   Sections:
   1) Settings (vars)            9) Print
   2) Tools                     10) Responsive
   3) Generic Reset             11) Accessibility Focus
   4) Base Elements             12) Component Polish
   5) Objects/Layout            13) WP Core Alignments
   6) Components                14) Forms Extras
   7) Utilities                 15) Hero Details
   8) Animations/Effects        16) Misc
   ========================================================================== */

/* ========== 1) SETTINGS ========== */

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root{
  /* Светлая палитра (по умолчанию) */
  --c-bg: #f7fbf7;
  --c-bg-2: #eef5ef;
  --c-surface: #ffffff;
  --c-text: #18221d;
  --c-muted: #5a6b61;
  --c-primary: #f37a1f;
  --c-primary-700: #227f52;
  --c-primary-800: #1a6441;
  --c-accent: #f2a300;
  --c-danger: #e0454a;
  --c-warning: #d0912f;
  --c-success: #22b860;
  --c-info: #2b8ed6;
  --c-border: #cfe1d6;

  --c-card: #ffffff;
  --c-card-2:#f0f7f2;
  --c-card-3:#f6fbf8;

  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;

  --shadow-1: 0 8px 24px rgba(0,0,0,.06);
  --shadow-2: 0 10px 40px rgba(0,0,0,.08);
  --shadow-3: 0 18px 64px rgba(0,0,0,.10);

  --container: 1200px;
  --gap: 24px;
  --gap-sm: 16px;
  --gap-lg: 32px;

  --fz-xxs: 12px;
  --fz-xs: 14px;
  --fz-sm: 16px;
  --fz-md: 18px;
  --fz-lg: 22px;
  --fz-xl: 28px;
  --fz-xxl: 40px;
  --lh: 1.6;

  --tr-fast: .18s cubic-bezier(.2,.9,.2,1);
  --tr: .28s cubic-bezier(.2,.9,.2,1);
  --tr-slow: .45s cubic-bezier(.2,.9,.2,1);

  --hero-h: clamp(560px, 82vh, 780px);

  --steps-cols: 4;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;
  --space-12: 64px;
}

/* Опциональная тёмная тема (по классу на body) */
.theme-dark{
  --c-bg: #0e1111;
  --c-bg-2: #121616;
  --c-surface: #0b0f0e;
  --c-text: #e8efe8;
  --c-muted: #b6c1b6;
  --c-primary: #35b276;
  --c-primary-700: #279462;
  --c-primary-800: #1f7a52;
  --c-accent: #f4b400;
  --c-danger: #ff5a5f;
  --c-warning: #ffcc66;
  --c-success: #2ecc71;
  --c-info: #4db6ff;
  --c-border: #dfeee6; /* используется в миксах; фактические границы ниже */
  --c-card: #151b1a;
  --c-card-2:#19211f;
  --c-card-3:#0f1413;
}

/* ========== 2) TOOLS ========== */
.container{ width: min(100% - 2*var(--gap), var(--container)); margin-inline: auto; position: relative;}
.container--wide{ width: min(100% - 2*var(--gap), 1380px); margin-inline: auto; }
.container--narrow{ width: min(100% - 2*var(--gap), 860px); margin-inline: auto; }
.flow > * + *{ margin-top: var(--space-4); }
.visually-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip: rect(0 0 0 0); white-space:nowrap; clip-path: inset(50%); border:0; }
.skip-link{ position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden; z-index:-9999; }
.skip-link:focus{ position:fixed; left: 10px; top: 10px; z-index: 9999; width: auto; height: auto; padding: 10px 14px; background: var(--c-primary); color: #fff; }

/* ========== 3) GENERIC RESET ========== */
*{ box-sizing: border-box; }
html,body{ height:100%; }
html{ scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce){
  * { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
body{
  margin:0;
  font-family: "Nunito Sans", sans-serif;
  color: var(--c-text);
  /* background:
    radial-gradient(1400px 640px at 70% -10%, #eaf5ef 0%, #f7fbf7 60%) fixed,
    var(--c-bg); */
  line-height: var(--lh);
  font-size: var(--fz-sm);
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: var(--c-primary); text-decoration: none; transition: color var(--tr), opacity var(--tr), background var(--tr), box-shadow var(--tr); }
a:hover {
    color: #000000;
}
svg{ display:block; }
hr{ border:0; border-top:1px solid var(--c-border); margin: var(--space-8) 0; }

/* selection + scrollbar */
::selection{ background: color-mix(in srgb, var(--c-primary) 18%, transparent); color:#0f2a21; }
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: #f3faf6; }
::-webkit-scrollbar-thumb{ background: #cfe1d6; border-radius: 999px; border: 2px solid #f3faf6; }
::-webkit-scrollbar-thumb:hover{ background: #b9d5c7; }

/* ========== 4) BASE ELEMENTS ========== */
h1,h2,h3,h4,h5{ margin:0 0 .6em; line-height:1.25; font-weight:800; letter-spacing: .005em; color: #0e0e0e; }
h1{ font-size: clamp(32px, 4.5vw, 56px); }
@media (max-width: 786px) {
    h1{
        font-size: 40px;
    }
}
h2{ font-size: clamp(24px, 3vw, 36px); }
h3{ font-size: clamp(20px, 2.2vw, 28px); }
h4{ font-size: clamp(18px, 2vw, 22px); }
p {
    margin: 0 0 1em;
    color: #333;
}
ul,ol{ margin:0 0 1em 1.15em; }
strong{ color:#0e0e0e; }
code, pre{ font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; }
blockquote {
    margin: 0;
    padding: 14px 16px;
    background: #dbdbdb;
    border-left: 3px solid var(--c-primary);
    /* border-radius: var(--radius-sm); */
    color: var(--c-muted);
}
table{ width:100%; border-collapse: collapse; }
th, td{ padding: 10px 12px; border-bottom:1px solid var(--c-border); }
th{ text-align:left; color:#0f2a21; font-weight: 700; background: var(--c-card-2); }

/* Формы */
button, input, select, textarea{ font: inherit; color: inherit; background: transparent; border: none; }
input, select, textarea {
    background: #ffffff;
    border: 1px solid #d5e6dc;
    padding: 12px 14px;
    color: #0f2a21;
    outline: none;
    transition: border-color var(--tr), box-shadow var(--tr), background var(--tr);
}
input::placeholder, textarea::placeholder{ color: color-mix(in srgb, var(--c-muted) 70%, transparent); }
input:focus, select:focus, textarea:focus{ border-color: #9ed6ba; box-shadow: 0 0 0 3px rgba(42,158,102,.18); }
select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 49%, #9db7a9 50%), linear-gradient(135deg, #9db7a9 50%, transparent 51%);
    background-position: calc(100% - 18px) 52%, calc(100% - 12px) 52%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 34px;
    width: 60%;
}
textarea{ min-height: 120px; resize: vertical; }
input[type="checkbox"], input[type="radio"]{ width: 18px; height: 18px; background: #ffffff; border: 1px solid #d5e6dc; display:inline-grid; place-content:center; }
input[type="checkbox"]:checked{ background: var(--c-primary); border-color: #1d6f49; }
input[type="checkbox"]:checked::after{ content:"✓"; color:#ffffff; font-weight: 900; font-size: 14px; }
input[type="radio"]{ border-radius: 999px; }
input[type="range"] {
    width: 100%;
    appearance: none;
    height: 6px;
    background: #eaf4ef4f;
    /* border-radius: 999px; */
    border: 1px solid #d8e7df;
}
input[type="range"]::-webkit-slider-thumb{ appearance: none; width: 20px; height: 20px; background: linear-gradient(180deg, #35b777, #f37a1f); border: 2px solid #b7d9c7; border-radius: 50%; box-shadow: 0 2px 4px rgba(0,0,0,.10); transition: transform var(--tr); }
input[type="range"]::-webkit-slider-thumb:hover{ transform: scale(1.06); }
label{ display:block; margin-bottom: 6px; color: var(--c-muted); font-size: var(--fz-xs); }
.field{ margin-bottom: 12px; }
small{ font-size: var(--fz-xs); color: var(--c-muted); }

/* Кнопки */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    /* border-radius: 12px; */
    background: var(--c-card-2);
    color: #0f2a21;
    /* border: 1px solid var(--c-border); */
    cursor: pointer;
    transition: transform var(--tr), background var(--tr), border-color var(--tr), box-shadow var(--tr);
}
.btn:hover{ transform: translateY(-1px); }
.btn:active{ transform: translateY(0); }
.btn:focus-visible{ outline: none; box-shadow: 0 0 0 3px rgba(42,158,102,.18); }
.btn--primary{ color:#ffffff; background: linear-gradient(180deg, #f37a1f, #f37a1f); border-color: #f37a1f; }
.btn--primary:hover{ filter: saturate(1.08); box-shadow: 0 6px 22px rgba(42,158,102,.18); }
.btn--ghost {
    background: #00b54c;
    border-color: #000000;
    color: #ffffff;
    max-height: 50px;
}

.btn--ghost:hover,
.btn--ghost:hover, a.btn--ghost:hover {
    background: #00b54c;
    color: #0e0e0e;
}
.btn--saw{ background: #f1f7f3; border-color: #d7e6dd; }
.btn--warning{ background: linear-gradient(180deg, #ffcc66, #f4b400); color:#24210a; border-color: #b38a2d; }
.btn--danger{ background: linear-gradient(180deg, #ff6b6f, #e0454a); border-color:#a02e32; color:#fff; }
.btn--lg{ padding: 14px 20px; font-weight: 700; }

/* ========== 5) OBJECTS (LAYOUT) ========== */
.site-header {
    position: fixed;
    top: 0;
    z-index: 1000;
    backdrop-filter: saturate(120%) blur(6px);
    background: #fff;
    border-bottom: 1px solid #d7e6dd;
    transition: background var(--tr), transform var(--tr-fast), border-color var(--tr);
    width: 100%;
}
.site-header.is-sticky {
    /* background: color-mix(in srgb, #ffffff 96%, transparent); */
    /* box-shadow: 0 8px 22px rgba(0,0,0,.06); */
}
.header__inner{ display:flex; align-items:center; gap: 16px; padding: 14px 0; }
.logo img{ height: 40px; width: auto; }
.logo__text{ font-size: 20px; font-weight: 800; color: #0e0e0e; letter-spacing: .02em; }
.main-nav{ margin-left: auto; }
.menu{ list-style:none; padding:0; margin:0; display:flex; gap: 18px; align-items:center; }
.menu a {
    color: #0e0e0e;
    padding: 10px 8px;
    /* border-radius: 8px; */
}
.menu a:hover {
    background: #f37a1fab;
    color: #0e0e0e;
}
.menu .current-menu-item > a,
.menu .current-menu-item > a, .menu .current_page_item > a {
    color: #0e0e0e;
}
.menu .menu-item-has-children{ position:relative; }
.menu .menu-item-has-children > a::after{ content:""; display:inline-block; margin-left: 8px; width: 6px; height: 6px; border: 2px solid currentColor; border-left:0; border-top:0; transform: rotate(45deg) translateY(-2px); }
.menu .sub-menu{
  position:absolute; left:0; top: 120%; min-width: 220px; background: var(--c-card); border:1px solid var(--c-border); box-shadow: var(--shadow-2);
  display:none; padding: 8px; z-index: 10; transform: translateY(6px); opacity:0; pointer-events:none; transition: opacity var(--tr), transform var(--tr);
}
.menu .sub-menu a{ display:block; padding: 10px 12px; color: var(--c-text); }
.menu .menu-item-has-children:hover > .sub-menu{ display:block; transform: translateY(0); opacity:1; pointer-events:auto; }

.header__contacts{ display:flex; align-items:center; gap: 12px; margin-left: 8px; }
.header__phone {
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    padding: 12px 16px;
}

.mobile-menu .header__phone {
    font-weight: 700;
    color: #f37a1f;
    text-align: center;
    padding: 12px 16px;
}





a.header__email {
    text-align: center;
}
ul.socials {
    list-style: none;
    display: flex;
    /* justify-content: end; */
    gap: 20px;
    padding: 0 10px 0 0;
}

.header__cta{ margin-left: 6px; }

.burger {
    display: none;
    position: relative;
    width: 40px;
    height: 40px;
    border: 2px solid #f37a1f;
    cursor: pointer;
    justify-content: center;
}
.burger span {
    position: absolute;
    left: 8px;
    right: 8px;
    height: 2px;
    background: #f37a1f;
    
    transition: transform var(--tr), opacity var(--tr);
}
.burger span:nth-child(1){ top: 10px; }
.burger span:nth-child(2){ top: 17px; }
.burger span:nth-child(3){ top: 24px; }
.menu-open .burger span:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.menu-open .burger span:nth-child(2){ opacity: 0; }
.menu-open .burger span:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }

.mobile-menu {
    display: none;
    position: fixed;
    left: 0;
    top: 58px; 
    width: 100%;
    height: 50vh; 
    background: #fff;
    border-top: 1px solid var(--c-border);
    overflow: auto;
    z-index: 999;
}

body.menu-open .mobile-menu {
    display: block;
}



.menu--mobile{ flex-direction: column; padding: 20px; gap: 8px; }
.menu--mobile a{ padding: 12px; }
.menu--mobile .menu-item-has-children > .sub-menu{ position: static; display:none; border:0; background: transparent; box-shadow:none; padding-left: 16px; }
.menu--mobile .menu-item-has-children.open > .sub-menu{ display:flex; flex-direction:column; gap: 6px; }
.mobile-menu__contacts{ padding: 0 20px 20px; display: grid; gap: 10px; }

.breadcrumbs{
  border-top: 1px solid var(--c-border); border-bottom: 1px solid var(--c-border); background: var(--c-card);
  position:relative;
text-align: center;
}
.breadcrumbs::after{ content:""; position:absolute; left:0; right:0; bottom:-1px; height:1px; background: linear-gradient(90deg, transparent, #d7e6dd 20%, #d7e6dd 80%, transparent); }
.breadcrumbs .container{ padding: 10px 0; display:flex; align-items:center; flex-wrap:wrap; gap: 8px; }
.breadcrumbs__sep{ margin: 0 8px; color: var(--c-muted); }
.breadcrumbs__link {
    color: #f37a1f;
}
.breadcrumbs__link:hover{ color:#0e0e0e; }
.breadcrumbs__current{ color: #0e0e0e; }

.site-main{ display:block; }

/* Общий отступ секций */
.section{ padding: clamp(40px, 6vw, 80px) 0; }
.section--tight{ padding: clamp(24px, 3.5vw, 48px) 0; }
.section__title {
    margin-bottom: 24px;
    color: #0e0e0e;
    position: relative;
    display: inline-block;
    padding-bottom: 8px;
}
.section__title::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, #f37a1f 0%, #f37a1f 50%, rgba(255, 214, 0, 0) 100%);
    bottom: 0;
    left: 0;
}
.section__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}
@media (max-width: 991px) {
    .section__head {
        flex-direction: column;
        
    }
}

.section.testimonials .container .section__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
    flex-direction: column;
}


/* ========== 6) COMPONENTS ========== */

/* HERO: светлая версия + органический изгиб без SVG */
.hero{
  min-height: var(--hero-h); position: relative; color:#0e0e0e; display:grid; align-items:end;
  background-size: cover; background-position:center; overflow:hidden;
}
/* .hero__overlay{
  position:absolute; inset:0;
  /* background:
    linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.85)),
    radial-gradient(560px 240px at 20% 10%, rgba(42,158,102,.10), transparent 60%); */ */
}
.hero__inner{ position:relative; padding: 60px 0; }
.hero__subtitle {
    font-size: var(--fz-lg);
    color: #fff;
    max-width: 820px;
}
.hero__cta {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    flex-wrap: wrap;
    order: 4;
}
.hero__badges{ list-style:none; padding:0; margin: 16px 0 0; display:flex; gap: 10px; flex-wrap: wrap; }
.badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    /* border-radius: 999px; */
    /* background: #6b6e7087; */
    color: #fff;
    border: 1px solid #6b6e7087;
}
.badge__icon{ width: 18px; height: 18px; display:inline-grid; place-items:center; color: var(--c-primary); }

.hero__grid {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 20px;
    align-items: baseline;
}
.hero__card {
    background: #ffffff;
    /* border: 1px solid var(--c-border); */
    /* border-radius: 16px; */
    padding: 16px;
    box-shadow: var(--shadow-1);
}
.hero__card h3{ margin-bottom: 6px; color:#0f2a21; }
.hero__card .muted{ margin-bottom: 10px; }

.hero--curve{ position:relative; }
/* .hero--curve::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height: 140px;
  background: var(--c-bg);
  clip-path: path("M 0 60 C 220 100, 540 10, 800 80 S 1220 140, 1440 70 L 1440 160 L 0 160 Z");
  z-index: 0;
} */
.hero--curve .hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    /* align-items: center; */
    min-height: 100%;
    gap: 94px;
}
@media (max-width: 991px) {
    .hero--curve .hero__inner {
        padding: 0px 0 20px 0;
        gap: 16px;
    }
}



@supports not (clip-path: path("M0,0 L1,1")){
  .hero--curve::after{ clip-path: polygon(0 60%, 100% 40%, 100% 100%, 0 100%); }
}

/* Дополнительные мягкие фоны */
.section--soft{ background: linear-gradient(180deg, rgba(53,178,118,.05), rgba(255,255,255,0)); }
.bg-leaf-left, .bg-leaf-right{ position: relative; overflow: hidden; }
.bg-leaf-left::after, .bg-leaf-right::after{
  content:""; position:absolute; width: 420px; height: 420px; filter: blur(30px);
  background: radial-gradient(closest-side, rgba(53,178,118,.18), transparent 70%);
  pointer-events: none; z-index: -1;
}
.bg-leaf-left::after{ left: -180px; top: -100px; }
.bg-leaf-right::after{ right: -180px; bottom: -120px; }

/* Stats */
.stats {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.stats__item {
    background: #ffffff;
    /* border: 1px solid var(--c-border); */
    padding: 12px 14px;
    /* border-radius: 12px; */
    min-width: 180px;
    color: #fff;
    /* border: 1px solid #6b6e7087; */
}
@media (max-width: 991px) {
    .stats__item {
        min-width: 118px;
    }
}


.stats__value {
    font-size: var(--fz-xl);
    color: #0e0e0e;
    font-size: 32px;
    display: block;
    font-weight: 700;
}
.stats__label {
    color: #0e0e0e;
}

/* CARDS */
.cards{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card {
    background: var(--c-card);
    border: 1px solid #dbdbdb;
    /* border-radius: var(--radius); */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.card__image{ aspect-ratio: 16/9; width:100%; object-fit:cover; background:#eef5ef; }
.card__body{ padding: 16px; display:grid; gap: 8px; }
.card__title{ color:#0e0e0e; }
.card__excerpt {
    color: #333;
}
.card__more{ display:inline-flex; align-items:center; gap:8px; color: var(--c-primary); }
.card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-1);
    transition: transform var(--tr), box-shadow var(--tr);
    border: 1px solid #f37a1f;
}
.card--service .card__link{ display:block; height:100%; }
.card--post .card__image{ aspect-ratio: 4/3; }

/* STEPS (таймлайн) */
.steps__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    counter-reset: step;
}

.steps__list > * {
    flex: 0 1 calc(25% - 15px); /* 4 колонки */
}

/* Адаптация от 991px и ниже - один блок вертикально */
@media (max-width: 991px) {
    .steps__list {
        justify-content: center;
    }
    
    .steps__list > * {
        flex: 0 1 auto;
        width: 100%;
        max-width: 400px; /* можно настроить по необходимости */
    }
}
.steps__item {
    background: #ffffff;
    border: 1px solid #dbdbdb;
    /* border-radius: var(--radius); */
    padding: 16px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.steps__item:before{ counter-increment: step; content: counter(step); position:absolute; right: 12px; top: 12px; color: var(--c-muted); font-weight:800; opacity:.5; }
.steps__icon {
    width: 56px;
    height: 56px;
    /* border-radius: 50%; */
    /* background: var(--c-card-2); */
    padding: 10px;
    margin-bottom: 10px;
    /* border: 1px solid #d7e6dd; */
}
.steps__head{ display:flex; align-items:center; gap: 12px; }

.steps__head h3 {
    color: #f37a1f;
}

p.steps__desc {
    color: #0e0e0e;
}

.steps__list--timeline {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.steps__list--timeline .steps__item{ padding-top: 22px; }
/* .steps__list--timeline .steps__item::after{ content:""; position:absolute; left: 28px; top: calc(100% + 10px); width: 2px; height: 30px; background: linear-gradient(180deg, #d7e6dd 0, transparent 100%); } */
.steps__list--timeline .steps__item:nth-child(4n)::after{ display:none; }

/* КАЛЬКУЛЯТОР */
.calc{ background: #ffffff; border:1px solid var(--c-border); border-radius: var(--radius); padding: 16px; }
.calc__grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.calc__field--checkbox{ align-self:end; display:flex; align-items:center; gap: 10px; }
.calc__result{ margin-top: 16px; display:flex; align-items:center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.calc__price{ display:grid; gap: 6px; }
.calc__value{ font-size: var(--fz-xl); color:#0e0e0e; }
.calc .muted{ color: var(--c-muted); }

/* ACCORDION */
.accordion{ display:grid; gap: 10px; }
.accordion__item {
    background: #ffffff;
    border: 1px solid var(--c-border);
    overflow: hidden;
}
.accordion__header{ width:100%; text-align:left; padding: 14px 16px; display:flex; justify-content:space-between; align-items:center; }
.accordion__icon {
    width: 20px;
    height: 20px;
    position: relative;
}
.accordion__icon:before, .accordion__icon:after{ content:""; position:absolute; background: #f37a1f; }
.accordion__icon:before{ width:10px; height:2px; top:9px; left:5px; }
.accordion__icon:after{ width:2px; height:10px; top:5px; left:9px; transition: transform var(--tr); }
.accordion__header[aria-expanded="true"] .accordion__icon:after{ transform: scaleY(0); }
.accordion__content{ padding: 0 16px 14px; }

/* TEAM */
.team__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-left: 0;
    margin-left: 0;
}
.team__item {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: var(--radius); */
    padding: 16px;
    display: grid;
    gap: 10px;
}
.team__photo img{ box-shadow: var(--shadow-1); }
.team__name{ color:#0f2a21; }
.team__badges{ list-style:none; padding:0; margin: 6px 0 0; display:flex; gap: 8px; flex-wrap: wrap; }
.team__badges li {
    font-size: var(--fz-xs);
    color: #333;
    background: #ffffff;
    border: 1px solid #00b54c;
    padding: 4px 8px;
    /* border-radius: 999px; */
}

/* LEAD FORM CTA */
.lead__grid {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 24px;
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: var(--radius); */
    padding: 20px;
}
.lead__form .field{ margin-bottom: 12px; }
.lead__form .btn{ width: 100%; margin-top: 8px; }
.lead__form .agree{ display:flex; gap: 8px; align-items:center; margin-top: 6px; color: var(--c-muted); }
.form-success{ margin-top: 10px; padding: 10px 12px; background: #eef7f1; color:#225943; border:1px solid #d6eadf; }
.list--check{ list-style: none; padding:0; margin: 12px 0 0; }
.list--check li{ padding-left: 28px; position:relative; margin: 8px 0; }
.list--check li:before{ content:""; position:absolute; left:0; top:.35em; width:16px; height:16px; border-radius:50%; background: radial-gradient(circle at 30% 30%, #f37a1f 0 2px, #f37a1f 3px 100%); box-shadow: 0 0 0 3px #e6f4ed; }

/* SERVICE PAGE */
.service-hero {
    position: relative;
    overflow: hidden;
    min-height: 360px;
    /* background: #f5fbf7; */
    padding: 100px 0;
    background-image: url(/wp-content/uploads/2025/11/420611-min-scaled.webp);
    background-size: cover;
}

.service-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
    z-index: 1;
}

/* Чтобы контент был поверх затемнения */
.service-hero > * {
    position: relative;
    z-index: 2;
}


.service-hero__bg{ position:absolute; inset:0; z-index:-1; }
.service-hero__bg img{ width:100%; height:100%; object-fit:cover; filter: brightness(.85); }
.service__title{ margin-top: 28px; color:#fff; }

.service__title::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 8px;
    width: 6px;
    height: 52%;
    background: linear-gradient(180deg, #f37a1f, rgba(42,158,102,0));
    opacity: .6;
}

.service__subtitle {
    color: #fff;
    font-size: var(--fz-lg);
}
.service-content .content p + p{ margin-top: .8em; }

/* PRICE TABLE */
.price-table {
    background: #ffffff;
    border: 1px solid #f37a1f;
    /* border-radius: var(--radius); */
    overflow: hidden;
}
.price-table__head, .price-row{ display:grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; padding: 12px 16px; }
.price-table__head {
    /* background: #ffffff; */
    color: #09251b;
    font-weight: 700;
    border-bottom: 1px solid #f37a1f;
}
.price-row:not(:last-child){ border-bottom:1px solid var(--c-border); }
.price-note{ color: var(--c-muted); margin-top: 10px; }

/* 404 */
.not-found{ text-align:center; }
.forest-scene{ position:relative; height: 300px; margin: 20px auto 10px; width:min(100%, 640px); background: linear-gradient(180deg, #f7fbf7 0, #f7fbf7 70%, #eef7f1 100%); border:1px solid #d7e6dd; overflow:hidden; }
.tree{ position:absolute; left: 30%; bottom:0; width: 40px; height: 210px; transform-origin: bottom left; transition: transform .2s ease-out; }
.tree__trunk{ position:absolute; bottom:0; width: 16px; left: 12px; height: 210px; background: #7a5a3a; box-shadow: inset -3px 0 0 rgba(0,0,0,.15); }
.tree__crown{ position:absolute; bottom:160px; left:-24px; width: 88px; height: 88px; background: radial-gradient(circle at 40% 30%, #46c07e 0 50%, #2e8b57 60% 100%); border-radius: 50%; filter: drop-shadow(0 10px 16px rgba(0,0,0,.12)); }
.tree__crown--2{ bottom:120px; left:-14px; width: 72px; height: 72px; }
.tree--fall{ animation: fall 1.2s ease-in forwards; }
@keyframes fall{ 0%{ transform: rotate(25deg); } 100%{ transform: rotate(95deg) translateX(200px); } }
.num404{ position:absolute; right: 10%; bottom: 24px; font-size: 72px; font-weight:900; color: #cce8da; opacity:.7; letter-spacing:.06em; }
.saw-ui{ display:grid; gap: 8px; justify-items:center; margin-bottom: 10px; }
.saw__bar{ width:min(480px, 100%); height: 10px; background: #ffffff; border:1px solid #d7e6dd; border-radius: 999px; overflow:hidden; }
.saw__progress{ display:block; height:100%; background: linear-gradient(90deg, #35b276, #f4b400); transition: width .08s linear; }

/* COVERAGE (зоны работы и техника) */
.coverage__grid{ display:grid; grid-template-columns: 1.2fr .8fr; gap: 20px; }
.coverage__map {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: 14px; */
    padding: 12px;
}
.coverage__areas{ list-style:none; padding: 10px 0 0; margin:0; display:grid; gap: 8px; }
.coverage__areas li {
    display: flex;
    gap: 10px;
    align-items: center;
    background: var(--c-card-2);
    border: 1px solid var(--c-border);
    padding: 8px 10px;
    /* border-radius: 10px; */
}
@media (max-width: 991px) {
    .coverage__areas li {
        flex-direction: column;
        align-items: start;
    }
}

.coverage__fleet {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: 14px; */
    padding: 16px;
    display: grid;
    gap: 12px;
    align-content: start;
}
.fleet{ list-style:none; padding:0; margin:0; display:grid; gap: 10px; }
.fleet__item {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--c-card-2);
    border: 1px solid var(--c-border);
    padding: 10px;
    /* border-radius: 12px; */
}
.fleet__icon{ width: 36px; height: 36px; display:grid; place-items:center; background: #ecf6f0; border:1px solid #d7e6dd; color: var(--c-primary); }
.fleet__title{ color:#0f2a21; font-weight: 700; }
.fleet__note{ font-size: var(--fz-xs); }

/* PARTNERS */
.partners__list{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns: repeat(5, 1fr); gap: 14px; align-items:center; }
.partners__item {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: 14px; */
    padding: 10px;
    display: grid;
    gap: 6px;
    justify-items: center;
    text-align: center;
}
.partners__item img{ max-height: 46px; width:auto; filter: saturate(.9); }
.partners__name{ font-size: var(--fz-xs); color: var(--c-muted); }
.partners__link{ font-size: var(--fz-xs); }

/* CASES: compare slider */
.cases__grid{ display:grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
.compare {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: 16px; */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.compare__media{ position:relative; aspect-ratio: 16/9; overflow:hidden; }
.compare__img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.compare__img--after{ clip-path: inset(0 0 0 50%); }
.compare__slider{ position:absolute; left:0; right:0; bottom: 10px; width:min(90%, 480px); margin: 0 auto; z-index:2; }
.compare__body{ padding: 12px 14px; display:grid; gap: 6px; }

/* TESTIMONIALS */
.testimonials__slider{ display:grid; gap: 14px; }
.testimonial {
    background: #ffffff;
    border: 1px solid var(--c-border);
    /* border-radius: 14px; */
    padding: 14px;
    display: grid;
    gap: 10px;
}
.testimonial__text {
    color: #0e0e0e;
}
.testimonial__meta{ display:flex; gap: 12px; flex-wrap:wrap; align-items:center; color: var(--c-muted); }
.testimonial__name{ color:#0f2a21; font-weight: 700; }
.testimonial__rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #dbdbdb8f;
    border: 1px solid #d7e6dd;
    color: #c08c00;
    padding: 2px 8px;
    /* border-radius: 999px; */
}
.star{ color: #b8c3b8; }
.star.is-full{ color:#f0b500; }

/* BLOG */
.blog .cards{ grid-template-columns: repeat(3, 1fr); }

/* ARTICLE */
.article__meta{ color: var(--c-muted); display:flex; gap: 8px; align-items:center; }

/* FOOTER (исправлено меню и часы работы) */
.site-footer {
    background: #f6f6f6;
    border-top: 1px solid #ffffff;
    /* margin-top: 60px; */
}
.footer__grid{ display:grid; grid-template-columns: 1.2fr 1fr 1fr 1.2fr; gap: 24px; padding: 40px 0; }
.footer__title{ color:#0e0e0e; margin-bottom: 12px; }
.footer__text{ color: var(--c-muted); margin: 10px 0 14px; }
.map-embed iframe{ width:100%; height: 220px; border:0; }
.footer__bottom{ display:flex; align-items:center; justify-content:space-between; padding: 14px 0; border-top: 1px solid var(--c-border); color: var(--c-muted); }
ul.socials.socials--footer {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 10px 0 0 0;
    margin-left: 0;
}
.socials a {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    /* background: #f0f7f2; */
    /* color: #1a4836; */
    /* border: 1px solid #d7e6dd; */
}
.socials a:hover{ background: var(--c-primary); color:#fff; border-color: #1a5c3b; }

/* Меню в футере — адаптивная сетка, не ломает верстку */
.site-footer .menu--footer{ display: grid !important; grid-template-columns: 1fr; gap: 0px 4px; }
.site-footer .menu--footer {
    /* grid-template-columns: 1fr 1fr; */
}
.site-footer .menu--footer li{ break-inside: avoid; min-width: 0; }
.site-footer .menu--footer a {
    display: inline-flex;
    align-items: center;
    padding: 6px 6px;
    /* border-radius: 8px; */
    color: inherit;
    word-break: break-word;
    overflow-wrap: anywhere;
    text-wrap: pretty;
}
.site-footer .menu--footer.menu{ display: grid !important; }

/* Контакты в футере и “часы работы” бейдж */
.footer__contacts{ display: grid; gap: 8px; }
.footer__contacts a{ color: inherit; }
.footer__contacts > div, .footer__contacts a{
  display: inline-flex; align-items: center; gap: 8px; white-space: normal; word-break: break-word;
}
.footer__hours,
.footer__hours, .footer__contacts > div:last-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    /* border-radius: 12px; */
    background: #dbdddc4a;
    border: 1px solid #f37a1f;
    color: #333;
    font-weight: 700;
}
.footer__hours::before,
/* .footer__contacts > div:last-child::before{ content: "⏰"; display: inline-block; opacity: .85; } */

/* PAGE BASICS */
.page-hero{ padding: 40px 0 10px; border-bottom: 1px solid var(--c-border); background: linear-gradient(180deg, rgba(41,60,55,.08), transparent); }
.page-title{ color:#fff; }
.page-intro{ color: #fff; }
.page-content .content > * + *{ margin-top: .8em; }

/* ========== 7) UTILITIES ========== */
.content :is(h2,h3,h4){ margin-top: 1.4em; color:#0e0e0e; }
.content p {
    color: #333;
}
.content img{  }
.content ul{ list-style: disc; margin-left: 1.15em; }
.content ol{ list-style: decimal; margin-left: 1.15em; }

.grid{ display:grid; gap: 16px; }
.flex{ display:flex; }
.flex-col{ display:flex; flex-direction:column; }
.center{ display:grid; place-items:center; }
.items-center{ align-items:center; }
.items-start{ align-items:flex-start; }
.items-end{ align-items:flex-end; }
.justify-between{ justify-content:space-between; }
.justify-center{ justify-content:center; }
.wrap{ flex-wrap: wrap; }
.gap-6{ gap: var(--space-6); }
.gap-4{ gap: var(--space-4); }
.mt-0{ margin-top:0 !important; }
.mb-0{ margin-bottom:0 !important; }
.mt-2{ margin-top: var(--space-2) !important; }
.mt-4{ margin-top: var(--space-4) !important; }
.mt-6{ margin-top: var(--space-6) !important; }
.mt-8{ margin-top: var(--space-8) !important; }
.mt-10{ margin-top: var(--space-10) !important; }
.mb-2{ margin-bottom: var(--space-2) !important; }
.mb-4{ margin-bottom: var(--space-4) !important; }
.mb-6{ margin-bottom: var(--space-6) !important; }
.mb-8{ margin-bottom: var(--space-8) !important; }
.p-0{ padding:0 !important; }
.p-2{ padding: var(--space-2) !important; }
.p-4{ padding: var(--space-4) !important; }
.p-6{ padding: var(--space-6) !important; }
.p-8{ padding: var(--space-8) !important; }

/* .rounded{ border-radius: var(--radius) !important; }
.rounded-sm{ border-radius: var(--radius-sm) !important; }
.rounded-lg{ border-radius: var(--radius-lg) !important; } */
.shadow-1{ box-shadow: var(--shadow-1) !important; }
.shadow-2{ box-shadow: var(--shadow-2) !important; }
.shadow-3{ box-shadow: var(--shadow-3) !important; }

.text-center{ text-align:center !important; }
.text-right{ text-align:right !important; }
.text-muted{ color: var(--c-muted) !important; }
.text-white{ color:#fff !important; }
.text-primary{ color: var(--c-primary) !important; }
.bg-card{ background: var(--c-card) !important; }
.bg-card-2{ background: var(--c-card-2) !important; }
.bg-primary{ background: var(--c-primary) !important; color:#ffffff !important; }
.border{ border:1px solid var(--c-border) !important; }
.border-0{ border:0 !important; }

.w-100{ width:100% !important; }
.max-w-640{ max-width: 640px !important; }
.max-w-820{ max-width: 820px !important; }
.hidden{ display:none !important; }

.skeleton{ position:relative; overflow:hidden; background: #eef5ef; }
.skeleton::after{ content:""; position:absolute; inset:0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(0,0,0,.04), transparent); animation: shimmer 1.3s infinite; }
@keyframes shimmer{ 100%{ transform: translateX(100%); } }

.focus-ring{ outline: none; box-shadow: 0 0 0 3px rgba(43,142,214,.25); }

/* ========== 8) ANIMATIONS / EFFECTS ========== */
@keyframes float{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-6px); } 100%{ transform: translateY(0); } }
@keyframes fade-in-up{ 0%{ opacity:0; transform: translateY(10px); } 100%{ opacity:1; transform: translateY(0); } }
.fade-in-up{ animation: fade-in-up .6s var(--tr) both; }
@media (prefers-reduced-motion: reduce){ .fade-in-up{ animation: none; } }

/* ========== 9) PRINT ========== */
@media print {
  *, *::before, *::after{ background:transparent !important; box-shadow:none !important; color:#000 !important; }
  a, a:visited{ text-decoration: underline; }
  .site-header, .site-footer, .mobile-menu, .hero__overlay, .hero--curve::after{ display:none !important; }
  .btn{ display:none !important; }
  .accordion__content{ display:block !important; }
  .container{ width: 100% !important; }
  .section{ padding: 12px 0 !important; }
  .cards{ grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  h1,h2,h3,h4{ color:#000 !important; }
}

/* ========== 10) RESPONSIVE BREAKPOINTS ========== */
@media (max-width: 1280px){
  :root{ --container: 1120px; }
  .partners__list{ grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1100px){
  :root{ --steps-cols: 2; }
  .cards{ grid-template-columns: repeat(2, 1fr); }
  
  .why-us__list{ grid-template-columns: repeat(2, 1fr); }
  .team__list{ grid-template-columns: repeat(2, 1fr); }
  .lead__grid{ grid-template-columns: 1fr; }
  .coverage__grid{ grid-template-columns: 1fr; }
  .cases__grid{ grid-template-columns: repeat(2,1fr); }
  .footer__grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 991px){
  .hero__grid {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column-reverse;
}
  .hero__aside{ order:-1; margin: 0 auto;}
  .blog .cards{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px){
  .main-nav{ display:none; }
  .burger{ display:inline-block; margin-left:auto; }
  .header__contacts{ display:none; }
  .partners__list{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px){
  .cases__grid{ grid-template-columns: 1fr; }
  .cards{ grid-template-columns: 1fr; }
  .blog .cards{ grid-template-columns: 1fr; }
  .team__list{ grid-template-columns: 1fr; }
  .footer__grid{ grid-template-columns: 1fr; }
  .partners__list{ grid-template-columns: repeat(2, 1fr); }
  .forest-scene{ height: 260px; }
}

/* ========== 11) ACCESSIBILITY FOCUS STATES ========== */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{
  outline: 2px solid color-mix(in srgb, var(--c-primary) 70%, transparent);
  outline-offset: 2px;
}

/* ========== 12) COMPONENT POLISH ========== */
.notice{ padding: 12px 14px; border:1px solid var(--c-border); background: #ffffff; color: var(--c-text); }
.notice--success{ background:#eef7f1; border-color:#d6eadf; color:#225943; }
.notice--warning{ background:#fff7e5; border-color:#f2e2b8; color:#765b19; }
.notice--danger{ background:#fff0f1; border-color:#ffd6d7; color:#8e2226; }

.table{ width:100%; border-collapse: collapse; background: #ffffff; border:1px solid var(--c-border); overflow:hidden; }
.table thead th{ background: #f5fbf7; color:#09251b; }
.table tbody tr:nth-child(even){ background: #f9fdfb; }

.pagination{ display:flex; gap: 8px; align-items:center; justify-content:center; margin-top: 18px; }
.page-numbers{ display:grid; place-items:center; width: 38px; height: 38px; border:1px solid var(--c-border); background: #ffffff; color:#0f2a21; }
.page-numbers.current{ background: var(--c-primary); color:#ffffff; border-color: #f37a1f; }

.breadcrumbs a{ display:inline-flex; align-items:center; gap: 6px; }

.is-invalid{ border-color: #e0454a !important; background: #fff0f1 !important; }
.field .error-msg{ margin-top: 6px; color:#c12f35; font-size: var(--fz-xs); }

input[type="range"]:focus-visible::-webkit-slider-thumb{ box-shadow: 0 0 0 3px rgba(42,158,102,.24); }

[class^="icon-"], [class*=" icon-"]{ font-style: normal; }

.site-header.is-sticky .header__inner{ padding: 10px 0; transition: padding var(--tr-fast); }
.site-header.is-sticky .logo img{ height: 34px; transition: height var(--tr-fast); }

.btn--primary:hover{ animation: btnpulse .9s ease-out; }
@keyframes btnpulse{ 0%{ box-shadow: 0 0 0 0 rgba(42,158,102,.25); } 70%{ box-shadow: 0 0 0 14px rgba(42,158,102,0); } 100%{ box-shadow: 0 0 0 0 rgba(42,158,102,0); } }

.compare__slider::-webkit-slider-thumb{ width: 20px; height: 20px; border-radius: 50%; background: #f4b400; border:2px solid #caa12d; }

.no-js .testimonials__slider{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.map-embed{ overflow:hidden; }

/* ========== 13) WORDPRESS CORE ALIGNMENTS ========== */
.alignnone{ margin:5px 20px 20px 0; }
.aligncenter, div.aligncenter{ display:block; margin:5px auto 5px auto; }
.alignright{ float:right; margin:5px 0 20px 20px; }
.alignleft{ float:left; margin:5px 20px 20px 0; }
a img.alignright{ float:right; margin:5px 0 20px 20px; }
a img.alignnone{ margin:5px 20px 20px 0; }
a img.alignleft{ float:left; margin:5px 20px 20px 0; }
a img.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.wp-caption{ background: #ffffff; border:1px solid var(--c-border); max-width:96%; padding: 6px 8px; }
.wp-caption.alignnone{ margin:5px 20px 20px 0; }
.wp-caption.alignleft{ margin:5px 20px 20px 0; }
.wp-caption.alignright{ margin:5px 0 20px 20px; }
.wp-caption img{ border:0 none; height:auto; margin:0; padding:0; }
.wp-caption p.wp-caption-text{ font-size: var(--fz-xs); margin:0; padding: 6px 0 0; color: var(--c-muted); }
.wp-block{ max-width: var(--container); }
.wp-block[data-align="wide"]{ max-width: min(100% - 2*var(--gap), 1400px); }
.wp-block[data-align="full"]{ max-width: none; }

pre{ background: #f4faf6; border:1px solid var(--c-border); padding: 12px 14px; overflow:auto; }
code{ color: #1a7048; }

/* ========== 14) FORMS EXTRAS ========== */
.input-file{ position:relative; display:inline-grid; align-items:center; grid-auto-flow:column; gap: 10px; }
.input-file input[type="file"]{ position:absolute; inset:0; opacity:0; cursor:pointer; }
.switch{ position:relative; width: 44px; height: 26px; background:#eef7f1; border:1px solid #d7e6dd; border-radius: 999px; transition: background var(--tr); }
.switch::after{ content:""; position:absolute; top: 2px; left: 2px; width: 20px; height: 20px; background:#ffffff; border:1px solid #d5e6dc; border-radius: 50%; transition: transform var(--tr); }
input[type="checkbox"].switch-input:checked + .switch{ background:#2a9963; border-color:#1d6f49; }
input[type="checkbox"].switch-input:checked + .switch::after{ transform: translateX(18px); }

/* ========== 15) HERO TITLE MICRO-ORNAMENT ========== */
.hero__title {
    position: relative;
    isolation: isolate;
    color: #fff;
}
.hero__title::before{
  content:""; position:absolute; left:-16px; top: 8px; width:6px; height: 80%;
  background: linear-gradient(180deg, #f37a1f, rgba(42,158,102,0));
  opacity:.6;
}

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

/* ========== 16) MISC ========== */
.site-header::before{
  content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background: linear-gradient(90deg, transparent, #d7e6dd 20%, #d7e6dd 80%, transparent);
}

/* Доп. отступы */
.mt-12{ margin-top: var(--space-12) !important; }
.mb-12{ margin-bottom: var(--space-12) !important; }
.pt-4{ padding-top: var(--space-4) !important; }
.pt-8{ padding-top: var(--space-8) !important; }
.pb-4{ padding-bottom: var(--space-4) !important; }
.pb-8{ padding-bottom: var(--space-8) !important; }

/* Theme toggler (optional) */
.theme-toggle{
  position: fixed; right: 16px; bottom: 16px; z-index: 1100;
  background: #ffffff; border: 1px solid #d7e6dd; color: #194d38;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
}

/* ========== 17) DARK THEME OVERRIDES (опционально, на будущее) ========== */
.theme-dark body{ background: radial-gradient(1400px 640px at 70% -10%, #1a2320 0%, #0b0f0e 60%) fixed, var(--c-bg); }
.theme-dark .site-header{ background: color-mix(in srgb, var(--c-bg) 86%, transparent); border-bottom-color: color-mix(in srgb, #24302b 60%, transparent); }
.theme-dark .menu a{ color:#e8efe8; }
.theme-dark .menu a:hover{ background: #151b1a; color: #fff; }
.theme-dark .hero__overlay{ background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55)), radial-gradient(560px 240px at 20% 10%, rgba(53,178,118,.20), transparent 60%); }
.theme-dark .hero--curve::after{ background: var(--c-bg); }
.theme-dark .card,
.theme-dark .calc,
.theme-dark .accordion__item,
.theme-dark .price-table,
.theme-dark .service-hero,
.theme-dark .coverage__map,
.theme-dark .coverage__fleet,
.theme-dark .fleet__item,
.theme-dark .compare,
.theme-dark .testimonial,
.theme-dark .lead__grid,
.theme-dark .page-hero,
.theme-dark .table,
.theme-dark .site-footer,
.theme-dark .breadcrumbs{ background: var(--c-card); border-color: #24302b; }
.theme-dark .footer__hours,
.theme-dark .footer__contacts > div:last-child{ background: #0f221b; border-color: #1f3f31; color:#c8efdb; }
.theme-dark .socials a{ background: var(--c-card-2); color:#fff; border-color: #24342e; }
.theme-dark .socials a:hover{ background: var(--c-primary); }



/* =========================================================
   AUTO SECTION SEPARATORS (без правки HTML)
   Отделяет все top-level <section> внутри .site-main
   цветом (зебра) и тонкими разделительными линиями/тенью.
   ========================================================= */

/* Палитра для разделителей */
:root{
  --sec-bg-odd: #ffffff;   /* фон нечётных секций */
  --sec-bg-even:#f7fbf7;   /* фон чётных секций (слегка зеленоватый) */
  --sec-line:   #d7e6dd;   /* цвет разделительной линии */
  --sec-fade:   rgba(0,0,0,.06); /* мягкая тень на стыке */
}

/* Тёмная тема (если используете .theme-dark) */
.theme-dark{
  --sec-bg-odd: #151b1a;
  --sec-bg-even:#121616;
  --sec-line:   #24302b;
  --sec-fade:   rgba(0,0,0,.20);
}

/* Базовая сетка: все верхнеуровневые секции в .site-main */
.site-main > section{
  position: relative;
  background: var(--sec-bg-odd);
  isolation: isolate;            /* чтобы тени/оверлеи не выползали */
  z-index: 0;
}

/* Альтернативный фон для каждой второй секции (зебра) */
.site-main > section:nth-of-type(2n){
  /* background: var(--sec-bg-even); */
}

/* Крупные блоки-исключения: hero/page-hero/404 оставляем как есть */
.site-main > section.hero,
.site-main > section.page-hero,
.site-main > section.not-found{
  background: none;
}

/* Тонкая разделительная линия над КАЖДОЙ секцией, кроме первой */
.site-main > section:not(:first-of-type)::before{
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--sec-line) 20%, var(--sec-line) 80%, transparent);
  pointer-events: none;
  z-index: 1;
}

/* Мягкий «фейд»-стык (тонкая тень) над каждой секцией, кроме первой */
.site-main > section:not(:first-of-type)::after{
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px; height: 28px;
  background: radial-gradient(60% 100% at 50% 0%, var(--sec-fade), transparent 70%);
  pointer-events: none;
  z-index: 0;
}

/* Усиление разделителей для больших блоков с карточками/таблицами */
.site-main > section.services-grid::before,
.site-main > section.calculator::before,
.site-main > section.faq::before,
.site-main > section.team::before,
.site-main > section.blog::before,
.site-main > section.coverage::before,
.site-main > section.partners::before{
  background: linear-gradient(90deg, transparent, var(--sec-line) 10%, var(--sec-line) 90%, transparent);
}
.site-main > section.services-grid::after,
.site-main > section.calculator::after,
.site-main > section.faq::after,
.site-main > section.team::after,
.site-main > section.blog::after,
.site-main > section.coverage::after,
.site-main > section.partners::after{
  height: 32px; /* чуть заметнее */
}

/* Страховка от «двойной линии» под hero с кривой: прячем ближайшую линию,
   если предыдущая секция — .hero с «органическим изгибом» */
.site-main > section.hero.hero--curve + section::before{
  opacity: .0;
}
.site-main > section.hero.hero--curve + section::after{
  top: 6px; height: 22px; opacity: .8;
}

/* На очень узких экранах разделители чуть тоньше, чтобы не «шумели» */
@media (max-width: 720px){
  .site-main > section:not(:first-of-type)::after{ height: 20px; }
}

/* Дополнительно (опционально): чуть увеличим вертикальные отступы у секций-зебры,
   это визуально усиливает разделение слоёв */
.site-main > section:nth-of-type(2n){
  padding-top: calc(clamp(40px, 6vw, 80px) + 2px);
  padding-bottom: calc(clamp(40px, 6vw, 80px) + 2px);
}

/* =========================================================
   WHY US (Почему выбирают нас) — enhanced (no HTML changes)
   ========================================================= */

/* Базовая сцена секции */
section.why-us{
  position: relative;
  background:
    linear-gradient(180deg, rgba(42,158,102,.04), rgba(255,255,255,0)),
    var(--sec-bg-even, #f7fbf7);
  /* тонкий разделитель сверху: если уже подключен блок AUTO SECTION SEPARATORS, это просто усилит эффект */
}
section.why-us .section__title{
  position: relative; padding-bottom: 8px;
}
section.why-us .section__title::after{
  content: "";
    position: absolute;
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, #f37a1f 0%, #f37a1f 50%, rgba(255, 214, 0, 0) 100%);
    bottom: 0;
    left: 0;
}









/* Сетка — авто‑подбор колонок без изменения HTML */
.why-us__list {
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); */
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
@media (max-width: 991px) {
    .why-us__list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 786px) {
.why-us__list {
    grid-template-columns: repeat(1, 1fr);
}
}

/* Карточка преимущества */
.why-us__item {
    position: relative;
    background: var(--c-card, #fff);
    border: 1px solid var(--c-border);
    /* border-radius: var(--radius); */
    padding: 18px 16px 16px;
    transition: transform var(--tr), box-shadow var(--tr), border-color var(--tr), background var(--tr);
    box-shadow: 0 0 0 rgba(0,0,0,0);
    isolation: isolate;
}

/* Цветная «полоса» сверху (переменная для каждого n‑ого элемента) */
.why-us__item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    /* border-radius: 8px 8px 0 0; */
    background: linear-gradient(90deg, var(--why-stripe, var(--c-primary)) 0%, color-mix(in srgb, var(--why-stripe, var(--c-primary)) 60%, transparent) 100%);
    opacity: .95;
}

/* Мелкая «подложка» акцента за иконкой */
.why-us__item::after{
  content:""; position:absolute; width: 120px; height: 120px; right: -30px; top: -30px;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--why-stripe, var(--c-primary)) 22%, transparent), transparent 70%);
  filter: blur(20px); opacity:.25; pointer-events:none; z-index:0;
}

/* Палитра полос по позиции (повторяется по 4) */
.why-us__item:nth-child(4n+1){ --why-stripe: var(--c-primary); }
.why-us__item:nth-child(4n+2){ --why-stripe: var(--c-accent); }
.why-us__item:nth-child(4n+3){ --why-stripe: var(--c-info); }
.why-us__item:nth-child(4n+4){ --why-stripe: var(--c-success); }

/* Ховер/фокус — лёгкое «поднятие» и усиление контура */
.why-us__item:hover,
.why-us__item:focus-within{
  transform: translateY(-2px);
  box-shadow: var(--shadow-1);
  border-color: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 26%, var(--c-border));
  background: color-mix(in srgb, var(--c-card) 92%, var(--why-stripe, var(--c-primary)) 8%);
}

/* Иконка — «плитка» с кольцом при наведении */
.why-us__icon{
  position: relative;
  display:inline-grid; place-items:center;
  width: 48px; height: 48px; margin-bottom:10px;
  color: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 88%, #0e0e0e);
  background: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 12%, #eef7f1);
  border: 1px solid color-mix(in srgb, var(--why-stripe, var(--c-primary)) 28%, var(--c-border));
  z-index:1;
}
.why-us__item:hover .why-us__icon::after,
.why-us__item:focus-within .why-us__icon::after{
  content:""; position:absolute; inset:-4px;
  border: 2px solid color-mix(in srgb, var(--why-stripe, var(--c-primary)) 38%, transparent);
}

/* Тексты */
.why-us__title{
  margin: 6px 0 4px;
  color:#0e0e0e;
  font-weight: 800;
}
.why-us__desc {
    color: #333;
    font-size: var(--fz-sm);
    line-height: 1.55;
}

/* Лёгкий «шахматный» эффект вертикального смещения, чтобы блоки смотрелись живее */
@media (min-width: 860px){
  .why-us__item:nth-child(2n){ transform: translateY(1px); }
  .why-us__item:nth-child(2n):hover{ transform: translateY(-1px); }
}

/* Тёмная тема (если используете .theme-dark) */
.theme-dark section.why-us{
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)), var(--c-bg);
}
.theme-dark .why-us__item{
  background: var(--c-card);
  border-color: #24302b;
}
.theme-dark .why-us__item:hover,
.theme-dark .why-us__item:focus-within{
  background: color-mix(in srgb, var(--c-card) 90%, var(--why-stripe, var(--c-primary)) 10%);
  border-color: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 26%, #24302b);
}
.theme-dark .why-us__icon{
  color: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 88%, #e8efe8);
  background: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 14%, #1a2421);
  border-color: color-mix(in srgb, var(--why-stripe, var(--c-primary)) 32%, #24342e);
}
.theme-dark section.why-us .section__title::after{ filter: brightness(1.15); }

/* === End of file === */

section.hero.hero--rich.hero--curve {
    background-size: cover;
    position: relative;
    padding: 72px 0;
}

section.hero.hero--rich.hero--curve::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
    z-index: 1;
}

section#services {
    background-size: cover;
    background-image: url(/wp-content/uploads/2025/11/5577324-1-scaled-1.webp);
}

section.section.testimonials {
    background-color: #f37a1f;
}

section.section.testimonials .container .section__head h2.section__title {
    color: #fff;
}
section.section.testimonials .container .section__head h2.section__title::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 3px;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 50%, rgba(255, 214, 0, 0) 100%);
    bottom: 0;
    left: 0;
}

section.section.why-us {
    background: #fff;
}











/* Контейнер формы в hero__aside */
.hero__aside .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* Заголовок и текст */
.hero__aside h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0e0e0e;
}

.hero__aside .muted {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Поля формы */
.hero__aside .wpcf7-form-control {
    width: 100%;
    padding: 8px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    background: #fff;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.hero__aside .wpcf7-form-control:focus {
    outline: none;
    border-color: #f37a1f;
    box-shadow: 0 0 0 3px rgba(243, 122, 31, 0.1);
}

/* Текстовое поле (сообщение) */
.hero__aside .wpcf7-textarea {
    height: 80px;
    min-height: 80px;
    resize: vertical;
}

/* Селект услуг */
.hero__aside .wpcf7-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
    cursor: pointer;
}

/* Кнопка отправки */
.hero__aside .wpcf7-submit {
    background: #f37a1f;
    color: white;
    border: none;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
}

.hero__aside .wpcf7-submit:hover {
    background: #e06a15;
    transform: translateY(-1px);
}

/* Чекбокс согласия */
.hero__aside .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
}

.hero__aside .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
}

.hero__aside .wpcf7-acceptance input[type="checkbox"] {
    margin-top: 2px;
}

/* Сообщения */
.hero__aside .wpcf7-response-output {
    padding: 16px;
    margin: 0;
    font-size: 14px;
    border: 1px solid transparent;
}

.hero__aside .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #f0f9f0;
    border-color: #28a745;
    color: #155724;
}

.hero__aside .wpcf7-response-output.wpcf7-validation-errors {
    background: #fef2f2;
    border-color: #e53e3e;
    color: #c53030;
}

.hero__aside .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #e53e3e;
    margin-top: 6px;
    display: block;
}

/* Адаптивность */
@media (max-width: 991px) {
    .hero__aside {
        order: -1;
        margin-bottom: 30px;
    }
    
    .hero__aside .wpcf7-form {
        gap: 16px;
    }
    
    .hero__aside .wpcf7-form-control {
        padding: 14px;
    }
    
    .hero__aside .wpcf7-textarea {
        height: 70px;
        min-height: 70px;
    }
    
    .hero__aside .wpcf7-submit {
        padding: 16px 20px;
    }
}






section.section.service-content {
    background: #fff;
}

section.section.service-prices {
    background-size: cover;
    background-image: url(/wp-content/uploads/2025/11/5577324-1-scaled-1.webp);
}

.accordion__item span {
    font-weight: 700;
}

section.section.faq {
    background: #fff;
}

article .container .article__header {
    padding: 150px 0 50px 0;
}

section.page-hero.section--sep-line.section--sep-soft {
    padding: 150px 0 50px 0;
    background-size: cover;
    background-image: url(/wp-content/uploads/2025/11/420611-min-scaled.webp);
}

section.page-hero.section--sep-line.section--sep-soft::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55));
    z-index: 1;
}
section.page-hero.section--sep-line.section--sep-soft > * {
    position: relative;
    z-index: 2;
}

a.number_phone_footer a.mail_contact_footer {
    color: #f37a1f;
    font-weight: 700;
}






.lead__form .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.lead__form .wpcf7-form-control {
    width: 100%;
    padding: 8px 8px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
}

.lead__form .wpcf7-submit {
    background: #f37a1f;
    color: white;
    border: none;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
}


/* Стили для формы в футере */
.footer__cta-form .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.footer__cta-form .wpcf7-form-control {
    width: 100%;
    padding: 8px 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
}

.footer__cta-form .wpcf7-form-control:focus {
    outline: none;
    border-color: #f37a1f;
}

.footer__cta-form .wpcf7-submit {
    background: #f37a1f;
    color: white;
    border: none;
    padding: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}

.footer__cta-form .wpcf7-submit:hover {
    background: #e06a15;
}

.footer__cta-form .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    font-size: 12px;
    color: #fff;
}

.footer__cta-form .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}

.footer__cta-form .wpcf7-acceptance input[type="checkbox"] {
    margin-top: 1px;
}


/* Модальное окно */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99999;
    overflow-y: auto;
    padding: 20px 0;
}

.modal-content {
    position: relative;
    background: white;
    max-width: 500px;
    width: 90%;
    margin: auto;
    padding: 30px;
    /* Центрирование по вертикали и горизонтали */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90vh;
    overflow-y: auto;
    z-index: 100000;
}

.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    line-height: 1;
    z-index: 100001;
    background: white;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
}

.modal-close:hover {
    color: #000;
    background: #f5f5f5;
}

/* Стили формы в модальном окне */
.modal-content .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 12px; /* Добавил отступы между полями */
}

/* Заголовок и текст */
.modal-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #0e0e0e;
    padding-right: 40px; /* Чтобы не перекрывалось крестиком */
}

.modal-content .muted {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.4;
}

/* Поля формы */
.modal-content .wpcf7-form-control {
    width: 100%;
    padding: 12px;
    border: 1px solid #e0e0e0;
    font-size: 16px;
    background: #fff;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.modal-content .wpcf7-form-control:focus {
    outline: none;
    border-color: #f37a1f;
    box-shadow: 0 0 0 3px rgba(243, 122, 31, 0.1);
}

/* Текстовое поле (сообщение) */
.modal-content .wpcf7-textarea {
    height: 100px;
    min-height: 100px;
    resize: vertical;
}

/* Селект услуг */
.modal-content .wpcf7-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 16px;
    padding-right: 44px;
    cursor: pointer;
}

/* Кнопка отправки */
.modal-content .wpcf7-submit {
    background: #f37a1f;
    color: white;
    border: none;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    margin-top: 10px;
}

.modal-content .wpcf7-submit:hover {
    background: #e06a15;
}

/* Чекбокс согласия */
.modal-content .wpcf7-acceptance {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    margin-top: 10px;
}

.modal-content .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: flex-start;
}

.modal-content .wpcf7-acceptance input[type="checkbox"] {
    margin-top: 2px;
}

/* Сообщения */
.modal-content .wpcf7-response-output {
    padding: 16px;
    margin: 10px 0 0 0;
    font-size: 14px;
    border: 1px solid transparent;
}

.modal-content .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #f0f9f0;
    border-color: #28a745;
    color: #155724;
}

.modal-content .wpcf7-response-output.wpcf7-validation-errors {
    background: #fef2f2;
    border-color: #e53e3e;
    color: #c53030;
}

.modal-content .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #e53e3e;
    margin-top: 6px;
    display: block;
}

/* Адаптивность */
@media (max-width: 991px) {
    .modal-overlay {
        padding: 10px 0;
    }
    
    .modal-content {
        width: 95%;
        padding: 20px;
        /* Сохраняем центрирование на мобильных */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 95vh;
    }
    
    .modal-content .wpcf7-form {
        gap: 10px;
    }
    
    .modal-content .wpcf7-form-control {
        padding: 10px;
    }
    
    .modal-content .wpcf7-textarea {
        height: 80px;
        min-height: 80px;
    }
    
    .modal-content .wpcf7-submit {
        padding: 14px 20px;
    }
    
    .modal-close {
        top: 10px;
        right: 10px;
        font-size: 20px;
        width: 25px;
        height: 25px;
    }
    
    .modal-title {
        padding-right: 30px;
        font-size: 20px;
    }
}

/* Убираем лишний паддинг */
div#modal1,
div#modal-order {
    padding: 0;
}


.button_link_order-b {
    width: 100%;
}

.button_link_order-b .btn {
    width: 100%;
    display: block;
    text-align: center;
}


.socials--footer img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}


.mobile-menu .socials {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 0 10px 0 0;
}