:root {
    --bs-body-bg: #0d0d0d;
}

body {
    background-color: #0d0d0d !important;
}

html {
    background-color: #0d0d0d;
}

/* ============ БЛОК: МЕНЮ (Custom CSS Helix) ============ */

/* Тёмный фон выпадающего меню */
.sp-dropdown-inner {
    background-color: #1a1a1a !important;
    padding: 10px !important;
}
.sp-dropdown-items {
    padding: 0 !important;
    margin: 0 !important;
}

.sp-dropdown-items li {
    width: 100%;
    margin-bottom: 2px;
}
.sp-dropdown-items li > a {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
    padding: 12px 16px !important;
    color: #ffffff !important;
    font-weight: 600;
    border-radius: 2px;
    transition: background-color 0.2s ease;
}
.sp-dropdown-items li > a:hover,
.sp-dropdown-items li.active > a {
    background-color: #D00E29 !important;
    color: #ffffff !important;
}

.sp-dropdown-sub .sp-dropdown-inner,
.sp-dropdown-sub {
    background-color: #1a1a1a !important;
}

.sp-dropdown-items > li.sp-has-child > a::after {
    content: "\276F";
    float: right;
    margin-left: 10px;
    font-size: 12px;
}
.sp-megamenu-parent > li > a {
    height: auto !important;
    line-height: normal !important;
    padding: 20px 20px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 18px !important;
    letter-spacing: 1px;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}
.sp-megamenu-parent > li {
    height: auto !important;
}

/* Исправление позиции вложенного flyout-подменю (3-й уровень) */
.sp-dropdown-sub {
    left: 100% !important;
    top: 0 !important;
}

/* Если родитель prefers left-direction, всё равно открываем вправо */
.sp-dropdown-sub.sp-menu-left {
    left: 100% !important;
    right: auto !important;
}

/* Иконки "Поделиться" под статьями - делаем заметными */
.social-share-icon a {
    background-color: #D00E29 !important;
    border-color: #D00E29 !important;
    color: #ffffff !important;
}

.social-share-icon a:hover {
    background-color: #a31218 !important;
    border-color: #a31218 !important;
    color: #ffffff !important;
}

.social-share-icon a i,
.social-share-icon a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ============ БЛОК: ШАПКА / ТОПБАР (Before </head>) ============ */

/* 1. ИКОНКИ СОЦСЕТЕЙ КРАСНЫЕ И КРУПНЫЕ */
#sp-top-bar ul.social-icons li a span,
#sp-top-bar ul.social-icons li a i {
    color: #D00E29 !important;
    font-size: 20px !important;
}
#sp-top-bar ul.social-icons li {
    margin-right: 15px !important;
}

/* 2. ТЕКСТ ТЕЛЕФОНА — КРАСНЫЙ, КРУПНЫЙ И МАКСИМАЛЬНО ЖИРНЫЙ */
#sp-top-bar .sp-contact-info li.sp-contact-phone a,
#sp-top-bar .sp-contact-info li.sp-contact-phone span {
    color: #D00E29 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* ТЕКСТ ПОЧТЫ — КРАСНЫЙ И КРУПНЫЙ, НО С ОБЫЧНОЙ ЖИРНОСТЬЮ */
#sp-top-bar .sp-contact-info li.sp-contact-email a,
#sp-top-bar .sp-contact-info li.sp-contact-email span {
    color: #D00E29 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* 3. ЗНАЧКИ ТЕЛЕФОНА И КОНВЕРТА СТРОГО СЕРЫЕ */
#sp-top-bar .sp-contact-info li > i,
#sp-top-bar .sp-contact-info i,
#sp-top-bar i.fa-phone, 
#sp-top-bar i.fa-envelope,
.fa-phone::before, .fa-envelope::before {
    color: #888888 !important;
    font-size: 16px !important;
}

