/* ============================================================
   eGarantiya — бренд-шар поверх шаблону Nioland
   Палітра з брендбука Spokii: petrol #054D5E, м'ята #ABE8E5,
   aqua #C2FCFC, off-white #F7FCFC, графіт #12262B.
   Шрифт — Mazzard H (фірмова гарнітура).
   ============================================================ */

@font-face{font-family:'EG Display';src:url('../fonts/MazzardH-SemiBold.woff2') format('woff2');
  font-weight:600 800;font-display:swap}
@font-face{font-family:'EG Display';src:url('../fonts/MazzardH-Regular.woff2') format('woff2');
  font-weight:300 500;font-display:swap}
@font-face{font-family:'EG Text';src:url('../fonts/MazzardH-Regular.woff2') format('woff2');
  font-weight:300 500;font-display:swap}
@font-face{font-family:'EG Text';src:url('../fonts/MazzardH-SemiBold.woff2') format('woff2');
  font-weight:600 800;font-display:swap}

:root{
  --eg-petrol:#054D5E;
  --eg-petrol-deep:#013F50;
  --eg-mint:#ABE8E5;
  --eg-aqua:#C2FCFC;
  --eg-offwhite:#F7FCFC;
  --eg-graphite:#12262B;
}

/* типографіка */
body,p,li,td,th,input,textarea,select,label,.elementor-widget-text-editor{
  font-family:'EG Text',system-ui,sans-serif!important}
h1,h2,h3,h4,h5,h6,.elementor-heading-title,.elementor-button,.nav-link,.menu-item a{
  font-family:'EG Display',system-ui,sans-serif!important;letter-spacing:-.02em}

/* ——— перефарбування шаблонних кольорів ———
   синій #3F53D8 / #2B5CFD → petrol, червоний #FA5B68 → м'ята,
   чорно-синій #0A1425 → графіт, сірий #64728F → графіт 70 % */
[style*="#3F53D8"],[style*="#3f53d8"],[style*="#2B5CFD"],[style*="#2b5cfd"]{
  --eg-swap:1}

