/* ============================================================
   СТРОЙГОСТ — шапка и подвал нового дизайна (шаблон sg2026).
   Отдельный файл от main.css: страницы остаются самостоятельными
   блоками, а обвязка живёт в шаблоне и грузится один раз.
   Переменные дублируем здесь — main.css держит их в скоупе
   .sg-page, и до шапки они не достают.
   ============================================================ */
.sg-hdr,.sg-ftr{
  --sg-green:#2f7d3e;
  --sg-green-dark:#22602f;
  --sg-ink:#2b2b29;
  --sg-line:#d8d8d2;
  --sg-font:"SG Montserrat","Montserrat",Arial,sans-serif;
  font-family:var(--sg-font);
  box-sizing:border-box;
}
.sg-hdr *,.sg-ftr *{box-sizing:border-box;}

/* Ссылка для клавиатуры: видна только при фокусе. */
.sg-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#fff;color:#2f7d3e;
  padding:10px 16px;border-radius:0 0 10px 0;font:600 14px/1 "SG Montserrat",Arial,sans-serif;}
.sg-skip:focus{left:0;}

/* ---------- ШАПКА ---------- */
.sg-hdr{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sg-line);}
.sg-hdr__in{max-width:1320px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:clamp(16px,2vw,32px);}
.sg-hdr__logo{flex:0 0 auto;display:block;line-height:0;}
.sg-hdr__logo img{height:44px;width:auto;display:block;}

.sg-hdr__nav{display:flex;align-items:center;gap:clamp(12px,1.6vw,26px);flex:1 1 auto;}
.sg-hdr__link{color:var(--sg-ink);text-decoration:none;font-size:14px;font-weight:600;
  white-space:nowrap;padding:8px 0;border-bottom:2px solid transparent;transition:color .18s,border-color .18s;}
.sg-hdr__link:hover{color:var(--sg-green);}
.sg-hdr__link.sg-is-on{color:var(--sg-green);border-bottom-color:var(--sg-green);}