/* 4. РАЗНЕСЕНИЕ ПО КРАЯМ */
#sp-top-bar .container, 
#sp-top-bar .container-inner,
#sp-top-bar .row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}
#sp-top-bar .col-lg-4, #sp-top-bar .col-lg-8, #sp-top-bar .sp-column {
    width: auto !important;
    flex: none !important;
}
#sp-top-bar .sp-contact-info {
    margin-left: auto !important;
    padding-right: 20px !important;
    text-align: right !important;
}
#sp-top-bar .sp-contact-info li {
    display: inline-block !important;
    margin-left: 25px !important;
}

/* НАСТРОЙКА ТОЧНОГО РАЗМЕРА, СВЕЧЕНИЯ И ВЕРТИКАЛЬНОГО ЦЕНТРИРОВАНИЯ ЛОГОТИПА */
#sp-header .logo-image,
#sp-header img.sp-default-logo,
.logo-image img,
#sp-header .logo a img {
    height: 92px !important;
    max-height: 92px !important;
    width: 100% !important;
    max-width: 251px !important;
    object-fit: contain !important;
    box-shadow: none !important;
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.85)) !important;
    display: block !important;
    margin: 0 !important;
}

#sp-header .logo, 
#sp-header .navbar-brand {
    margin-left: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 110px !important;
}

#sp-header .sp-column {
    display: flex !important;
    align-items: center !important;
    height: 110px !important;
}

/* НАЗВАНИЕ САЙТА БЕЗ ЖИРНОГО ШРИФТА */
.titleHeader {
  color: #ffffff !important;
  font-size: 30px !important;
  text-align: center !important;
  text-transform: uppercase !important;
  margin-right: 0 !important;
  padding: 5px 0 !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.titleHeader span {
  font-size: 18px !important;
  display: block !important;
  color: #000000 !important;
  text-transform: uppercase !important;
  margin-top: 3px !important;
  letter-spacing: 1px !important;
  font-weight: 400 !important;
}

/* ============ Настройка стилей для пункта меню "НАШЕ ВИДЕО ============ */

/* Красные заголовки статей в блог-категориях (например "Наше видео") */
.article-header h2 a {
    color: #D00E29 !important;
}

.article-header h2 a:hover {
    color: #a31218 !important;
}

/* Скрываем "Powered by Phoca Gallery" на всех страницах галереи */
#phocagallery > div[style*="text-align:right"],
#phocagallery > div[style*="text-align: right"] {
    display: none !important;
}

/* Настройка хлебных крошек */
.custom-breadcrumb {
    margin: 10px 0 20px 0;
    font-size: 14px;
    color: #ccc;
}
.custom-breadcrumb i.fa-home {
    color: #D00E29;
    margin-right: 5px;
}
.custom-breadcrumb a {
    color: #ccc;
    text-decoration: none;
}
.custom-breadcrumb a:hover {
    color: #D00E29;
}
.custom-breadcrumb span {
    color: #999;
}

/* Белый фон всего блока контента для страниц с раскрытием информации (198, 210, 212, 214) + Продукция (110) */
body.itemid-198 #sp-main-body,
body.itemid-210 #sp-main-body,
body.itemid-212 #sp-main-body,
body.itemid-214 #sp-main-body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Текст внутри статьи - тёмный, чтобы читался на белом фоне */
body.itemid-198 #sp-main-body article,
body.itemid-198 #sp-main-body p,
body.itemid-198 #sp-main-body li,
body.itemid-198 #sp-main-body td,
body.itemid-198 #sp-main-body th,
body.itemid-210 #sp-main-body article,
body.itemid-210 #sp-main-body p,
body.itemid-210 #sp-main-body li,
body.itemid-210 #sp-main-body td,
body.itemid-210 #sp-main-body th,
body.itemid-212 #sp-main-body article,
body.itemid-212 #sp-main-body p,
body.itemid-212 #sp-main-body li,
body.itemid-212 #sp-main-body td,
body.itemid-212 #sp-main-body th,
body.itemid-214 #sp-main-body article,
body.itemid-214 #sp-main-body p,
body.itemid-214 #sp-main-body li,
body.itemid-214 #sp-main-body td,
body.itemid-214 #sp-main-body th {
    color: #000000 !important;
}


