/* ============================================================
   UMR — шапка сайта pruzhina-metizdetal.ru
   Подключается ПОСЛЕ css/custom.css темы.
   Всё заключено в .umr-hdr и на остальной сайт не влияет.
   Шрифт не задаётся — наследуется от темы (Open Sans).

   Три раскладки:
     >= 992  десктоп: три ряда
     768-991 планшет: верхняя строка (логотип, e-mail, поиск) + два ряда
     <= 767  телефон: верхняя строка 56px, поиск — по лупе
   На всех — полоса при прокрутке (.umr-sbar) и меню по бургеру (.umr-panel).
   ============================================================ */

.umr-hdr{
	--umr-red:#b41818;
	--umr-red-dark:#8f1212;
	--umr-red-pale:#f6dede;
	--umr-ink:#1a1a1a;
	--umr-ink2:#56534f;
	--umr-line:#e0dcd7;
	--umr-util:#f4f3f1;

	background:#fff;
	color:var(--umr-ink);
	position:relative;
	z-index:100;
}
.umr-hdr *,
.umr-hdr *::before,
.umr-hdr *::after{box-sizing:border-box}
:where(.umr-hdr) a{text-decoration:none;color:inherit}
:where(.umr-hdr) a:hover,
:where(.umr-hdr) a:focus{text-decoration:none}
/* тема подчёркивает все ссылки (a{text-decoration:underline}) — у кнопок, значков и пунктов меню убираем явно */
.umr-hdr .umr-btn,.umr-hdr .umr-btn:hover,.umr-hdr .umr-btn:focus,
.umr-hdr .umr-cart,.umr-hdr .umr-ico,.umr-hdr .umr-logo a,.umr-hdr .umr-mobbar__logo a,.umr-hdr .umr-slogo,
.umr-hdr .umr-mi,.umr-hdr .umr-catdrop__all,.umr-hdr .umr-catgrp__a,.umr-hdr .umr-tree__a,.umr-hdr .umr-util__acct,
.umr-hdr .umr-util__soc a{text-decoration:none}
.umr-mi,.umr-mi:hover{text-decoration:none}
.umr-hdr img{max-width:100%}
.umr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.umr-hdr .umr-row{display:flex;align-items:center;gap:16px}
.umr-hdr .umr-row::before,
.umr-hdr .umr-row::after,
.umr-hdr .umr-util__grid::before,
.umr-hdr .umr-util__grid::after{content:none;display:none}
.umr-sep{width:1px;height:14px;background:#dcd8d3;flex:none}

.umr-hdr .umr-ico{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--umr-ink);padding:0;margin:0;box-shadow:none;cursor:pointer}
.umr-hdr .umr-ico:hover{color:var(--umr-red)}

