/* заміна, а не нашарування: старий підвал Elementor прибрано */
body.fp .elementor-location-footer{display:none!important}

/* ——— Шапка: числа з Main.html на чинні вузли ———
   Розмітку шапки не перебираємо: у ній живий AJAX-пошук, кошик (він відкриває
   нашу бічну панель), кабінет і перемикач Polylang — сніпет цієї обв'язки не
   містить. Тому вішаємо на наявні вузли РІВНО ті числа, що в макеті.
   Тільки десктоп: мобільна шапка вже зведена окремо (64 px, тап-зони 44). */
@media (min-width:1101px){
 /* верхній рядок: контейнер 1330, поля 16/24, зазор 24 (було 0 / 15 / 1600) */
 body.fp .elementor-element-4977e9df>.e-con-inner{
  max-width:1330px!important;padding:16px 24px!important;gap:24px!important;align-items:center!important}
 body.fp .elementor-element-25a614cd img{height:40px!important;width:auto!important}

 /* поле пошуку 44 px, рамка #e1e1e1 без правої, 14/500, радіус 0 (було 17 px) */
 body.fp .etheme-search-form-input{
  height:44px!important;box-sizing:border-box!important;border:1px solid #e1e1e1!important;
  border-right:0!important;padding:0 16px!important;font-size:14px!important;font-weight:500!important;
  color:#222!important;border-radius:0!important}
 /* кнопка 48×44, чорна, без радіуса */
 body.fp .etheme-search-form-submit{
  width:48px!important;height:44px!important;min-width:48px!important;background:#000!important;
  color:#fff!important;border:0!important;border-radius:0!important}

 /* телефон 15/700 #222 (було 15/600 #555) */
 body.fp .fp-hphone{font-size:15px!important;font-weight:700!important;color:#222!important;gap:8px!important}

 /* чорне меню: контейнер 1330, поля 0/24, зазор 32, висота 52 */
 body.fp .elementor-element-31bd6029>.e-con-inner{
  max-width:1330px!important;padding:0 24px!important;gap:32px!important;
  min-height:52px!important;align-items:center!important}
 body.fp .elementor-element-3342ee12 .elementor-item{
  font-size:15px!important;font-weight:500!important;color:#fff!important;padding:15px 0!important}
 /* поточний пункт — підкреслення 2 px брендовим блакитним */
 body.fp .elementor-element-3342ee12 .current-menu-item>.elementor-item,
 body.fp .elementor-element-3342ee12 .elementor-item.elementor-item-active{
  box-shadow:inset 0 -2px 0 #56b9e8!important}

 /* кошик: рамка 1px білим, радіус 5, поля 8/14, 14/700 (було 16,8/400 без рамки) */
 body.fp [data-widget_type^="theme-etheme_cart"] a.elementor-button{
  font-size:14px!important;font-weight:700!important;color:#fff!important;
  border:1px solid #fff!important;border-radius:5px!important;padding:8px 14px!important;gap:8px!important}

 /* смуга категорій: тло #f9f9f9, лінія знизу, поля 12/24, зазор 12, по центру */
 body.fp .elementor-element-1bd16e8b{
  background:#f9f9f9!important;border-bottom:1px solid #e1e1e1!important}
 body.fp .elementor-element-1bd16e8b>.e-con-inner{
  max-width:1330px!important;padding:12px 24px!important}
 body.fp .fcb{
  gap:12px!important;justify-content:center!important;background:none!important;
  border:0!important;padding:0!important;flex-wrap:wrap!important;overflow:visible!important}
 /* плитка 96, зазор 6, 13 px #555; іконка 64×64 без рамки й підкладки */
 body.fp .fcb .fcb-item{
  width:96px!important;gap:6px!important;font-size:13px!important;color:#555!important;
  opacity:1!important;font-weight:400!important}
 body.fp .fcb .fcb-item .fcb-ico{
  width:64px!important;height:64px!important;max-width:64px!important;object-fit:contain!important;
  padding:0!important;border:0!important;background:none!important;border-radius:0!important}
 body.fp .fcb .fcb-item[aria-current]{color:#1b1f24!important;font-weight:700!important}
 body.fp .fcb .fcb-item[aria-current] span{box-shadow:0 2px 0 #56b9e8!important}
 body.fp .fcb .fcb-item[aria-current] .fcb-ico{border:0!important}
}

/* ⚠️ Мобільний блок містка знято. Дві спроби підігнати рядок під 64 px
   ламали баланс країв: логотип їхав то вліво (центр 49), то вправо (216),
   рядок розповзався до 190 px. До містка мобільна шапка вже була зведена
   окремо і виміряна: тап-зони 44×44, логотип по центру (188 при 187,5),
   перелив 0. Лишаємо як є; підгонка під 64 px — окремим заходом із
   перебиранням самої розмітки, а не накиданням flex-basis поверх Elementor. */


/* ——— Головна, «Нам довіряють»: числа з Main.html (trust-1009) ———
   Макет: відступ зверху 56, заголовок 22/700, сітка 7 колонок із зазором 12,
   клітинка 84 px заввишки з полями 0 14 і рамкою 1px #e1e1e1,
   логотип max-height 56 / max-width 150, grayscale(1) opacity .8.
   Було: відступ 32, заголовок 30, клітинка 150 з полями 22/26 — секція
   виходила 413 px проти 234 у макеті. */
@media (min-width:1101px){
 body.fp .elementor-element-8c94be6{margin-top:56px!important}
 body.fp .elementor-element-8c94be6 .elementor-heading-title,
 body.fp .elementor-element-8c94be6 h2{font-size:22px!important;font-weight:700!important;color:#1b1f24!important}
 body.fp .fp-partners{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:12px!important}
 body.fp .fp-partners .fp-partner{
  height:84px!important;min-height:84px!important;padding:0 14px!important;
  border:1px solid #e1e1e1!important;background:#fff!important;
  display:flex!important;align-items:center!important;justify-content:center!important}
 body.fp .fp-partners .fp-partner img{
  max-height:56px!important;max-width:150px!important;width:auto!important;height:auto!important;
  object-fit:contain!important;filter:grayscale(1)!important;opacity:.8!important}
}


/* ——— Головна: числа з Main.html (home-1009) ———
   Заміряно блок за блоком проти макета (висота макет → сайт):
   hero 668 → 734, USP+Рішення 575 → 556, товари 617 → 661,
   форма 242 → 362, «Про компанію» 409 → 481, логотипи 234 → 413.
   Нижче — те, що задається числами; різниця форми — через поле
   «повідомлення», якого в макеті немає (рішення власника, не чіпаю). */
@media (min-width:1101px){
 /* контейнер секцій: 1330 з полями 24 (було 1410 без полів) */
 body.fp .elementor-element-285b2ae>.e-con-inner,
 body.fp .elementor-element-20e518b>.e-con-inner,
 body.fp .elementor-element-2fa0fce>.e-con-inner{
  max-width:1330px!important;padding-left:24px!important;padding-right:24px!important}

 /* hero: відступ 24, h1 34/1.12/700, лід 16/1.6 (h1 був 23/26) */
 body.fp .elementor-element-285b2ae{margin-top:24px!important}
 body.fp .elementor-element-285b2ae h1,
 body.fp .elementor-element-285b2ae .elementor-heading-title{
  font-size:34px!important;line-height:1.12!important;font-weight:700!important;color:#1b1f24!important}
 body.fp .elementor-element-285b2ae p{font-size:16px!important;line-height:1.6!important;color:#555!important}

 /* форма: відступ 64, картка #f9f9f9 радіус 12 з полями 40/48 і зазором 48, h2 24 */
 body.fp .elementor-element-20e518b{margin-top:64px!important}
 body.fp .elementor-element-20e518b>.e-con-inner{
  padding:40px 48px!important;gap:48px!important;border-radius:12px!important;align-items:center!important}
 body.fp .elementor-element-20e518b .elementor-heading-title,
 body.fp .elementor-element-20e518b h2{font-size:24px!important;line-height:1.25!important;font-weight:700!important}

 /* «Про компанію»: відступ 64, сітка 1.05fr 1fr із зазором 56 по центру */
 body.fp .elementor-element-2fa0fce{margin-top:64px!important}
 /* плашка цифр: число 26/700 з інтерліньяжем 1, підпис 12 #666 з відступом 4 */
 body.fp .fp-ab-num b,body.fp .fp-ab-nums b{
  font-size:26px!important;font-weight:700!important;line-height:1!important;color:#1b1f24!important}
 body.fp .fp-ab-num span,body.fp .fp-ab-nums span{
  font-size:12px!important;color:#666!important;margin-top:4px!important}
}


/* ——— Каталог: числа з Category.html (cat-1009) ———
   Заміряно: контейнер архіву 1024 замість 1282, через це сітка роздавала
   3 колонки по 323 замість 4 по 303, і 8 товарів ставали трьома рядами.
   Картка виходила 634 проти 542: фото 300 (макет 303) плюс вміст 317
   проти 239 — зайве дають відступи всередині ціни.
   Макет: контейнер 1330 з полями 24, сітка 4 колонки із зазором 24,
   вміст картки padding 16, зазор 8. */
@media (min-width:1101px){
 body.fp.archive .elementor-section>.elementor-container,
 body.fp.tax-product_cat .elementor-section>.elementor-container,
 body.fp.post-type-archive-product .elementor-section>.elementor-container{
  max-width:1330px!important;padding-left:24px!important;padding-right:24px!important}
 body.fp .etheme-product-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
 /* всередині картки: зазор 8 замість 6, зайві власні відступи знімаємо */
 body.fp .etheme-product-grid-item .etheme-product-grid-content{row-gap:8px!important}
 body.fp .etheme-product-grid-item .etheme-product-grid-categories{margin:0!important}
 body.fp .etheme-product-grid-item .etheme-product-grid-title{margin:0!important}
 body.fp .etheme-product-grid-item .price{margin:0!important}
 body.fp .etheme-product-grid-item .price br{display:none!important}
}


/* ——— Бічний кошик: числа з SideCart.html (sidecart-1009) ———
   Розмітку малює fp-mini-cart.php у дочірній темі — правити файл не можна,
   тож перекриваємо стилі. Селектори з id, бо в темі теж id.

   | елемент            | макет                          | було        |
   | поля підвалу       | 14px 24px 24px                 | 16px 18px   |
   | «Разом» підпис     | 15/700 #1b1f24                 | 17/400 #555 |
   | «Разом» сума       | 24/700 #1b1f24                 | 17/700 #555 |
   | «Оформити»         | 48 px, 15/700, радіус 5        | 46, 14/600, радіус 8 |
   | «Переглянути кошик»| 44 px, 14/700, рамка 1px #222, радіус 3 | 46, 14/600, радіус 8, без рамки |
*/
body.fp #fp-mc-box > footer,
body.fp #fp-mc-box footer{
 padding:14px 24px 24px!important;border-top:1px solid var(--border,#e1e1e1)!important;
 background:#fff!important;display:flex!important;flex-direction:column!important;gap:10px!important}
body.fp #fp-mc-sum{display:flex!important;justify-content:space-between!important;align-items:baseline!important}
body.fp #fp-mc-sum span{font-size:15px!important;font-weight:700!important;color:var(--ink,#1b1f24)!important}
body.fp #fp-mc-sum b{font-size:24px!important;font-weight:700!important;color:var(--ink,#1b1f24)!important}
body.fp #fp-mc-checkout{
 min-height:48px!important;height:auto!important;background:#000!important;color:#fff!important;
 font-size:15px!important;font-weight:700!important;border-radius:5px!important;border:0!important;
 display:flex!important;align-items:center!important;justify-content:center!important}
body.fp #fp-mc-cart{
 min-height:44px!important;height:auto!important;background:#fff!important;color:#222!important;
 font-size:14px!important;font-weight:700!important;border:1px solid #222!important;border-radius:3px!important;
 display:flex!important;align-items:center!important;justify-content:center!important}


/* ——— Третій підвал (крок 06) ———
   Крім підвала Elementor сторінка має ще власний підвал теми
   .et-footers-wrapper — смуга 166 px із копірайтом. Разом із нашим виходило
   два підвали поспіль. Прибираємо: заміна, а не нашарування. */
body.fp .et-footers-wrapper{display:none!important}


/* ——— 🔴 Зіткнення імен: .fp-hero (collision-fp-hero) ———
   У наборі .fp-hero — це банер головної: aspect-ratio 1544/804,
   overflow:hidden, display:flex, padding 48. А дочірня тема тим самим класом
   обгортає ВЕСЬ вміст сторінок «Рішення». Після підключення fp-redesign.css
   вміст склався в коробку 750 px: блок товарів поїхав на y −1245 і зник із
   видимості, сторінка з 8224 стала 1983. Зачеплено всі 8 сторінок рішень.

   Правило набору не чіпаємо (там воно правильне), а знімаємо його дію саме
   там, де клас належить темі: прямий нащадок .content. Коли герой головної
   буде перебраний на розмітку набору, він ляже всередину .fp-container,
   тобто під цей виняток не потрапить. */
body.fp .content > .fp-hero{
 aspect-ratio:auto!important;overflow:visible!important;display:block!important;
 padding:0!important;border-radius:0!important;background:none!important;
 align-items:initial!important;justify-content:initial!important}


/* ——— Плаваюча кнопка GetCall: числа з GetCall.html (getcall-1009) ———
   Коло 60×60 радіусом 30 кольором #56b9e8 вже збігалося. Розходились
   відступи (18 замість 24) і тінь. Viber/Telegram у стосі вже приховані —
   у макеті плаваюча кнопка на сайті рівно одна. */
body.fp .fp-float{right:24px!important;bottom:24px!important}
body.fp .fp-float .fp-fbtn.fp-call{
 box-shadow:0 8px 24px rgba(86,185,232,.45)!important;border:0!important}
body.fp .fp-float .fp-fbtn.fp-call svg{width:26px!important;height:26px!important;stroke:#1b1f24!important}


/* ——— «Про нас»: блок партнерів за About.html (about-1009) ———
   У макеті секція «Нам довіряють» 238 px: заголовок 22/700 у рядок із лінією,
   сітка 7 колонок із зазором 12, клітинка 84 px із рамкою 1px #e1e1e1,
   логотип ≤56/≤150, grayscale(1) opacity .8.
   Було 416: заголовок 28, логотипи без клітинок, довільний потік.
   Розмітка тут своя — .fpa-partners із 14 картинками без обгорток,
   тому клітинкою робимо саму картинку. */
@media (min-width:1101px){
 body.fp .fpa-sec:has(.fpa-partners) h2{font-size:22px!important;font-weight:700!important}
 body.fp .fpa-partners{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch!important}
 body.fp .fpa-partners img{
  box-sizing:border-box!important;height:84px!important;width:100%!important;
  padding:14px!important;border:1px solid var(--border,#e1e1e1)!important;background:#fff!important;
  object-fit:contain!important;filter:grayscale(1)!important;opacity:.8!important;
  max-height:84px!important;max-width:none!important}
}


/* ——— Мобільна шапка: липкість і нижня панель (mobsticky-1010) ———
   Заміряно на 375: шапка має position:static, тобто при прокручуванні
   зникає зовсім — ні меню, ні кошика. Натомість знизу висить власна панель
   теми .et-mobile-panel-wrapper заввишки 64 px, якої в макеті немає
   («нижньої панелі немає» — ТЗ, крок 6).

   Робимо навпаки, як у Home-Mobile.html: ряд із іконками липне зверху,
   нижня панель прибрана. Пошук і смуга категорій лишаються в потоці й
   прокручуються — вони всередині того самого контейнера, тому липне блок
   цілком; відокремити тільки перший рядок можна лише перебравши розмітку.
   Відхилення зафіксовано у звіті. */
@media (max-width:1100px){
 /* нижньої панелі немає */
 body.fp .et-mobile-panel-wrapper{display:none!important}
 body.fp .elementor-location-footer{padding-bottom:0!important}

 /* ряд із меню, логотипом, трубкою і кошиком липне зверху */
 body.fp .elementor-location-header .elementor-element-4977e9df{
  position:sticky!important;top:0!important;z-index:40!important;
  background:#fff!important;border-bottom:1px solid var(--border,#e1e1e1)!important}
}


/* ——— Картка товару на телефоні: числа з Category-Mobile.html (mobcard-1010) ———
   Заміряно на 375: 166×434 проти 173×396 у макеті. Десктопні числа протікали
   вниз, бо правила картки (fp-loopcard-1009) написані без медіазапиту і
   перекривали телефонні.

   | | макет | було |
   | відступ / зазор | 12 / 6 | 16 / 6 |
   | назва | 13/1.35/500, min-h 35 | 13/500 ✔ |
   | артикул | 11 | 13 |
   | ціна | 18/700 | 22 |
   | «гурт від» | 12 | 14 |
   | перемикач і «Купити» | колонкою, зазор 6 | сітка 104px + решта |
*/
@media (max-width:1100px){
 body.fp .etheme-product-grid-item .etheme-product-grid-content,
 body.fp .etheme-product-grid-content{
  display:flex!important;flex-direction:column!important;
  padding:12px!important;gap:6px!important;grid-template-columns:none!important}
 body.fp .etheme-product-grid-item .etheme-product-grid-title a{
  font-size:13px!important;line-height:1.35!important;font-weight:500!important;min-height:35px!important}
 body.fp .etheme-product-grid-item .fp-loop-sku{font-size:11px!important}
 body.fp .etheme-product-grid-item .price .woocommerce-Price-amount,
 body.fp .etheme-product-grid-content .price .woocommerce-Price-amount{font-size:18px!important}
 body.fp .etheme-product-grid-item .etheme-product-grid-content .fp-loop-tier,
 body.fp .etheme-product-grid-item .etheme-product-grid-content .fp-loop-tier .woocommerce-Price-amount{
  font-size:12px!important}
 /* перемикач і кнопка — колонкою на всю ширину, як у макеті */
 body.fp .etheme-product-grid-content>.quantity-wrapper{
  grid-column:auto!important;width:100%!important;margin:2px 0 0!important}
 body.fp .etheme-product-grid-content>a.add_to_cart_button,
 body.fp .etheme-product-grid-content>a.button{
  grid-column:auto!important;width:100%!important;margin:0!important;
  height:40px!important;min-height:40px!important}
}


/* ——— Головна на телефоні: числа з Home-Mobile.html (mobhome-1010) ———
   Заміряно на 375 (макет → сайт):
     hero 417 → 320, USP+«Що бетонуєте?» 687 → 700 ✔,
     «Популярні товари» 482 → 1018, форма 297 → 538,
     «Про компанію» 583 → 810, логотипи 361 → 426, підвал 681 → 1050.

   Два головні винуватці:
   1) товари стоять сіткою 2×2 (два ряди), а в макеті — ОДИН ряд із
      горизонтальним прокручуванням, як у блоках на сторінці товару;
   2) у підвалі всі три колонки йдуть одна під одною; у макеті дві
      колонки з посиланнями стоять поряд. */
@media (max-width:767px){
 /* товари — один ряд зі скролом */
 body.fp.home .elementor-element-38f33c14 .etheme-product-grid{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  gap:12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:4px!important}
 body.fp.home .elementor-element-38f33c14 .etheme-product-grid::-webkit-scrollbar{display:none}
 body.fp.home .elementor-element-38f33c14 .etheme-product-grid>*{
  flex:0 0 173px!important;width:173px!important;scroll-snap-align:start}

 /* підвал: дві колонки з посиланнями поряд */
 body.fp .fp-footer__inner{grid-template-columns:1fr 1fr!important;gap:20px 16px!important}
 body.fp .fp-footer__col--main{grid-column:1 / -1!important}
 body.fp .fp-footer__col{gap:10px!important}
 body.fp .fp-footer__col a{font-size:14px!important}
}


/* ——— Рішення на телефоні: товарні блоки в рядок (mobsol-1010) ———
   Заміряно: сторінка 13045 при 4063 у макеті. Сім товарних блоків дають
   ~7400 px — у кожному сітка 2 колонки в кілька рядів, картка 172×467.
   Переводимо в один ряд із горизонтальним прокручуванням — так само, як
   уже зроблено в блоках на сторінці товару і в «Популярних товарах». */
@media (max-width:767px){
 body.fp .fp-sol-products ul.products{
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
  gap:12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding-bottom:4px!important}
 body.fp .fp-sol-products ul.products::-webkit-scrollbar{display:none}
 body.fp .fp-sol-products ul.products>.product{
  flex:0 0 173px!important;width:173px!important;max-width:173px!important;scroll-snap-align:start}
}


/* ——— Меню-дровер: числа з Menu-Mobile.html (drawer-1010) ———
   Звірено: підпис розділу 11/700 з полями 8/16/4 і кольором #666 — збігається;
   перемикач мови 6/10, 12/700 — збігається; кнопка закриття радіус 5 з рамкою 1px
   — збігається.
   Розходилось одне: пункт меню виходив синім #1b6e9b замість #1b1f24 —
   протікав колір посилань. Плюс фіксуємо з макета висоту пункта 48 і
   іконку 32×32, лічильник праворуч 12 px #666 вагою 400. */
@media (max-width:1100px){
 body.fp .etheme-elementor-off-canvas__container .fpm-i,
 body.fp .fpm-i{
  color:var(--ink,#1b1f24)!important;min-height:48px!important;
  display:flex!important;align-items:center!important;gap:12px!important}
 body.fp .fpm-i img{width:32px!important;height:32px!important;object-fit:contain!important;flex:none!important}
 body.fp .fpm-i .fpm-n,body.fp .fpm-i>span:last-child{
  margin-left:auto!important;color:var(--muted,#666)!important;font-weight:400!important;font-size:12px!important}
 /* шапка дровера: поля 10/16, лінія знизу, логотип 32 по центру */
 body.fp .etheme-elementor-off-canvas__main .fpm-logo-row{
  padding:10px 16px!important;border-bottom:1px solid var(--border,#e1e1e1)!important}
 body.fp .etheme-elementor-off-canvas__main .fpm-logo-row img{height:32px!important;width:auto!important;margin:0 auto!important}
}