/* Заголовок страницы и крошки тоже на белом фоне сверху */
body.itemid-198 #sp-page-title,
body.itemid-210 #sp-page-title,
body.itemid-212 #sp-page-title,
body.itemid-214 #sp-page-title,
body.itemid-110 #sp-page-title,
body.itemid-111 #sp-page-title {
    background-color: #ffffff !important;
}
body.itemid-198 #sp-page-title h1,
body.itemid-198 #sp-page-title .custom-breadcrumb,
body.itemid-198 #sp-page-title .custom-breadcrumb a,
body.itemid-198 #sp-page-title .custom-breadcrumb span,
body.itemid-210 #sp-page-title h1,
body.itemid-210 #sp-page-title .custom-breadcrumb,
body.itemid-210 #sp-page-title .custom-breadcrumb a,
body.itemid-210 #sp-page-title .custom-breadcrumb span,
body.itemid-212 #sp-page-title h1,
body.itemid-212 #sp-page-title .custom-breadcrumb,
body.itemid-212 #sp-page-title .custom-breadcrumb a,
body.itemid-212 #sp-page-title .custom-breadcrumb span,
body.itemid-214 #sp-page-title h1,
body.itemid-214 #sp-page-title .custom-breadcrumb,
body.itemid-214 #sp-page-title .custom-breadcrumb a,
body.itemid-214 #sp-page-title .custom-breadcrumb span {
    color: #333333 !important;
}
body.itemid-198 #sp-page-title .custom-breadcrumb i.fa-home,
body.itemid-210 #sp-page-title .custom-breadcrumb i.fa-home,
body.itemid-212 #sp-page-title .custom-breadcrumb i.fa-home,
body.itemid-214 #sp-page-title .custom-breadcrumb i.fa-home {
    color: #D00E29 !important;
}

/* === Чистая красная линия под баннером без отступов === */

/* Убираем все старые разделители */
.sppb-addon-divider-wrap,
.sppb-addon-divider,
[id^="sppb-addon-"] .sppb-addon-divider-wrap {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Секция с красной линией — убираем все отступы */
#section-id-1640814614 {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border-bottom: 3px solid #c41e3a !important;
    overflow: hidden;
}

/* На всякий случай убираем отступы у соседних секций */
#section-id-1640814611,
#section-id-1640814617 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Границы слева и справа основного блока контента */
.layout-boxed .body-innerwrapper {
    border-left: 2px solid #d00e29;
    border-right: 2px solid #d00e29;
}

/* Убираем маркеры у новостей — сильная версия */
ul.mod-articles-items,
ul.mod-articles-items.mod-list,
.mod-articles-items,
.mod-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

ul.mod-articles-items li,
ul.mod-articles-items.mod-list li,
.mod-articles-items li,
.mod-list li {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Убираем сам ::marker */
ul.mod-articles-items li::marker,
ul.mod-articles-items.mod-list li::marker,
.mod-list li::marker {
    content: none !important;
    display: none !important;
    font-size: 0 !important;
}

/* Отступ сверху и снизу у заголовка «Новости» */
.sppb-addon-title,
h3.sppb-addon-title {
    margin-top: 25px !important;      /* отступ сверху */
    margin-bottom: 28px !important;   /* отступ снизу (между заголовком и новостями) */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Принудительно показываем место под ссылку */
.mod-articles-item-content {
    position: relative;
    padding-bottom: 10px;
}

.custom-readmore {
    color: #c41e3a !important;
    font-weight: 500;
    text-decoration: none;
}

.custom-readmore:hover {
    color: #ff4d6a !important;
    text-decoration: underline;
}

/* ===== Блок «Ждем Ваших вопросов» + красная линия снизу ===== */

#section-id-1640814636 {
    position: relative !important;
    min-height: 380px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 3px solid #c41e3a !important;   /* красная линия */
}

#section-id-1640814636 .sppb-row-container {
    position: relative !important;
    width: 100% !important;
    text-align: center !important;
    z-index: 2 !important;
}

