
/* Контакты 2026. Все правила изолированы внутри .sa-contacts-2026 */
.sa-contacts-2026{--c:#102b43;--c2:#087fa8;--green:#08a6cf;--line:#d7e4ec;--soft:#f4f9fc;--text:#17324a;--muted:#647c8f;max-width:1280px;margin:0 auto;padding:0 18px 54px;color:var(--text);box-sizing:border-box}
.sa-contacts-2026 *{box-sizing:border-box}
.sa-contacts-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:28px;margin:22px 0 28px;padding:38px 40px;border:1px solid #d7e5ed;border-radius:24px;background:linear-gradient(135deg,#f8fbfd 0%,#eef8fc 58%,#e4f4fa 100%);box-shadow:0 14px 38px rgba(31,68,55,.08)}
.sa-contacts-hero:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-155px;top:-190px;background:rgba(27,117,83,.07)}
.sa-contacts-hero__content,.sa-contacts-hero__note{position:relative;z-index:1}
.sa-contacts-hero__eyebrow{display:inline-flex;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#e3f5fb;color:var(--c2);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sa-contacts-hero h1{margin:0 0 12px;font-size:clamp(30px,4vw,46px);line-height:1.05;color:#18362e}
.sa-contacts-hero p{max-width:760px;margin:0;color:#5c7487;font-size:17px;line-height:1.65}
.sa-contacts-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sa-contacts-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:12px;text-decoration:none!important;font-weight:750;line-height:1.2;transition:.18s ease;box-shadow:none}
.sa-contacts-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(25,69,54,.12)}
.sa-contacts-btn--primary{background:var(--c);color:#fff!important}
.sa-contacts-btn--max{background:linear-gradient(135deg,#0758d8 0%,#6536e8 100%);color:#fff!important}
.sa-contacts-btn--light{background:#fff;border-color:#d4e4ed;color:var(--c)!important}
.sa-contacts-hero__note{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:22px;border-radius:18px;background:#fff;border:1px solid #d7e5ed;box-shadow:0 10px 28px rgba(32,70,56,.07)}
.sa-contacts-hero__note strong{font-size:18px;color:#102b43;margin-bottom:8px}
.sa-contacts-hero__note span{font-size:14px;line-height:1.55;color:#647c8f}

/* старый H1 оставляем в коде, но визуально заменяет новый hero */
.sa-contacts-2026 .title_h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.sa-contacts-2026 .contacts_conteiner{width:100%!important;max-width:none!important;margin:0!important}
.sa-contacts-2026 .contact_box{display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:22px!important;align-items:start}
.sa-contacts-2026 .contact_part1,.sa-contacts-2026 .contact_part2{width:auto!important;float:none!important;margin:0!important}
.sa-contacts-2026 .island{background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:0 8px 26px rgba(26,57,47,.06)!important;padding:22px!important}

/* Кнопки городов */
.sa-contacts-2026 .tabs_head{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0 0 20px!important;padding:7px!important;border-radius:16px!important;background:#f3f8fb!important;border:1px solid #dbe7ee!important}
.sa-contacts-2026 .tab_head{float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:11px 16px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#38566d!important;font-size:14px!important;font-weight:750!important;line-height:1.2!important;cursor:pointer!important;transition:.18s ease!important}
.sa-contacts-2026 .tab_head:hover{background:#fff!important;border-color:#d6e4ec!important;color:var(--c)!important}
.sa-contacts-2026 .tab_head.activ{background:var(--c)!important;color:#fff!important;border-color:var(--c)!important;box-shadow:0 5px 14px rgba(23,63,53,.18)!important}

.sa-contacts-2026 #tabs_body{min-height:220px}
.sa-contacts-2026 .tab_body{padding:2px 0 0}
.sa-contacts-2026 .tab_body h2{margin:12px 0 15px!important;color:#102b43!important;font-size:23px!important;line-height:1.25!important}
.sa-contacts-2026 .tab_body h4{color:#173f5a;font-size:17px;margin:20px 0 8px}
.sa-contacts-2026 .tab_body_list{list-style:none!important;margin:0 0 22px!important;padding:0!important;display:grid;gap:8px}
.sa-contacts-2026 .tab_body_list li{position:relative;margin:0!important;padding:11px 13px 11px 35px!important;border-radius:11px;background:#f7fafc;color:#314c61;line-height:1.5}
.sa-contacts-2026 .tab_body_list li:before{content:"";position:absolute;left:14px;top:18px;width:8px;height:8px;border-radius:50%;background:#08a6cf}
.sa-contacts-2026 a{color:#087fa8}
.sa-contacts-2026 .tab_body_list a{font-weight:700;text-decoration:none}
.sa-contacts-2026 .tab_body_list a:hover{text-decoration:underline}

/* Яндекс-карты и фотографии */
.sa-contacts-2026 .tab_body iframe{max-width:100%!important;border:0!important;border-radius:16px!important;overflow:hidden!important}
.sa-contacts-2026 .map_photo_box{width:100%!important;margin:16px 0 24px!important}
.sa-contacts-2026 .photo_magaz{width:100%!important}
.sa-contacts-2026 .photo_magaz img,.sa-contacts-2026 .adimg{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(25,58,47,.09)!important}

/* Таблица филиалов */
.sa-contacts-2026 table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #d7e4ec!important;border-radius:14px!important;overflow:hidden!important;background:#fff}
.sa-contacts-2026 th{background:#edf6fa!important;color:#173f5a!important;font-weight:800!important}
.sa-contacts-2026 th,.sa-contacts-2026 td{padding:11px 12px!important;border-bottom:1px solid #e4edf2!important;text-align:left!important;vertical-align:top}
.sa-contacts-2026 tr:last-child td{border-bottom:0!important}

/* Реквизиты */
.sa-contacts-2026 hr{border:0!important;border-top:1px solid #dce8ef!important;margin:26px 0!important}
.sa-contacts-2026 .rekviziti_company{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding:22px;border:1px solid #d7e4ec;border-radius:16px;background:#f7fafc}
.sa-contacts-2026 .rekviziti_company p{margin:0!important;padding:7px 0!important;line-height:1.45}
.sa-contacts-2026 .rekviziti_company p:first-child,.sa-contacts-2026 .rekviziti_company p:nth-child(5){grid-column:1/-1;color:#102b43;font-size:17px}

/* Правая колонка */
.sa-contacts-2026 .contact_part2{display:grid!important;gap:12px}
.sa-contacts-2026 .contact_part2 .island{margin:0!important;padding:18px!important}
.sa-contacts-2026 .contacts_phone{text-align:center!important;margin:0!important;color:#4f687b;line-height:1.5}
.sa-contacts-2026 .contacts_phone span{display:block;margin-top:8px;color:#102b43!important;font-size:24px!important;font-weight:850}
.sa-contacts-2026 .contact_part2>div:not(.island){margin:0!important}
.sa-contacts-2026 .contact_part2>div:not(.island) a{display:block;padding:10px;border:1px solid #d7e4ec;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(26,57,47,.06)}
.sa-contacts-2026 .contact_part2>div:not(.island) img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;border-radius:10px}
.sa-contacts-2026 .contact_part2 .island img{max-width:100%!important;height:auto!important}
.sa-contacts-2026 .contacts_delivery p{font-size:19px!important;font-weight:800!important;text-align:center!important;color:#102b43}
.sa-contacts-2026 .contacts_chavo p{font-weight:800!important;color:#102b43}
.sa-contacts-2026 .contacts_chavo a{display:block!important;margin:6px 0!important;padding:10px 12px!important;border:1px solid #d7e4ec!important;border-radius:10px!important;background:#f7fafc!important;text-decoration:none!important;font-weight:700!important}
.sa-contacts-2026 .contacts_chavo a:hover{background:#eef8fc!important;border-color:#c7dde8!important}

/* Вложенный контент филиалов не должен ломать ширину */
.sa-contacts-2026 .tab_body[city="fil"]{overflow:auto}
.sa-contacts-2026 sup{font-size:.7em}

@media(max-width:920px){
 .sa-contacts-hero{grid-template-columns:1fr;padding:28px}
 .sa-contacts-2026 .contact_box{grid-template-columns:1fr!important}
 .sa-contacts-2026 .contact_part2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
 .sa-contacts-2026{padding:0 10px 38px}
 .sa-contacts-hero{margin-top:12px;padding:22px 17px;border-radius:18px}
 .sa-contacts-hero p{font-size:15px}
 .sa-contacts-hero__actions{display:grid}
 .sa-contacts-btn{width:100%}
 .sa-contacts-2026 .island{padding:14px!important;border-radius:14px!important}
 .sa-contacts-2026 .tabs_head{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .sa-contacts-2026 .tab_head{text-align:center!important;padding:10px 8px!important}
 .sa-contacts-2026 .tab_body h2{font-size:20px!important}
 .sa-contacts-2026 .rekviziti_company{grid-template-columns:1fr;padding:15px}
 .sa-contacts-2026 .rekviziti_company p:first-child,.sa-contacts-2026 .rekviziti_company p:nth-child(5){grid-column:auto}
 .sa-contacts-2026 .contact_part2{grid-template-columns:1fr!important}
 .sa-contacts-2026 th,.sa-contacts-2026 td{padding:9px!important;font-size:13px!important}
}


/* MAX contact banner */
.sa-contacts-2026 .contact_part2>div:not(.island) a{
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  border-radius:14px!important;
}
.sa-contacts-2026 .contact_part2>div:not(.island) img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  border-radius:14px!important;
}

/* v2: новый шаблон не содержит старого правила скрытия неактивных вкладок */
.sa-contacts-2026 #tabs_body > .tab_body{display:none!important;opacity:0}
.sa-contacts-2026 #tabs_body > .tab_body.activ{display:block!important;opacity:1}

/* Фирменная тёмно-синяя + голубая гамма */
.sa-contacts-2026 .sa-contacts-hero__eyebrow{color:#087fa8!important;background:#e3f5fb!important}
.sa-contacts-2026 .sa-contacts-btn--primary,
.sa-contacts-2026 .tab_head.activ{background:#102b43!important;border-color:#102b43!important;color:#fff!important}
.sa-contacts-2026 .tab_head:hover{color:#087fa8!important;border-color:#bcdce9!important}
.sa-contacts-2026 .tab_body_list li:before{background:#08a6cf!important}
.sa-contacts-2026 .tab_body_list a,.sa-contacts-2026 a{color:#087fa8}


/* v3 — полноценная MAX-кнопка */
.sa-contacts-2026 .sa-contacts-btn--max{
  position:relative;
  overflow:hidden;
  gap:5px;
  padding:11px 19px;
  border:1px solid rgba(79,92,246,.28);
  background:linear-gradient(135deg,#087de8 0%,#315be8 48%,#7139e8 100%);
  color:#fff!important;
  box-shadow:0 7px 18px rgba(49,91,232,.20);
}
.sa-contacts-2026 .sa-contacts-btn--max:before{
  content:"";
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid rgba(255,255,255,.96);
  border-radius:50% 50% 50% 18%;
  transform:rotate(-8deg);
}
.sa-contacts-2026 .sa-contacts-btn--max strong{
  color:#fff;
  font-weight:850;
}
.sa-contacts-2026 .sa-contacts-btn--max:hover{
  color:#fff!important;
  border-color:rgba(79,92,246,.42);
  box-shadow:0 10px 22px rgba(49,91,232,.27);
}

/* v3 — копирование e-mail */
.sa-contacts-2026 .sa-contacts-btn--email-copy{
  font:inherit;
  cursor:pointer;
  background:#fff;
  color:#102b43!important;
  border-color:#d4e4ed;
}
.sa-contacts-2026 .sa-contacts-btn--email-copy:before{
  content:"";
  width:16px;
  height:12px;
  border:2px solid #087fa8;
  border-radius:3px;
  box-sizing:border-box;
  margin-right:8px;
}
.sa-contacts-2026 .sa-contacts-btn--email-copy:hover{
  border-color:#9fcfe0;
  background:#f7fbfd;
}

/* v3 — MAX-баннер кликабелен целиком */
.sa-contacts-2026 .sa-contacts-max-banner{
  display:block!important;
  padding:0!important;
  border:0!important;
  overflow:hidden;
  background:transparent!important;
  border-radius:14px!important;
}
.sa-contacts-2026 .sa-contacts-max-banner img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
}

/* Уведомление после копирования */
.sa-contacts-toast{
  position:fixed;
  z-index:99999;
  left:50%;
  bottom:28px;
  transform:translate(-50%,18px);
  padding:12px 18px;
  border-radius:12px;
  background:#102b43;
  color:#fff;
  font-size:14px;
  font-weight:750;
  box-shadow:0 12px 32px rgba(16,43,67,.24);
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  pointer-events:none;
}
.sa-contacts-toast.is-visible{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}


/* v5 — верхняя кнопка MAX: тот же web URL, что и у рабочего правого баннера */
.sa-contacts-2026 .sa-contacts-btn--max{
  min-height:48px;
  padding:5px 18px 5px 7px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #d8ddff!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#f8faff 0%,#f1efff 100%)!important;
  color:#102b43!important;
  box-shadow:0 5px 16px rgba(55,73,180,.10)!important;
  text-decoration:none!important;
}
.sa-contacts-2026 .sa-contacts-btn--max:before{display:none!important;content:none!important}
.sa-contacts-2026 .sa-contacts-btn--max:hover{
  transform:translateY(-1px);
  border-color:#bfc7ff!important;
  background:linear-gradient(135deg,#f3f8ff 0%,#ece8ff 100%)!important;
  box-shadow:0 8px 20px rgba(55,73,180,.15)!important;
  color:#102b43!important;
}
.sa-contacts-2026 .sa-max-mark{
  min-width:54px;
  height:36px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:linear-gradient(135deg,#0798f3 0%,#365ce9 52%,#8138e9 100%);
  color:#fff!important;
  font-size:13px;
  line-height:1;
  font-weight:900;
  letter-spacing:.5px;
  box-shadow:0 4px 11px rgba(61,84,229,.23);
}
.sa-contacts-2026 .sa-max-label{
  color:#102b43!important;
  font-weight:800;
  white-space:nowrap;
}
@media(max-width:640px){
  .sa-contacts-2026 .sa-contacts-btn--max{
    width:100%;
    justify-content:flex-start;
  }
}

/* v6 */
.sa-contacts-2026 .sa-contact-photo{
  display:block;
  width:100%;
  height:auto;
  margin-top:18px;
  border-radius:14px;
}
.sa-contacts-2026 .sa-contact-map{
  width:100%;
  overflow:hidden;
  border-radius:14px;
  margin:0 0 18px;
}
