/* Фон шапки с градиентом #f9650a */
header.header.container-header.full-width {
    background: linear-gradient(90deg, #ff0000, #ff6a4a);
    transition: background 0.5s ease;
    padding: 10px 0;
}

/* Плавный эффект при наведении на меню */
header.header.container-header.full-width .mod-menu li a {
    transition: color 0.3s ease, background 0.3s ease;
}

header.header.container-header.full-width .mod-menu li a:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

/* Плавный эффект при наведении на языки */
header.header.container-header.full-width .mod-languages__list li a:hover {
    color: #ffffff;
    background-color: rgba(0,0,0,0.2);
    border-radius: 4px;
}

/* Активный язык выделяем */
header.header.container-header.full-width .mod-languages__list li.lang-active a {
    font-weight: bold;
    color: #ffffff;
}
/* ===== Language Switcher (список) ===== */
.container-header .mod-languages a {
    color: #000000 !important;
}

.container-header .mod-languages .lang-active a {
    color: #000000 !important;
    font-weight: bold;
}

.container-header .mod-languages a:hover {
    color: #000000 !important;
}


/* ===== Language Switcher (dropdown) ===== */
.container-header .mod-languages .btn {
    color: #000000 !important;
    background-color: transparent !important;
}

.container-header .mod-languages .dropdown-menu a {
    color: #000000 !important;
}

.container-header .mod-languages .dropdown-menu a:hover {
    color: #000000 !important;
}

div.mod-languages li:last-child {
    margin-right: 0 !important;
}
/* Убираем margin у li */
.container-header .mod-languages li {
    margin: 0 !important;
}

/* Убираем внутренние отступы у ссылок */
.container-header .mod-languages a {
    padding: 0 3px !important;
}

/* Если используется flex (Cassiopeia часто так делает) */
.container-header .mod-languages ul {
    gap: 0 !important;
}
/* Размер шрифта для пунктов главного меню */
header.header.container-header.full-width .mod-menu li a {
    font-size: 18px; /* нужный размер шрифта */
    font-weight: 500; /* при желании: толщина шрифта */
    line-height: 1.4; /* расстояние между строками */
    transition: font-size 0.3s ease; /* плавная анимация при изменениях */
}

/* Для адаптивного изменения на мобильных */
@media (max-width: 768px) {
    header.header.container-header.full-width .mod-menu li a {
        font-size: 16px; /* меньше для мобильных */
    }
}

/* =====  Начало блока Телефон в шапке сайта =====  */
.contact-block {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    text-align: left;
    line-height: 1.8;
}

.contact-item {
    display: block;
    text-decoration: none;
    color: #000;
}

.contact-item i {
    margin-right: 8px;
    font-size: 16px;
    color: #000;
}

.contact-item span {
    color: #000;
}

.contact-item:hover i,
.contact-item:hover span {
    color: #c30505;
}
/* =====  Конец блока Телефон в шапке сайта =====  */
/* ===== Начало блока Font Awesome: font-display swap для ускорения загрузки ===== */
@font-face {
    font-family: "Font Awesome 5 Free";
    src: url("/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    src: url("/media/vendor/fontawesome-free/webfonts/fa-brands-400.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* ===== Конец блока Font Awesome: font-display swap для ускорения загрузки ===== */
/* =====  Начало блока Отключить подчеркивание ссылок =====  */
a {
    text-decoration: none !important;
}
/* =====  Конец блока Отключить подчеркивание ссылок =====  */
/* =====  Начало блока характеристики для товара =====  */
.specs {
    max-width: 900px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.specs__section {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 25px 0 10px;
}

/* 🔥 GRID вместо flex */
.specs__row {
    display: grid;
    grid-template-columns: 1fr minmax(180px, 260px);
    gap: 10px;

    padding: 10px 12px;
    font-size: 16px;
    color: #444;
    border-bottom: 1px solid #eaeaea;
    transition: background 0.2s ease;
}

.specs__row:nth-child(even) {
    background: #fafafa;
}

.specs__row:hover {
    background: #f5f5f5;
}

.specs__name {
    overflow-wrap: break-word;
}

.specs__value {
    text-align: right;
    color: #222;
    white-space: normal;        /* разрешаем перенос */
    word-break: break-word;     /* перенос длинных слов */
}

/* 📱 Адаптив */
@media (max-width: 600px) {
    .specs__row {
        grid-template-columns: 1fr; /* одна колонка */
    }

    .specs__value {
        text-align: left;
        margin-top: 4px;
        white-space: normal;
    }
}
/* =====  Конец блока характеристики для товара =====  */
/* =====  Начало блока таблица =====  */
.magnum-table-new-wrapper {
  width: 100%;
  overflow-x: auto;
}

.magnum-table-new {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  min-width: 600px;
}

.magnum-table-new th,
.magnum-table-new td {
  padding: 12px 14px;
  text-align: left;
  border: 1px solid #e5e5e5;
}

.magnum-table-new thead {
  background-color: #f5f5f5; /* тот же нейтральный цвет */
}

.magnum-table-new thead th {
  font-weight: 600;
}

.magnum-table-new tbody tr:nth-child(even) {
  background-color: #fafafa;
}

.magnum-table-new tbody tr:hover {
  background-color: #f0f0f0;
  transition: 0.2s;
}

/* убираем возможные отступы */
.magnum-table-new * {
  box-sizing: border-box;
}
/* =====  Конец блока таблица =====  */