.sg-hdr__side{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.sg-hdr__tel{color:var(--sg-ink);text-decoration:none;font-size:15px;font-weight:800;white-space:nowrap;}
.sg-hdr__tel:hover{color:var(--sg-green);}
.sg-hdr__msg{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#eaf3de;color:var(--sg-green-dark);text-decoration:none;transition:background .18s,color .18s;}
.sg-hdr__msg:hover{background:var(--sg-green);color:#fff;}
.sg-hdr__cta{background:var(--sg-green);color:#fff;text-decoration:none;font-size:14px;font-weight:700;
  padding:12px 22px;border-radius:999px;white-space:nowrap;transition:background .18s;}
.sg-hdr__cta:hover{background:var(--sg-green-dark);color:#fff;}

.sg-hdr__burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;
  flex-direction:column;justify-content:center;gap:5px;padding:0 10px;}
.sg-hdr__burger span{display:block;height:2px;background:var(--sg-ink);border-radius:2px;transition:transform .2s,opacity .2s;}
.sg-hdr__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.sg-hdr__burger[aria-expanded="true"] span:nth-child(2){opacity:0;}
.sg-hdr__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.sg-hdr__drop{display:none;border-top:1px solid var(--sg-line);padding:12px 24px 20px;background:#fff;}
.sg-hdr__droplink,.sg-hdr__droptel{display:block;padding:13px 0;color:var(--sg-ink);text-decoration:none;
  font-size:16px;font-weight:600;border-bottom:1px solid #f0f0ee;}
.sg-hdr__droptel{font-weight:800;color:var(--sg-green);border-bottom:0;}
.sg-hdr__cta--wide{display:block;text-align:center;margin-top:10px;padding:15px 22px;}

/* Планшет: телефон и мессенджеры прячем, меню оставляем. */
@media (max-width:1180px){
  .sg-hdr__tel,.sg-hdr__msg{display:none;}
  .sg-hdr__link{font-size:13px;}
}
/* Телефон: меню уходит под бургер, номер остаётся под рукой. */
@media (max-width:900px){
  .sg-hdr__in{padding:8px 16px;gap:12px;}
  .sg-hdr__logo img{height:36px;}
  .sg-hdr__nav{display:none;}
  .sg-hdr__cta{display:none;}
  .sg-hdr__side{margin-left:auto;}
  .sg-hdr__tel{display:inline;font-size:14px;}
  .sg-hdr__burger{display:flex;}
  .sg-hdr__drop.sg-is-open{display:block;}
}

/* ---------- ПОДВАЛ ---------- */
.sg-ftr{background:#1d2a1f;color:#cfd8cd;padding:clamp(40px,5vw,64px) 0 0;}
.sg-ftr__in{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;gap:clamp(24px,3vw,48px);
  grid-template-columns:1.6fr 1fr 1fr 1.2fr;}
.sg-ftr__logo{display:block;line-height:0;margin-bottom:16px;}
.sg-ftr__logo img{height:52px;width:auto;display:block;}
.sg-ftr__about{font-size:14px;line-height:1.6;color:#a8b5a6;margin:0 0 16px;max-width:360px;}
.sg-ftr__msgs{display:flex;gap:10px;}
.sg-ftr__msg{font-size:13px;font-weight:700;color:#d6e8a6;text-decoration:none;
  border:1px solid #3a4c3c;border-radius:999px;padding:8px 16px;transition:background .18s,color .18s;}
.sg-ftr__msg:hover{background:#d6e8a6;color:#1d2a1f;}

.sg-ftr__col{display:flex;flex-direction:column;gap:10px;}
.sg-ftr__h{font-size:13px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;
  color:#7f8f7e;margin:0 0 4px;}
.sg-ftr__col a{color:#cfd8cd;text-decoration:none;font-size:14px;line-height:1.4;transition:color .18s;}
.sg-ftr__col a:hover{color:#d6e8a6;}
.sg-ftr__tel{font-size:19px;font-weight:800;color:#fff;}
.sg-ftr__addr{display:flex;flex-direction:column;gap:2px;margin:6px 0 0;font-size:13px;line-height:1.45;color:#a8b5a6;}
.sg-ftr__addr b{font-weight:800;color:#cfd8cd;}

.sg-ftr__bot{max-width:1320px;margin:clamp(28px,3vw,44px) auto 0;padding:18px 24px 24px;
  border-top:1px solid #2c3b2e;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;
  font-size:12px;color:#7f8f7e;}
.sg-ftr__legal{display:flex;flex-wrap:wrap;gap:10px 20px;}
.sg-ftr__legal a{color:#7f8f7e;text-decoration:underline;}
.sg-ftr__legal a:hover{color:#d6e8a6;}

@media (max-width:1000px){ .sg-ftr__in{grid-template-columns:1fr 1fr;} }
@media (max-width:640px){
  .sg-ftr__in{grid-template-columns:1fr;}
  .sg-ftr__bot{flex-direction:column;}
}

/* ---------- ХЛЕБНЫЕ КРОШКИ ----------
   Разметку рисует штатный компонент Битрикса (в ней schema.org
   BreadcrumbList), мы только приводим её к виду нового дизайна. */
.sg-crumbs{max-width:1320px;margin:0 auto;padding:14px 24px 0;
  font-family:"SG Montserrat","Montserrat",Arial,sans-serif;}
.sg-crumbs link{display:none;}
.sg-crumbs .bx-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;
  font-size:13px;line-height:1.4;color:#8a8a84;}
.sg-crumbs .bx-breadcrumb-item{display:inline-flex;align-items:center;gap:6px;}
.sg-crumbs .bx-breadcrumb-item + .bx-breadcrumb-item::before{content:"/";color:#c4c4be;}
.sg-crumbs .bx-breadcrumb-item i{display:none;}
.sg-crumbs .bx-breadcrumb a{color:#8a8a84;text-decoration:none;}
.sg-crumbs .bx-breadcrumb a:hover{color:#2f7d3e;}
.sg-crumbs .bx-breadcrumb-item:last-child span{color:#2b2b29;}
@media (max-width:640px){ .sg-crumbs{padding:10px 16px 0;font-size:12px;} }

/* --- прежние правила (на случай своей разметки крошек) --- */
.sg-crumbs{max-width:1320px;margin:0 auto;padding:16px 24px 0;font-size:13px;color:#8a8a84;
  font-family:"SG Montserrat","Montserrat",Arial,sans-serif;}
.sg-crumbs ol{list-style:none;margin:0;padding:0;display:inline;}
.sg-crumbs a{color:#8a8a84;text-decoration:none;}
.sg-crumbs a:hover{color:#2f7d3e;}
.sg-crumbs span[aria-current]{color:#2b2b29;}
.sg-crumbs i{font-style:normal;padding:0 7px;color:#c4c4be;}