#section-id-1640814636 .sppb-addon-feature {
    text-align: center !important;
}

#section-id-1640814636 .sppb-addon-title {
    color: #ffffff !important;
    font-size: 34px !important;
    margin-bottom: 22px !important;
    text-align: center !important;
}

#section-id-1640814636 .sppb-btn {
    margin: 0 auto !important;
}

/* ============ БЛОК: ФУТЕР — МЕНЮ ПО КОЛОНКАМ ============ */

.footer-menu-col h3.sp-module-title {
    color: #D00E29 !important;
    text-transform: none;
    text-decoration: none;
    font-size: 22px !important;
    margin: 0 0 20px 0;
}

.footer-menu-col ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.footer-menu-col ul li {
    margin-bottom: 12px;
}

.footer-menu-col ul li a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 16px !important;
    display: inline-block;
}

.footer-menu-col ul li a::before {
    content: "\276F";
    color: #D00E29;
    margin-right: 8px;
    font-size: 13px;
}

.footer-menu-col ul li a:hover {
    color: #D00E29 !important;
}

/* ============ БЛОК: ФУТЕР — ССЫЛКИ (Портал Президента и т.д.) ============ */

.fbanner-txt {
    padding: 15px 10px;
    background-color: #2b2b2b;
}

.footer-links-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.footer-links-row a {
    color: #ffffff !important;
    text-decoration: underline;
    font-size: 14px;
}

.footer-links-row a:hover {
    color: #D00E29 !important;
}

/* Полоса копирайта — красный фон на всю ширину, как на старом сайте */
#sp-footer2 {
    background-color: #D00E29 !important;
}

#sp-footer2 .sp-copyright {
    display: block;
    color: #ffffff !important;
    text-align: left;
    padding: 15px 15px;
    max-width: 1236px;
    margin: 0 auto;
    font-size: 17px;
}

/* Скрываем дублирующее название категории над списком подкатегорий на страницах вида "Продукция" */
.article-info .category-name {
    display: none !important;
}

/* ============ БЕЛЫЙ ФОН ДЛЯ КАТЕГОРИИ "Контакты" (страница без Itemid) ============ */

body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body {
    background-color: #ffffff !important;
    color: #000000 !important;
}

body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body article,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body p,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body li,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body td,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body th,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body h2,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body h3,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body h4 {
    color: #000000 !important;
}

body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body table,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body table td,
body:has(.custom-breadcrumb a[href*="component/content/category/kontakty"]) #sp-main-body table th {
    border-color: #ddd !important;
}

/* ============ БЛОК: Phoca Cart — Категория «Детское питание» ============ */

/* Белый фон */
.com-phocacart,
.ph-category-view,
.phocacart-category,
.ph-category-box,
.ph-items-box,
body.com-phocacart #sp-main-body {
    background-color: #ffffff !important;
    color: #222222 !important;
}

/* Заголовок категории — чёрный */
.ph-category-view h1,
.ph-category-view .page-header h1,
.phocacart-box-header h1 {
    color: #222222 !important;
    font-weight: 600 !important;
}

/* Заголовок товара — красный */
.ph-product-header a,
h3.ph-product-header a,
.ph-category-item-body .ph-product-header a,
.ph-item-title a {
    color: #D00E29 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

/* Подсветка при наведении */
.ph-product-header a:hover,
h3.ph-product-header a:hover,
.ph-category-item-body .ph-product-header a:hover,
.ph-item-title a:hover {
    color: #a31218 !important;
    text-decoration: none !important;
}

/* Центрируем карточку товара */
.ph-item,
.ph-item-box {
    text-align: center !important;
}

/* Картинка по центру */
.ph-item img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Скрываем ненужное + Powered by Phoca Cart */
.ph-item-price,
.ph-item-addtocart,
.ph-item-desc,
.ph-category-desc,
.phocacart-box-bottom,
.ph-powered,
div[style*="Powered by Phoca Cart"],
body.com-phocacart div[style*="text-align:right"],
body.com-phocacart div[style*="text-align: right"],
div:has(> a[href*="phoca.cz"]) {
    display: none !important;
}

/* Универсальные карточки товаров Phoca Cart — все категории */

.ph-item-box {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  margin-bottom: 20px;
}

.ph-item-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.ph-item-box {
  display: flex !important;
  flex-direction: column !important;
}

.ph-item-content {
  width: 100%;
}

.ph-item-content a {
  display: block;
  white-space: normal;
}

.bvi-icon-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 18px;
  line-height: 1;
  background: none;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, opacity 0.2s ease;
  margin-left: 12px;
}

