/* 1. Сірий текст лічильників: контраст 2,74 -> 4,88 */
.elementor-widget-eirwen_core_icon_with_text p.qodef-m-text { color: #6B6B6B; }
/* 2. Напис на блакитній кнопці слайдера: контраст 1,94 -> 6,62 */
.elementor-page-6 .qodef-qi-image-slider #swiper-slide-0 .slide-content .slide-button { color: #123640 !important; }
/* 3. Крапки слайдера: відстань 22 -> 25 px, і вирівняні зі стрілками */
.qodef-qi-image-slider .swiper-pagination .swiper-pagination-bullet { position: relative; top: 3px; }  /* відступи тепер дає правило 14 */
/* 4. Блок «Наша місія»: відео однакової висоти з чорним блоком і скруглене з усіх боків */
.elementor-element-3c289c9 .elementor-widget-container,
.elementor-element-3c289c9 .elementor-wrapper { height: 100% !important; padding: 0 !important; }
.elementor-element-3c289c9 .elementor-custom-embed-image-overlay,
.elementor-element-3c289c9 picture,
.elementor-element-3c289c9 img { height: 100% !important; width: 100% !important; object-fit: cover; display: block; }
/* 5. Слайд Cold Brew: заголовок був Roboto, решта слайдів — Source Serif 4 */
.elementor-page-6 .qodef-qi-image-slider #swiper-slide-0 .slide-content h2 { font-family: "Source Serif 4", serif !important; }
/* 6. Кнопка «Фільтрувати»: порожній блок іконки 52px зсував текст управо */
.elementor-element-228c6879 .qodef-m-icon { display: none !important; }
/* 7. «Основні категорії»: відступ праворуч був 35 px замість 20 — порожній padding останньої колонки */
@media (min-width:1025px){
  .elementor-element-3940b50a > .elementor-container { display: flex !important; gap: 15px !important; }
  .elementor-element-3940b50a > .elementor-container > .elementor-column { width: auto !important; flex: 1 1 0 !important; }
  .elementor-element-3940b50a > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-right: 0 !important; }
}

/* 8. Модуль «Чому Fresh Black?»: низ правої колонки вровень із лівою.
   Ліва = 40vh + 60vh = 100vh. Права = 65vh + 35vh = 100vh. */
@media (min-width:1025px){
  .elementor-element-354abed { min-height: 35vh !important; }
}

/* 9. Герой: верхній відступ 20px як з боків + вміщається в екран (десктоп) */
@media (min-width:1025px){
  .elementor-element-7217617 > .elementor-widget-wrap{ padding-top:20px !important; }
  .elementor-element-a1ee95f,
  .elementor-element-a1ee95f > .elementor-widget-container,
  .elementor-element-a1ee95f .qodef-qi-image-slider,
  .elementor-element-a1ee95f .swiper,
  .elementor-element-a1ee95f .swiper-slide{ height: calc(100vh - 182px) !important; }
}
/* 10. Логотип у мобільній шапці +25% */
@media (max-width:1024px){
  #qodef-page-mobile-header .qodef-mobile-header-logo-link img{ max-height:62px !important; height:auto !important; }
}

/* 11. Порядок заголовків (h5->h3/h4) змінив розміри — повертаємо як було */
.elementor-element-8ddbbd7 h3.qodef-m-title{ font-size:40px !important; }
.elementor-element-988704b h4.qodef-m-title,
.elementor-element-f95194e h4.qodef-m-title,
.elementor-element-4bde852 h4.qodef-m-title{ font-size:40px !important; }
.elementor-element-c8d332d h4.qodef-m-title,
.elementor-element-5cccb50 h4.qodef-m-title{ font-size:26px !important; }

.elementor-element-4cce052d h4.qodef-m-title,
.elementor-element-61153be8 h4.qodef-m-title{ font-size:26px !important; }

/* 12. Шрифти: локальні WOFF2 з розбивкою по алфавітах замість важких TTF теми */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/wp-content/uploads/fb-fonts/ss4-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/wp-content/uploads/fb-fonts/ss4-latin.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;}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/fb-fonts/rc-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:"Roboto Condensed";font-style:normal;font-weight:300 700;font-display:swap;src:url(/wp-content/uploads/fb-fonts/rc-latin.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;}

/* 13. Повертаємо оформлення заголовків, яке зʼїхало після зміни тегів h5 -> h3/h4 (еталон узятий з прода) */
.elementor-element-45d1a8b h3.qodef-m-title,.elementor-element-fe715c1 h3.qodef-m-title,.elementor-element-d44b735 h3.qodef-m-title,.elementor-element-f7497fd h3.qodef-m-title{font-family:"Bebas Neue Cyrillic",sans-serif !important;font-weight:400 !important;font-size:40px !important;line-height:36px !important;}
.elementor-element-8ddbbd7 h3.qodef-m-title{font-family:"Bebas Neue Cyrillic",sans-serif !important;font-weight:400 !important;font-size:40px !important;line-height:50px !important;}
.elementor-element-988704b h4.qodef-m-title,.elementor-element-f95194e h4.qodef-m-title,.elementor-element-4bde852 h4.qodef-m-title{font-family:"Bebas Neue Cyrillic",sans-serif !important;font-weight:400 !important;font-size:40px !important;line-height:50px !important;}
.elementor-element-c8d332d h4.qodef-m-title,.elementor-element-5cccb50 h4.qodef-m-title,.elementor-element-4cce052d h4.qodef-m-title,.elementor-element-61153be8 h4.qodef-m-title{font-family:"Bebas Neue Cyrillic",sans-serif !important;font-weight:400 !important;font-size:26px !important;line-height:26px !important;}

/* 14. Точки перемикання слайдів: ціль натискання 24×24 px.
   Вимога доступності, Lighthouse «target-size». Сам кружок лишається
   таким, як був (на головній він 4 px): фарбуємо тільки внутрішню частину,
   решта — прозорий запас під палець. Відступ між точками той самий, що
   був раніше, просто тепер він усередині кнопки, а не між кнопками.
   `:empty` відсікає точки-картинки кругового слайдера — там свої 140 px. */
.swiper-pagination-bullet:empty{
  box-sizing: content-box !important;
  padding: 10px !important;
  margin: 0 !important;
  background-clip: content-box !important;
}

/* 15. Слайдер головної: стрілки і пігулку прибрано.
   Власник 09.09.2026: «Может проще убрать фон пилюли? и стрелки вообще
   там не нужны». Пігулку малювали самі стрілки — їхній напівпрозорий фон
   із закругленнями. Ховаємо стрілки — зникає і фон, лишається чистий ряд
   точок. Заодно зникає причина, через яку доступність трималася на 96:
   точки лежали поверх стрілок, а дві цілі натискання не можуть накривати
   одна одну. Гортання пальцем і самі точки працюють як працювали. */
.qodef-qi-image-slider .swiper-button-prev,
.qodef-qi-image-slider .swiper-button-next{
  display: none !important;
}