/* ---------- ряд 1: справочная полоса ---------- */
.umr-util{background:var(--umr-util);border-bottom:1px solid #e6e3df;font-size:12.5px;color:var(--umr-ink2)}
.umr-hdr .umr-util__grid{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px}
/* УТП | e-mail | поиск | часы и соцсети — пустоты между ними одинаковые (space-between) */
.umr-util__left{flex:none;display:flex;align-items:center;gap:14px;min-width:0}
.umr-util__center{flex:none;display:flex;justify-content:center}
.umr-util__right{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:14px}
.umr-util__usp{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#3d3b39;font-weight:600}
.umr-util__usp svg{color:var(--umr-red);flex:none}
.umr-util__hours{white-space:nowrap}
.umr-hdr .umr-util__acct{display:none;align-items:center;gap:6px;color:#26241f;font-weight:600;white-space:nowrap}
.umr-hdr .umr-util__acct:hover{color:var(--umr-red)}

/* соцсети — компонент темы, меняем только раскладку */
.umr-util__soc{flex:none;display:flex;align-items:center}
.umr-util__soc .social-icons{margin:0;padding:0;float:none}
.umr-util__soc .social-icons ul{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:8px}
.umr-util__soc .social-icons ul li{margin:0;padding:0;float:none;list-style:none}

/* соцсети в исходных цветах. Тема выводит их с чужими классами (YouTube = li.twitter, Telegram = li.instagram)
   и серыми картинками — поэтому значок выбираем по адресу ссылки */
.umr-hdr .umr-util__soc .social-icons ul li a{display:block;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:transparent center/24px 24px no-repeat!important;opacity:1;filter:none;transition:transform .12s,filter .12s}
.umr-hdr .umr-util__soc .social-icons ul li a::before,
.umr-hdr .umr-util__soc .social-icons ul li a::after{content:none!important;display:none!important}
.umr-hdr .umr-util__soc .social-icons ul li a:hover{transform:translateY(-1px);filter:brightness(1.08)}
.umr-hdr .umr-util__soc .social-icons ul li a[href*="vk.com"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='18' height='18' fill='%23fff'/%3E%3Cpath fill='%230077FF' d='m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516.9.9 1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833-.9.9-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516-.9-.9-1.32-2.092-1.516-3.833l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833.9-.9 2.092-1.32 3.833-1.516l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013.915-.009ZM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92Z'/%3E%3C/svg%3E")!important}
.umr-hdr .umr-util__soc .social-icons ul li a[href*="youtube.com"],
.umr-hdr .umr-util__soc .social-icons ul li a[href*="youtu.be"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='6.5' width='10' height='11' fill='%23fff'/%3E%3Cpath fill='%23FF0000' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")!important}
.umr-hdr .umr-util__soc .social-icons ul li a[href*="t.me"],
.umr-hdr .umr-util__soc .social-icons ul li a[href*="telegram.me"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23fff'/%3E%3Cpath fill='%2327A7E7' d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/%3E%3C/svg%3E")!important}
.umr-hdr .umr-util__soc .social-icons ul li{background:none!important;width:auto;height:auto}

/* ---------- e-mail с копированием ---------- */
.umr-email{position:relative;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:14px}
.umr-email__ico{color:var(--umr-red);flex:none}
.umr-hdr .umr-email__link{color:var(--umr-ink);font-weight:700}
.umr-hdr .umr-email__link:hover{color:var(--umr-red)}
.umr-hdr .umr-copy{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--umr-line);border-radius:7px;background:#fff;color:var(--umr-ink2);padding:0;margin:0 0 0 2px;cursor:pointer;box-shadow:none}
.umr-hdr .umr-copy:hover{border-color:var(--umr-red);color:var(--umr-red)}
.umr-email.is-copied .umr-copy{border-color:#1f7a3d;color:#1f7a3d}
.umr-toast{position:absolute;left:50%;top:calc(100% + 8px);z-index:1100;background:#1f1e1d;color:#fff;font-size:12.5px;font-weight:600;line-height:1;padding:8px 11px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-4px);transition:opacity .15s,transform .15s}
.umr-toast::before{content:"";position:absolute;left:50%;margin-left:-5px;top:-5px;border:5px solid transparent;border-top:0;border-bottom-color:#1f1e1d}
.umr-email.is-copied .umr-toast{opacity:1;transform:translate(-50%,0)}
.umr-email--bar{display:none}

/* ---------- ряд 2: логотип — быстрый заказ — телефоны — чертёж/кабинет — поиск — корзина ---------- */
.umr-main .umr-row{min-height:110px;padding-top:10px;padding-bottom:10px;justify-content:space-between}

.umr-logo{flex:none;line-height:0}
.umr-logo a{display:block}
.umr-logo img{display:block;height:66px;width:auto}

.umr-msg{flex:none;display:flex;flex-direction:column;gap:6px}
/* «Быстрый заказ пружин» — везде одинаково: жирный, приглушённый тёмно-серый, небольшой */
.umr-msg__cap{font-size:12px;font-weight:700;color:var(--umr-ink2);line-height:1.1;letter-spacing:.01em;white-space:nowrap}
.umr-msg__row{display:flex;align-items:center;gap:8px}
.umr-msg__row a{width:46px;height:46px;flex:none}

/* ---------- значки мессенджеров (вариант Г-3D) ----------
   Рисунок — SVG внутри этого CSS, в include/site-email.php только ссылки с классами
   umr-mi--tg / umr-mi--max / umr-mi--wa. Стили общие для шапки и подвала. */
.umr-mi{position:relative;display:block;flex:none;width:46px;height:46px;border-radius:25%;background:transparent center/100% 100% no-repeat;box-shadow:0 1px 1px rgba(0,0,0,.12),0 3px 7px -2px rgba(0,0,0,.28);transition:transform .12s,box-shadow .12s,filter .12s;overflow:hidden;font-size:0;line-height:0;text-decoration:none}
.umr-mi:hover{transform:translateY(-2px);box-shadow:0 2px 2px rgba(0,0,0,.1),0 8px 14px -4px rgba(0,0,0,.35);filter:brightness(1.05)}
.umr-mi:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.25);filter:brightness(.96)}
.umr-mi span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.umr-mi--tg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2337BBFE'/%3E%3Cstop offset='1' stop-color='%23007DBB'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.55' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.22'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.45' flood-color='%23000' flood-opacity='.3'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='24' height='24' rx='6' fill='url(%23c)'/%3E%3Crect width='24' height='24' rx='6' fill='url(%23k)'/%3E%3Crect x='1.3' y='1' width='21.4' height='11' rx='5' fill='url(%23h)'/%3E%3Crect x='.35' y='.35' width='23.3' height='23.3' rx='5.65' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='.7'/%3E%3Cg filter='url(%23f)'%3E%3Cmask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='10.6' fill='%23fff'/%3E%3Cpath d='M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z' fill='%23000'/%3E%3C/mask%3E%3Cg transform='translate(12.4 12) scale(1.12) translate(-11.5 -12)'%3E%3Crect width='24' height='24' fill='%23fff' mask='url(%23m)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.umr-mi--max{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%234cf'/%3E%3Cstop offset='.662' stop-color='%2353e'/%3E%3Cstop offset='1' stop-color='%2393d'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='2.83' x2='24' y1='18.25' y2='12' gradientUnits='userSpaceOnUse' href='%23a'/%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.55' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.22'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.45' flood-color='%23000' flood-opacity='.3'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='24' height='24' rx='6' fill='url(%23c)'/%3E%3Crect width='24' height='24' rx='6' fill='url(%23k)'/%3E%3Crect x='1.3' y='1' width='21.4' height='11' rx='5' fill='url(%23h)'/%3E%3Crect x='.35' y='.35' width='23.3' height='23.3' rx='5.65' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='.7'/%3E%3Cg filter='url(%23f)'%3E%3Cg transform='translate(1.2 1.2) scale(.0216)'%3E%3Cpath d='M508.211 878.328c-75.007 0-109.864-10.95-170.453-54.75-38.325 49.275-159.686 87.783-164.979 21.9 0-49.456-10.95-91.248-23.36-136.873-14.782-56.21-31.572-118.807-31.572-209.508 0-216.626 177.754-379.597 388.357-379.597 210.785 0 375.947 171.001 375.947 381.604.707 207.346-166.595 376.118-373.94 377.224m3.103-571.585c-102.564-5.292-182.499 65.7-200.201 177.024-14.6 92.162 11.315 204.398 33.397 210.238 10.585 2.555 37.23-18.98 53.837-35.587a189.8 189.8 0 0 0 92.71 33.032c106.273 5.112 197.08-75.794 204.215-181.95 4.154-106.382-77.67-196.486-183.958-202.574Z' fill='%23fff' fill-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.umr-mi--wa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%235FFC7B'/%3E%3Cstop offset='1' stop-color='%231DAA3C'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='.55' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='.22'/%3E%3C/linearGradient%3E%3Cfilter id='f' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeDropShadow dx='0' dy='.5' stdDeviation='.45' flood-color='%23000' flood-opacity='.3'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='24' height='24' rx='6' fill='url(%23c)'/%3E%3Crect width='24' height='24' rx='6' fill='url(%23k)'/%3E%3Crect x='1.3' y='1' width='21.4' height='11' rx='5' fill='url(%23h)'/%3E%3Crect x='.35' y='.35' width='23.3' height='23.3' rx='5.65' fill='none' stroke='%23fff' stroke-opacity='.35' stroke-width='.7'/%3E%3Cg filter='url(%23f)'%3E%3Cg transform='translate(4.6 4.6) scale(.6167)'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}

/* телефоны столбиком — include/site-phone.php */
.umr-phones{flex:none;display:flex;flex-direction:column;gap:6px}
.umr-hdr .umr-phones__main,
.umr-hdr .umr-phones__alt{color:var(--umr-ink);font-weight:700;line-height:1.05;letter-spacing:.01em;white-space:nowrap}
.umr-hdr .umr-phones__main,
.umr-hdr .umr-phones__alt{font-size:17px}
.umr-hdr .umr-phones__main:hover,
.umr-hdr .umr-phones__alt:hover{color:var(--umr-red)}

/* в site-phone.php номера разделены <br> — для подвала; в шапке переносы не нужны */
.umr-hdr .umr-phones br,
.umr-hdr .umr-panel__phones br{display:none}

/* «Отправить чертёж» + «Личный кабинет» */
.umr-acts{flex:none;display:flex;align-items:center;gap:10px}
.umr-acct{flex:none}
/* «Личный кабинет» — только значок, как корзина (подпись — в title и aria-label) */
.umr-hdr .umr-acct{width:48px;padding:0;gap:0}
.umr-hdr .umr-acct .umr-acct__long,
.umr-hdr .umr-acct .umr-acct__short{display:none!important}
/* «Пригласите нас на тендер» в рабочем ряду — только на компьютере, в две строки */
.umr-hdr .umr-tender-main{display:none}
@media (min-width:992px){
	/* «Отправить фото или чертёж» — в две строки, чтобы кнопка была узкой */
	.umr-hdr .umr-main .umr-draw{padding:0 15px;font-size:13.5px;line-height:1.15;white-space:normal;text-align:left;gap:9px}
	.umr-main .umr-draw__long{display:inline}
	.umr-main .umr-draw__short,
	.umr-main .umr-draw__mini{display:none!important}
	/* светло-красная заливка и красная рамка: заметна на белом, но не спорит с красной «Отправить чертёж» */
	.umr-hdr .umr-btn--ghost.umr-tender-main{display:inline-flex;gap:9px;padding:0 15px;font-size:13.5px;font-weight:700;line-height:1.15;white-space:normal;text-align:left;color:var(--umr-red);background:#fbeceb;border-color:#e3a9a6}
	.umr-hdr .umr-btn--ghost.umr-tender-main:hover{color:var(--umr-red-dark);background:#f6dcda;border-color:var(--umr-red)}
	.umr-hdr .umr-nav .umr-tender{display:none}
}
.umr-end{flex:none;display:flex;align-items:center;gap:8px}

/* поиск — компонент bitrix:search.title, шаблон corp */
.umr-search{flex:0 1 300px;min-width:0}
.umr-search .search{position:relative;margin:0}
.umr-search form{display:flex;align-items:stretch;height:48px;margin:0;border:1.5px solid #d6d2cd;border-radius:9px;overflow:hidden;background:#fff}
.umr-search form:focus-within{border-color:var(--umr-red)}
.umr-search .search-input{flex:1 1 auto;min-width:0;width:100%;height:100%;border:0;outline:none;box-shadow:none;background:#fff;padding:0 14px;font-size:14px;color:var(--umr-ink);border-radius:0}
.umr-search .search-input::placeholder{color:#9b9793}
.umr-search .btn-search{width:50px;flex:none;height:100%;border:0;border-radius:0;padding:0;background:var(--umr-red);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.umr-search .btn-search:hover{background:var(--umr-red-dark)}
.umr-search .btn-search i{color:#fff;font-size:16px;line-height:1}
.umr-search .title-search-result{left:0;right:0;top:100%}
/* десктоп: поиск в серой полосе — компактная высота */
@media (min-width:992px){
	.umr-util .umr-search{flex:0 1 280px}
	.umr-util .umr-search form{height:34px;border-width:1px;border-radius:7px}
	.umr-util .umr-search .search-input{padding:0 12px;font-size:13px}
	.umr-util .umr-search .btn-search{width:40px}
	.umr-util .umr-search .btn-search i{font-size:14px}
}

/* ---------- ссылки: видно, что это ссылка ----------
   Текстовые ссылки (e-mail, телефоны, «Кабинет» текстом, пункты каталога) — с постоянным
   тонким подчёркиванием; при наведении подчёркивание и текст становятся красными.
   Пункты меню (строки с разделителями) — подсветка строки и подчёркивание при наведении.
   Кнопки остаются кнопками. */
.umr-hdr .umr-email__link,
.umr-hdr .umr-phones__main,
.umr-hdr .umr-phones__alt,
.umr-hdr .umr-sbar__phone,
.umr-hdr .umr-util__acct span,
.umr-hdr .umr-catgrp__list a{
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:3px;
	text-decoration-color:rgba(180,24,24,.35);
	transition:color .12s,text-decoration-color .12s;
}
.umr-hdr .umr-catgrp__list a{text-decoration-color:rgba(38,36,31,.22)}
.umr-hdr .umr-email__link:hover,
.umr-hdr .umr-phones__main:hover,
.umr-hdr .umr-phones__alt:hover,
.umr-hdr .umr-sbar__phone:hover,
.umr-hdr .umr-util__acct:hover span,
.umr-hdr .umr-catgrp__list a:hover{color:var(--umr-red);text-decoration-color:currentColor}
.umr-hdr .umr-catdrop__all span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(180,24,24,.4)}
.umr-hdr .umr-catdrop__all:hover span{text-decoration-color:currentColor}
.umr-hdr .umr-catgrp__a:hover,
.umr-hdr .umr-tree__a:hover{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.umr-hdr .umr-tree__row:hover{background:#faf6f5}
.umr-hdr a:focus-visible,
.umr-hdr button:focus-visible,
.umr-hdr [data-event]:focus-visible{outline:2px solid var(--umr-red);outline-offset:2px;border-radius:4px}
.umr-hdr [data-event]{cursor:pointer}

/* кнопки */
.umr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 20px;border-radius:9px;font-size:14.5px;font-weight:600;border:1.5px solid transparent;cursor:pointer;flex:none;white-space:nowrap;background:none;line-height:1}
.umr-btn svg{flex:none}
.umr-btn--red{background:var(--umr-red);color:#fff}
.umr-btn--red:hover{background:var(--umr-red-dark);color:#fff}
.umr-hdr .umr-btn--ghost{border-color:#ddd9d4;color:#26241f;background:#fff}
.umr-hdr .umr-btn--ghost:hover{border-color:var(--umr-red);color:var(--umr-red)}
.umr-btn--white{background:#fff;color:var(--umr-red);height:40px;font-size:14px;font-weight:700;border-radius:7px}
.umr-btn--white:hover{background:#fbeaea;color:var(--umr-red)}
.umr-btn--sm{height:40px;padding:0 15px;font-size:13.5px;border-radius:8px}
.umr-draw__short,
.umr-draw__mini,
.umr-acct__short,
.umr-tender__short{display:none}

.umr-hdr .umr-cart{flex:none;width:48px;height:48px;border-radius:9px;border:1.5px solid var(--umr-line);display:flex;align-items:center;justify-content:center;color:var(--umr-ink);background:#fff}
.umr-hdr .umr-cart:hover{border-color:#b9b4ae;color:var(--umr-red)}
.umr-hdr .umr-cart--sm{width:40px;height:40px;border-radius:8px}

/* ---------- ряд 3: навигация ---------- */
/* тема: header.menu-type-1{height:100px} и {height:90px;padding:30px 0} в стилях меню — у нашей строки свой размер */
.umr-hdr header.umr-nav{height:auto!important;min-height:0;padding:0!important;margin:0!important;clear:none}
/* стили меню темы (menu/top/style.css): header.menu-type-1 > .container{margin-bottom:-34px} тянул страницу под строку */
.umr-hdr header.umr-nav > .container{margin-bottom:0!important}
/* тема ставит отступ заголовку правилом «.menu-type-1 + .main section.page-top» — теперь перед .main стоит наша шапка */
.umr-hdr ~ .main section.page-top{padding:20px 0}
.umr-nav{background:var(--umr-red);border:0}
.umr-nav .umr-nav__row{min-height:56px;align-items:stretch;gap:0;padding-left:0;padding-right:0}

/* «Каталог пружин» — выпадающий список разделов */
.umr-cat{position:relative;flex:none;display:flex}
.umr-hdr .umr-catbtn{display:flex;align-items:center;gap:11px;padding:0 22px;border:0;border-radius:0;background:var(--umr-red-dark);color:#fff;font:inherit;font-size:14px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;cursor:pointer;box-shadow:none}
.umr-hdr .umr-catbtn:hover,
.umr-hdr .umr-catbtn:focus{background:#7d0f0f;color:#fff;outline:none}
.umr-hdr .umr-catbtn:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.umr-catbtn__ico{flex:none}
.umr-catbtn__chev{flex:none;transition:transform .15s}
.umr-cat.is-open .umr-catbtn__chev{transform:rotate(180deg)}

.umr-catdrop{display:none;position:absolute;top:100%;left:0;z-index:1050;width:min(1240px, calc(100vw - 40px));max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:0 0 10px 10px;box-shadow:0 14px 32px rgba(26,24,22,.2);padding:14px 22px 18px 14px;grid-template-columns:250px minmax(0,1fr);column-gap:22px;align-content:start}
.umr-cat.is-open .umr-catdrop{display:grid}
@media (hover:hover) and (min-width:992px){
	.umr-cat:hover .umr-catdrop{display:grid}
	.umr-cat:hover .umr-catbtn__chev{transform:rotate(180deg)}
}
.umr-hdr .umr-catdrop__all{grid-column:1;display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--umr-red);font-weight:700;font-size:14.5px;text-transform:none;letter-spacing:0}
.umr-hdr .umr-catdrop__all:hover{color:var(--umr-red-dark)}
.umr-catgrp{display:contents}
.umr-catgrp__row{grid-column:1;display:flex;align-items:center;border-radius:8px}
.umr-hdr .umr-catgrp__a{flex:1 1 auto;min-width:0;display:block;padding:10px;color:#26241f;font-size:15px;font-weight:600;line-height:1.25;text-transform:none;letter-spacing:0}
.umr-catgrp.has-sub .umr-catgrp__a::after{content:"›";float:right;font-weight:400;color:#9b9793;margin-left:8px}
.umr-catgrp.is-cur .umr-catgrp__row{background:var(--umr-red-pale)}
.umr-hdr .umr-catgrp.is-cur .umr-catgrp__a,
.umr-hdr .umr-catgrp__a:hover{color:var(--umr-red)}
.umr-hdr .umr-catgrp__tg{display:none}
.umr-catgrp__list{grid-column:2;grid-row:1 / -1;display:none;list-style:none;margin:0;padding:4px 0 0 22px;border-left:1px solid #f0edea;columns:4;column-gap:24px;align-self:start}
.umr-catgrp.is-cur .umr-catgrp__list{display:block}
.umr-catgrp__list li{break-inside:avoid;margin:0;padding:0;list-style:none}
.umr-hdr .umr-catgrp__list a{display:block;padding:6px 0;color:#3d3b39;font-size:13.5px;font-weight:400;line-height:1.3;text-transform:none;letter-spacing:0}
.umr-hdr .umr-catgrp__list a:hover{color:var(--umr-red)}

/* меню сайта — компонент bitrix:menu, шаблон top */
.umr-menuwrap{flex:1 1 auto;min-width:0;padding:0 12px;display:flex;align-items:stretch}
.umr-menuwrap .table-menu{width:auto;border:0;background:none;display:flex;align-items:stretch}
.umr-menuwrap .table-menu table{width:auto;margin:0;border:0;background:none}
.umr-menuwrap .table-menu td{border:0;padding:0;background:none;vertical-align:middle}
.umr-menuwrap .table-menu td > .wrap{height:100%}
.umr-menuwrap .table-menu td > .wrap > a{display:flex;align-items:center;height:56px;padding:0 14px;color:var(--umr-red-pale);font-size:14.5px;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
.umr-menuwrap .table-menu td > .wrap > a:hover{color:#fff;background:rgba(0,0,0,.08)}
.umr-menuwrap .table-menu td.active > .wrap > a{color:#fff;border-bottom-color:#fff}
.umr-menuwrap .table-menu td > .wrap > a i{font-size:11px;opacity:.75}
/* тема считает, сколько пунктов помещается, по ширине ближайшего div (.ajax-menu).
   Без этой строки обёртка сжимается по содержимому, и пункты уезжают под «•••». */
.umr-menuwrap .ajax-menu{flex:1 1 auto;width:100%;min-width:0;display:flex;align-items:center}
@media (min-width:992px){
	.umr-hdr .umr-menuwrap.collapse{display:flex!important;height:auto!important;visibility:visible}
}

.umr-tender{align-self:center;margin-left:12px;margin-right:20px}

/* блоки, которые показываются только на своих ширинах */
.umr-sbar,
.umr-mobbar,
.umr-mobbar-sp,
.umr-mobacts,
.umr-panel,
.umr-hdr .umr-mobbar__close{display:none}

/* ============================================================
   ПОЛОСА ПРИ ПРОКРУТКЕ — все устройства
   ============================================================ */
@keyframes umr-slide{from{transform:translateY(-100%)}to{transform:translateY(0)}}
.umr-hdr.is-stuck .umr-sbar{
	display:block;
	position:fixed;top:0;left:0;right:0;z-index:1010;
	background:#fff;box-shadow:0 2px 12px rgba(26,24,22,.14);
	animation:umr-slide .18s ease-out;
}
.umr-sbar .umr-row{min-height:60px;gap:16px}
.umr-hdr .umr-sbar__burger{margin-left:-10px}
.umr-sbar__logo{flex:none;line-height:0}
.umr-slogo{display:block;line-height:0}
.umr-slogo img{display:block;height:40px;width:auto;max-width:120px}
.umr-cat--bar{align-self:center}
.umr-hdr .umr-cat--bar .umr-catbtn{height:40px;padding:0 15px;border-radius:8px;background:var(--umr-red);font-size:13px}
.umr-hdr .umr-cat--bar .umr-catbtn:hover{background:var(--umr-red-dark)}
.umr-cat--bar .umr-catdrop{top:calc(100% + 10px);border-radius:10px}
.umr-sbar__msg{flex:none;display:flex;align-items:center;gap:10px}
/* всё правее «Каталога пружин» — с равными промежутками: у каждого блока margin-left:auto,
   свободное место делится между ними поровну; e-mail и 8-800 на широком экране — отдельные элементы строки */
.umr-sbar__msg,
.umr-sbar__contacts,
.umr-sbar__draw{margin-left:auto}
@media (min-width:1200px){
	.umr-hdr .umr-sbar__contacts{display:contents}
	.umr-sbar .umr-email,
	.umr-hdr .umr-sbar__phone{margin-left:auto}
}
/* «Быстрый заказ пружин» — в две строки, чтобы не занимать ширину */
.umr-sbar__msg .umr-msg__cap{display:block;width:8.4em;white-space:normal;line-height:1.2}
.umr-sbar__msg .umr-msg__row{display:flex;align-items:center;gap:8px}
.umr-sbar__msg .umr-msg__row a{width:38px;height:38px}
.umr-sbar__contacts{flex:none;display:flex;align-items:center;gap:18px}
.umr-hdr .umr-sbar__phone{flex:none;font-size:16px;font-weight:700;color:var(--umr-ink);white-space:nowrap;line-height:1.1}
.umr-hdr .umr-sbar__phone:hover{color:var(--umr-red)}

/* ============================================================
   МЕНЮ ПО БУРГЕРУ — одно на все устройства
   ============================================================ */
@keyframes umr-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
html.umr-noscroll,
html.umr-noscroll body{overflow:hidden}
.umr-panel.is-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}
.umr-panel__shade{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(20,18,16,.45)}
.umr-panel__box{position:absolute;top:0;left:0;bottom:0;width:min(400px, 90vw);background:#fff;display:flex;flex-direction:column;box-shadow:6px 0 28px rgba(20,18,16,.25);animation:umr-in .2s ease-out}
.umr-panel__head{flex:none;display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:0 6px 0 16px;border-bottom:1px solid #ece9e5}
.umr-panel__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

.umr-tree{list-style:none;margin:0;padding:0}
.umr-tree__it{list-style:none;margin:0;padding:0}
.umr-tree__row{display:flex;align-items:stretch;border-bottom:1px solid #f0edea}
.umr-hdr .umr-tree__a{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 16px;color:#26241f;font-size:15px;font-weight:600;line-height:1.25}
.umr-hdr .umr-tree__a:hover{color:var(--umr-red)}
.umr-hdr .umr-tree__tg{flex:none;width:52px;border:0;border-left:1px solid #f0edea;background:none;color:#8a8784;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none}
.umr-hdr .umr-tree__tg:hover{color:var(--umr-red)}
.umr-tree__tg svg{transition:transform .15s}
.umr-tree__it.is-open > .umr-tree__row .umr-tree__tg svg{transform:rotate(180deg)}
.umr-tree__it > .umr-tree{display:none}
.umr-tree__it.is-open > .umr-tree{display:block}
.umr-hdr .umr-tree__it--cat > .umr-tree__row .umr-tree__a{color:var(--umr-red);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}
.umr-tree--1{background:#fbfaf9}
.umr-hdr .umr-tree--1 .umr-tree__a{padding-left:28px;font-size:14.5px}
.umr-tree--2{background:#f4f3f1}
.umr-hdr .umr-tree--2 .umr-tree__a{padding-left:40px;min-height:42px;font-size:14px;font-weight:400}
.umr-tree--0 + .umr-tree--0{border-top:0}

.umr-panel__contacts{padding:18px 16px 6px;display:flex;flex-direction:column;gap:14px}
.umr-panel__phones{display:flex;flex-direction:column;gap:9px}
.umr-panel__msg .umr-msg__cap{display:block;margin-bottom:8px}
.umr-panel__msg .umr-msg__row{display:flex;gap:10px}
.umr-panel__msg .umr-msg__row a{width:44px;height:44px}
.umr-panel__acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 24px}
.umr-panel__acts .umr-btn{height:46px;padding:0 10px;font-size:13.5px;gap:7px}
.umr-panel__acts .umr-btn:first-child,
.umr-panel__acts .umr-btn:nth-child(2){grid-column:1 / -1}
.umr-panel .umr-toast{left:0;transform:translate(0,-4px)}
.umr-panel .umr-toast::before{left:14px}
.umr-panel .umr-email.is-copied .umr-toast{transform:translate(0,0)}

/* полоса при прокрутке до 1399: самый короткий вариант, иначе не хватает ширины */
@media (max-width:1399px){
	.umr-sbar__draw .umr-draw__long,
	.umr-sbar__draw .umr-draw__short{display:none}
	.umr-sbar__draw .umr-draw__mini{display:inline}
}
@media (max-width:1599px){
	.umr-acct__long{display:none}
	.umr-acct__short{display:inline}
}

/* ---------- 1280 и ниже ---------- */
@media (max-width:1279px){
	.umr-hdr .umr-row{gap:12px}
	.umr-logo img{height:56px}
	.umr-main .umr-row{min-height:100px}
	.umr-msg__row a{width:42px;height:42px}
	.umr-hdr .umr-phones__main,
	.umr-hdr .umr-phones__alt{font-size:16px}
	.umr-btn{padding:0 15px;font-size:14px}
	.umr-acts{gap:8px}
	.umr-search{flex-basis:260px}
	.umr-hdr .umr-catbtn{padding:0 16px;font-size:13px}
	.umr-menuwrap .table-menu td > .wrap > a{padding:0 10px;font-size:13.5px}
	.umr-tender__long{display:none}
	.umr-tender__short{display:inline}
	.umr-sbar .umr-row{gap:10px}
	.umr-sbar__msg .umr-msg__row a{width:34px;height:34px}
	.umr-sbar__msg .umr-msg__row{gap:6px}
	.umr-sbar__contacts{gap:14px}
	.umr-catgrp__list{columns:3}
}
@media (max-width:1199px){
	.umr-util__hours,
	.umr-sep--hours{display:none}
	.umr-draw__long,
	.umr-draw__short{display:none}
	.umr-draw__mini{display:inline}
	.umr-tender{padding:0 14px;font-size:13px;margin-left:8px;margin-right:15px}
	.umr-hdr .umr-catbtn{padding:0 14px}
	.umr-menuwrap{padding:0 6px}
	.umr-menuwrap .table-menu td > .wrap > a{padding:0 9px;font-size:13px}
}
/* 992–1199: полоса при прокрутке — e-mail и 8-800 столбиком, чтобы поместилась подпись «Быстрый заказ пружин» */
@media (min-width:992px) and (max-width:1199px){
	.umr-sbar__contacts{flex-direction:column;align-items:center;gap:2px}
	.umr-hdr .umr-sbar__phone{margin-right:29px}
	.umr-sbar .umr-email__ico{display:none}
	.umr-sbar .umr-email{font-size:13.5px;gap:5px}
	.umr-hdr .umr-sbar .umr-copy{width:24px;height:24px}
	.umr-hdr .umr-sbar__phone{font-size:15px}
}
@media (min-width:992px) and (max-width:1099px){
	.umr-sbar .umr-email__ico{display:none}
	.umr-hdr .umr-sbar__phone{font-size:15px}
	.umr-util__left{display:none}
	.umr-cat__word{display:none}
	.umr-tender svg{display:none}
	.umr-logo img{height:50px}
	.umr-menuwrap .table-menu td > .wrap > a{padding:0 8px}
	.umr-acct{width:48px;padding:0}
	.umr-acct__short{display:none}
}

/* ============================================================
   ПЛАНШЕТ И ТЕЛЕФОН — общее
   ============================================================ */
@media (max-width:991px){

	.umr-mobbar{
		display:block;
		position:fixed;top:0;left:0;right:0;z-index:1001;
		background:#fff;
		box-shadow:0 2px 10px rgba(26,24,22,.14);
	}
	.umr-mobbar .umr-row{min-height:56px;gap:6px}
	.umr-mobbar-sp{display:block;height:56px}
	.umr-mobbar__logo{flex:1 1 auto;min-width:0;display:flex;align-items:center;line-height:0}
	.umr-mobbar__logo a{display:block}
	.umr-mobbar__logo img{display:block;height:34px;width:auto}

	.umr-logo,
	.umr-main .umr-cart{display:none}
	.umr-draw__long{display:inline}
	.umr-draw__short{display:none}

	/* меню сайта — в панели по бургеру; строка темы скрыта */
	.umr-hdr .umr-menuwrap{display:none!important}

	/* полоса при прокрутке: без каталога (он в бургере), e-mail над телефоном */
	.umr-sbar .umr-row{min-height:56px;gap:10px}
	.umr-cat--bar{display:none}
	.umr-sbar .umr-email__ico{display:none}
	/* e-mail и 8-800 столбиком, номер по центру адреса (кнопка копирования 24 + 5 px не в счёт) */
	.umr-sbar__contacts{flex-direction:column;align-items:center;gap:2px}
	.umr-sbar .umr-email{font-size:13.5px;gap:5px}
	.umr-hdr .umr-sbar .umr-copy{width:24px;height:24px}
	.umr-hdr .umr-sbar__phone{font-size:15px;margin-right:29px}

	.umr-nav .umr-nav__row{min-height:0;position:relative}
	.umr-cat{position:static}
	.umr-hdr .umr-catbtn{height:48px}
	.umr-catdrop{left:0;right:0;width:auto;border-radius:0;padding:8px 0 10px}
	.umr-cat.is-open .umr-catdrop{display:block}
	.umr-hdr .umr-catdrop__all{padding:10px 15px}
	.umr-catgrp{display:block;border-top:1px solid #f0edea}
	.umr-catgrp.is-cur .umr-catgrp__row{background:none}
	.umr-hdr .umr-catgrp.is-cur .umr-catgrp__a{color:#26241f}
	.umr-catgrp.has-sub .umr-catgrp__a::after{content:none}
	.umr-hdr .umr-catgrp__a{padding:12px 15px}
	.umr-hdr .umr-catgrp__tg{display:flex;align-items:center;justify-content:center;flex:none;width:52px;align-self:stretch;border:0;border-left:1px solid #f0edea;background:none;color:#8a8784;padding:0;margin:0;cursor:pointer;box-shadow:none}
	.umr-catgrp__tg svg{transition:transform .15s}
	.umr-catgrp.is-open .umr-catgrp__tg svg{transform:rotate(180deg)}
	.umr-catgrp__list,
	.umr-catgrp.is-cur .umr-catgrp__list{display:none;columns:2;padding:4px 15px 10px 27px;border-left:0;background:#fbfaf9}
	.umr-catgrp.is-open .umr-catgrp__list{display:block}
}

/* ============================================================
   ПЛАНШЕТ 768–991
   Липкая строка: бургер — логотип — e-mail — поиск — корзина.
   Серой полосы нет: e-mail наверху, кабинет — рядом с «Чертежом».
   ============================================================ */
@media (min-width:768px) and (max-width:991px){

	.umr-mobbar__logo{flex:0 0 130px}
	.umr-hdr .umr-mobbar__search,
	.umr-hdr .umr-mobbar__call{display:none}
	.umr-mobbar .umr-email--bar{display:inline-flex;margin-left:12px;font-size:13px;gap:5px}
	.umr-mobbar .umr-email--bar .umr-email__ico{display:none}
	.umr-hdr .umr-mobbar__cart{margin-left:auto}
	.umr-search{position:absolute;width:0;height:0;margin:0}
	.umr-search .search{position:fixed;top:6px;right:71px;left:auto;width:min(300px, calc(100vw - 560px));z-index:1002}
	.umr-search form{height:44px;border-radius:9px}
	.umr-search .btn-search{width:46px}

	/* серой полосы нет; из неё остаётся только поиск (он закреплён в верхней строке) */
	.umr-util{background:none;border:0}
	.umr-hdr .umr-util__grid{min-height:0;height:0}
	.umr-util__left,
	.umr-util__center,
	.umr-util__right{display:none}
	.umr-sbar__msg .umr-msg__cap{display:none}
	.umr-sbar__msg .umr-msg__row a{width:38px;height:38px}
	.umr-sbar__msg .umr-msg__row{gap:8px}
	.umr-sbar__draw .umr-draw__long,
	.umr-sbar__draw .umr-draw__short{display:none}
	.umr-sbar__draw .umr-draw__mini{display:inline}

	/* рабочий ряд: быстрый заказ — телефоны — чертёж + кабинет */
	.umr-main .umr-row{min-height:0;padding:12px 15px;gap:16px}
	.umr-msg__row a{width:44px;height:44px}
	.umr-acts .umr-btn{height:46px}
	.umr-acct__long{display:none}
	.umr-acct__short{display:inline}

	/* красная строка: каталог слева, тендер справа */
	.umr-nav .umr-nav__row{flex-wrap:wrap;align-items:center}
	.umr-menuwrap{order:3}
	.umr-tender{margin-left:auto;margin-right:15px;order:2}
}

/* ============================================================
   ТЕЛЕФОН до 767
   ============================================================ */
@media (max-width:767px){

	.umr-hdr .umr-row{gap:8px}

	/* поиск скрыт, открывается лупой прямо в липкой полосе */
	.umr-search{display:none}
	.umr-hdr.is-search .umr-search{display:block;flex:0 0 0;width:0;height:0}
	.umr-hdr.is-search .umr-search .search{position:fixed;top:6px;left:15px;right:67px;z-index:1002}
	.umr-hdr.is-search .umr-search form{height:44px}
	.umr-hdr.is-search .umr-mobbar__burger,
	.umr-hdr.is-search .umr-mobbar__logo,
	.umr-hdr.is-search .umr-mobbar__search,
	.umr-hdr.is-search .umr-mobbar__call,
	.umr-hdr.is-search .umr-mobbar__cart{display:none}
	.umr-hdr.is-search .umr-mobbar .umr-mobbar__close{display:flex;margin-left:auto}

	/* полоса: e-mail и кабинет */
	.umr-hdr .umr-util__grid{display:flex;justify-content:space-between;gap:8px;min-height:44px}
	.umr-util__left,
	.umr-util__hours,
	.umr-util__soc,
	.umr-sep{display:none}
	.umr-hdr .umr-util__acct{display:flex}
	.umr-email{font-size:13px;gap:5px}
	.umr-toast{left:0;transform:translate(0,-4px)}
	.umr-toast::before{left:14px}
	.umr-email.is-copied .umr-toast{transform:translate(0,0)}

	/* рабочий ряд: только «Быстрый заказ пружин» */
	.umr-main .umr-row{min-height:0;padding:12px 15px 6px}
	.umr-msg{flex:1 1 auto;flex-direction:row;align-items:center;gap:10px}
	.umr-msg__cap{flex-grow:1;font-size:14px;line-height:1.2;white-space:normal}
	.umr-msg__row a{width:44px;height:44px}
	.umr-main .umr-phones,
	.umr-main .umr-acct,
	.umr-acts,
	.umr-end{display:none}

	/* кнопки — над «Каталогом пружин» */
	.umr-mobacts{display:flex;gap:8px;padding:6px 15px 12px;background:#fff}
	.umr-mobacts .umr-btn{flex:1 1 0;min-width:0;height:46px;padding:0 8px;font-size:13.5px;gap:7px;white-space:normal;text-align:center;line-height:1.15}

	/* полоса при прокрутке: бургер — лого — e-mail/8-800 */
	.umr-sbar .umr-row{gap:6px}
	.umr-sbar__msg,
	.umr-sbar__draw{display:none}
	.umr-sbar__contacts{margin-left:auto;align-items:center}
	.umr-sbar .umr-slogo img{height:auto;max-height:40px;max-width:76px}
	.umr-sbar .umr-email{font-size:13px;gap:4px}
	/* 8-800 — по центру адреса (без учёта кнопки копирования 24 + 4 px) */
	.umr-hdr .umr-sbar__phone{margin-right:28px}

	/* каталог: на всю ширину, список раскрывается под полосой */
	.umr-nav .umr-nav__row{flex-direction:column;align-items:stretch;padding:0}
	.umr-cat{flex-direction:column}
	.umr-hdr .umr-catbtn{width:100%;padding:0 15px;letter-spacing:.05em}
	.umr-catbtn__chev{margin-left:auto}
	.umr-catdrop{position:static;box-shadow:none;border-bottom:1px solid #e6e3df}
	.umr-catgrp__list,
	.umr-catgrp.is-cur .umr-catgrp__list{columns:1}
	.umr-tender{display:none}
}
@media (max-width:480px){
	.umr-mobacts .umr-btn svg{display:none}
}
@media (max-width:389px){
	.umr-sbar .umr-email{font-size:12.5px}
	.umr-hdr .umr-sbar__phone{font-size:14px}
	.umr-slogo img{height:36px}
	.umr-hdr .umr-util__grid{gap:6px}
	.umr-email{font-size:12.5px;gap:4px}
	.umr-hdr .umr-copy{width:26px;height:26px}
	.umr-msg__cap{font-size:13.5px}
	.umr-mobacts .umr-btn{font-size:13px}
}
@media (max-width:349px){
	.umr-util__acct span{display:none}
}

/* ============================================================
   ПОДВАЛ — те же include-файлы (site-mail.php, site-email.php, site-phone.php)
   ============================================================ */
footer .info .umr-foot-msg{margin:6px 0 12px 14px}
footer .info .umr-foot-msg .umr-msg__cap{display:block;margin:0 0 6px;font-size:inherit;color:inherit;white-space:normal}
footer .info .umr-foot-msg .umr-msg__row{display:inline-flex;align-items:center}
footer .info .umr-foot-msg .umr-msg__row{gap:12px}
footer .info .umr-foot-msg .umr-mi{width:40px;height:40px}
footer .info .phone .umr-phones__main,
footer .info .phone .umr-phones__alt{display:inline-block;margin:0 0 6px}

@media print{
	.umr-util,.umr-nav,.umr-search,.umr-msg,.umr-cart,.umr-mobacts,.umr-mobbar,.umr-mobbar-sp,.umr-sbar,.umr-panel,.umr-copy,.umr-toast{display:none}
	.umr-main .umr-row{min-height:0;padding:0}
	.umr-logo{display:block}
}

/* ===== Энергия Металла: свой логотип, без корзины и кабинета ===== */
.umr-hdr .umr-logo img{height:66px!important;width:auto!important}
.umr-hdr .umr-mobbar__logo img{height:34px!important;width:auto!important}
@media (max-width:1279px){.umr-hdr .umr-logo img{height:56px!important}}
@media (min-width:992px) and (max-width:1099px){.umr-hdr .umr-logo img{height:50px!important}}
@media (min-width:768px) and (max-width:991px){
.umr-hdr .umr-search .search{right:15px;width:min(300px, calc(100vw - 520px))}
.umr-hdr .umr-mobbar .umr-email--bar{margin-left:auto}
}
@media (max-width:767px){
.umr-hdr .umr-mobacts .umr-btn{flex:0 1 auto;margin:0 auto;padding:0 20px}
}
/* кнопка в рабочем ряду: ровно одна подпись на любой ширине */
@media (max-width:991px){
.umr-hdr .umr-main .umr-draw .umr-draw__long{display:inline}
.umr-hdr .umr-main .umr-draw .umr-draw__short,
.umr-hdr .umr-main .umr-draw .umr-draw__mini{display:none!important}
}
@media (max-width:991px){
.umr-hdr .umr-main .umr-draw .umr-draw__long{display:inline}
.umr-hdr .umr-main .umr-draw .umr-draw__short,
.umr-hdr .umr-main .umr-draw .umr-draw__mini{display:none!important}
}
@media (max-width:991px){
.umr-hdr .umr-main .umr-draw .umr-draw__long{display:inline}
.umr-hdr .umr-main .umr-draw .umr-draw__short,
.umr-hdr .umr-main .umr-draw .umr-draw__mini{display:none!important}
}