.bvi-icon-link:hover {
  opacity: 0.8;
  transform: scale(1.1);
}

.bvi-icon-link i {
  font-size: 16px;
}

#mod-custom122 p {
  margin: 0;
  display: flex;
  align-items: center;
  height: 100%;
}

.bvi-icon-link {
  margin-right: 16px;
}

@media (max-width: 767px) {
  .bvi-icon-link {
    margin-right: 8px;
  }
}

/* Картинки в модуле новостей */
.mod-articles-item {
    overflow: hidden;          /* важно — чтобы текст не заезжал */
    margin-bottom: 25px;
    clear: both;
}

.mod-articles-item img,
.mod-articles-item-content img,
.mod-articles-items img {
    max-width: 200px !important;
    height: auto !important;
    float: left !important;
    margin: 0 18px 10px 0 !important;
    border-radius: 4px;
}

/* Чтобы следующий блок новости не наезжал */
.mod-articles-item::after {
    content: "";
    display: table;
    clear: both;
}

	/* ==========================================================================
	   ТАБЛЕТЫ / ПЛАНШЕТЫ (Ширина экрана от 768px до 991px)
	   ========================================================================== */
	@media (min-width: 768px) and (max-width: 991px) {
		#sp-header, header[id*="sp-header"], #sp-header .container, #sp-header .container-inner, #sp-header .row {
			height: 120px !important; 
			min-height: 120px !important;
			max-height: 120px !important;
		}
		#sp-logo, div[class*="col-lg-3"] {
			display: block !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; height: 100% !important; position: relative !important; padding: 0 !important; margin: 0 !important;
		}
		#sp-logo .sp-column, #sp-logo .sp-module, #sp-logo .sp-module-content {
			display: block !important; height: auto !important; width: auto !important; padding: 0 !important; margin: 0 !important;
		}
		#sp-header .logo, #sp-header .navbar-brand {
			position: absolute !important; left: 20px !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; padding: 0 !important; z-index: 10 !important;
		}
		#sp-header .logo-image, #sp-header img.sp-default-logo, #sp-header .logo a img, #sp-header .logo img, .logo-image img {
			height: 52px !important; max-height: 52px !important; width: auto !important; max-width: 160px !important; display: block !important;
		}
		div.mod-custom110, div[id*="mod-custom110"], #sp-logo div.mod-custom110 {
			position: absolute !important; left: 190px !important; top: 50% !important; transform: translateY(-50%) !important; width: calc(100% - 210px) !important; height: auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; text-align: center !important; margin: 0 !important; padding: 0 !important; z-index: 10 !important;
		}
		div.mod-custom110 p, #sp-logo div.mod-custom110 p {
			display: block !important; width: 100% !important; height: auto !important; line-height: 1.3 !important; font-size: 13px !important; color: #ffffff !important; text-align: center !important; margin: 0 !important; padding: 0 !important;
		}
		div.mod-custom110 p span, #sp-logo div.mod-custom110 p span {
			display: block !important; width: 100% !important; text-align: center !important; font-size: 10px !important; margin-top: 4px !important;
		}
	}

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

    /* Красная полоса */
    #sp-header,
    header#sp-header {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #sp-header .container,
    #sp-header .container-inner {
        height: 64px !important;
        padding: 0 10px !important;
    }

    #sp-header .row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        height: 64px !important;
        margin: 0 !important;
    }

    /* Логотип */
    #sp-logo {
        flex: 0 0 auto !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #sp-header .logo-image,
    #sp-header img.sp-default-logo,
    #sp-header .logo a img,
    #sp-header .logo img {
        height: 34px !important;
        max-height: 34px !important;
        width: auto !important;
        max-width: 90px !important;
    }

    #sp-header .logo,
    #sp-header .sp-column {
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Текст названия */
    #sp-top3 {
        display: flex !important;
        flex: 1 1 auto !important;
        align-items: center !important;
        height: 64px !important;
        padding: 0 0 0 8px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    #sp-top3 .sp-column,
    #sp-top3 .sp-module,
    #sp-top3 .sp-module-content,
    div[id*="mod-custom110"] {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    div[id*="mod-custom110"] p {
        font-size: 10px !important;
        line-height: 1.25 !important;
        color: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        width: 100% !important;
    }

    /* Вторая строка — оставляем */
    div[id*="mod-custom110"] p span {
        display: block !important;
        font-size: 8px !important;
        font-weight: 400 !important;
        margin-top: 1px !important;
        opacity: 0.9;
    }
}