/* ── кнопки: другорядна кнопка на м'ятному тлі була нечитабельна ── */
.elementor-button,.btn,.nio-btn{font-family:'EG Display',system-ui,sans-serif!important}
.btn-primary,.elementor-button:not(.btn-outline){background-color:var(--eg-petrol)!important;
  border-color:var(--eg-petrol)!important;color:#fff!important}
.btn-outline,.elementor-button.btn-outline{background:transparent!important;
  border:1px solid var(--eg-petrol)!important;color:var(--eg-petrol)!important}
.btn-primary:hover,.elementor-button:not(.btn-outline):hover{background-color:var(--eg-petrol-deep)!important}
/* на м'ятних/темних смугах — інверсія */
[style*="ABE8E5"] .btn-primary,[style*="abe8e5"] .btn-primary,
[style*="054D5E"] .btn-primary{background:#fff!important;color:var(--eg-petrol)!important;border-color:#fff!important}

/* ── демо-мегаменю шаблону (перелік його демок) прибираємо ── */
.megamenu_submenu{display:none!important}
.elementor-element-7f6982e3{display:none!important}

/* ── темна смуга «Ми забираємо складність» була темно-синьою ── */
.elementor-element-1e0423e,.elementor-element-1e0423e .elementor-widget-wrap,
[style*="#0A1425"],[style*="#0a1425"]{background-color:var(--eg-petrol)!important}
.elementor-element-1e0423e h2,.elementor-element-1e0423e h3,
.elementor-element-1e0423e .title,.elementor-element-1e0423e p{color:#fff!important}
.elementor-element-1e0423e .theme_btn{background:var(--eg-aqua)!important;color:var(--eg-petrol)!important}

/* ── кнопки на м'ятних смугах: були м'ятні на м'ятному ── */
.theme_btn,.theme_btn_all .theme_btn{background:var(--eg-petrol)!important;color:#fff!important;
  border-color:var(--eg-petrol)!important}
.theme_btn.btn_two,.theme_btn_two,.btn_transparent{background:#fff!important;
  color:var(--eg-petrol)!important;border:1px solid var(--eg-petrol)!important}
/* друга кнопка (світлий варіант) — текст був petrol на petrol */

/* акцентний span у заголовках лишався синім (#254ED7 з теми) */
.title span,h2 span,h3 span,.section_title span{color:var(--eg-petrol)!important}
.elementor-element-1e0423e .title span{color:var(--eg-aqua)!important}
/* секція інтеграцій мала рожеве тло теми */
.elementor-element-3d1fef5,.elementor-element-3d1fef5 .elementor-widget-wrap{
  background-color:var(--eg-offwhite)!important}
.elementor-element-3d1fef5 [class*="shape"],.elementor-element-3d1fef5 svg circle{fill:#ABE8E540!important}
/* відгук: колонка була завузька — текст стояв стовпчиком */
.nk-testimonial-content{max-width:none!important}
.nk-testimonial-content .comments{font-size:19px!important;line-height:1.55!important}

/* ================= МОБІЛЬНА ВЕРСІЯ ================= */
@media (max-width:768px){
  h1,h2,.title{font-size:32px!important;line-height:1.14!important}
  .banner_title_inner .title,.hero .title{font-size:30px!important}
  .overline-title{font-size:10px!important;padding:8px 14px!important;line-height:1.35!important}
  .lead,p{font-size:15px!important;line-height:1.55!important}
  /* декоративна стрілка теми поверх заголовка */
  .title_whole svg,.title_whole .shape,.title_whole img{display:none!important}
  /* картинки-каруселі вилазили за екран */
  .owl-stage,.owl-item{max-width:100vw}
  .owl-item img,.c_image img{max-width:100%!important;height:auto!important}
  /* секції: рівні поля */
  .elementor-section > .elementor-container{padding-inline:16px!important}
  .theme_btn{padding:12px 20px!important;font-size:14px!important}
  .theme_btn_all{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
  /* картки hero одна під одною */
  .elementor-element-62aaf93 .elementor-column{width:100%!important}
  .elementor-element-62aaf93 img{max-width:100%;height:auto}
  /* соцдоказ і цифри */
  .title_no_a_36,.count_text{font-size:26px!important}
  /* футер */
  .footer .elementor-column{width:100%!important;margin-bottom:22px}
}
@media (max-width:480px){
  h1,h2,.title{font-size:27px!important}
}
@media (max-width:768px){
  /* акцентні span/small у заголовку мали власний кегль 48px */
  .title span,.title small,h1 span,h1 small,h2 span,h2 small{
    font-size:inherit!important;line-height:inherit!important}
  /* декоративна стрілка теми поверх чіпа */
  .title_whole .shape_image,.title_whole [class*="arrow"],
  .banner_title_inner img,.elementor-element-2d11db2 .elementor-widget-image{display:none!important}
}
/* друга кнопка: текст був petrol на petrol (усі розміри екрана) */


/* декоративна стрілка теми над заголовком */
.title_whole::after,.title_whole::before{display:none!important}
.title_whole > svg,.title_whole > img,.title_whole .position-absolute{display:none!important}
.theme_btn.theme_btn--ghost{background:#fff!important;color:var(--eg-petrol)!important;
  border:1px solid var(--eg-petrol)!important}
.theme_btn.theme_btn--ghost:hover{background:var(--eg-mint)!important;border-color:var(--eg-mint)!important}
/* cookie-повідомлення у брендових кольорах */
#cookie-notice,.cookie-notice{background:var(--eg-petrol)!important;color:#fff!important}
#cookie-notice p,.cookie-notice p{color:#FFFFFFD6!important;font-size:14px!important;margin:0}
#accept-cookies{background:var(--eg-aqua)!important;color:var(--eg-petrol)!important;border:0!important;
  border-radius:999px!important;padding:10px 22px!important;font-weight:600!important}
#accept-cookies:hover{background:#fff!important}

/* ── інтеграції: плашки квадратилися (тема задає height=width) ── */
.elementor-element-3d1fef5 img{height:auto!important;max-height:56px;width:auto!important;max-width:100%}
.elementor-element-3d1fef5 .elementor-widget-image{display:flex;align-items:center;justify-content:center}

/* ── відгук: колонка була 106px, текст стояв стовпчиком ── */
.nk-testimonial-content{width:100%!important;max-width:none!important;flex:1 1 auto!important}
.nk-testimonial-content .comments{max-width:none!important;width:auto!important}
.nk-testimonial-wrap,.nk-testimonial-slider{width:100%!important}
.nk-testimonial-wrap .row > *{min-width:0}
/* порожні картки-заглушки поруч із відгуком (їх зображення прибрані) */
.nk-testimonial-image,.nk-testimonial-media{display:none!important}
/* картка відгуку: flex із порожнім блоком-зображенням тиснув текст до 106px */
.nk-testimonial-card{display:block!important}
.nk-testimonial-card > *{width:100%!important}
.testimonial_box.type_two{padding:26px 28px!important;background:#fff!important;
  border:1px solid #054D5E1f!important;border-radius:18px!important}
.nk-testimonial-icon{margin-bottom:10px}
.nk-testimonial-icon em{color:var(--eg-mint)!important;font-size:30px!important}
/* «Отримати гарантію» у другій позиції ряду теж стала невидимою */
.theme_btn{color:#fff!important}
.theme_btn.theme_btn--ghost{color:var(--eg-petrol)!important}
/* порожні заглушки-зображення у відгуках */
.testimonial_box .c_image,.testimonial_box .image,.testimonial_box figure,
.testimonial_box img:not([src]),.nk-testimonial-card .img_box{display:none!important}

/* ghost-кнопки теми (фон #054D5E00 = прозорий) — не заливати суцільним */
.elementor-element-13fb41d .theme_btn_all .theme_btn,
.elementor-element-46d8e68 .theme_btn_all .theme_btn,
.elementor-element-692e226 .theme_btn_all .theme_btn,
.elementor-element-8258ac0 .theme_btn_all .theme_btn,
.elementor-element-906c4bd .theme_btn_all .theme_btn,
.elementor-element-9911fb2 .theme_btn_all .theme_btn,
.elementor-element-b25b292 .theme_btn_all .theme_btn{
  background:transparent!important;border:1px solid currentColor!important;
}
.elementor-element-13fb41d .theme_btn_all .theme_btn:hover,
.elementor-element-46d8e68 .theme_btn_all .theme_btn:hover,
.elementor-element-692e226 .theme_btn_all .theme_btn:hover,
.elementor-element-8258ac0 .theme_btn_all .theme_btn:hover,
.elementor-element-906c4bd .theme_btn_all .theme_btn:hover,
.elementor-element-9911fb2 .theme_btn_all .theme_btn:hover,
.elementor-element-b25b292 .theme_btn_all .theme_btn:hover{
  background:var(--eg-mint)!important;color:var(--eg-petrol)!important;border-color:var(--eg-petrol)!important;
}
/* дві кнопки з тем-стилями під темний фон, якого в нас уже нема */
.elementor-11 .elementor-element.elementor-element-8258ac0 .theme_btn_all .theme_btn{
  color:var(--eg-petrol)!important}
.elementor-11 .elementor-element.elementor-element-84fc535 .theme_btn_all .theme_btn{
  color:#fff!important;background:var(--eg-petrol)!important}
/* контраст: три місця, де успадкований колір збігся з фоном */
.menu_link .box_menu,.menu_link .text-link .box_menu{color:var(--eg-petrol)!important}
.section_title.type_one .lead{color:#4b6b73!important}
.title_whole .title span{color:var(--eg-petrol)!important;
  background:linear-gradient(transparent 62%,var(--eg-mint) 62%)!important;
  padding:0 .12em;border-radius:2px}
.elementor-11 .elementor-element.elementor-element-fc752fd .section_title .lead{color:#4b6b73!important}
.elementor-11 .elementor-element.elementor-element-e873011 .section_title .title span{
  color:var(--eg-petrol)!important}
/* .nk-testimonial-img — порожня заглушка під фото, фото нема */
.nk-testimonial-img{display:none!important}
.logo_default{max-height:44px!important;width:auto!important}
/* відгуки: карусель не стартує → рівна сітка з трьох колонок */
/* карусель owl жива — лише вирівнюємо висоти слайдів */
.testimonial_carousel .owl-stage{display:flex!important;align-items:stretch!important}
.testimonial_carousel .owl-item{display:flex!important}
.testimonial_carousel .testimonial_box{width:auto!important;height:100%!important;padding:0!important}
.testimonial_carousel .nk-testimonial-card{height:100%!important}
.testimonial_carousel .nk-testimonial-content{height:100%!important;display:flex!important;flex-direction:column!important}
.testimonial_carousel .nk-testimonial-content > .d-flex{margin-top:auto!important}

/* картки блогу (віджет постів у збереженій копії відсутній) */
.eg-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:56px auto 0;text-align:left;
  width:min(1100px,calc(100vw - 60px));position:relative;left:50%;transform:translateX(-50%)}
.eg-post{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #054D5E1f;
  border-radius:18px;padding:26px 26px 24px;transition:.25s;text-decoration:none}
.eg-post:hover{transform:translateY(-4px);box-shadow:0 18px 40px #054D5E1a;border-color:#054D5E40}
.eg-post__tag{align-self:flex-start;font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--eg-petrol);background:var(--eg-mint);border-radius:999px;padding:5px 12px}
.eg-post__title{font-size:21px;line-height:1.3;font-weight:600;color:var(--eg-petrol)}
.eg-post__lead{font-size:15px;line-height:1.55;color:#4b6b73;flex:1}
.eg-post__more{font-size:15px;font-weight:600;color:var(--eg-petrol)}
@media(max-width:991px){.eg-posts{grid-template-columns:1fr;margin-top:36px}}
/* друга кнопка у фінальному CTA — світла на petrol */
.theme_btn.theme_btn--onDark{background:transparent!important;color:#fff!important;
  border:1px solid #ffffff66!important}
.theme_btn.theme_btn--onDark:hover{background:var(--eg-aqua)!important;color:var(--eg-petrol)!important;
  border-color:var(--eg-aqua)!important}
/* біла ілюстрація в лівому краю CTA виглядає відірваною */
.elementor-element-097256f{display:none!important}
/* на мобільному карусель відгуків розгортаємо в колонку */
@media(max-width:767px){
  .testimonial_carousel .owl-stage-outer{overflow:visible!important}
  .testimonial_carousel .owl-stage{display:block!important;width:auto!important;transform:none!important}
  .testimonial_carousel .owl-item{display:block!important;width:100%!important;margin:0 0 16px!important}
  .testimonial_carousel .testimonial_box{width:100%!important}
  .testimonial_carousel .owl-dots{display:none!important}
}
/* «за 4 години» у h1 — м'ятний на світлому нечитабельний */
.section_title .title small{color:var(--eg-petrol)!important;opacity:.75}
/* кнопка закриття мобільного меню була синьою темною */
.menu-box .close-btn,.mobile_menu_box .close-btn{background:transparent!important;width:auto!important;
  display:flex!important;justify-content:flex-end!important;padding:18px 18px 0 0!important}
.menu-box .close-btn i,.mobile_menu_box .close-btn i{background:var(--eg-petrol)!important;color:#fff!important;
  width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px}
/* темна секція: підпис автора та підсвітка в заголовку */
.elementor-11 .elementor-element.elementor-element-fc752fd .section_title .lead{color:#ABE8E5!important}
.elementor-element-1e0423e .title_whole .title span{background:none!important;color:var(--eg-aqua)!important;
  padding:0!important}