/* kafe-soft.ru: освежение дизайна, вариант B «Светлый современный» (Hermes, 03.11.2026). Откат: убрать подключение в header.php шаблонов main/inner. */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/kafesoft-fresh/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* kafe-soft.ru refresh — общий слой: только CSS поверх шаблонов main/inner, разметку не меняет.
   Варианты задают переменные в a.css / b.css / c.css. */

:root {
  --font: "Golos Text", "Segoe UI", Arial, sans-serif;
  --ink: #2b211d;
  --muted: #6f625b;
  --accent: #f26b1d;
  --accent-ink: #fff;
  --brand: #872d15;
  --page: #f6f3ef;
  --card: #fff;
  --line: #ece4dc;
  --r: 14px;
  --r-sm: 10px;
  --r-pill: 999px;
  --shadow: 0 6px 24px rgba(60, 30, 10, .08);
  --menu-bg: var(--brand);
  --menu-ink: #fff;
  --head: var(--brand);
}

/* шрифт: перебиваем <font face>, inline font-family из редактора и Myriad/Times шаблона */
body, body * { font-family: var(--font) !important; }
body { color: var(--ink); background: var(--page) !important; -webkit-font-smoothing: antialiased; }
.wrapper { background: var(--card) !important; border-radius: 0 0 var(--r) var(--r); box-shadow: var(--shadow) !important; overflow: hidden; }

a { color: var(--brand); text-decoration-color: rgba(135, 45, 21, .3); text-underline-offset: 3px; }
a:hover { color: var(--accent); }

/* заголовки: без курсива и Times */
h1, h2, h3, .wq, .h-nowork, .h-work, .h-news, .h-end, div.zagl_right, p.podzagl, .podzagl,
.middle h1 font, .middle h2 font { font-style: normal !important; color: var(--head) !important; letter-spacing: -.01em; }
.middle h1, .middle h1 font { font-weight: 700 !important; }
.middle p, .middle li, .middle td, .middle font { line-height: 1.55; }
.middle font[size="2"], .middle p.text_3 font, .middle .MsoNormal font { font-size: 15px !important; }

/* меню */
div.menu { background: var(--menu-bg) !important; border-radius: var(--r) !important; }
div.menu_cont a, td.menu div a > span { white-space: nowrap !important; }
div.menu_cont img { vertical-align: middle; }
td.menu_search div, td.menu_search form { background: transparent !important; }
/* лид-заголовок главной: новый шрифт шире Times — даём переноситься */
.wq { height: auto !important; font-size: 22px !important; line-height: 1.3 !important; padding: 18px 70px 10px 10px !important; position: relative; }
.wq img { position: absolute; right: 12px; top: 10px; }
td.menu_search input[type="text"], div.poisk input[type="text"] {
  border-radius: var(--r-pill) !important; border: 1px solid var(--line) !important; padding-left: 14px !important; outline: none;
}
div.menu_cont a, td.menu div a > span, td.menu div > span { color: var(--menu-ink) !important; font-size: 13px !important; font-weight: 500; }
td.menu_activ, td.menu .menu_cont:hover { background-color: rgba(255, 255, 255, .12) !important; border-radius: var(--r-sm); }

/* хлебные крошки */
div.navig { color: var(--muted); font-size: 13px; }

/* все рамочные блоки и картинки — со скруглением */
.lid, .lid .form, .cifru, .nowork, div.port_item, div.port_item img, ul.novosti img, ul.project img,
img.banner, .m-end img.banner, .right-sidebar img, .middle img.img, .lid img.img, div.header_rast,
div.border_spis, div.price_inner table, table.got_resh, td.got_resh_item, div.text_1, table.act_nov,
.middle table[border="1"] { border-radius: var(--r) !important; }
.lid, .cifru, .nowork, div.port_item, table.got_resh, .middle table[border="1"] { overflow: hidden; }
.middle table[border="1"] { border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--line) !important; }
.middle table[border="1"] td { border: 0 !important; border-bottom: 1px solid var(--line) !important; padding: 10px 12px !important; }
.middle table[border="1"] tr:last-child td { border-bottom: 0 !important; }