/* Очень узкие экраны (до 380px) */
@media (max-width: 380px) {

    #sp-header .logo-image,
    #sp-header img.sp-default-logo,
    #sp-header .logo a img {
        height: 30px !important;
        max-height: 30px !important;
        max-width: 80px !important;
    }

    div[id*="mod-custom110"] p {
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    div[id*="mod-custom110"] p span {
        font-size: 7px !important;
    }
}


/* Скрыть изображение вводного текста в списке новостей */
.com-content-category-blog .article-intro-image,
.com-content-category-blog .item-image,
.blog .article-intro-image,
.blog-items .article-intro-image {
    display: none !important;
}

/* Скрываем серые пустые квадратики-псевдоэлементы перед ссылками */
#phjstree6a9d43810d572 li::before,
div[id*="phjstree"] li::before,
.ph-category-tree-box-module li::before {
    display: none !important;
}

/* Убираем маркеры списков и внутренние отступы */
div[id*="phjstree"] ul, 
div[id*="phjstree"] li,
.ph-category-tree-box-module ul,
.ph-category-tree-box-module li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
    background: none !important;
}

/* Делаем каждую ссылку блочной и выравниваем по левому краю */
div[id*="phjstree"] a,
.ph-category-tree-box-module a {
    display: block !important;
    width: 100% !important;
    font-size: 16px !important; /* Увеличили размер шрифта с 14px до 16px */
    font-weight: 500 !important; /* Сделали шрифт чуть плотнее, чтобы он не терялся */
    line-height: 1.6 !important; /* Немного увеличили межстрочный зазор */
    color: #222222 !important; /* Сделали цвет текста глубоким и контрастным */
    text-align: left !important;
    padding: 6px 0 !important;
    text-decoration: none !important;
}

/* Красивый красный акцент OMKK при наведении на категорию */
div[id*="phjstree"] a:hover,
.ph-category-tree-box-module a:hover {
    color: #d60d29 !important; /* Фирменный красный цвет */
    text-decoration: none !important;
    padding-left: 5px !important; /* Легкий сдвиг вправо при наведении */
    transition: all 0.2s ease !important;
}

/* Создаем красивый отступ для вложенных подкатегорий (сдвиг вправо) */
div[id*="phjstree"] ul ul,
.ph-category-tree-box-module ul ul {
    padding-left: 15px !important; /* Мясные консервы ГОСТ сдвинутся вправо относительно Консервов */
}

/* Возвращаем все скрытые пункты обратно */
.ph-category-module-box div ul li a {
    display: block !important;
    height: auto !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Скрываем СТРОГО ОДНУ ссылку «Каталог продукции» по её точному URL-адресу */
.ph-category-module-box a[href*="component/phocacart/category/1-katalog-produktsii"],
#sp-left a[href*="component/phocacart/category/1-katalog-produktsii"] {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Убрать хлебные крошки внутри карточек видео */
.blog .custom-breadcrumb,
.article-list .custom-breadcrumb,
.com-content-category-blog .custom-breadcrumb {
    display: none !important;
}