/* ==========================================================================
Содержимое контента: классы вместо инлайн-стилей (06.10.2026)
Сгенерировано из карты замен — см. проект «Вынос стилей и создание CSS и JS».
Правило проекта: разметка — отдельно, стили — только в CSS.
В описания товаров, категорий, инфо-страниц, вкладок, опций и блога
инлайн-атрибуты style= не вставлять — использовать классы lc-*.
ПОЧЕМУ !important: инлайн-стиль бил любой селектор темы, обычный класс —
нет (пример: .us-product-description-cont a{color:#50A8FF} перебил бы
класс цвета на ссылке). !important — точный эквивалент прежнего поведения.
========================================================================== */
/* --- Утилиты и блоки, вынесенные из инлайн-стилей контента --- */
.lc-fs14 { font-size: 14px !important } /* было инлайн: 2234× */
.lc-text-roboto { color: rgb(0, 0, 0) !important; font-family: Roboto, sans-serif !important } /* было инлайн: 749× */
.lc-ls-tight { letter-spacing: -0.02em !important } /* было инлайн: 626× */
.lc-li { margin: 8px 0px !important; padding-left: 4px !important } /* было инлайн: 620× */
.lc-p-28 { line-height: 28px !important; margin-bottom: 8px !important; margin-top: 8px !important } /* было инлайн: 466× */
.lc-c-black { color: #000000 !important } /* было инлайн: 316× */
.lc-li-ls { letter-spacing: -0.02em !important; margin: 8px 0px !important; padding-left: 4px !important } /* было инлайн: 255× */
.lc-p-ls { letter-spacing: -0.02em !important; margin-bottom: 8px !important; margin-top: 8px !important } /* было инлайн: 255× */
.lc-fs16 { font-size: 16px !important } /* было инлайн: 191× */
.lc-my8 { margin-bottom: 8px !important; margin-top: 8px !important } /* было инлайн: 154× */
.lc-h2-lead { color: rgb(37, 37, 44) !important; font-size: 20px !important; font-weight: 700 !important; letter-spacing: 0.013em !important; line-height: 28px !important; margin: 24px 0px 12px !important } /* было инлайн: 135× */
.lc-fs13 { font-size: 13px !important } /* было инлайн: 71× */
.lc-fs18-inherit { font-family: inherit !important; font-size: 18px !important } /* было инлайн: 63× */
.lc-c-0_0_0-ff-opensans { color: rgb(0, 0, 0) !important; font-family: "Open Sans", sans-serif !important } /* было инлайн: 63× */
.lc-fs16-inherit { font-family: inherit !important; font-size: 16px !important } /* было инлайн: 61× */
.lc-c-red { color: #c0392b !important } /* было инлайн: 58× */
.lc-c-maroon-fs14 { color: #800000 !important; font-size: 14px !important } /* было инлайн: 53× */
.lc-ff-arial { font-family: arial,helvetica,sans-serif !important } /* было инлайн: 41× */
.lc-fs18 { font-size: 18px !important } /* было инлайн: 36× */
.lc-h225-w300 { height: 225px !important; width: 300px !important } /* было инлайн: 30× */
.lc-fs12 { font-size: 12px !important } /* было инлайн: 29× */
.lc-mx0 { margin-left: 0px !important; margin-right: 0px !important } /* было инлайн: 27× */
.lc-c-link-fs18 { color: #229ac8 !important; font-size: 18px !important } /* было инлайн: 24× */
.lc-c-navy { color: #2c3e50 !important } /* было инлайн: 23× */
.lc-w25p { width: 25% !important } /* было инлайн: 20× */
.lc-ml5-mr5-w25p { margin-left: 5px !important; margin-right: 5px !important; width: 25% !important } /* было инлайн: 18× */
.lc-c-dark { color: #222222 !important } /* было инлайн: 18× */
.lc-lsn0_02em-mb16-pl24 { letter-spacing: -0.02em !important; margin-bottom: 16px !important; padding-left: 24px !important } /* было инлайн: 16× */
.lc-ff-verdana { font-family: verdana,geneva,sans-serif !important } /* было инлайн: 15× */
.lc-pre { white-space: pre !important } /* было инлайн: 12× */
.lc-ff-opensans { font-family: "Open Sans", sans-serif !important } /* было инлайн: 11× */
.lc-ff-verdana-fs15 { font-family: verdana,geneva,sans-serif !important; font-size: 15px !important } /* было инлайн: 11× */
.lc-justify { text-align: justify !important } /* было инлайн: 11× */
.lc-ff-arial-fs14 { font-family: arial, helvetica, sans-serif !important; font-size: 14px !important } /* было инлайн: 9× */
.lc-c-link { color: #229ac8 !important } /* было инлайн: 8× */
.lc-c-54_61_76-ff-georgia-lh21_5 { color: rgb(54, 61, 76) !important; font-family: georgia, serif !important; line-height: 21.5px !important } /* было инлайн: 8× */
.lc-c-0_0_0-ff-arial-fs12 { color: rgb(0, 0, 0) !important; font-family: arial, helvetica, sans-serif !important; font-size: 12px !important } /* было инлайн: 6× */
.lc-fs22 { font-size: 22px !important } /* было инлайн: 5× */
.lc-fs20 { font-size: 20px !important } /* было инлайн: 4× */
.lc-fs15 { font-size: 15px !important } /* было инлайн: 4× */
.lc-c-51_51_51-ff-ubuntu-fs14 { color: rgb(51, 51, 51) !important; font-family: Ubuntu, sans-serif !important; font-size: 14px !important } /* было инлайн: 4× */
.lc-c-navyblue { color: #000080 !important } /* было инлайн: 3× */
.lc-c-black-59f { color: rgb(0, 0, 0) !important } /* было инлайн: 3× */
.lc-fs24 { font-size: 24px !important } /* было инлайн: 3× */
.lc-ml10-mr10-w25p { margin-left: 10px !important; margin-right: 10px !important; width: 25% !important } /* было инлайн: 3× */
.lc-c-firebrick { color: #b22222 !important } /* было инлайн: 3× */
.lc-lsn0_32px-mb8-mt8 { letter-spacing: -0.32px !important; margin-bottom: 8px !important; margin-top: 8px !important } /* было инлайн: 3× */
.lc-fs15-mb17-pad8_517 { font-size: 15px !important; margin-bottom: 17px !important; padding: 8.5px 17px !important } /* было инлайн: 2× */
.lc-c-inherit-ff-inherit-fs23 { color: inherit !important; font-family: inherit !important; font-size: 23px !important } /* было инлайн: 2× */
.lc-c-5a5a5a-ff-verdana { color: #5a5a5a !important; font-family: Verdana,Geneva,sans-serif !important } /* было инлайн: 2× */
.lc-ls-wide { letter-spacing: 0.208px !important } /* было инлайн: 2× */
.lc-h566-w400 { height: 566px !important; width: 400px !important } /* было инлайн: 2× */
.lc-c-44_62_80 { color: rgb(44, 62, 80) !important } /* было инлайн: 2× */
.lc-c-44_62_80-ff-inherit-fs18 { color: rgb(44, 62, 80) !important; font-family: inherit !important; font-size: 18px !important } /* было инлайн: 2× */
.lc-c-66_66_66-ff-inherit-fs20 { color: rgb(66, 66, 66) !important; font-family: inherit !important; font-size: 20px !important } /* было инлайн: 2× */
.lc-ff-standard { font-family: -webkit-standard !important } /* было инлайн: 2× */
.lc-ff-roboto-fs12 { font-family: Roboto, sans-serif !important; font-size: 12px !important } /* было инлайн: 2× */
.lc-h98-w147 { height: 98px !important; width: 147px !important } /* было инлайн: 1× */
.lc-h89-w150 { height: 89px !important; width: 150px !important } /* было инлайн: 1× */
.lc-h81-w150 { height: 81px !important; width: 150px !important } /* было инлайн: 1× */
.lc-h118-w190 { height: 118px !important; width: 190px !important } /* было инлайн: 1× */
.lc-h140-w190 { height: 140px !important; width: 190px !important } /* было инлайн: 1× */
.lc-h151-w190 { height: 151px !important; width: 190px !important } /* было инлайн: 1× */
.lc-fs12-mb17-mt17 { font-size: 12px !important; margin-bottom: 17px !important; margin-top: 17px !important } /* было инлайн: 1× */
.lc-fs12-mb8_5 { font-size: 12px !important; margin-bottom: 8.5px !important } /* было инлайн: 1× */
.lc-h200-w300 { height: 200px !important; width: 300px !important } /* было инлайн: 1× */
.lc-h195_52-w260 { height: 195.52px !important; width: 260px !important } /* было инлайн: 1× */
.lc-h192_17391304347825-w260 { height: 192.17391304347825px !important; width: 260px !important } /* было инлайн: 1× */
.lc-ff-roboto-fs15 { font-family: Roboto, sans-serif !important; font-size: 15px !important } /* было инлайн: 1× */
.lc-bg-fafafa-fs15 { background-color: #fafafa !important; font-size: 15px !important } /* было инлайн: 1× */
.lc-bg-fafafa { background-color: #fafafa !important } /* было инлайн: 1× */
.lc-c-inherit-ff-inherit-fs18 { color: inherit !important; font-family: inherit !important; font-size: 18px !important } /* было инлайн: 1× */
.lc-fl-left-h140_188-w140_188 { float: left !important; height: 140.188px !important; width: 140.188px !important } /* было инлайн: 1× */
.lc-c-inherit-ff-inherit-fs14 { color: inherit !important; font-family: inherit !important; font-size: 14px !important } /* было инлайн: 1× */
.lc-fs-xlarge { font-size: x-large !important } /* было инлайн: 1× */
.lc-fs-large { font-size: large !important } /* было инлайн: 1× */
.lc-c-51_51_51-ff-arial-fs14 { color: rgb(51, 51, 51) !important; font-family: Arial !important; font-size: 14px !important } /* было инлайн: 1× */
.lc-ml2-mr2-w25p { margin-left: 2px !important; margin-right: 2px !important; width: 25% !important } /* было инлайн: 1× */
.lc-ff-inherit { font-family: inherit !important } /* было инлайн: 1× */
.lc-ff-arial-5d2 { font-family: arial,sans-serif !important } /* было инлайн: 1× */
.lc-center { text-align: center !important } /* было инлайн: 1× */
.lc-h171-w374 { height: 171px !important; width: 374px !important } /* было инлайн: 1× */
.lc-fs26 { font-size: 26px !important } /* было инлайн: 1× */
.lc-fs-medium { font-size: medium !important } /* было инлайн: 1× */
.lc-bg-rgb2552552-fs20 { background-color: rgb(255, 255, 255) !important; font-size: 20px !important } /* было инлайн: 1× */
.lc-c-156_0_0-ff-inherit-fs14 { color: rgb(156, 0, 0) !important; font-family: inherit !important; font-size: 14px !important } /* было инлайн: 1× */
.lc-c-222222-ff-arial { color: #222222 !important; font-family: arial,helvetica,sans-serif !important } /* было инлайн: 1× */
.lc-lsn0_32px-mb16-pl24 { letter-spacing: -0.32px !important; margin-bottom: 16px !important; padding-left: 24px !important } /* было инлайн: 1× */
/* --- Крупные блоки разметки из внешнего редактора (Google Docs) ---
Имена lc-doc-N выданы по частоте; свойства — исходные, из атрибутов style= --- */
.lc-doc-1 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: 0.208px !important; margin: 20px 0px 8px !important } /* 53× */
.lc-doc-2 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: -0.32px !important; margin-bottom: 16px !important; padding-left: 24px !important } /* 49× */
.lc-doc-3 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: -0.02em !important; margin: 20px 0px 8px !important } /* 44× */
.lc-doc-4 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: -0.32px !important; margin-bottom: 8px !important; margin-top: 8px !important } /* 42× */
.lc-doc-5 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: 0.208px !important; margin-bottom: 16px !important; padding-left: 24px !important } /* 42× */
.lc-doc-6 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: 0.208px !important; margin-bottom: 8px !important; margin-top: 8px !important } /* 36× */
.lc-doc-7 { color: rgb(37, 37, 44) !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: 0.013em !important; line-height: 28px !important; margin: 20px 0px 8px !important } /* 12× */
.lc-doc-8 { color: rgb(37, 37, 44) !important; font-size: 16px !important; margin-bottom: 16px !important; padding-left: 24px !important } /* 9× */
.lc-doc-9 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: -0.02em !important; margin: 24px 0px 12px !important } /* 7× */
.lc-doc-10 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: 0.208px !important; margin: 24px 0px 12px !important } /* 7× */
.lc-doc-11 { color: rgb(37, 37, 44) !important; font-size: 16px !important; line-height: 28px !important; margin-bottom: 8px !important; margin-top: 8px !important } /* 7× */
.lc-doc-12 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: 0.208px !important; margin-bottom: 0px !important; margin-top: 8px !important } /* 6× */
.lc-doc-13 { height: 225px !important; margin-left: 5px !important; margin-right: 5px !important; width: 300px !important } /* 6× */
.lc-doc-14 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: -0.32px !important; margin-bottom: 0px !important; margin-top: 8px !important } /* 5× */
.lc-doc-15 { color: rgb(51, 51, 51) !important; font-family: Ubuntu, sans-serif !important; font-size: 2em !important; margin-bottom: 10px !important; margin-left: 0px !important; margin-right: 0px !important } /* 5× */
.lc-doc-16 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: -0.32px !important; margin: 20px 0px 8px !important } /* 3× */
.lc-doc-17 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: -0.32px !important; margin-bottom: 0px !important; padding-left: 24px !important } /* 2× */
.lc-doc-18 { height: 200px !important; margin-left: 10px !important; margin-right: 10px !important; width: 300px !important } /* 1× */
.lc-doc-19 { color: rgba(0, 0, 0, 0.9) !important; font-family: "YS Geo", -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; font-size: 16px !important; letter-spacing: 0.208px !important; margin-bottom: 0px !important; padding-left: 24px !important } /* 1× */
.lc-doc-20 { height: 188px !important; margin-left: 3px !important; margin-right: 3px !important; width: 250px !important } /* 1× */
.lc-doc-21 { height: 159.58078917050693px !important; margin-left: 5px !important; margin-right: 5px !important; width: 132.171875px !important } /* 1× */
.lc-doc-22 { height: 163.171875px !important; margin-left: 5px !important; margin-right: 5px !important; width: 163.171875px !important } /* 1× */
.lc-doc-23 { height: 164.77642569124424px !important; margin-left: 10px !important; margin-right: 10px !important; width: 195.390625px !important } /* 1× */
.lc-doc-24 { height: 164.171875px !important; margin-left: 5px !important; margin-right: 5px !important; width: 164.171875px !important } /* 1× */
.lc-doc-25 { height: 165px !important; margin-left: 5px !important; margin-right: 5px !important; width: 165px !important } /* 1× */
.lc-doc-26 { color: rgba(0, 0, 0, 0.9) !important; font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "Arial Unicode MS", sans-serif !important; letter-spacing: -0.32px !important; margin: 24px 0px 12px !important } /* 1× */
/* ==========================================================================
Статья-лендинг /lk-amur — стили вынесены из контента категории 166
(14.10.2026). Селекторы сохранены без изменений (.opencart-article-amur ...).
========================================================================== */
/* Основные стили - изолированы от темы OpenCart */
.opencart-article-amur {
max-width: 1280px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
line-height: 1.5;
color: #1e293b;
background: #ffffff;
border-radius: 28px;
padding: 24px 28px;
box-shadow: 0 8px 30px rgba(0,0,0,0.03);
}
/* Анимация появления */
.opencart-article-amur .fade-block {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.6s ease;
}
.opencart-article-amur .fade-block.visible {
opacity: 1;
transform: translateY(0);
}
/* Заголовки */
.opencart-article-amur h2 {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 3px solid #e2e8f0;
color: #0c4a6e;
transition: all 0.25s;
}
.opencart-article-amur h2:hover {
border-bottom-color: #3b82f6;
color: #1e3a8a;
padding-left: 6px;
}
.opencart-article-amur h3 {
font-size: 1.5rem;
margin: 1.6rem 0 0.8rem;
color: #155e75;
transition: transform 0.2s;
}
.opencart-article-amur h3:hover {
transform: translateX(5px);
color: #0284c7;
}
/* Списки */
.opencart-article-amur ul {
list-style: none;
padding-left: 0;
}
.opencart-article-amur li {
margin: 0.6rem 0;
padding-left: 1.8rem;
position: relative;
transition: all 0.2s;
}
.opencart-article-amur li:hover {
background: #f8fafc;
border-radius: 16px;
padding-left: 2rem;
}
.opencart-article-amur li::before {
content: "✓";
color: #3b82f6;
font-weight: bold;
position: absolute;
left: 0;
transition: transform 0.2s, color 0.2s;
}
.opencart-article-amur li:hover::before {
transform: scale(1.2);
color: #f97316;
}
/* Параграфы */
.opencart-article-amur p {
margin: 1rem 0;
line-height: 1.6;
}
/* Выделение strong */
.opencart-article-amur strong {
color: #d97706;
font-weight: 600;
}
/* Изображения (если появятся) */
.opencart-article-amur img {
max-width: 100%;
height: auto;
border-radius: 16px;
transition: transform 0.3s ease, box-shadow 0.3s;
margin: 12px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.opencart-article-amur img:hover {
transform: scale(1.02);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
/* Адаптивность */
@media (max-width: 768px) {
.opencart-article-amur {
padding: 16px;
}
.opencart-article-amur h2 {
font-size: 1.5rem;
}
.opencart-article-amur h3 {
font-size: 1.3rem;
}
}
/* ==========================================================================
Статья-лендинг /lk-avtobot — стили вынесены из контента категории 224
(14.10.2026). Селекторы сохранены без изменений (.opencart-article-avtobot ...).
========================================================================== */
/* Основные стили - изолированы от темы OpenCart */
.opencart-article-avtobot {
max-width: 1280px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
line-height: 1.5;
color: #1e293b;
background: #ffffff;
border-radius: 28px;
padding: 24px 28px;
box-shadow: 0 8px 30px rgba(0,0,0,0.03);
}
/* Анимация появления */
.opencart-article-avtobot .fade-block {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.6s ease;
}
.opencart-article-avtobot .fade-block.visible {
opacity: 1;
transform: translateY(0);
}
/* Заголовки */
.opencart-article-avtobot h2 {
font-size: 1.8rem;
margin-top: 2rem;
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 3px solid #e2e8f0;
color: #0c4a6e;
transition: all 0.25s;
}
.opencart-article-avtobot h2:hover {
border-bottom-color: #3b82f6;
color: #1e3a8a;
padding-left: 6px;
}
.opencart-article-avtobot h3 {
font-size: 1.5rem;
margin: 1.6rem 0 0.8rem;
color: #155e75;
transition: transform 0.2s;
}
.opencart-article-avtobot h3:hover {
transform: translateX(5px);
color: #0284c7;
}
/* Списки */
.opencart-article-avtobot ul {
list-style: none;
padding-left: 0;
}
.opencart-article-avtobot li {
margin: 0.6rem 0;
padding-left: 1.8rem;
position: relative;
transition: all 0.2s;
}
.opencart-article-avtobot li:hover {
background: #f8fafc;
border-radius: 16px;
padding-left: 2rem;
}
.opencart-article-avtobot li::before {
content: "✓";
color: #3b82f6;
font-weight: bold;
position: absolute;
left: 0;
transition: transform 0.2s, color 0.2s;
}
.opencart-article-avtobot li:hover::before {
transform: scale(1.2);
color: #f97316;
}
/* Параграфы */
.opencart-article-avtobot p {
margin: 1rem 0;
line-height: 1.6;
}
/* Выделение strong */
.opencart-article-avtobot strong {
color: #d97706;
font-weight: 600;
}
/* Таблица характеристик */
.opencart-article-avtobot .table-wrapper {
overflow-x: auto;
margin: 1.5rem 0;
border-radius: 20px;
box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.opencart-article-avtobot table {
width: 100%;
border-collapse: collapse;
font-size: 0.95rem;
min-width: 500px;
}
.opencart-article-avtobot th,
.opencart-article-avtobot td {
padding: 12px 15px;
border: 1px solid #e2e8f0;
text-align: left;
vertical-align: top;
}
.opencart-article-avtobot th {
background: #f1f5f9;
font-weight: 600;
color: #0f3b5c;
width: 40%;
}
.opencart-article-avtobot td {
background: #ffffff;
transition: background 0.2s;
}
.opencart-article-avtobot tr:hover td {
background: #fef9e3;
}
/* Изображения (если появятся) */
.opencart-article-avtobot img {
max-width: 100%;
height: auto;
border-radius: 16px;
transition: transform 0.3s ease, box-shadow 0.3s;
margin: 12px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.opencart-article-avtobot img:hover {
transform: scale(1.02);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
/* Адаптивность */
@media (max-width: 768px) {
.opencart-article-avtobot {
padding: 16px;
}
.opencart-article-avtobot h2 {
font-size: 1.5rem;
}
.opencart-article-avtobot h3 {
font-size: 1.3rem;
}
.opencart-article-avtobot th,
.opencart-article-avtobot td {
padding: 8px 10px;
}
}
/* ==========================================================================
Вынесено из шаблона checkout/simplecheckout_cart.twig (14.10.2026).
Класс lc-cart-hide-model ставится на таблицу корзины при !display_model. */
.lc-cart-hide-model col.model,
.lc-cart-hide-model th.model,
.lc-cart-hide-model td.model {
display: none;
}
/* ==========================================================================
ЕДИНЫЙ СТИЛЬ ОПИСАНИЙ — по эталону /lk-amur, с визуальными эффектами.
14.10.2026. Применяется к: категории, товары, блог, вкладки товара.
Списки — ТОЧКИ (не галочки). Заголовки H2 24px, H3 19px.
========================================================================== */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) {
max-width: 1280px !important;
margin: 0 auto !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif !important;
line-height: 1.6 !important;
color: #1e293b !important;
font-size: 15px !important;
letter-spacing: normal !important;
background: #ffffff !important;
border-radius: 24px !important;
padding: 24px 28px !important;
box-shadow: 0 8px 30px rgba(0, 0, 0, .03) !important;
}
/* Заголовки */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h2 {
font-size: 24px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
margin: 1.8rem 0 .9rem !important;
padding: 0 0 .5rem !important;
border-bottom: 3px solid #e2e8f0 !important;
color: #0c4a6e !important;
transition: all .25s !important;
letter-spacing: normal !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h2:hover {
border-bottom-color: #3b82f6 !important;
color: #1e3a8a !important;
padding-left: 6px !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h3 {
font-size: 19px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
margin: 1.4rem 0 .7rem !important;
color: #155e75 !important;
transition: transform .2s !important;
letter-spacing: normal !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h3:hover {
transform: translateX(5px) !important;
color: #0284c7 !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h4 {
font-size: 16px !important;
line-height: 1.35 !important;
font-weight: 700 !important;
margin: 1.1rem 0 .5rem !important;
color: #155e75 !important;
}
/* Текст */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) p {
margin: 1rem 0 !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
font-size: inherit !important;
color: inherit !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) span {
letter-spacing: inherit !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) strong,
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) b {
color: #d97706 !important;
font-weight: 600 !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) a {
color: #0284c7 !important;
text-decoration: none !important;
border-bottom: 1px solid rgba(2, 132, 199, .4) !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) a:hover {
color: #0369a1 !important;
border-bottom-color: #0284c7 !important;
}
/* Списки — ТОЧКИ с эффектом */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul {
list-style: none !important;
padding-left: 0 !important;
margin: 1rem 0 !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul > li {
position: relative !important;
padding-left: 1.5rem !important;
margin: .5rem 0 !important;
transition: all .2s !important;
letter-spacing: normal !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul > li:hover {
background: #f8fafc !important;
border-radius: 16px !important;
padding-left: 1.7rem !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul > li::before {
content: "" !important;
position: absolute !important;
left: 2px !important;
top: .62em !important;
width: 7px !important;
height: 7px !important;
border-radius: 50% !important;
background: #F6AF32 !important;
transition: transform .2s, background .2s !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul > li:hover::before {
transform: scale(1.35) !important;
background: #f97316 !important;
}
/* Абзацы внутри пунктов списка: без вертикальных отступов (иначе между
строками «Параметр: значение» и перечислениями образуется большая дыра). */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul > li > p,
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ol > li > p {
margin: 0 !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ol {
margin: 1rem 0 !important;
padding-left: 1.5rem !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ol > li {
margin: .4rem 0 !important;
letter-spacing: normal !important;
}
/* Галочки — только для смысловых списков (преимущества, комплектация, гарантии).
Класс .lc-check ставится в контенте по смыслу. Галочка позиционируется АБСОЛЮТНО
(как точка): у пунктов текст часто завёрнут в блочный , из-за чего inline-
галочка уходила бы строкой выше. Отступ у
внутри пункта снимаем. */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul.lc-check > li {
padding-left: 1.5rem !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul.lc-check > li::before {
content: "✓" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
background: none !important;
color: #F6AF32 !important;
font-weight: 700 !important;
font-size: 1.05em !important;
line-height: 1.6 !important;
transform: none !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) ul.lc-check > li:hover::before {
transform: none !important;
background: none !important;
color: #f97316 !important;
}
/* Картинки и таблицы */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) img {
max-width: 100% !important;
height: auto !important;
border-radius: 16px !important;
margin: 12px 0 !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, .05) !important;
transition: transform .3s ease, box-shadow .3s !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) img:hover {
transform: scale(1.02) !important;
box-shadow: 0 8px 20px rgba(0, 0, 0, .1) !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) table {
width: 100% !important;
border-collapse: collapse !important;
margin: 1.5rem 0 !important;
font-size: 14px !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) th,
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) td {
border: 1px solid #e2e8f0 !important;
padding: 10px 14px !important;
text-align: left !important;
vertical-align: top !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) th {
background: #f1f5f9 !important;
font-weight: 700 !important;
color: #0f3b5c !important;
}
/* Адаптив */
@media (max-width: 768px) {
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) {
padding: 16px !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h2 {
font-size: 20px !important;
}
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) h3 {
font-size: 17px !important;
}
}
/* Единый размер текста в блоге: тема задаёт .us-blog-post-text{font-size:14px}, а пункты списков оставались 14px при абзацах 15px. */
:is(.us-category-description-text, .us-product-description-cont, .us-blog-article-content, .us-product-extra-tab-content, .us-content-inform:not(:has(.lc-legal))) .us-blog-post-text {
font-size: 15px !important;
line-height: 1.6 !important;
letter-spacing: normal !important;
}
/* ===== Кнопки «Заказать» в статьях блога (19.10.2026) ===== */
:is(.us-blog-article-content, .us-content-inform, .us-category-description-text, .us-product-description-cont, .us-product-extra-tab-content) .lc-order-buttons {
display: flex;
flex-wrap: wrap;
margin: 0 0 15px;
}
:is(.us-blog-article-content, .us-content-inform, .us-category-description-text, .us-product-description-cont, .us-product-extra-tab-content) a.lc-order-btn {
display: inline-block;
color: #fff !important;
background: #F6AF32;
border: 0 !important;
border-bottom: 0 !important;
border-radius: 1px;
padding: 10px 20px;
margin: 0 8px 8px 0;
font-size: 16px;
font-weight: 300;
letter-spacing: .3px;
text-decoration: none !important;
transition: background .15s ease .05s;
}
:is(.us-blog-article-content, .us-content-inform, .us-category-description-text, .us-product-description-cont, .us-product-extra-tab-content) a.lc-order-btn:hover {
color: #fff !important;
background: #71BE00;
border-bottom: 0 !important;
}
@media (max-width: 480px) {
:is(.us-blog-article-content, .us-content-inform, .us-category-description-text, .us-product-description-cont, .us-product-extra-tab-content) .lc-order-buttons {
display: block;
}
:is(.us-blog-article-content, .us-content-inform, .us-category-description-text, .us-product-description-cont, .us-product-extra-tab-content) a.lc-order-btn {
display: block;
width: 100%;
margin-right: 0;
text-align: center;
}
}
/* ==========================================================================
ЕДИНАЯ ТИПОГРАФИКА ИНФОРМАЦИОННЫХ СТАТЕЙ — по образцу /warranty,
раздел «Обмен и возврат товара ненадлежащего качества»:
основной текст 15px #1e293b, H2 24px #0c4a6e, H3 19px #155e75.
Перекрывает оставшиеся в контенте классы lc-* и теги .
19.10.2026.
========================================================================== */
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) {
font-size: 15px !important;
color: #1e293b !important;
line-height: 1.6 !important;
}
/* Любой вложенный элемент наследует размер абзаца/заголовка: это гасит
lc-fs14/16/18/20/22/24/26 и , не трогая структуру. */
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) * {
font-size: inherit !important;
line-height: inherit !important;
}
/* Основной текст: 15px во всех абзацах и пунктах списков. */
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) :is(p, li) {
font-size: 15px !important;
line-height: 1.6 !important;
}
/* Таблицы сохраняют свой 14px. */
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) table,
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) table * {
font-size: 14px !important;
}
/* Заголовки: размер и цвет не зависят от вложенных span/font. */
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) h2 {
font-size: 24px !important;
color: #0c4a6e !important;
line-height: 1.25 !important;
font-weight: 700 !important;
}
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) h3 {
font-size: 19px !important;
color: #155e75 !important;
line-height: 1.3 !important;
font-weight: 700 !important;
}
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) h4 {
font-size: 16px !important;
color: #155e75 !important;
line-height: 1.35 !important;
font-weight: 700 !important;
}
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) :is(h2, h3, h4) * {
font-size: inherit !important;
color: inherit !important;
font-family: inherit !important;
font-weight: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
}
/* Мобильная адаптация: сохраняем прежние 20/17px, чтобы заголовки не были крупнее макета. */
@media (max-width: 768px) {
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) h2 {
font-size: 20px !important;
}
:is(.us-content-inform:not(:has(.lc-legal)):has(h2, h3),
.us-blog-article-content,
.us-blog-post-text) h3 {
font-size: 17px !important;
}
}
/* FAQ в статье блога (метка faq-group): список регионов приходит из FAQ-модуля
с готовой вёрсткой (3 колонки, иконки-маркеры, 12px). В статье оставляем
обычный список статьи - без иконок и чужого шрифта, в 3 столбца на десктопе
и в 1 столбец на мобильных. Колонки - CSS multicol, чтобы 84 пункта
раскладывались по столбцам равномерно. */
.us-blog-post-text .article-faq .panel-body > .row {
display: block;
column-count: 3;
column-gap: 24px;
margin: 0;
font-size: inherit;
}
.us-blog-post-text .article-faq .panel-body > .row > [class*="col-"] {
display: contents;
}
.us-blog-post-text .article-faq .panel-body ul.region-list {
margin: 0;
padding-left: 0;
break-inside: auto;
}
.us-blog-post-text .article-faq .panel-body ul.region-list li {
break-inside: avoid;
}
.us-blog-post-text .article-faq .panel-body ul.region-list .fa-map-marker {
display: none;
}
@media (max-width: 991px) {
.us-blog-post-text .article-faq .panel-body > .row {
column-count: 2;
}
}
@media (max-width: 767px) {
.us-blog-post-text .article-faq .panel-body > .row {
column-count: 1;
}
}