/* ЭМИНЕССА — фирменный слой поверх шаблона.
   Палитра меняется прямо в CSS шаблона при сборке (окалина вместо алого, графит вместо синевато-серого),
   здесь — только логотип и мелкая доводка. */

:root {
  --em-graphite: #1E232A;   /* графит — тёмные панели */
  --em-oxide:    #B8321C;   /* окалина — акцент */
  --em-oxide-dk: #96280F;   /* окалина в нажатии */
  --em-steel:    #6C7885;   /* сталь — второстепенный текст */
  --em-zinc:     #F2F4F6;   /* цинк — светлый фон */
}

/* --- логотип --- */
.header-logo .logo { display: inline-block; line-height: 0; }
.header-logo .logo svg { width: 244px; max-width: 100%; height: auto; display: block; }
.footer-logo svg { width: 200px; height: auto; display: block; margin-bottom: 14px; }
.footer-logo .em-name { fill: #fff; }
.footer-logo .em-sub  { fill: #8A94A0; }
.footer-logo .em-plate { fill: #2B313A; }

/* знак опирается на шрифт страницы — пока он грузится, буквы не должны прыгать */
.header-logo .logo svg text { font-family: "Manrope", "Helvetica Neue", Arial, sans-serif; }

/* --- доводка: акцентные элементы получают чуть более плотный радиус и мягкий отклик --- */
.header-callme,
.category-readmore,
.detail-price-meter,
.detail-price-tons { transition: color .15s ease, background-color .15s ease, border-color .15s ease; }

/* полоса окалины под тёмной шапкой каталога — единственная новая деталь, рифма к знаку */
.subsection-head { border-bottom: 3px solid var(--em-oxide); }

/* реквизиты компании на странице контактов */
.em-requisites { line-height: 1.85; }
.em-requisites dt { display: inline; font-weight: 400; color: var(--em-steel); }
.em-requisites dd { display: inline; margin: 0 0 0 6px; font-weight: 600; color: var(--em-graphite); }
.em-requisites div { margin-bottom: 2px; }

@media only screen and (max-width: 767px) {
  .header-logo .logo svg { width: 100%; }
}