/* кнопки: плоские, скруглённые, без стеклянных картинок */
.lid .form button, .form button, input[type="submit"], button,
a.alx_feedback_popup, a[id^="form_id_FID"] {
  border-radius: var(--r-pill) !important; border: 0 !important; box-shadow: none !important;
}
a.alx_feedback_popup, a[id^="form_id_FID"] {
  background: var(--accent-btn, #d4520c) !important; color: var(--accent-ink) !important; display: inline-flex !important;
  align-items: center; justify-content: center; text-align: center; font-weight: 600 !important; text-decoration: none !important;
  text-indent: 0 !important; transition: transform .15s ease, filter .15s ease;
}
/* главная кнопка заявки в блоке консультации (был текст на картинке btn-1.png) */
.lid .form a.alx_feedback_popup { width: 100% !important; height: 52px !important; font-size: 16px !important; line-height: 1.2 !important; padding: 0 16px !important; box-sizing: border-box; }
/* «Перезвоните мне!» в шапке — компактная пилюля по ширине текста */
.h_top a.alx_feedback_popup { width: auto !important; height: auto !important; padding: 5px 14px !important; font-size: 13px !important; line-height: 1.3 !important; white-space: nowrap; margin-top: 4px; }
a.alx_feedback_popup:hover, a[id^="form_id_FID"]:hover { filter: brightness(1.06); transform: translateY(-1px); }
a.alx_feedback_popup *, a[id^="form_id_FID"] * { color: var(--accent-ink) !important; }
input[type="text"], textarea { border-radius: var(--r-sm) !important; }

/* прайс решения (catalog-список) */
tr.list td, td.img img { border-radius: var(--r-sm); }
div.price, div.quantity { border-radius: var(--r-sm) !important; }
div.price { background: #fbf7f3 !important; border-color: var(--line) !important; font-weight: 600 !important; }
tr.blue td, tr.orange td, tr.gray td, tr.grey td { border-radius: 0 !important; }
tr.blue td:first-child, tr.orange td:first-child, tr.gray td:first-child, tr.grey td:first-child,
table.end_spisok td:first-child { border-radius: var(--r-sm) 0 0 var(--r-sm) !important; }
tr.blue td:last-child, tr.orange td:last-child, tr.gray td:last-child, tr.grey td:last-child,
table.end_spisok td:last-child { border-radius: 0 var(--r-sm) var(--r-sm) 0 !important; }
/* итоги: читаемый контраст, единый блок «Итого» без разрыва со стрелкой */
.price_inner .summ_spisok .grey td { background: #5f5550 !important; color: #fff !important; }
.price_inner .summ_spisok .blue td { background: var(--brand) !important; color: #fff !important; }  /* синяя строка выбивалась из палитры */
.price_inner .summ_spisok .orange td { background: #c9520f !important; color: #fff !important; }
.price_inner .summ_spisok td { padding: 10px 14px !important; font-weight: 600; }
.price_inner .end_spisok { border-collapse: separate !important; border-spacing: 0; border-radius: var(--r) !important; overflow: hidden; }
.price_inner .end_spisok td { background: #c9520f !important; color: #fff !important; border-radius: 0 !important; font-weight: 700; padding: 14px 16px !important; }
.price_inner .end_spisok td.c { width: 1px; padding: 0 !important; }
.price_inner .end_spisok td.c img { display: none; }
.price_inner .end_spisok td.r { font-size: 22px !important; text-align: right; }

/* сайдбар */
.right-sidebar > * { border-radius: var(--r); }
ul.novosti li, ul.project li { border-radius: var(--r-sm); }

/* подвал */
.footer .b_menu { background: var(--brand) !important; }
.footer { border-radius: 0; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* поиск в меню: кнопка-лупа внутри поля, а не под ним */
td.menu_search div { display: flex !important; align-items: center; }
td.menu_search input[type="text"] { box-sizing: border-box; width: 160px !important; height: 26px !important; padding-right: 30px !important; }
td.menu_search input[type="image"] { margin-left: -28px !important; position: relative; float: none !important; }
/* «Мы в цифрах»: без «одометра» 5-6-7 и мелких подписей на ободке кружков */
.cifru>div p>span.osn { visibility: hidden; }
.cifru>div p>span.sub { display: none !important; }
/* цены в списке решения — в одну строку */
div.price { white-space: nowrap !important; width: auto !important; height: auto !important; min-width: 110px; padding: 8px 14px !important; line-height: 1.3 !important; box-sizing: border-box; text-align: center; }
/* кнопки заявки в сайдбаре — по высоте текста */
.right-sidebar a.alx_feedback_popup, td.left_part_2 a.alx_feedback_popup { height: auto !important; min-height: 48px; padding: 12px 20px !important; line-height: 1.25 !important; white-space: normal; box-sizing: border-box; background-image: none !important; }
/* Вариант B «Светлый современный»: светлое меню, тёмные заголовки, оранжевый только для действий */
:root { --font: "Manrope", "Segoe UI", Arial, sans-serif; --r: 18px; --r-sm: 12px;
  --page: #f3f4f6; --brand: #7a2b14; --head: #1f1a17; --ink: #2a2522; --accent: #ff6a13;
  --menu-bg: #fff; --menu-ink: #2a2522; --line: #e7e5e2; --shadow: 0 10px 30px rgba(20, 20, 30, .07); }
div.menu { border: 1px solid var(--line); }
td.menu_activ, td.menu .menu_cont:hover { background-color: #fff2e9 !important; }
.lid { border: 1px solid var(--line) !important; box-shadow: var(--shadow); }
.lid .form { background: #fff7f1 !important; border: 0 !important; }
.cifru { background: #1f1a17 !important; }
.cifru * { color: #fff !important; text-shadow: none !important; }
.cifru>div p>span.osn_orange, .cifru>div p>span.osn { color: var(--accent) !important; }
.nowork { background: linear-gradient(90deg, var(--accent) 0 28%, #2a2522 28% 100%) !important; }
.h-nowork, .h-work, .h-news, .h-end { font-weight: 800 !important; }
.footer .b_menu { background: #1f1a17 !important; }

.cifru>div p span { color: var(--accent) !important; } .cifru>div>span { color: #fff !important; }
/* поле поиска на белом меню — заметнее */
td.menu_search input[type="text"], div.poisk input[type="text"] { background: #f3f4f6 !important; border-color: #d9d6d2 !important; color: #2a2522 !important; }

/* === правка 03.11.2026 №2: выпадающее меню, наведение, цифры в кругах === */
/* выпадающее меню: светлая карточка со скруглением вместо тёмно-бордового прямоугольника */
div.bottom_spisok, div.right_spisok {
  background: #fff !important; border: 1px solid var(--line) !important; border-radius: var(--r-sm) !important;
  box-shadow: 0 12px 32px rgba(20, 20, 30, .16) !important; padding: 6px !important;
  min-width: 230px !important; max-width: none !important; width: auto !important; box-sizing: border-box;
}
div.bottom_item, div.right_item { background: transparent !important; border-radius: 8px !important; margin: 0 !important; padding: 8px 12px !important; }
div.bottom_item a, div.right_item a { color: #2a2522 !important; font-size: 14px !important; line-height: 1.35 !important; white-space: normal !important; }
div.bottom_item:hover, div.right_item:hover, div.item_activ { background: #fff2e9 !important; }
div.bottom_item:hover > a, div.right_item:hover > a, div.item_activ > a { color: var(--brand) !important; }
td.menu:last-child div.bottom_spisok, td.menu:nth-last-child(2) div.bottom_spisok { left: auto; right: 0; }
td.menu:nth-last-child(-n+3) div.right_spisok { left: auto !important; right: 100%; }
/* пункт меню при наведении/открытии — скруглённая плашка, а не прямоугольник */
td.menu .menu_cont > a.hover, td.menu .menu_cont > a:hover {
  background: var(--accent-btn, #d4520c) !important; border-radius: var(--r-sm) !important;
}
td.menu .menu_cont > a.hover, td.menu .menu_cont > a.hover span, td.menu .menu_cont > a:hover span { color: #fff !important; }
td.menu_activ { background: transparent !important; }

/* «Мы в цифрах»: цифры строго по центру круга */
.cifru > div > p {
  display: flex !important; align-items: center; justify-content: center;
  width: 117px !important; height: 117px !important; padding: 0 !important; margin: 0 auto 12px !important;
  background-position: center !important; box-sizing: border-box; line-height: 1 !important;
}
.cifru > div > p > br, .cifru > div p > span.sub, .cifru > div p > span.osn { display: none !important; }
.cifru > div p > span.center { margin: 0 !important; font-size: 48px !important; line-height: 1 !important; }
.cifru > div p > span.osn_orange { font-size: 36px !important; line-height: 1 !important; letter-spacing: -.02em; display: inline-flex; align-items: center; }
.cifru > div .p5 .small { font-size: 20px !important; vertical-align: 0 !important; }
.cifru > div > p > img { display: block; margin: 0 auto; }

/* фото-плитки разделов и картинки из медиатеки — со скруглением */
.middle img[src*="/upload/"] { border-radius: var(--r-sm); }