/* profi-m header CSS — auto-consolidated 24.05.2026 */

/* === block 1 === */
.mobile-menu{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;z-index:-1 !important;opacity:0 !important;overflow:auto !important;background:#fff;pointer-events:none}
.mobile-menu.active{z-index:100 !important;opacity:1 !important;pointer-events:auto}
@media (max-width:991px){
  section.bg-black,
  section.bg-black.company-page,
  section.bg-black.home-banner,
  section.home-banner,
  .bg-black{margin-top:0 !important;padding-top:0 !important}
}

/* === block 2 === */
/* Header redesign 22.05.2026 — inline */
.header{background-color:#2c3ccc;padding:14px 0 0;margin-bottom:0}
.header-wrapper{gap:28px;align-items:center}
.header-top{align-items:center;gap:18px;margin-bottom:18px}
.header-logo{width:170px;flex:0 0 auto}
.header-logo img{width:100%;height:auto;display:block}
.trust-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;color:#0f172a;padding:8px 14px;min-width:78px;border-radius:10px;font-family:Inter,Montserrat,system-ui,sans-serif;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.trust-badge__top{display:flex;align-items:baseline;gap:4px}
.trust-badge__value{font-weight:800;font-size:22px;letter-spacing:-.5px}
.trust-badge__unit{font-weight:700;font-size:13px;color:#0f172a;text-transform:lowercase}
.trust-badge__star{color:#f5b400;font-size:18px;line-height:1}
.trust-badge__label{margin-top:5px;font-size:10px;font-weight:600;letter-spacing:.8px;color:#6b7280;text-transform:uppercase}
a.trust-badge{text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
a.trust-badge:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.18);text-decoration:none}
.trust-badge--rating,.trust-badge--years,.trust-badge--area{background:#f5f0e8 !important}
.trust-badge--rating .trust-badge__value{font-size:28px !important;color:#e8a317 !important;font-weight:700 !important}
.trust-badge--rating .trust-badge__star{color:#e8a317 !important;font-size:24px !important}
.trust-badge--rating .trust-badge__label{color:#4a4a4a !important}
.trust-badge--years .trust-badge__value{font-size:28px !important;color:#0f172a !important;font-weight:800 !important}
.trust-badge--years .trust-badge__unit{font-size:24px !important;color:#ef3124 !important;font-weight:800 !important;text-transform:lowercase}
.trust-badge--years .trust-badge__label{color:#4a4a4a !important;letter-spacing:1px}
.trust-badge--area .trust-badge__value{font-size:28px !important;color:#0f172a !important;font-weight:800 !important}
.trust-badge--area .trust-badge__unit{font-size:22px !important;color:#ef3124 !important;font-weight:800 !important}
.trust-badge--area .trust-badge__label{color:#4a4a4a !important;letter-spacing:1px;font-size:11px}
.header-info-1{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.header-info-1 .address{color:#fff;font-size:14px;font-weight:500;line-height:1.2}
.header-info-1 a.email.email-badge{background-color:#0d1226 !important;border:1px solid #0d1226 !important;color:#fff !important;box-shadow:none !important;padding:8px 14px !important}
.header-info-1 a.email.email-badge .email-badge-ico{color:#fff !important}
.header-info-1 a.email.email-badge:hover{background-color:#1a2046 !important;border-color:#1a2046 !important;color:#fff !important;box-shadow:none !important}
.messagers{gap:14px}
.messager-question{display:flex;flex-direction:column;color:#fff;line-height:1.2}
.messager-question-title{font-size:15px;font-weight:600}
.messager-question-text{font-size:13px;opacity:.85}
.header-info-2{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.header-info-2 a.phone{color:#fff;font-weight:700;font-size:22px;letter-spacing:.2px;text-decoration:none}
.header-info-2 .time-work{color:#fff;font-size:13px;opacity:.85;display:flex;align-items:center;gap:6px}
.dot-online{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 6px #22c55e}
.header-wrap{background-color:#2c3ccc !important}
.mid-header{background:transparent !important;border-radius:0 !important;padding:0 !important;box-shadow:none;margin-bottom:0;position:relative;z-index:5}
.home-banner,.bg-black,body.page-id-1 section.home-banner,body.page-id-1 .home-banner,body.page-id-1 section.bg-black{margin-top:0 !important;padding-top:0 !important;background:#f3f4f6 !important;background-image:none !important}
body.page-id-1 .hero-tiles{background-color:#f3f4f6 !important;padding:24px !important;border-radius:20px !important;margin-top:7px !important}
body.page-id-1 .home-banner__head{margin-bottom:12px !important}
body.page-id-1 section.home-banner,body.page-id-1 .home-banner{padding-top:12px !important;padding-bottom:20px !important}
body.page-id-1 .home-banner__title,body.page-id-1 .home-banner__title .hero-title-anim,body.page-id-1 .home-banner__text,body.page-id-1 .home-banner__like{color:#0f172a !important}
body.page-id-1 .ht-l{color:#0f172a !important;text-shadow:none !important}
.mid-header .menu-block{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%}
.mid-header .menu-block>ul{flex:1;display:flex;align-items:center;justify-content:space-between;gap:0;margin:0;padding:0 10%;list-style:none;background:transparent !important;border-radius:0 !important}
.mid-header .menu-block>.btn{flex:0 0 auto;margin-right:20%}
.mid-header .menu-link{color:#fff;font-size:20px;font-weight:500;text-decoration:none}
.mid-header .menu-link:hover{color:#ff5a2e}
.mid-header .art-button-51,.mid-header .btn.art-button-51,.mid-header a.btn.art-button-51{background:#ef3124 !important;color:#fff !important;border-radius:12px !important;padding:11px 26px !important;font-weight:600 !important;font-size:18px !important;border:0 !important}
.mid-header .art-button-51:hover,.mid-header .btn.art-button-51:hover{background:#d52a1d !important;color:#fff !important}
@media (max-width:1280px){.trust-badge--area{display:none}.header-wrapper{gap:18px}.header-top{gap:12px}}
@media (max-width:1100px){.trust-badge--years{display:none}.header-info-1 .address{font-size:13px}}
@media (max-width:991px){
  .header-top{display:none !important}
  .mid-header{display:none !important}
  .header{padding:8px 0 0}
  .hamburger{display:inline-flex !important;align-items:center !important;padding:8px 14px !important;background:#0d1226 !important;color:#fff !important;border-radius:10px !important;cursor:pointer !important;font-weight:600 !important;font-size:14px !important;letter-spacing:.5px !important;text-transform:uppercase !important}
  .hamburger .hamburger-box{display:none !important}
  .hamburger-label{display:inline-block;color:#fff}
  .mid-block-mobile{display:block}
  .home-banner__title{font-size:28px !important;line-height:1.15 !important}
  .home-banner__head{display:block !important;margin-bottom:14px !important}
  .home-banner__discr{margin:14px 0 0 !important;width:100% !important}
  .hero-tiles{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:14px !important;margin-top:10px !important;border-radius:14px !important}
  .hero-tile{min-height:120px !important}
  .hero-tile__title{font-size:13px !important;padding:8px 10px !important}
  section.home-banner,.home-banner{padding:14px 0 !important}
  .home-banner > .container,.home-banner__head,.hero-tiles{padding-left:14px !important;padding-right:14px !important}
}
@media (max-width:560px){
  .home-banner__title{font-size:22px !important}
  .hero-tiles{grid-template-columns:1fr !important}
  .hero-tile{min-height:140px !important}
}

.phone-socials{display:flex;align-items:center;gap:10px;margin-top:6px;justify-content:flex-end}
.phone-socials a{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;transition:opacity .2s}
.phone-socials a img{width:26px;height:26px;display:block}
.phone-socials a:hover{opacity:.75}
.mail-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.mail-label{color:#fff;font-size:13px;font-weight:500;line-height:1.2;white-space:nowrap}
.email-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
.email-copy:hover{background:rgba(255,255,255,.1);border-color:#fff}
.email-copy.is-copied{background:#22c55e !important;border-color:#22c55e !important}

@media (max-width:991px){
  .mid-block-mobile .header-info-2 .time-work{display:none !important}
  .mid-block-mobile .header-mobile-top{flex-wrap:wrap;gap:8px}
  .mid-block-mobile .header-info-1{width:100%;order:3}
  .mail-row--mobile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
  .mail-row--mobile .mail-label{font-size:12px}
  .mail-row--mobile .email-badge-text{font-size:13px}
  .hamburger-2{display:inline-flex !important;align-items:center !important;padding:8px 14px !important;background:#0d1226 !important;color:#fff !important;border-radius:10px !important;cursor:pointer !important;font-weight:600 !important;font-size:14px !important;letter-spacing:.5px !important;text-transform:uppercase !important}
  .hamburger-2 .hamburger-box{display:none !important}
  .hamburger-2::before{content:"Меню"}
}

.phone-cta{display:inline-block;margin-top:8px;padding:9px 22px;background:#ef3124;color:#fff !important;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;line-height:1;letter-spacing:.2px;transition:background .15s}
.phone-cta:hover{background:#d52a1d;color:#fff !important;text-decoration:none}

.messagers{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}
.messengers-mail{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.messengers-mail .email-badge{padding:6px 12px !important;font-size:13px !important}
.messagers-links{align-items:center}
.messagers-links a img{width:32px;height:32px}

.email-badge-ico{display:none !important}

.vk-bubble{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#fff;border-radius:50%;transition:transform .15s,box-shadow .15s}
.vk-bubble:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.15)}
.vk-bubble svg{width:22px;height:22px;display:block}
.messagers-links a{margin:0 3px}

/* === block 3 === */
/* Mobile header — swap: logo on top, socials+mail bottom-left, phone bottom-right (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile{display:block}
  header.header .mid-block-mobile .header-mobile-line{display:none !important}

  /* TOP: logo left, hamburger right */
  header.header .mid-block-mobile .header-mobile-top{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:10px 14px 8px !important;
  }
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 1 auto !important;
    min-width:0 !important;
    text-decoration:none !important;
  }
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{
    width:140px !important;max-width:140px !important;height:auto !important;display:block !important;
    filter:none !important;box-shadow:none !important;
  }
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    flex:0 0 auto !important;
    padding:7px 14px !important;font-size:13px !important;letter-spacing:.4px !important;
    white-space:nowrap !important;
  }

  /* BOTTOM: socials+mail (left column) | phone block (right column) */
  header.header .mid-block-mobile .header-mobile{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:12px !important;
    padding:6px 14px 14px !important;
  }
  header.header .mid-block-mobile .header-mobile .header-mobile-left{
    flex:1 1 auto !important;min-width:0 !important;
    display:flex !important;flex-direction:column !important;gap:8px !important;align-items:flex-start !important;
  }
  header.header .mid-block-mobile .header-mobile .messagers-links{
    display:inline-flex !important;gap:10px !important;flex:0 0 auto !important;align-items:center !important;
  }
  header.header .mid-block-mobile .header-mobile .messagers-links a{
    margin:0 !important;display:inline-flex !important;width:37px !important;height:37px !important;
    align-items:center !important;justify-content:center !important;
  }
  header.header .mid-block-mobile .header-mobile .messagers-links a img{
    width:35px !important;height:35px !important;display:block !important;
  }
  header.header .mid-block-mobile .header-mobile .mail-row--mobile{
    display:inline-flex !important;align-items:center !important;flex-wrap:nowrap !important;gap:8px !important;
    width:auto !important;max-width:100% !important;
  }
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email-badge{display:inline-flex !important;align-items:center !important;min-width:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;text-decoration:none !important;color:#fff !important;box-shadow:none !important}
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email-badge .email-badge-text{
    font-size:13px !important;font-weight:500 !important;color:#fff !important;
    white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;
    display:block !important;min-width:0 !important;
  }
  header.header .mid-block-mobile .header-mobile .mail-row--mobile .email-copy{
    flex:0 0 32px !important;width:32px !important;height:32px !important;
  }

  header.header .mid-block-mobile .header-mobile .header-mobile-info{
    flex:0 0 auto !important;display:flex !important;justify-content:flex-end !important;
  }
  header.header .mid-block-mobile .header-mobile .header-info-2{
    display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:6px !important;
  }
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone{
    font-size:18px !important;font-weight:800 !important;color:#fff !important;line-height:1 !important;
    letter-spacing:.3px !important;text-decoration:none !important;white-space:nowrap !important;
  }
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    margin-top:0 !important;padding:7px 14px !important;font-size:12px !important;font-weight:600 !important;
    border-radius:8px !important;line-height:1 !important;
  }
  header.header .mid-block-mobile .header-mobile .header-info-2 .time-work{
    display:inline-flex !important;align-items:center !important;gap:6px !important;
    color:#fff !important;font-size:12px !important;opacity:.9 !important;
  }
  header.header .mid-block-mobile .header-mobile .header-info-2 .time-work::before{
    content:"\25CF" !important;color:#22c55e !important;font-size:10px !important;
    text-shadow:0 0 6px #22c55e !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:120px !important;max-width:120px !important}
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone{font-size:16px !important}
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{padding:6px 12px !important;font-size:11px !important}
  header.header .mid-block-mobile .header-mobile .messagers-links a img{width:28px !important;height:28px !important}
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email-badge{display:inline-flex !important;align-items:center !important;min-width:0 !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;text-decoration:none !important;color:#fff !important;box-shadow:none !important}
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email-badge .email-badge-text{font-size:12px !important}
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:100px !important;max-width:100px !important}
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone{font-size:14px !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:6px 10px !important;font-size:12px !important}
}

/* === block 4 === */
/* Mobile trust badges next to logo (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top{gap:8px !important;padding:8px 10px 6px !important;flex-wrap:nowrap !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo{flex:0 0 auto !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:110px !important;max-width:110px !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-badges{
    display:inline-flex !important;align-items:center !important;gap:6px !important;flex:0 1 auto !important;margin-right:auto !important;margin-left:6px !important;
  }
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile{
    display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;
    background:#f5f0e8 !important;color:#0f172a !important;
    padding:4px 8px !important;min-width:auto !important;border-radius:8px !important;
    font-family:Inter,Montserrat,system-ui,sans-serif !important;line-height:1 !important;
    box-shadow:0 2px 6px rgba(0,0,0,.12) !important;text-decoration:none !important;flex:0 0 auto !important;
  }
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile .trust-badge__top{display:flex !important;align-items:baseline !important;gap:2px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--rating.trust-badge--mobile .trust-badge__value{font-size:15px !important;color:#e8a317 !important;font-weight:800 !important;letter-spacing:-.3px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--rating.trust-badge--mobile .trust-badge__star{font-size:13px !important;color:#e8a317 !important;line-height:1 !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile .trust-badge__value{font-size:15px !important;color:#0f172a !important;font-weight:800 !important;letter-spacing:-.3px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile .trust-badge__unit{font-size:11px !important;color:#ef3124 !important;font-weight:800 !important;text-transform:lowercase !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile .trust-badge__label{margin-top:2px !important;font-size:10px !important;font-weight:700 !important;letter-spacing:.4px !important;color:#4a4a4a !important;text-transform:uppercase !important;line-height:1 !important;white-space:nowrap !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:6px 10px !important;font-size:12px !important;letter-spacing:.3px !important;flex:0 0 auto !important}
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:88px !important;max-width:88px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile{padding:3px 6px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--rating.trust-badge--mobile .trust-badge__value,
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile .trust-badge__value{font-size:13px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile .trust-badge__label{font-size:10px !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:5px 8px !important;font-size:11px !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-badges{gap:4px !important;margin-left:4px !important}
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:72px !important;max-width:72px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile{display:none !important}
}

/* === block 5 === */
/* убрать подчёркивание у почты в мобильной шапке (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a:hover,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a:visited,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email-badge,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.line-gray,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile .email-badge-text{
    text-decoration:none !important;
    border-bottom:0 !important;
    background-image:none !important;
  }
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email.line-gray::before,
  header.header .mid-block-mobile .header-mobile .mail-row--mobile a.email.line-gray::after{content:none !important;display:none !important;border:0 !important}
}

/* === block 6 === */
/* mobile years badge (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .trust-badge--years.trust-badge--mobile .trust-badge__value{font-size:15px !important;color:#0f172a !important;font-weight:800 !important;letter-spacing:-.3px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--years.trust-badge--mobile .trust-badge__unit{font-size:11px !important;color:#ef3124 !important;font-weight:800 !important;text-transform:lowercase !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:96px !important;max-width:96px !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-badges{gap:5px !important;margin-left:6px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile{padding:4px 6px !important}
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:74px !important;max-width:74px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile{padding:3px 5px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--years.trust-badge--mobile .trust-badge__value{font-size:13px !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-badges{gap:3px !important;margin-left:4px !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:5px 7px !important;font-size:10px !important;letter-spacing:.2px !important}
}
@media (max-width:380px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:62px !important;max-width:62px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile .trust-badge__label{font-size:6px !important}
}
@media (max-width:360px){
  /* override earlier rule that hides area on <360 — keep all three */
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile{display:flex !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile{padding:2px 4px !important}
  header.header .mid-block-mobile .header-mobile-top .trust-badge--mobile .trust-badge__value{font-size:11px !important}
}

/* === block 7 === */
/* REMOVED 26.05.2026: margin-right:20vw сдвигало кнопку «Меню» за правый край viewport */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{margin-right:0 !important}
}

/* === block 8 === */
/* +10% к кнопке «Меню» на мобиле (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:8px 16px !important;
    font-size:14px !important;
    border-radius:11px !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:6px 12px !important;
    font-size:12px !important;
  }
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:5px 10px !important;
    font-size:11px !important;
  }
}

/* === block 9 === */
/* красный фон кнопки «Меню» на мобиле (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger,
  header.header .mid-block-mobile .header-mobile-top .hamburger:hover,
  header.header .mid-block-mobile .header-mobile-top .hamburger:focus,
  header.header .mid-block-mobile .header-mobile-top .hamburger:active{
    background:#ef3124 !important;
    color:#fff !important;
  }
  header.header .mid-block-mobile .header-mobile-top .hamburger .hamburger-label{color:#fff !important}
}

/* === block 10 === */
/* fix «Меню» button width (full red bg) + remove top gap of home-banner (24.05.2026) */
@media (max-width:991px){
  /* hamburger: override hard-coded width:30px/height:25px from style.css */
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    width:auto !important;
    min-width:auto !important;
    height:auto !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    background:#ef3124 !important;
    color:#fff !important;
    padding:9px 18px !important;
    font-size:14px !important;
    border-radius:10px !important;
  }
  header.header .mid-block-mobile .header-mobile-top .hamburger .hamburger-label{
    color:#fff !important;
    display:inline-block !important;
    white-space:nowrap !important;
    line-height:1 !important;
  }

  /* убрать большой пустой разрыв между шапкой и заголовком главной */
  body.page-id-1 section.home-banner,
  body.page-id-1 .home-banner,
  .home-banner{
    padding-top:0 !important;
    margin-top:0 !important;
    min-height:0 !important;
    background-image:none !important;
  }
  body.page-id-1 .home-banner > .container,
  body.page-id-1 .home-banner .container{
    padding-top:6px !important;
    margin-top:0 !important;
  }
  body.page-id-1 .home-banner__head,
  .home-banner__head{
    padding-top:0 !important;
    margin-top:0 !important;
    min-height:0 !important;
  }
  body.page-id-1 .home-banner__title,
  .home-banner__title{
    margin-top:0 !important;
    padding-top:0 !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:8px 14px !important;font-size:13px !important}
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:7px 12px !important;font-size:12px !important}
}

/* === block 11 === */
/* центрируем «Меню» над номером телефона (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    margin-right:calc(14px + 42px) !important;
    margin-left:auto !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    margin-right:calc(12px + 36px) !important;
  }
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    margin-right:calc(10px + 28px) !important;
  }
}

/* === block 12 === */
/* убрать «Пн-Пт ...» на мобиле (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .time-work{display:none !important}
  header.header .mid-block-mobile .header-mobile .time-work{display:none !important}
}

/* === block 13 === */
/* жёсткий фикс разрыва между шапкой и заголовком + удержание Callibri в bottom-right (24.05.2026) */
@media (max-width:991px){
  body{margin:0 !important;padding:0 !important}
  header.header{margin-bottom:0 !important;padding-bottom:0 !important}
  header.header + *,header.header ~ section:first-of-type{margin-top:0 !important}

  section.home-banner,
  body section.home-banner,
  body.page-id-1 section.home-banner,
  body.page-id-1 .home-banner{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    background-image:none !important;
  }
  body.page-id-1 .home-banner > .container{padding:8px 14px 0 !important;margin:0 !important;max-width:100% !important}
  body.page-id-1 .home-banner__head{padding:0 !important;margin:0 0 8px !important;display:block !important;min-height:0 !important;gap:0 !important}
  body.page-id-1 .home-banner__title{padding:0 !important;margin:0 !important;font-size:24px !important;line-height:1.2 !important}
  body.page-id-1 .home-banner__title span,
  body.page-id-1 .home-banner__title .hero-title-anim{display:inline !important;opacity:1 !important;transform:none !important}

  /* Callibri: не давать чату занимать весь экран (фиксированно в углу) */
  iframe[src*="callibri"],
  div[id^="callibri"],
  div[class*="callibri"]{
    max-height:60vh !important;
  }
  /* Если виджет в режиме fullscreen — выровнять в правый нижний угол с разумной высотой */
  .callibri-chat-window,
  [class*="callibri-fullscreen"],
  [class*="cbb-fullscreen"]{
    position:fixed !important;
    bottom:80px !important;
    right:10px !important;
    width:90vw !important;
    max-width:360px !important;
    height:auto !important;
    max-height:60vh !important;
    left:auto !important;
    top:auto !important;
  }
}

/* === block 14 === */
/* +10% к плиткам hero-tiles на мобиле (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:132px !important}
  body.page-id-1 .hero-tile__title,
  .hero-tile__title{font-size:14px !important;padding:10px 12px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{gap:11px !important;padding:16px !important}
}
@media (max-width:560px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:154px !important}
}

/* === block 15 === */
/* +8% к плиткам hero-tiles на мобиле (24.05.2026, доп.) */
@media (max-width:991px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:143px !important}
  body.page-id-1 .hero-tile__title,
  .hero-tile__title{font-size:15px !important;padding:11px 13px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{gap:12px !important;padding:17px !important}
}
@media (max-width:560px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:166px !important}
}

/* === block 16 === */
/* перенос строки в заголовке home-banner — только на мобильной (24.05.2026) */
.br-mobile{display:none}
@media (max-width:991px){
  .br-mobile{display:block;width:100%;height:0;line-height:0;content:"";}
  /* небольшой межстрочный для двух строк */
  body.page-id-1 .home-banner__title{line-height:1.15 !important;font-size:24px !important;text-align:left !important}
}
@media (max-width:480px){
  body.page-id-1 .home-banner__title{font-size:21px !important}
}

/* === block 17 === */
/* +15% к плиткам hero-tiles на мобиле (24.05.2026, доп.2) */
@media (max-width:991px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:164px !important}
  body.page-id-1 .hero-tile__title,
  .hero-tile__title{font-size:17px !important;padding:13px 15px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{gap:14px !important;padding:20px !important}
}
@media (max-width:560px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:191px !important}
}

/* === block 18 === */
/* Принудительный перенос заголовка home-banner на мобиле через span (24.05.2026) */
.title-break-mobile{display:none}
@media (max-width:991px){
  .hero-title-anim{display:block !important;line-height:1.15 !important}
  .br-mobile{display:block !important;width:100% !important;flex-basis:100% !important}
  .title-break-mobile{display:block !important;width:100% !important;height:0 !important;flex-basis:100% !important}
  body.page-id-1 .home-banner__title{text-align:left !important;font-size:22px !important;word-break:keep-all !important;hyphens:none !important;-webkit-hyphens:none !important}
  /* if hero-title-anim becomes flex container, ensure children wrap */
  .hero-title-anim{flex-wrap:wrap !important}
}

/* === block 19 === */
/* 2-строки заголовок home-banner на мобиле через title-w1/title-w2 (24.05.2026) */
.title-w1,.title-w2{display:inline}
@media (max-width:991px){
  body.page-id-1 .home-banner__title .hero-title-anim{display:block !important}
  .title-w1,.title-w2{display:block !important;width:100% !important}
  body.page-id-1 .home-banner__title{text-align:left !important;font-size:22px !important;line-height:1.18 !important}
}
@media (max-width:380px){
  body.page-id-1 .home-banner__title{font-size:19px !important}
}

/* === block 20 === */
/* batch: title 2-lines centered, logo +20%, tiles +20%, gap title->tiles -50% (24.05.2026) */
@media (max-width:991px){
  /* === ЗАГОЛОВОК В 2 СТРОКИ, ЦЕНТРИРОВАН === */
  body.page-id-1 .home-banner__title{text-align:center !important;font-size:24px !important;line-height:1.2 !important;margin:0 !important;padding:0 !important}
  body.page-id-1 .home-banner__title .hero-title-anim{display:block !important;text-align:center !important;width:100% !important}
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{display:block !important;width:100% !important;text-align:center !important}

  /* === ЛОГОТИП +20% (134 -> 161 desktop var) === */
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:130px !important;max-width:130px !important}

  /* === ПЛИТКИ +20% === */
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:197px !important}
  body.page-id-1 .hero-tile__title,
  .hero-tile__title{font-size:20px !important;padding:16px 18px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{gap:17px !important;padding:24px !important}

  /* === УМЕНЬШИТЬ РАЗРЫВ ЗАГОЛОВОК → ПЛИТКИ НА 50% === */
  body.page-id-1 .home-banner__head{margin-bottom:6px !important;padding-bottom:0 !important;padding-top:8px !important}
  body.page-id-1 .home-banner .hero-tiles{margin-top:4px !important}
  body.page-id-1 .home-banner__discr{margin:4px 0 0 !important}
}
@media (max-width:560px){
  body.page-id-1 .hero-tile,
  .hero-tile{min-height:229px !important}
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:106px !important;max-width:106px !important}
  body.page-id-1 .home-banner__title{font-size:21px !important}
}
@media (max-width:380px){
  body.page-id-1 .home-banner__title{font-size:18px !important}
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:88px !important;max-width:88px !important}
}

/* === block 21 === */
/* -50% межстрочный между строками заголовка home-banner (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner__title{line-height:1.0 !important}
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:1.0 !important;margin:0 !important;padding:0 !important}
  body.page-id-1 .home-banner__title .title-w2{margin-top:0 !important}
}

/* === block 22 === */
/* логотип +10% на мобиле (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:143px !important;max-width:143px !important}
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:117px !important;max-width:117px !important}
}
@media (max-width:380px){
  header.header .mid-block-mobile .header-mobile-top .header-mobile-logo img{width:97px !important;max-width:97px !important}
}

/* === block 23 === */
/* line-height 1.2 + жёсткое сокращение разрыва заголовок→плитки (24.05.2026) */
@media (max-width:991px){
  /* line-height 1.2 */
  body.page-id-1 .home-banner__title,
  body.page-id-1 .home-banner__title .hero-title-anim,
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:1.2 !important}

  /* разрыв заголовок -> плитки до минимума */
  body.page-id-1 .home-banner__head{margin:0 !important;padding:6px 0 4px !important}
  body.page-id-1 .home-banner__discr{display:flex !important;flex-direction:column;align-items:flex-start;gap:12px;width:100% !important;margin:14px 0 4px !important}
  body.page-id-1 .home-banner .hero-tiles{margin-top:2px !important}
  body.page-id-1 .home-banner{padding-bottom:0 !important}
  body.page-id-1 .home-banner > .container{padding:4px 14px 0 !important}
}

/* === block 24 === */
/* «Меню» +15% (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:10px 21px !important;
    font-size:16px !important;
    border-radius:11px !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:9px 16px !important;
    font-size:14px !important;
  }
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{
    padding:8px 13px !important;
    font-size:13px !important;
  }
}

/* === block 25 === */
/* -50% межстрочного между строками заголовка home-banner (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner__title,
  body.page-id-1 .home-banner__title .hero-title-anim,
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:1.1 !important;margin:0 !important;padding:0 !important}
}

/* === block 26 === */
/* кнопка «Меню» — сдвиг вправо на 10% (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{margin-right:10vw !important}
}

/* === block 27 === */
/* «Написать менеджеру» +10% высоты (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    padding-top:7px !important;
    padding-bottom:7px !important;
  }
}

/* === block 28 === */
/* «Написать менеджеру» = высота «Меню» (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    padding:10px 21px !important;
    font-size:16px !important;
    line-height:1 !important;
    border-radius:11px !important;
  }
}
@media (max-width:480px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    padding:9px 16px !important;
    font-size:14px !important;
  }
}
@media (max-width:360px){
  header.header .mid-block-mobile .header-mobile .header-info-2 .phone-cta{
    padding:8px 13px !important;
    font-size:13px !important;
  }
}

/* === block 29 === */
/* «Меню» — вправо до края (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{margin-right:0 !important}
}

/* === block 30 === */
/* «Меню» — влево на 8vw (24.05.2026) */
@media (max-width:991px){
  header.header .mid-block-mobile .header-mobile-top .hamburger{margin-right:8vw !important}
}

/* === block 31 === */
/* плитки шире на 8% (срезать боковые отступы) (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner > .container{padding-left:4px !important;padding-right:4px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{padding:14px !important;gap:14px !important}
}
@media (max-width:480px){
  body.page-id-1 .home-banner > .container{padding-left:2px !important;padding-right:2px !important}
  body.page-id-1 .hero-tiles,
  .hero-tiles{padding:10px !important;gap:10px !important}
}

/* === block 32 === */
/* -50% межстрочного между .title-w1/.title-w2 (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner__title,
  body.page-id-1 .home-banner__title .hero-title-anim,
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:0.95 !important;margin:0 !important;padding:0 !important}
  body.page-id-1 .home-banner__title .title-w2{margin-top:-4px !important}
  body.page-id-1 .home-banner__title .ht-l,
  body.page-id-1 .home-banner__title .ht-sp{line-height:1 !important;vertical-align:baseline !important}
}

/* === block 33 === */
/* ещё -20% межстрочного title (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner__title,
  body.page-id-1 .home-banner__title .hero-title-anim,
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:0.85 !important;margin:0 !important;padding:0 !important}
  body.page-id-1 .home-banner__title .title-w2{margin-top:-8px !important}
}

/* === block 34 === */
/* ещё -10% межстрочного title (24.05.2026) */
@media (max-width:991px){
  body.page-id-1 .home-banner__title,
  body.page-id-1 .home-banner__title .hero-title-anim,
  body.page-id-1 .home-banner__title .title-w1,
  body.page-id-1 .home-banner__title .title-w2{line-height:0.78 !important;margin:0 !important;padding:0 !important}
  body.page-id-1 .home-banner__title .title-w2{margin-top:-12px !important}
}

/* === block 35 === */
/* -30% к расстоянию между меню (header) и плитками (24.05.2026) */
/* Desktop + mobile */
body.page-id-1 section.home-banner,
body.page-id-1 .home-banner{margin-top:0 !important;padding-top:0 !important}
body.page-id-1 .home-banner__head{margin-bottom:14px !important;padding-top:8px !important}
body.page-id-1 .home-banner > .container{padding-top:0 !important}
body.page-id-1 .hero-tiles{margin-top:0 !important;padding-top:6px !important}

@media (max-width:991px){
  body.page-id-1 section.home-banner,
  body.page-id-1 .home-banner{margin-top:0 !important}
  body.page-id-1 .home-banner__head{margin-bottom:4px !important;padding-top:4px !important}
  body.page-id-1 .hero-tiles{margin-top:2px !important;padding-top:10px !important}
}

/* === block 36 === */
/* центрировать заголовок home-banner по высоте (24.05.2026) */
body.page-id-1 .home-banner__head{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding-top:28px !important;
  padding-bottom:4px !important;
}
body.page-id-1 .home-banner__title{
  margin:0 auto !important;
  text-align:center !important;
}
@media (max-width:991px){
  body.page-id-1 .home-banner__head{padding-top:42px !important;padding-bottom:0 !important}
}



/* === Темный текст на bg-black секциях (broad) — 25.05.2026 v2 === */
section.bg-black,
section.bg-black > .container,
section.bg-black > .container *:not(.btn):not(.art-button):not([class*="art-button"]):not(.callibri-button){color:#0f172a !important}
section.bg-black a:not(.btn):not(.art-button):not([class*="art-button"]),
section.bg-black .breadcrumb a{color:#2c3ccc !important}
section.bg-black .breadcrumb a:hover{color:#1a2580 !important}
section.bg-black .breadcrumb p.active{color:#4a5568 !important}
section.bg-black .breadcrumb span{color:#94a3b8 !important}

/* === Viewport safety net (26.05.2026) — фикс горизонтального скролла на мобильных === */
html{overflow-x:hidden !important}
body{overflow-x:hidden !important;position:relative;width:100% !important;max-width:100vw !important}
.to-top{right:16px !important;left:auto !important}
.pm-widget-root,#pm-bubble{right:16px !important;left:auto !important;transform:none !important}
/* mobile-menu: даже когда скрыт (opacity:0) он остаётся fixed width=auto и толкает ICB → визуально hidden, но scrollWidth увеличивается. Прижимаем к 100vw. */
.mobile-menu,.mobile-menu.container{width:100vw !important;max-width:100vw !important;left:0 !important;right:0 !important;box-sizing:border-box !important}
.mobile-menu:not(.active){visibility:hidden !important}
.menu-mobile,.menu-block,.mobile-menu-top{max-width:100% !important;box-sizing:border-box}
@media (max-width:991px){
  .hamburger,.hamburger-2,.hamburger-mobile,.hamburger--collapse{margin-right:0 !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{margin-right:0 !important}
  .container,.home-banner > .container{max-width:100% !important;width:100% !important;padding-left:14px !important;padding-right:14px !important;box-sizing:border-box !important}
  img,iframe,video{max-width:100% !important;height:auto}
}
/* На узких <=420px: hamburger без текста (иконка), скрываем плашку "600м²" чтобы помещалось */
@media (max-width:420px){
  header.header .mid-block-mobile .header-mobile-top .trust-badge--area.trust-badge--mobile{display:none !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger .hamburger-label{display:none !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger{padding:8px 12px !important;font-size:0 !important;min-width:auto !important}
  header.header .mid-block-mobile .header-mobile-top .hamburger::before{content:"\2630";color:#fff;font-size:22px;line-height:1;display:inline-block}
}