/***********
 * site.css - OMEGA SOLUTIONS / V17 FULL FINAL REVISED
 * * ИСПРАВЛЕНИЯ:
 * 1. FOOTER: Ссылки короткие (по тексту), Кнопка ШИРОКАЯ.
 * 2. AIRPLANE: Иконка вместо текста.
 * 3. FORM: Без тормозов и растягивания на ПК.
 * 4. HEADER: Кликабельность восстановлена (Z-Index).
 * 5. IPHONE: Чекбоксы, верстка товаров, ЗОЛОТЫЕ КНОПКИ.
 * ====================================================================
 */
/* --- CORE LAYOUT & GLOBAL FIXES --- */
header {
    /* Хедер выше контента, но ниже модалок */
    position: relative;
    z-index: 2000 !important;
}
/* МОДАЛЬНЫЕ ОКНА ПОВЕРХ ВСЕГО */
.modal, .modal-box, .fancybox-overlay, .popup, #modal-consultation, .fancybox-wrap {
    z-index: 999999 !important;
}
/* ФИКС КНОПОК ХЕДЕРА (GPU СЛОЙ) */
header a, header button, header .btn-contact, header .show-cart, .navbar a {
    position: relative;
    z-index: 2001;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    cursor: pointer;
}
.material-icons, i.icon-airplane, span.icon-airplane {
    font-size: 0 !important;
    color: transparent !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /* Белый по умолчанию */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' width='24px' height='24px'%3E%3Cpath d='M10.18 9'%3E%3C/path%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}
a:hover .material-icons, a:hover i.icon-airplane {
    /* Золотой при наведении */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23B47F2B' width='24px' height='24px'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* ===== DEFAULT & DARK THEME ===== */
html, html[data-theme="dark"] body {
    background-color: #1a202c !important;
    color: #edf2f7 !important;
}

html[data-theme="dark"] .outer {
    background-color: #1a202c !important;
    color: #edf2f7 !important;
}

/* ===== LIGHT THEME ===== */


html[data-theme="light"] body {
    background-color: #ffffff !important;
    color: #4C4C4C !important;
}
html[data-theme="light"] .outer {
    background-color: #ffffff !important;
}
section {
    padding: 60px 20px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 1280px;
}
section.double-padded {
    padding-top: 100px;
    padding-bottom: 100px;
}
@media (max-width: 639px) {
    section {
        max-width: 640px;
        padding: 30px 20px;
    }
    section.double-padded {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.row {
    display: flex;
    flex-flow: row wrap;
    flex: 0 0 auto;
    margin: -5px;
}
.row.row-nowrap {
    flex-wrap: nowrap;
}
.row.row-reverse {
    flex-direction: row-reverse;
}
.row.row-centered {
    justify-content: center;
}
/* --- GRID SYSTEM --- */
@media (min-width: 1280px) {
    .col-1 { flex: 0 0 calc(100% * 1 / 12 - 10px); margin: 5px; }
    .col-skip-1 { margin-left: calc(100% * 1 / 12 + 10px / 2) !important; }
    .col-2 { flex: 0 0 calc(100% * 2 / 12 - 10px); margin: 5px; }
    .col-skip-2 { margin-left: calc(100% * 2 / 12 + 10px / 2) !important; }
    .col-3 { flex: 0 0 calc(100% * 3 / 12 - 10px); margin: 5px; }
    .col-skip-3 { margin-left: calc(100% * 3 / 12 + 10px / 2) !important; }
    .col-4 { flex: 0 0 calc(100% * 4 / 12 - 10px); margin: 5px; }
    .col-skip-4 { margin-left: calc(100% * 4 / 12 + 10px / 2) !important; }
    .col-5 { flex: 0 0 calc(100% * 5 / 12 - 10px); margin: 5px; }
    .col-skip-5 { margin-left: calc(100% * 5 / 12 + 10px / 2) !important; }
    .col-6 { flex: 0 0 calc(100% * 6 / 12 - 10px); margin: 5px; }
    .col-skip-6 { margin-left: calc(100% * 6 / 12 + 10px / 2) !important; }
    .col-7 { flex: 0 0 calc(100% * 7 / 12 - 10px); margin: 5px; }
    .col-skip-7 { margin-left: calc(100% * 7 / 12 + 10px / 2) !important; }
    .col-8 { flex: 0 0 calc(100% * 8 / 12 - 10px); margin: 5px; }
    .col-skip-8 { margin-left: calc(100% * 8 / 12 + 10px / 2) !important; }
    .col-9 { flex: 0 0 calc(100% * 9 / 12 - 10px); margin: 5px; }
    .col-skip-9 { margin-left: calc(100% * 9 / 12 + 10px / 2) !important; }
    .col-10 { flex: 0 0 calc(100% * 10 / 12 - 10px); margin: 5px; }
    .col-skip-10 { margin-left: calc(100% * 10 / 12 + 10px / 2) !important; }
    .col-11 { flex: 0 0 calc(100% * 11 / 12 - 10px); margin: 5px; }
    .col-skip-11 { margin-left: calc(100% * 11 / 12 + 10px / 2) !important; }
    .col-12 { flex: 0 0 calc(100% * 12 / 12 - 10px); margin: 5px; }
}
@media (min-width: 640px) and (max-width: 1279px) {
    .col-t-1 { flex: 0 0 calc(100% * 1 / 12 - 10px); margin: 5px; }
    .col-t-skip-1 { margin-left: calc(100% * 1 / 12 + 10px / 2) !important; }
    .col-t-2 { flex: 0 0 calc(100% * 2 / 12 - 10px); margin: 5px; }
    .col-t-skip-2 { margin-left: calc(100% * 2 / 12 + 10px / 2) !important; }
    .col-t-3 { flex: 0 0 calc(100% * 3 / 12 - 10px); margin: 5px; }
    .col-t-skip-3 { margin-left: calc(100% * 3 / 12 + 10px / 2) !important; }
    .col-t-4 { flex: 0 0 calc(100% * 4 / 12 - 10px); margin: 5px; }
    .col-t-skip-4 { margin-left: calc(100% * 4 / 12 + 10px / 2) !important; }
    .col-t-5 { flex: 0 0 calc(100% * 5 / 12 - 10px); margin: 5px; }
    .col-t-skip-5 { margin-left: calc(100% * 5 / 12 + 10px / 2) !important; }
    .col-t-6 { flex: 0 0 calc(100% * 6 / 12 - 10px); margin: 5px; }
    .col-t-skip-6 { margin-left: calc(100% * 6 / 12 + 10px / 2) !important; }
    .col-t-7 { flex: 0 0 calc(100% * 7 / 12 - 10px); margin: 5px; }
    .col-t-skip-7 { margin-left: calc(100% * 7 / 12 + 10px / 2) !important; }
    .col-t-8 { flex: 0 0 calc(100% * 8 / 12 - 10px); margin: 5px; }
    .col-t-skip-8 { margin-left: calc(100% * 8 / 12 + 10px / 2) !important; }
    .col-t-9 { flex: 0 0 calc(100% * 9 / 12 - 10px); margin: 5px; }
    .col-t-skip-9 { margin-left: calc(100% * 9 / 12 + 10px / 2) !important; }
    .col-t-10 { flex: 0 0 calc(100% * 10 / 12 - 10px); margin: 5px; }
    .col-t-skip-10 { margin-left: calc(100% * 10 / 12 + 10px / 2) !important; }
    .col-t-11 { flex: 0 0 calc(100% * 11 / 12 - 10px); margin: 5px; }
    .col-t-skip-11 { margin-left: calc(100% * 11 / 12 + 10px / 2) !important; }
    .col-t-12 { flex: 0 0 calc(100% * 12 / 12 - 10px); margin: 5px; }
}
@media (max-width: 639px) {
    .col-m-1 { flex: 0 0 calc(100% * 1 / 12 - 10px); margin: 5px; }
    .col-m-skip-1 { margin-left: calc(100% * 1 / 12 + 10px / 2) !important; }
    .col-m-2 { flex: 0 0 calc(100% * 2 / 12 - 10px); margin: 5px; }
    .col-m-skip-2 { margin-left: calc(100% * 2 / 12 + 10px / 2) !important; }
    .col-m-3 { flex: 0 0 calc(100% * 3 / 12 - 10px); margin: 5px; }
    .col-m-skip-3 { margin-left: calc(100% * 3 / 12 + 10px / 2) !important; }
    .col-m-4 { flex: 0 0 calc(100% * 4 / 12 - 10px); margin: 5px; }
    .col-m-skip-4 { margin-left: calc(100% * 4 / 12 + 10px / 2) !important; }
    .col-m-5 { flex: 0 0 calc(100% * 5 / 12 - 10px); margin: 5px; }
    .col-m-skip-5 { margin-left: calc(100% * 5 / 12 + 10px / 2) !important; }
    .col-m-6 { flex: 0 0 calc(100% * 6 / 12 - 10px); margin: 5px; }
    .col-m-skip-6 { margin-left: calc(100% * 6 / 12 + 10px / 2) !important; }
    .col-m-7 { flex: 0 0 calc(100% * 7 / 12 - 10px); margin: 5px; }
    .col-m-skip-7 { margin-left: calc(100% * 7 / 12 + 10px / 2) !important; }
    .col-m-8 { flex: 0 0 calc(100% * 8 / 12 - 10px); margin: 5px; }
    .col-m-skip-8 { margin-left: calc(100% * 8 / 12 + 10px / 2) !important; }
    .col-m-9 { flex: 0 0 calc(100% * 9 / 12 - 10px); margin: 5px; }
    .col-m-skip-9 { margin-left: calc(100% * 9 / 12 + 10px / 2) !important; }
    .col-m-10 { flex: 0 0 calc(100% * 10 / 12 - 10px); margin: 5px; }
    .col-m-skip-10 { margin-left: calc(100% * 10 / 12 + 10px / 2) !important; }
    .col-m-11 { flex: 0 0 calc(100% * 11 / 12 - 10px); margin: 5px; }
    .col-m-skip-11 { margin-left: calc(100% * 11 / 12 + 10px / 2) !important; }
    .col-m-12 { flex: 0 0 calc(100% * 12 / 12 - 10px); margin: 5px; }
}
.stick-left { align-self: flex-start; }
.stick-right { align-self: flex-end; }
/* --- TYPOGRAPHY --- */
h1, .font-h1 { font: 300 33px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: -3px; }
h2, .font-h2, h3, .font-h3, h4, .font-h4 { font: 300 24.75px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
h5, .font-h5, .product-price { font: 400 16.5px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: 0.01em; text-indent: 0; }
h6, .font-h6, .label, footer #contact-list { font: 500 13.75px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: 0.01em; text-indent: 0; }
.font-b, body, a.btn-sm, footer .outer, table.products-table { font: 400 11px/1.5 Verdana,sans-serif; letter-spacing: 0.02em; text-indent: 0; }
.font-h { font: 400 19.25px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
.font-p, .ceo-img, .ceo-sign-img, .form input, .form textarea, #article { font: 400 16.5px/1.15 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
@media (min-width: 1280px) {
    h1, .font-h1 { font: 300 99px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: -0.01em; text-indent: 0; white-space: nowrap; }
    h2, .font-h2, h3, .font-h3, h4, .font-h4 { font: 300 79.75px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: -0.005em; text-indent: 0; white-space: nowrap; }
    h3, .font-h3 { font: 300 57.75px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
    h4, .font-h4 { font: 300 46.75px/1.2 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
    h5, .font-h5, .product-price { font: 300 24.75px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
    .font-h { font: 400 33px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: -3px; }
    .font-p, .ceo-img, .ceo-sign-img, .form input, .form textarea, #article { font: 400 22px/1.15 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
    .font-l { font: 300 22px/1.5 "Fira Sans",Helvetica,Arial,sans-serif; letter-spacing: normal; text-indent: 0; }
}
h1 { margin: 0 auto 10px auto; }
h2 { margin: 0 auto 10px auto; }
h3 { margin: 0 auto 10px auto; }
h4 { margin: 0 auto 10px auto; }
h5 { margin: 0 auto 10px auto; }
h6 { margin: 0 auto 10px auto; }
.small { font-size: 91%; font-weight: normal; }
.text-disabled { color: #9B9B9B; }
.text-crossed { text-decoration: line-through; }
body { color: #4C4C4C; }
*, *:before, *:after { box-sizing: border-box; }
strong { font-weight: 700; }
html { 
    overflow-y: scroll;
    scroll-behavior: smooth;
}
body.noscroll {
    overflow: hidden;
    padding-right: 17px;
}

body { min-width: 100%; min-height: 100%; margin: 0; padding: 0; }

/* --- LINKS & BUTTONS --- */
a, a:link, a:visited, a:hover, a:focus, a:active {
  appearance: none;
  outline: none;
  cursor: pointer;
  color: #5985BA;
  border-bottom: 1px solid transparent;
  background: transparent;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  border-bottom: 1px solid #5985BA;
}
a.btn-lite, a.btn-details, a.btn-sm {
    display: block; text-transform: uppercase;
    padding: 10px 15px; border: 2px solid #B47F2B;
    color: #B47F2B; margin-top: 10px; text-align: center;
}
a.btn-details, a.btn-sm {
    display: inline-block; border-color: #B47F2B;
    color: #B47F2B; margin-top: 10px;
}
a.btn-sm {
    float: none !important; font-weight: 400;
    padding: 3.125px 15px; border-width: 1px;
    text-transform: none; margin: 0 0 0 5px;
    vertical-align: middle;
}
.nolink:link, .nolink:visited, .nolink:hover, .nolink:focus, .nolink:active,
.logo:link, .logo:visited, .logo:hover, .logo:focus, .logo:active {
    text-decoration: none;
    border-bottom: none !important;
}
.logo img { max-height: 140px; }
.text-center { text-align: center; }
@media (min-width: 640px) and (max-width: 1279px) { .text-center-t { text-align: center !important; } }
@media (max-width: 639px) { .text-center-m { text-align: center !important; } }
.text-left { text-align: left; }
@media (min-width: 640px) and (max-width: 1279px) { .text-left-t { text-align: left !important; } }
@media (max-width: 639px) { .text-left-m { text-align: left !important; } }
.text-right { text-align: right; }
@media (min-width: 640px) and (max-width: 1279px) { .text-right-t { text-align: right !important; } }
@media (max-width: 639px) { .text-right-m { text-align: right !important; } }
.pull-left { float: left; }
.pull-right { float: right; }
.navbar { justify-content: space-between; align-items: center; }
@media (min-width: 640px) and (max-width: 1279px) { .navbar nav { padding-top: 20px; } }
@media (max-width: 639px) { .navbar nav { padding-top: 20px; } }
.navbar nav ul {
    display: flex; flex-flow: row wrap;
    justify-content: flex-start; align-items: center;
    position: relative;
}
.navbar nav ul li:not(:last-of-type) { margin-right: 20px; }
.navbar nav ul li a, .navbar nav ul li a:link, .navbar nav ul li a:visited,
.navbar nav ul li a:hover, .navbar nav ul li a:focus, .navbar nav ul li a:active {
    appearance: none; outline: none; cursor: pointer;
    color: #000; border-bottom: 1px solid transparent;
    background: transparent; text-decoration: none;
}
.navbar nav ul li a:hover, .navbar nav ul li a:focus, .navbar nav ul li a:active {
    border-bottom: 1px solid #000;
}
.navbar nav ul li a.blue { color: #5985BA; }
.navbar nav ul li a.blue:hover { border-bottom: 1px solid #5985BA; }
.navbar nav ul li a.gold { color: #B47F2B; }
.navbar nav ul li a.gold:hover { border-bottom: 1px solid #B47F2B; }
.navbar nav ul li a.red { color: #D0021B; }
.navbar nav ul li a.red:hover { border-bottom: 1px solid #D0021B; }
#search-form { margin-top: 23px; position: relative; z-index: 2002; }
#search-form input[type="text"] {
    height: 20px; border: 1px solid rgba(150,150,150,0.26);
    border-radius: 2px; outline: 0; box-shadow: none;
    padding: 14px 10px; width: 180px;
    transition: all 0.05s ease-in-out;
    max-width: 100%;
}
#search-form input[type="text"]:focus { border-color: #B47F2B; }
#search-form input[type="text"].input-large { padding: 20px 14px; width: 30vmax; max-width: 100%; min-width: 240px; }
#search-form a { display: inline-block; margin: 5px; }
ul { margin: 0; }
ul.nostyle, ul.inline, ul.pagination, .article-list { list-style: none; padding-left: 0; }
ul.nostyle li, ul.inline li, ul.pagination li, .article-list li { line-height: 20px; }
ul.inline, ul.pagination { display: inline-block; }
ul.inline li, ul.pagination li { display: inline-flex; margin-right: 10px; }
main, header, footer, .outer { display: flex; flex-flow: row wrap; justify-content: center; }
.outer #ship-waves {
    height: 22vw; margin-top: 12vw;
    background-color: rgba(74,144,226,0.1);
}
.outer #ship-waves:before {
    content: ''; position: absolute; width: 100%;
    left: 0; right: 0; height: 60px;
    background-image: url('data:image/svg+xml;utf-8,%3Csvg%20width%3D%22400%22%20height%3D%22200%22%20viewBox%3D%220%200%20400%20200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M299.815%200c-35.804%200-67.706%2027.22-99.61%2054.445-32.324%2027.02-64.225%2054.243-100.596%2054.243-35.804%200-67.708-27.22-99.61-54.442V200h400l-.01-145.555C368.087%2027.22%20336.183%200%20299.814%200z%22%20fill%3D%22%234A90E2%22%20fill-rule%3D%22evenodd%22%20fill-opacity%3D%22.1%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: repeat-x; background-size: auto 60px; top: -60px;
}
@media (max-width: 639px) {
    .outer #ship-waves:before { height: 30px; top: -30px; background-size: auto 30px; }
}
.outer #ship-waves #ship {
    width: 60vw; display: block; margin: 0 auto;
    transform: translateY(-60%) translateX(-25%); z-index: 0;
}
header>section:first-of-type { z-index: 1; }
.categories { margin-top: 30px; }
.categories ul li:not(.accent) { margin-top: 2px; }
.categories ul li:not(.accent) ul { padding-left: 20px; }
.categories ul.with-subs li a { display: inline-flex; word-break: break-word; }
.categories ul.with-subs li a.btn-action {
    margin-left: 5px; width: 20px; height: 20px;
    vertical-align: middle; display: none;
}
.categories ul.with-subs li:hover>.btn-action { display: inline-flex; }
.categories ul.with-subs>li { margin-top: 10px; }
main>section:first-of-type { padding-top: 0; }
main h4:first-of-type:not(.breadcrumbs+h4) { margin-top: 30px; }
hr { border: none; border-bottom: 1px solid rgba(155,155,155,0.3); margin: 0; }
#waves {
    display: block; width: 100%; margin-top: -12vw;
    overflow: hidden;
    /* Поднимаем волны выше, чтобы их не перекрывали другие блоки */
    z-index: 10 !important;
    position: relative; /* На всякий случай, для корректной работы z-index */
}
#waves svg {
    width: auto; max-width: calc(100% + 10px * 2);
    height: auto; margin: 0 -10px 0;
}
.ceo-img, #ceo-img {
    width: 20vw; height: 20vw; max-width: 140px;
    max-height: 140px; vertical-align: top;
}
.ceo-sign {
    width: auto; display: inline-block; margin-left: 20px;
}
.ceo-sign .ceo-sign-img, .ceo-sign #ceo-sign-img {
    width: 30vw; max-width: 200px; height: auto;
}
.ceo-img, .ceo-sign-img { color: #9B9B9B; }
.accent:before {
    content: '•'; font-size: 14px; margin: 0 3px 0 -12px;
    color: #B47F2B; vertical-align: bottom;
}
#tiles-section {
    display: flex; flex: 0 0 100%; width: 100%;
    background-color: rgba(89,133,186,0.05);
}
#tiles-section section { z-index: 1; }
#certificates-section {
    display: flex; flex: 0 0 100%; width: 100%;
    background-color: rgba(89,133,186,0.05);
    border-bottom: 1px solid rgba(155,155,155,0.3);
}
#certificates-section .certificates { padding-top: 50px; padding-bottom: 50px; }
.img-row { align-items: center; }
.img-row img { max-width: 100%; height: auto; }
.img-row>div { position: relative; }
a.btn-action {
    background-color: rgba(0,0,0,0.3); width: 24px; height: 24px;
    border-radius: 50%; color: rgba(255,255,255,0.75);
    display: flex; flex-flow: row nowrap; justify-content: center;
    align-items: center; font-size: 13.75px; font-weight: 500;
    text-decoration: none; margin-left: 10px;
}
a.btn-action:hover {
    border-color: transparent; text-decoration: none;
    color: #fff; background-color: rgba(0,0,0,0.5);
}
a.btn-action img { width: 14px; height: 14px; }
.pair:not(:first-of-type) a.btn-action { margin-top: 20px; }
a.img-delete {
    position: absolute; top: 0; right: 0;
    background-color: rgba(0,0,0,0.5); width: 24px; height: 24px;
    border-radius: 50%; color: rgba(255,255,255,0.75);
    display: flex; flex-flow: row nowrap; justify-content: center;
    align-items: center; font-size: 13.75px; font-weight: 500;
    text-decoration: none;
}
a.img-delete:hover {
    border-color: transparent; text-decoration: none; color: #fff;
}
#ship-waves {
    width: 100%; height: 10vw; position: relative;
    background-image: url('data:image/svg+xml;utf-8,%3Csvg%20id%3D%22footer-wave%22%20viewBox%3D%220%200%201920%20188%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpath%20d%3D%22M0%2096.823C18.182%2064.55%2064%200%20106.667%200%20192%200%20256%20154.917%20341.333%20154.917c85.334%200%20106.667-100.05%20192-100.05%2085.334%200%20128%2071.003%20213.334%2071.003C832%20125.87%20874.182%2077.46%20960%2077.46c84.848%200%20128%2032.273%20213.333%2032.273%2085.334%200%20128-22.592%20213.334-22.592%2085.333%200%20128%2016.14%20213.333%2016.14s128-9.682%20213.333-9.682c42.667%200%2064%200%20106.667%203.227V188H0V96.823z%22%20fill%3D%22%23597ABA%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat; background-size: contain;
    background-position: center bottom -1px;
}
.breadcrumbs {
    list-style: none; padding: 0; margin: 30px 0 10px;
}
.breadcrumbs li { display: inline-block; }
.breadcrumbs li a, .breadcrumbs li a:link, .breadcrumbs li a:visited,
.breadcrumbs li a:hover, .breadcrumbs li a:focus, .breadcrumbs li a:active {
    appearance: none; outline: none; cursor: pointer;
    color: #5985BA; border-bottom: 1px solid transparent;
    background: transparent; text-decoration: none;
}
.breadcrumbs li a:hover, .breadcrumbs li a:focus, .breadcrumbs li a:active {
    border-bottom: 1px solid #5985BA;
}
.breadcrumbs li:nth-child(even) { padding: 0 4px; }
.breadcrumbs+h4 a.btn-action {
    display: inline-flex; vertical-align: middle;
    width: 30px; height: 30px;
}
.breadcrumbs+h4 a.btn-action img { width: 20px; height: 20px; }
.breadcrumbs+h4.form input {
    display: inline-block; vertical-align: middle;
    margin: 0; text-decoration: none;
}
#catalog { margin-top: 30px; }
#catalog #sidebar {
    display: flex; flex-flow: column nowrap;
    justify-content: flex-start;
    background-color: rgba(216,216,216,0.24);
    border: 1px solid rgba(150,150,150,0.26);
    margin: 0 10px 0 0;
}
#catalog #sidebar .group { border-bottom: 1px solid rgba(150,150,150,0.26); }
#catalog #sidebar .group .caption { text-transform: uppercase; padding: 15px; }
#catalog #sidebar .group:last-of-type { border-bottom: none; }
#catalog #sidebar .group:last-of-type .caption { border-bottom: none; text-align: center; }
#catalog #sidebar .group .param { margin: 10px auto; }
#catalog #sidebar .group .param:first-child { margin-top: 0; }
#catalog #sidebar .group label { cursor: pointer; }
#catalog #sidebar .group .params { padding: 0 15px 10px; }
#catalog #sidebar .group.group-single .caption { text-transform: none; border: none; }
#catalog #sidebar .group.group-single .caption .params { padding: 0; }
#catalog #sidebar .group.group-single .caption .params .param { margin: 0; text-align: left; }
@media (min-width: 640px) and (max-width: 1279px) {
    #catalog #sidebar { flex-basis: 100%; flex-flow: row wrap; margin: 0 0 10px; }
    #catalog #sidebar .group { flex: 1 0 50%; }
}
@media (max-width: 639px) {
    #catalog #sidebar { margin: 0 0 10px; }
}
#catalog #grid { position: relative; }
#catalog #grid>img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
#catalog #grid .product-card {
    box-shadow: 0 0 0 1px rgba(150,150,150,0.26) inset;
    background: transparent; display: flex; flex-flow: column nowrap;
    justify-content: flex-start; position: relative; overflow: hidden;
}
#catalog #grid .product-card .header {
    height: 310px; padding: 15px;
    border-bottom: 1px solid rgba(150,150,150,0.26);
    z-index: 1; position: relative;
}
#catalog #grid .product-card .header .product-tile {
    display: block; width: 100%; height: 100%;
    position: relative; overflow: hidden; margin: 0;
}
#catalog #grid .product-card .header .product-tile img {
    position: absolute; display: block; margin: auto;
    top: 0; bottom: 0; left: 0; right: 0;
    width: auto; max-width: 100%; height: auto; max-height: 100%;
}
#catalog #grid .product-card .header .product-tile:link,
#catalog #grid .product-card .header .product-tile:focus,
#catalog #grid .product-card .header .product-tile:hover,
#catalog #grid .product-card .header .product-tile:active,
#catalog #grid .product-card .header .product-tile:visited {
    text-decoration: none; border: none;
}
#catalog #grid .product-card .header a.product-name {
    position: absolute; width: 100%; left: 0; bottom: 0;
    padding: 10px 15px; white-space: nowrap;
    text-overflow: ellipsis; overflow: hidden;
}
#catalog #grid .product-card .header a.product-name:focus,
#catalog #grid .product-card .header a.product-name:hover,
#catalog #grid .product-card .header a.product-name:active,
#catalog #grid .product-card .header a.product-name:visited {
    border-bottom: 1px solid transparent; text-decoration: none;
}
#catalog #grid .product-card .body { padding: 10px 15px 15px; }
#catalog #grid .product-card .body .product-params { min-height: 70px; margin: 15px auto; }
#catalog #grid .product-card .body .btn-details:last-of-type,
#catalog #grid .product-card .body a.btn-sm:last-of-type { float: right; }
#catalog #grid .product-card.product-discontinued .header,
#catalog #grid .product-card.product-discontinued .body *:not(.product-price) { opacity: .5; }
#catalog #grid .product-card.product-discontinued .product-price { color: #9B9B9B; }
dl { margin: 5px auto; display: flex; flex-flow: row nowrap; justify-content: space-between; }
dl dt { display: inline-block; }
dl dd { display: inline-block; flex: 0 1 20%; }
#categories { margin-top: 30px; }
#categories .category {
    height: 280px; border: 1px solid rgba(150,150,150,0.26);
    padding: 15px; text-align: center; color: #4C4C4C !important;
    position: relative;
}
#categories .category .category-img {
    width: 75%; height: 75%; margin: auto auto 20px;
    background-image: none; background-repeat: no-repeat;
    background-size: contain; background-position: center center;
    order: 0;
}
#categories .category .font-p, #categories .category .ceo-img,
#categories .category .ceo-sign-img, #categories .category .form input,
.form #categories .category input, #categories .category .form textarea,
.form #categories .category textarea, #categories .category #article {
    position: absolute; bottom: 0px; left: 0; right: 0;
    padding: 10px 15px 15px;
}
.product-price { font-weight: 400; }
.product-price.new-price { color: #D0021B; }
.label {
    padding: 2px 7px; color: #fff; background-color: #D0021B;
    border-radius: 2.5px; vertical-align: middle; line-height: 1;
}
.label.new-product-label { background-color: #B47F2B; margin-left: 5px; }
.label.action-label { background-color: #D0021B; margin-left: 5px; }
.label.action-label.action-blue { background-color: #5985BA !important; }
.label.action-label.action-green { background-color: #B47F2B !important; }
.label.action-label.action-yellow { background-color: #FDD513 !important; }
.label.action-label.action-orange { background-color: #FF9300 !important; }
.label.action-label.action-purple { background-color: #942192 !important; }
.label.action-label.action-black { background-color: #000 !important; }
.new-ribbon {
    position: absolute; transform: rotate(-45deg);
    padding: 1px 50px 2px; background-color: #B47F2B;
    color: #fff; top: 22px; left: -44px; z-index: 2;
    width: 150px; display: flex; flex-flow: row nowrap;
    align-items: center; justify-content: center;
}
.action-ribbon {
    position: absolute; transform: rotate(-45deg);
    padding: 1px 0 2px; background-color: #D0021B;
    color: #fff; top: 35px; left: -56px; z-index: 3;
    width: 200px; display: flex; flex-flow: row nowrap;
    align-items: center; justify-content: center;
}
.action-ribbon.ribbon-blue { background-color: #5985BA; }
.action-ribbon.ribbon-green { background-color: #B47F2B; }
.action-ribbon.ribbon-yellow { background-color: #FDD513; }
.action-ribbon.ribbon-orange { background-color: #FF9300; }
.action-ribbon.ribbon-purple { background-color: #942192; }
.action-ribbon.ribbon-black { background-color: #000; }
#product .product-preview .row { position: relative; }
#product .product-preview .row .product-image {
    min-height: 416.66667px; max-height: 620px; position: relative;
}
#product .product-preview .row .product-image img {
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto;
}
#product .product-preview .row .price-container {
    width: 100%; height: 100%; top: 0; left: 0; position: absolute;
    display: flex; flex-flow: row wrap; justify-content: flex-end;
    align-items: flex-end;
}
#product .product-preview .row .price-container.container-top { align-items: flex-start; }
#product .product-preview .row .price-container .price-box {
    max-width: 310px; padding: 20px; color: #000;
    background-color: rgba(246,246,246,0.75);
}
#product .product-preview .row .price-container .price-box small { display: block; margin-top: 10px; }
#product .product-preview .row .price-container .price-box small p {
    text-align: center; color: #9B9B9B; margin: 0 auto;
}
@media (min-width: 640px) and (max-width: 1279px) {
    #product .product-preview .row .price-container { position: relative; top: auto; left: auto; }
    #product .product-preview .row .price-container .price-box { width: 100%; }
}
@media (max-width: 639px) {
    #product .product-preview .row .price-container { position: relative; top: auto; left: auto; }
    #product .product-preview .row .price-container .price-box { width: 100%; }
}
#product .product-description { padding-left: 30px; }
@media (max-width: 639px) { #product .product-description { padding: 0; } }
#partner-section {
    display: flex; flex: 0 0 100%; width: 100%;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.05) 5%, rgba(89,133,186,0.05) 95%, rgba(89,133,186,0.05) 100%);
    border-top: 1px solid rgba(155,155,150,0.3);
    border-bottom: 1px solid rgba(155,155,150,0.3);
}
#partner-section section { padding-top: 50px; }
#partner-section .col-3 { margin-top: 50px; }
#partner-section img { margin-bottom: 25px; height: 30px; }
@media (max-width: 639px) {
    #partner-section section { padding-top: 30px; }
    #partner-section .col-3 { margin-top: 20px; }
    #partner-section img { margin-bottom: 10px; }
}
footer { width: 100%; background-color: #597ABA; color: #fff; }
footer a:not(.btn-contact), footer a:not(.btn-contact):link,
footer a:not(.btn-contact):visited, footer a:not(.btn-contact):hover,
footer a:not(.btn-contact):focus, footer a:not(.btn-contact):active {
    appearance: none; outline: none; cursor: pointer;
    color: #fff; border-bottom: 1px solid transparent;
    background: transparent; text-decoration: none;
}
footer a:not(.btn-contact):hover, footer a:not(.btn-contact):focus,
footer a:not(.btn-contact):active {
    border-bottom: 1px solid #fff;
}
footer h3 { margin-bottom: 40px; text-transform: uppercase; font-weight: 500; }
footer p { margin: 0; }
footer .btn-contact { display: inline-block; border: 2px solid #fff; margin: 0; }
footer .btn-contact:hover, footer .btn-contact:focus, footer .btn-contact:active { border: 2px solid #fff; }
footer .outer { width: 100%; background-color: #415887; }
footer .outer section { padding-top: 30px; padding-bottom: 30px; }
footer #contact-list { font-weight: 400; }
footer #contact-list>.row { margin-bottom: 30px; }
footer #contact-list .col-6 { display: flex; flex-flow: column nowrap; justify-content: center; }
footer #contact-list .col-6:last-child { font-weight: 400; }
@media (max-width: 639px) { footer #partner-list { margin-top: 30px; } }
footer #partner-list p { margin: 5px 0 40px; }
footer #partner-list img { max-width: 100%; }
footer #partner-list ul.inline li:first-of-type,
footer #partner-list ul.pagination li:first-of-type { margin-right: 20px; }
@media (max-width: 639px) { footer iframe, footer .dg-widget-link { display: none; } }
@media (min-width: 640px) and (max-width: 1279px) { footer iframe, footer .dg-widget-link { display: none; } }
.tabs .tab-controls {
    display: block; padding: 0;
    box-shadow: 0 -1px 0 0 rgba(150,150,150,0.26) inset;
    margin-bottom: 20px;
}
.tabs .tab-controls li { display: inline-block; margin-left: -3px; }
.tabs .tab-controls li a {
    display: block; padding: 15px 20px;
    text-decoration: none; color: inherit;
}
.tabs .tab-controls li a:focus, .tabs .tab-controls li a:hover,
.tabs .tab-controls li a:active, .tabs .tab-controls li a:visited {
    text-decoration: none; border-bottom: 1px solid transparent;
}
.tabs .tab-controls li:first-of-type { padding-left: 0; margin: 0; }
.tabs .tab-controls li:hover, .tabs .tab-controls li.active { box-shadow: 0 -1px 0 0 #4C4C4C inset; }
.tabs .tab-list { width: 100%; overflow: hidden; }
.tabs .tab-list .tab { width: 100%; display: none; }
.tabs .tab-list .tab:first-of-type { display: block; }
#sort-links { margin-bottom: 10px; }
#sort-links li:not(:first-of-type) { margin-left: 10px; }
#sort-links li:not(:first-of-type) a:focus,
#sort-links li:not(:first-of-type) a:hover,
#sort-links li:not(:first-of-type) a:active,
#sort-links li:not(:first-of-type) a:visited {
    border-bottom: 1px solid transparent; text-decoration: none;
}
#sort-links li:not(:first-of-type) a.asc:after {
    content: '▲'; display: inline-flex; margin-left: 2px;
    font-size: 6.875px; vertical-align: middle;
}
#sort-links li:not(:first-of-type) a.desc:after {
    content: '▼'; display: inline-flex; margin-left: 2px;
    font-size: 6.875px; vertical-align: middle;
}
.pagination { display: inline-block; margin-top: 5px; }
.pagination .page-btn {
    padding: 2px 5px; border: 1px solid rgba(150,150,150,0.26); margin: 5px 5px 0;
}
.pagination .page-btn:hover a, .pagination .page-btn:focus a,
.pagination .page-btn:active a, .pagination .page-btn:visited a {
    text-decoration: none; border-color: transparent;
}
.form input, .form textarea {
    padding: 15px 20px; border: 1px solid rgba(150,150,150,0.26);
    border-radius: 4px; outline: none; display: block;
    min-width: 50%; font-size: 13.75px; font-weight: 300; margin: 0;
}
.form input:not(:first-child), .form textarea:not(:first-child) { margin: 20px 0 0; }
.form input[type="checkbox"], .form textarea[type="checkbox"] {
    display: inline-block; margin-bottom: 20px; min-width: auto;
}
.form label { display: block; margin-bottom: 5px; }
.form label+input, .form label+textarea { margin: 0 0 20px !important; }
.form textarea { width: 100%; min-height: 300px; }
.form select { min-width: 50%; display: block; }
.form.form-wide input, .form.form-wide select, .form.form-wide textarea { min-width: 100%; }
.form.form-narrow input, .form.form-narrow select, .form.form-narrow textarea { min-width: 20%; }
.form .pair { width: 100%; display: flex; flex-flow: row nowrap; align-items: center; }
.form .pair input { min-width: 0; margin: 20px 10px 0 10px; }
.form .pair input:first-child { margin-right: 10px; }
.form .pair input:last-child { margin-left: 10px; }
.form .pair select { min-width: 0; max-width: 150px; margin-top: 16px; }
.form .pair:first-of-type input { margin-top: 0; }
.form .pair:first-of-type select { margin-top: 0; }
.form .btn:not(:first-child) { margin-top: 20px; }
.form.tab textarea { resize: vertical; }
.edit-form { width: 100%; }
table.products-table { border-collapse: collapse; width: 100%; }
table.products-table thead td {
    font-weight: bold; padding: 5px 10px;
    border-bottom: 2px solid rgba(150,150,150,0.26);
}
table.products-table tbody tr td {
    padding: 5px 10px; border-bottom: 1px solid rgba(150,150,150,0.26);
}
table.products-table tbody tr td input, table.products-table tbody tr td textarea {
    min-width: 0 !important; width: auto;
}
table.products-table tbody tr td input { width: 120px; }
table.products-table tbody tr td .long-text {
    outline: none; border: none; resize: none; padding: 0;
    height: 100px; min-height: 100px; max-width: 100%;
}
table.products-table tbody tr td .long-text::-webkit-scrollbar { display: none; }
table.products-table tbody tr td:nth-child(2) {
    padding-left: 0; padding-right: 0; text-align: center;
}
table.products-table tbody tr td:nth-child(2) img {
    max-width: 70px; max-height: 70px; width: auto; height: auto;
}
table.products-table tbody tr td .btn-action { margin: 5px; }
table.products-table tbody tr.product-new td { color: #B47F2B; }
table.products-table tbody tr.product-discontinued td { color: #D0021B; }
table.products-table tbody td:first-child, table.products-table thead td:first-child {
    padding-left: 5px; padding-right: 5px; text-align: center;
}
table.products-table input[type="checkbox"] { width: auto; min-width: 0; margin-bottom: 0; }
.product-trashed { opacity: .5; text-decoration: line-through; }
.product-trashed>* { text-decoration: line-through; }
.cat-select { width: 160px; }
.action-bar { margin-bottom: 20px; }
.action-bar .batch-restore, .action-bar .batch-delete,
.action-bar .batch-trash, .action-bar .batch-move { display: none; }
.section-name { display: none; }
.tab#buttons input:not([type="checkbox"]), .tab#partners input:not([type="checkbox"]) { width: 100%; }
.tab-select.active { font-weight: 700; }
.tab-select.active:hover { text-decoration: none; border: none; }
#seo-text { color: #9B9B9B; }
.article-list li { margin: 10px 0; }
.article-list li .btn-action { display: inline-flex; vertical-align: text-top; }
/*
 * ====================================================================
 * АГРЕССИВНАЯ НОРМАЛИЗАЦИЯ (LEGACY)
 * ====================================================================
 */
.product-text,.product-text p,.product-text li,.product-text span,.product-text div,.product-text h1,.product-text h2,.product-text h3,.product-text h4,.product-text h5,.product-text h6 { font: 400 13.75px/1.5 "Fira Sans", Helvetica, Arial, sans-serif !important; letter-spacing: normal !important; text-indent: 0 !important; color: #4C4C4C !important; font-weight: 400 !important; margin: 0 0 10px 0 !important; padding: 0 !important; background: none !important; text-align: left !important; }
.product-text h3,.product-text h4,.product-text h5,.product-text h6 { font-size: 1em !important; font-weight: 400 !important; margin-top: 10px !important; margin-bottom: 10px !important; }
.product-text ul,.product-text ol { padding-left: 0 !important; margin-left: 0 !important; margin-bottom: 10px !important; list-style-type: none !important; }
.product-text li { margin-bottom: 5px !important; list-style-type: none !important; list-style-position: inside !important; display: block !important; }
.product-text b,.product-text strong { font-weight: 400 !important; }
.product-text i,.product-text em { font-style: italic !important; }
.product-text blockquote { border-left: 4px solid #5985BA !important; padding-left: 15px !important; margin: 10px 0 10px 5px !important; font-style: italic !important; color: #555 !important; }
.product-text table { max-width: 100% !important; width: 100% !important; border-collapse: collapse !important; margin: 10px 0 !important; display: block !important; overflow-x: auto !important; white-space: nowrap !important; }
.product-text th,.product-text td { border: 1px solid #ddd !important; padding: 8px !important; text-align: left !important; line-height: 1.4 !important; white-space: normal !important; font-size: 13px !important; font-family: Verdana, sans-serif !important; color: #4C4C4C !important; background: none !important; }
.product-text th { font-weight: 700 !important; background-color: #f9f9f9 !important; }
.product-text img { max-width: 100% !important; height: auto !important; display: inline-block !important; margin: 5px 0 !important; }
.product-text::after { content: '' !important; display: block !important; clear: both !important; }
#description-tab,#specs-tab { overflow-y: auto !important; overflow-x: hidden !important; max-height: 70vh !important; overflow-wrap: break-word !important; word-wrap: break-word !important; word-break: break-word !important; font-size: 13.75px !important; line-height: 1.5 !important; color: #4C4C4C !important; }
#seo-text .product-seo-text { font-size: 10px !important; line-height: 1.2 !important; color: rgba(0, 0, 0, 0.3) !important; opacity: 0.4 !important; text-align: justify !important; margin-top: 40px !important; padding: 10px !important; border-top: 1px solid #eee !important; position: relative !important; font-family: Verdana, sans-serif !important; }
#seo-text .product-seo-text * { font-size: 10px !important; font-weight: normal !important; color: inherit !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; background: none !important; font-family: Verdana, sans-serif !important; text-indent: 0 !important; white-space: normal !important; }
#seo-text .product-seo-text p { margin-bottom: 5px !important; }
/*
 * ====================================================================
 * v12.1: DARK MODE TARGETED FIXES
 * ====================================================================
 */
/* --- 1. ИКОНКА ТЕМЫ --- */
.theme-switch-li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin-left: 0 !important;
    margin-right: 30px !important;
    height: auto !important;
    /* !!! V17 FIX: ПОРЯДОК В МЕНЮ !!! */
    order: 10 !important;
}
/* Также переносим последний элемент (обычно часы или вход) в конец */
.navbar nav ul li:last-child {
    order: 10 !important;
}
/* Все остальные элементы (ссылки меню) должны быть в начале */
.navbar nav ul li {
    order: 1;
}
.theme-toggle-btn {
    background: transparent;
    border: none !important;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    overflow: hidden;
    color: #4C4C4C;
    transition: all 0.3s ease;
    /* УБРАНЫ ВСЕ 32px — РАЗМЕР ТЕПЕРЬ БЕРЕТСЯ ИЗ REVISED БЛОКА В КОНЦЕ */
}
.theme-toggle-btn:hover {
    border-color: #B47F2B;
    color: #B47F2B;
}
.theme-toggle-btn svg {
    display: block !important;
    width: 44px !important; /* УВЕЛИЧЕНО ДО 44px */
    height: 44px !important; /* УВЕЛИЧЕНО ДО 44px */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
}
/* В светлой теме показываем Луну (чтобы включить темную) */
html[data-theme="light"] .theme-toggle-btn .icon-moon {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}
/* В темной теме показываем Солнце (чтобы включить светлую) */
html[data-theme="dark"] .theme-toggle-btn .icon-sun {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg);
}
/* Скрываем неактивные иконки (можно повернуть для эффекта) */
html[data-theme="light"] .theme-toggle-btn .icon-sun {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg);
}
html[data-theme="dark"] .theme-toggle-btn .icon-moon {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(-90deg);
}
/* --- 2. ГЛОБАЛЬНЫЕ СТИЛИ ТЕМНОЙ ТЕМЫ --- */
html[data-theme="dark"] body {
    background-color: #1a202c !important;
    color: #edf2f7 !important;
}
html[data-theme="dark"] .outer {
    background-color: #1a202c !important;
    color: #edf2f7 !important;
}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] .font-h1,
html[data-theme="dark"] .font-h2,
html[data-theme="dark"] .font-h3,
html[data-theme="dark"] .font-h4 {
    color: #ffffff !important;
}
/* --- 3. ССЫЛКИ И НАВИГАЦИЯ --- */
html[data-theme="dark"] a,
html[data-theme="dark"] a:link,
html[data-theme="dark"] a:visited {
    color: #e2e8f0;
    border-bottom-color: transparent;
}
html[data-theme="dark"] a:hover,
html[data-theme="dark"] a:active,
html[data-theme="dark"] a:focus {
    color: #B47F2B;
    border-bottom-color: #B47F2B;
}
html[data-theme="dark"] .navbar nav ul li a {
    color: #edf2f7;
}
html[data-theme="dark"] .navbar nav ul li a:hover {
    color: #B47F2B;
    border-bottom-color: #B47F2B;
}
html[data-theme="dark"] .navbar nav ul li a.blue { color: #63b3ed !important; }
html[data-theme="dark"] .navbar nav ul li a.gold { color: #B47F2B !important; }
html[data-theme="dark"] .navbar nav ul li a.red { color: #fbbf24 !important; }
html[data-theme="dark"] .theme-toggle-btn {
    color: #edf2f7;
    border-color: rgba(237, 242, 247, 0.2);
}
html[data-theme="dark"] .theme-toggle-btn:hover {
    color: #B47F2B;
    border-color: #B47F2B;
}
html[data-theme="dark"] .show-cart img {
    filter: brightness(0) invert(1) !important;
}
/* --- 4. ЛОГОТИП И ПАРТНЕРЫ --- */
html[data-theme="dark"] #partner-section img,
html[data-theme="dark"] footer #partner-list img {
    filter: grayscale(1) brightness(0) invert(1) !important;
    opacity: 1 !important;
}
/* Мобильная версия - оставляем как сейчас */
.logo img {
    max-height: 140px;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: 3px solid transparent;
}

.logo:hover img {
    border: 3px solid #B47F2B;
}

/* Веб-версия (от 640px) - увеличиваем до 160px с золотой рамкой */
@media (min-width: 640px) {
    .logo img {
        max-height: 160px;
        border: 5px solid transparent;
    }
    
    .logo:hover img {
        border: 5px solid #B47F2B; /* Золотистый цвет */
    }
}



html[data-theme="dark"] .logo img {
    filter: grayscale(1) brightness(0) invert(1) !important;
    box-shadow: none !important;
}
/* --- 5. МОБИЛЬНОЕ МЕНЮ И iOS --- */
@media (max-width: 639px) {
    html[data-theme="dark"] .navbar nav ul {
        background-color: #1a202c !important;
        border-top: none !important;
        border-bottom: none !important;
    }
    html[data-theme="dark"] .navbar nav ul li a {
        color: #ffffff !important;
    }
    html[data-theme="dark"] .logo img {
        filter: grayscale(1) brightness(0) invert(1) !important;
    }
    /* ФИКС КАРТОЧКИ: ЛЕНТЫ И РАЗМЕРЫ */
    html[data-theme="dark"] #catalog #grid .product-card {
        height: auto !important;
        padding: 0 !important;
        position: relative !important;
        /* ВЕРНУЛ HIDDEN, ЧТОБЫ ЛЕНТЫ НЕ ТОРЧАЛИ */
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
   
    /* ФИКС ФОТО: ЦЕНТРИРОВАНИЕ И ОГРАНИЧЕНИЕ ШИРИНЫ */
    html[data-theme="dark"] #catalog #grid .product-card .header {
        height: auto !important;
        min-height: 180px !important;
        padding: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        /* Чтобы ленты были поверх картинки */
        z-index: 1 !important;
    }
   
    html[data-theme="dark"] #catalog #grid .product-card .header .product-tile img {
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        /* ОГРАНИЧИВАЕМ РАЗМЕР КАРТИНКИ */
        max-height: 160px !important;
        max-width: 80% !important; /* Не даем ей быть шире 80% экрана */
        width: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important; /* Сохраняем пропорции */
    }
    /* ФИКС ЛЕНТ (RIBBONS) - ЧТОБЫ БЫЛИ НА МЕСТЕ */
    html[data-theme="dark"] .new-ribbon,
    html[data-theme="dark"] .action-ribbon {
        z-index: 10 !important; /* Поверх всего */
    }
    html[data-theme="dark"] #catalog #grid .product-card .body {
        padding: 10px 15px 15px !important;
        text-align: left !important;
        /* Чтобы текст не наезжал на картинку, если что */
        position: relative !important;
        z-index: 2 !important;
    }
    html[data-theme="dark"] p,
    html[data-theme="dark"] span,
    html[data-theme="dark"] div,
    html[data-theme="dark"] .product-text * {
        color: #ffffff !important;
    }
    input, textarea, button, select {
        -webkit-appearance: none;
        border-radius: 0;
    }
}
/* --- 6. ВОЛНЫ --- */
html[data-theme="dark"] header,
html[data-theme="dark"] main,
html[data-theme="dark"] footer,
html[data-theme="dark"] #tiles-section,
html[data-theme="dark"] #certificates-section,
html[data-theme="dark"] #partner-section,
html[data-theme="dark"] .outer {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #waves {
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}
html[data-theme="dark"] #ship-waves {
    background-image: url('data:image/svg+xml;utf-8,%3Csvg%20id%3D%22footer-wave%22%20viewBox%3D%220%200%201920%20188%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpath%20d%3D%22M0%2096.823C18.182%2064.55%2064%200%20106.667%200%20192%200%20256%20154.917%20341.333%20154.917c85.334%200%20106.667-100.05%20192-100.05%2085.334%200%20128%2071.003%20213.334%2071.003C832%20125.87%20874.182%2077.46%20960%2077.46c84.848%200%20128%2032.273%20213.333%2032.273%2085.334%200%20128-22.592%20213.334-22.592%2085.333%200%20128%2016.14%20213.333%2016.14s128-9.682%20213.333-9.682c42.667%200%2064%200%20106.667%203.227V188H0V96.823z%22%20fill%3D%22%23171923%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center bottom -1px !important;
    background-color: transparent !important;
}
html[data-theme="dark"] #waves canvas {
    mix-blend-mode: screen !important;
}
html[data-theme="dark"] .outer #ship-waves #ship {
    filter: brightness(0.9) opacity(0.9) !important;
    mix-blend-mode: normal !important;
}
/* --- 7. КОНТАКТЫ --- */
footer #contact-list a {
    display: inline-block !important;
    width: auto !important;
}
html[data-theme="dark"] footer #contact-list .row,
html[data-theme="dark"] footer #contact-list .col-6 {
    border-bottom: none !important;
    margin-bottom: 10px !important;
    align-items: flex-start !important;
}
/* --- 8. МОДАЛЬНОЕ ОКНО --- */
html[data-theme="dark"] .modal-box {
    background-color: #1a202c !important;
    color: #edf2f7 !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}
html[data-theme="dark"] .modal-box h5,
html[data-theme="dark"] .modal-box p,
html[data-theme="dark"] .modal-box label {
    color: #ffffff !important;
}
html[data-theme="dark"] .modal-close {
    filter: invert(1) !important;
}
/* --- 9. ПОДПИСЬ --- */
html[data-theme="dark"] .ceo-sign img {
    filter: grayscale(1) invert(1) !important;
    mix-blend-mode: screen !important;
    opacity: 1 !important;
}
html[data-theme="dark"] .ceo-sign {
    /* REMOVED: margin: 0 auto !important; - This caused the jumping */
    display: inline-block !important;
}
/* --- 10. КАРТОЧКИ ТОВАРОВ И КАТЕГОРИЙ (FIXED LINK AREA) --- */
html[data-theme="dark"] #catalog #sidebar {
    background-color: #2d3748 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
html[data-theme="dark"] #catalog #sidebar .group {
    border-bottom-color: rgba(255,255,255,0.1) !important;
}
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .category,
html[data-theme="dark"] #grid .product-card,
html[data-theme="dark"] #categories .category,
html[data-theme="dark"] #catalog .category {
    background-color: #2d3748 !important;
    background: #2d3748 !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
html[data-theme="dark"] .product-card img,
html[data-theme="dark"] .category img {
    background: transparent !important;
    background-color: transparent !important;
}
html[data-theme="dark"] .product-card .header {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(150, 150, 150, 0.26) !important;
}
html[data-theme="dark"] .product-card *,
html[data-theme="dark"] .category *,
html[data-theme="dark"] #categories .category * {
     color: #ffffff !important;
}
html[data-theme="dark"] .product-card .header a.product-name {
    background: rgba(26, 32, 44, 0.95) !important;
    color: #ffffff !important;
}
html[data-theme="dark"] a.product-name,
html[data-theme="dark"] .product-card a {
    position: relative;
    z-index: 10;
}
html[data-theme="dark"] .product-tile {
    background-color: #ffffff !important;
}
html[data-theme="dark"] .category-img {
    background-color: #ffffff !important;
}
html[data-theme="dark"] .product-card .body {
    text-align: left !important;
}
html[data-theme="dark"] .product-price { color: #edf2f7 !important; }
html[data-theme="dark"] .product-price.new-price { color: #B47F2B !important; }
html[data-theme="dark"] .label {
    background-color: #B47F2B !important;
    color: #fff !important;
}
html[data-theme="dark"] .label.action-label {
    background-color: #D0021B !important;
}
html[data-theme="dark"] .label.action-green,
html[data-theme="dark"] .label.action-blue,
html[data-theme="dark"] .label.action-yellow,
html[data-theme="dark"] .label.action-orange,
html[data-theme="dark"] .label.action-purple,
html[data-theme="dark"] .label.action-black {
    background-color: #B47F2B !important;
}
/* --- 11. ФОРМЫ И КНОПКИ (FIXED FOOTER BUTTON SIZE & VISIBILITY) --- */
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: #2d3748 !important;
    border: 1px solid #4a5568 !important;
    color: #ffffff !important;
}
html[data-theme="dark"] input::placeholder { color: #a0aec0 !important; }
html[data-theme="dark"] input:focus {
    border-color: #B47F2B !important;
    box-shadow: 0 0 0 3px rgba(180, 127, 43, 0.2) !important;
}
html[data-theme="dark"] .btn,
html[data-theme="dark"] a.btn-details,
html[data-theme="dark"] a.btn-sm {
    border-color: #B47F2B !important;
    color: #B47F2B !important;
    background: transparent !important;
}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] a.btn-details:hover,
html[data-theme="dark"] a.btn-sm:hover {
    background-color: #B47F2B !important;
    color: #ffffff !important;
}
html[data-theme="dark"] a.btn-lite {
    display: block !important;
    padding: 10px 15px !important;
    border: 2px solid #B47F2B !important;
    color: #ffffff !important;
    background-color: #B47F2B !important;
    text-align: center !important;
    min-width: 0 !important;
}
/* *** FIXED: УБРАЛ box-sizing, чтобы кнопка не сжималась *** */
html[data-theme="dark"] a.btn-contact,
html[data-theme="dark"] footer .btn-contact {
    display: inline-block !important;
    padding: 10px 15px !important; /* Original padding */
    border: 2px solid #B47F2B !important;
    color: #ffffff !important;
    background-color: #B47F2B !important;
    text-align: center !important;
    font-size: 13.75px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    /* Removed box-sizing: border-box here to match light theme default behavior */
}
html[data-theme="dark"] a.btn-lite:hover,
html[data-theme="dark"] a.btn-contact:hover {
    background-color: #9c6b20 !important;
    border-color: #9c6b20 !important;
}
html[data-theme="dark"] footer {
    background-color: #171923 !important;
    border-top: 1px solid #2d3748 !important;
}
html[data-theme="dark"] .product-text,
html[data-theme="dark"] .tabs .tab-list { color: #edf2f7 !important; }
html[data-theme="dark"] .product-text table th {
    background-color: #2d3748 !important;
    color: #ffffff !important;
    border-color: #4a5568 !important;
}
html[data-theme="dark"] .product-text table td {
    border-color: #4a5568 !important;
    color: #edf2f7 !important;
}
/* --- 12. PRODUCT DETAIL PAGE --- */
html[data-theme="dark"] #product .product-preview .row .price-container .price-box {
    background-color: #2d3748 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 4px !important;
}
html[data-theme="dark"] #product .product-preview .row .price-container .price-box small p {
    color: #edf2f7 !important;
}
html[data-theme="dark"] #product .product-preview .row .product-image {
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    background-color: #edf2f7 !important;
    border-radius: 4px !important;
}
html[data-theme="dark"] .product-text,
html[data-theme="dark"] .product-text * {
    color: #ffffff !important;
}
/* --- 13. CATEGORY CARDS --- */
html[data-theme="dark"] .category-img {
    width: 75% !important;
    height: 75% !important;
    margin: auto auto 20px !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
html[data-theme="dark"] .category .font-p {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 10px 15px 15px !important;
    background: transparent !important;
    color: #ffffff !important;
    text-align: center !important;
}
/* --- 14. SEO TEXT VISIBILITY --- */
html[data-theme="dark"] #seo-text,
html[data-theme="dark"] #seo-text * {
    color: #c9d1d9 !important;
}
/* --- FIX: ПОЛЕ ПОИСКА НА IPHONE (СВЕТЛАЯ ТЕМА) --- */
html[data-theme="light"] #search-form input[type="text"] {
    background-color: #ffffff !important; /* Жестко белый фон */
    color: #000000 !important; /* Черный текст */
    -webkit-appearance: none !important; /* Отключаем стандартные стили iOS */
    background-image: none !important; /* Убираем возможные градиенты Apple */
    border: 1px solid rgba(150,150,150,0.5) !important; /* Четкая рамка */
}
/* Цвет плейсхолдера (надпись Motorola...) в светлой теме */
html[data-theme="light"] #search-form input[type="text"]::placeholder {
    color: #888888 !important;
    opacity: 1 !important;
}
.price-box a {
    width: 100%;
}
html[data-theme="dark"] .price-box a {
    width: 100% !important;
}
/* ====================================================================
 * V17 PATCHES (ПРИМЕНЯЮТСЯ ТОЧЕЧНО, ПОВЕРХ ОРИГИНАЛА)
 * ====================================================================
 */
/* 1. САМОЛЁТИК (AIRPLANE) — только inline SVG, без внешнего шрифта (ФЗ-152) */
.material-icons, i.icon, span.icon, i[class*="icon-"] {
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none !important;
    letter-spacing: normal !important;
    word-wrap: normal !important;
    white-space: nowrap;
    direction: ltr;
   
    /* Скрываем текст "airplane" и рисуем иконку */
    font-size: 0 !important;
    color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' width='24px' height='24px'%3E%3Cpath d='M10.18 9'%3E%3C/path%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
}
/* Золотой самолетик при наведении */
a:hover .material-icons {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23B47F2B' width='24px' height='24px'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E");
}
/* 2. ФИКС МОБИЛЬНЫХ ЧЕКБОКСОВ (IPHONE) - ПРИНУДИТЕЛЬНЫЙ ПОКАЗ */
input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important; /* Чтобы не сжимало */
    background-color: #fff !important;
    border: 1px solid #B47F2B !important;
    margin-right: 10px !important;
    position: static !important;
    visibility: visible !important;
}
html[data-theme="dark"] input[type="checkbox"] {
    background-color: #2d3748 !important;
    border-color: #B47F2B !important;
}
/* 3. ФИКС ЧТОБЫ ССЫЛКИ В КОНТАКТАХ НЕ БЫЛИ ДЛИННЫМИ ПОЛОСКАМИ */
footer #contact-list .col-6,
.contact-info,
.contacts-block {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: flex-start !important; /* ПРИЖИМАЕМ ВЛЕВО, НЕ РАСТЯГИВАЕМ */
}
/* Сами ссылки делаем по ширине контента */
footer #contact-list a:not(.btn-contact),
.contact-info a:not(.btn-contact) {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
}
/* 4. ФИКС КНОПКИ ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ - ДЕЛАЕМ ЕЁ ШИРОКОЙ */
footer .btn-contact,
a.btn-contact {
    display: block !important; /* Блочный элемент */
    width: 100% !important; /* На всю ширину */
   
    /* !!! ГЛАВНОЕ ИСПРАВЛЕНИЕ !!! */
    /* Заставляем кнопку растягиваться, игнорируя flex-start родителя (который нужен для ссылок) */
    align-self: stretch !important;
   
    box-sizing: border-box !important;
    text-align: center !important;
   
    /* Убираем ограничение ширины, чтобы была "не ограниченной" */
    max-width: none !important;
   
    margin-top: 10px;
    margin-bottom: 10px;
}
/* 5. УБИРАЕМ УРОДСКИЕ ПОЛОСЫ ПРОКРУТКИ В МОДАЛКАХ */
.fancybox-inner,
.modal-box,
#modal-consultation,
.fancybox-content {
    /* Жестко обрезаем лишние пару пикселей, из-за которых лезут полосы */
    overflow: hidden !important;
   
    /* Дополнительная защита: делаем скроллбар невидимым, если он все же пролезет */
    scrollbar-width: none !important; /* Firefox */
    -ms-overflow-style: none !important; /* IE/Edge */
}
/* Скрываем скроллбар для Chrome/Safari/Opera */
.fancybox-inner::-webkit-scrollbar,
.modal-box::-webkit-scrollbar,
#modal-consultation::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}
/* 6. ФИКС КНОПКИ "УЗНАТЬ ЦЕНУ" (ВЫРАВНИВАНИЕ, СТИЛЬ, КЛИКАБЕЛЬНОСТЬ) */
#catalog #grid .product-card .body .btn-lite,
#catalog #grid .product-card .body a.btn-lite {
    float: right !important; /* Прижимаем вправо, как "Все характеристики" */
    position: relative !important;
    z-index: 20 !important; /* Поднимаем слой, чтобы клик проходил */
    margin-top: 10px;
    clear: both; /* На всякий случай очищаем поток */
}
/* Стили для темной темы - делаем кнопку прозрачной с рамкой (Ghost Button) */
html[data-theme="dark"] a.btn-lite {
    background-color: transparent !important; /* Убираем заливку */
    border: 1px solid #B47F2B !important; /* Тонкая рамка */
    color: #B47F2B !important; /* Золотой текст */
    min-width: 0 !important; /* Разрешаем кнопке сжиматься по тексту */
    display: inline-block !important; /* Чтобы не растягивалась на всю ширину */
    width: auto !important;
}
/* При наведении - заливаем золотым */
html[data-theme="dark"] a.btn-lite:hover {
    background-color: #B47F2B !important;
    color: #fff !important;
}
/* ====================================================================
 * ФИНАЛЬНЫЙ ФИКС КНОПКИ В КАРТОЧКЕ ТОВАРА (РЕВИЗИЯ)
 * Исправляет сжатие кнопки "Заказать консультацию".
 * Теперь правило затрагивает ВСЕ типы кнопок (a, button, input)
 * и специальные классы (btn-contact).
 * ====================================================================
 */
#product .price-box a,
#product .price-box button,
#product .price-box input[type="submit"],
#product .price-box .btn,
#product .price-box .btn-lite,
#product .price-box .btn-contact,
html[data-theme="dark"] #product .price-box a,
html[data-theme="dark"] #product .price-box button,
html[data-theme="dark"] #product .price-box input[type="submit"],
html[data-theme="dark"] #product .price-box .btn-lite,
html[data-theme="dark"] #product .price-box .btn-contact {
    display: block !important; /* Делаем блоком */
    width: 100% !important; /* Растягиваем на всю ширину */
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important; /* Убираем обтекание, если оно есть */
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    min-width: 100% !important; /* Жестко запрещаем сжатие */
}
/* ====================================================================
 * ФИКС 7: ЗОЛОТЫЕ КНОПКИ В КАТАЛОГЕ НА ТЕМНОЙ ТЕМЕ
 * Делаем "Все характеристики" / "Узнать цену" закрашенными золотым.
 * ====================================================================
 */
html[data-theme="dark"] #catalog #grid .product-card a.btn-lite,
html[data-theme="dark"] #catalog #grid .product-card .btn-lite,
html[data-theme="dark"] #catalog #grid .product-card a.btn-details, /* Добавлен btn-details */
html[data-theme="dark"] #catalog #grid .product-card .btn-details {
    background-color: #B47F2B !important; /* ЗАЛИВКА */
    color: #ffffff !important; /* БЕЛЫЙ ТЕКСТ */
    border: 1px solid #B47F2B !important;
}
/* На случай, если кнопка при нажатии (active) попытается стать прозрачной */
html[data-theme="dark"] #catalog #grid .product-card a.btn-lite:active,
html[data-theme="dark"] #catalog #grid .product-card a.btn-lite:focus,
html[data-theme="dark"] #catalog #grid .product-card a.btn-details:active,
html[data-theme="dark"] #catalog #grid .product-card a.btn-details:focus {
    background-color: #9c6b20 !important; /* Чуть темнее при нажатии */
    color: #ffffff !important;
}
/* ====================================================================
 * ФИКС 8: ВОЛНЫ (ЛИНИИ) НА АЙФОНЕ
 * Убираем "коцанные" края. Запрещаем браузеру обрезать линии,
 * даже если они вылезают за границы блока.
 * ====================================================================
 */
#waves {
    overflow: visible !important; /* ГЛАВНОЕ: Не обрезать! */
    z-index: 10 !important; /* Держать над фоном */
    position: relative !important;
    height: auto !important; /* Высота по содержимому */
}
#waves svg {
    overflow: visible !important; /* Самой картинке тоже разрешаем торчать */
    width: 100% !important;
    height: auto !important;
}
/* Специальная коррекция отступа для мобильных, чтобы волны встали ровно */
@media (max-width: 639px) {
    #waves {
        margin-top: -15vw !important; /* Чуть сильнее подтягиваем вверх */
    }
}
/* ====================================================================
 * ФИКС 9: КАРТИНКА ТОВАРА НА СТРАНИЦЕ ТОВАРА (МОБИЛЬНЫЕ)
 * Исправляет "уезжающую" рамку и выпадающую картинку.
 * ====================================================================
 */
@media (max-width: 639px) {
    /* 1. Фиксируем высоту контейнера картинки, чтобы рамка не схлопывалась */
    #product .product-preview .row .product-image {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 300px !important; /* Минимальная высота рамки */
        height: auto !important;
        background-color: #fff !important; /* Белый фон рамки */
        border-radius: 4px !important;
        margin-bottom: 20px !important; /* Отступ до блока с ценой */
        position: relative !important;
        overflow: hidden !important; /* Обрезаем всё, что торчит */
    }
    /* 2. Заставляем картинку сидеть внутри рамки смирно */
    #product .product-preview .row .product-image img {
        position: relative !important; /* Вернул в поток */
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        margin: 0 auto !important;
        max-width: 90% !important; /* Отступы от краев рамки */
        max-height: 280px !important; /* Чтобы влезала в высоту 300px */
        width: auto !important;
        height: auto !important;
        transform: none !important; /* Убираем возможные смещения */
    }
    /* 3. Блок с ценой ставим под картинкой */
    #product .product-preview .row .price-container {
        position: relative !important; /* Не поверх картинки, а следом */
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        margin-top: 0 !important;
        height: auto !important;
        display: block !important;
    }
   
    /* 4. Сам блок цены */
    #product .product-preview .row .price-container .price-box {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 4px !important;
    }
}
/* ====================================================================
 * ФИКС 10: ПРИНУДИТЕЛЬНЫЙ САМОЛЕТИК (AIRPLANE)
 * Превращаем любой текст внутри тегов <i> в иконку самолета
 * в карточках товаров и модальных окнах.
 * ====================================================================
 */
/* 1. Ловим тег <i> внутри меток, попапов и карточек */
.product-card .label i,
.product-card .body i,
.modal-box i,
.fancybox-inner i,
.price-box i,
span.icon-airplane {
    /* Скрываем текст "airplane" */
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
   
    /* Рисуем иконку */
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle !important;
   
    /* Картинка самолетика (Белый) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' width='24px' height='24px'%3E%3Cpath d='M10.18 9'%3E%3C/path%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
   
    /* Отступ от текста "Под заказ" */
    margin-left: 5px !important;
}
/* 2. Если самолетик на светлом фоне (например, в каталоге), делаем его золотым */
html[data-theme="light"] .product-card .body i,
html[data-theme="light"] .price-box i {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23B47F2B' width='24px' height='24px'%3E%3Cpath d='M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5l-2-1.5v-5.5l8 2.5z'%3E%3C/path%3E%3C/svg%3E") !important;
}
/* ====================================================================
/* ====================================================================
    [FIX v2026 REVISED] GEOMETRY, THICKNESS & ALIGNMENT
   ==================================================================== */

/* --- 1. СБРОС ЦВЕТА ЛОГОТИПА --- */
html[data-theme="dark"] .logo img,
html[data-theme="dark"] header .logo img {
    filter: none !important;
    opacity: 1 !important;
}

/* --- 2. ВЫРАВНИВАНИЕ МЕНЮ --- */
header .navbar nav ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 12px !important; 
}

header .navbar nav ul li {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* --- 3. КОРЗИНА И ТЕМА (БЕЗ КОЛЕЦ, БЕЗ СВЕЧЕНИЯ, РАЗМЕР 44px) --- */
header .theme-toggle-btn,
header .show-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    
    border: none !important; 
    background: transparent !important;
    background-color: transparent !important;
    
    box-shadow: none !important;
    filter: none !important;
    
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    outline: none !important;
}

header .show-cart img,
header .theme-toggle-btn img.theme-icon,
header .theme-toggle-btn svg {
    /* УВЕЛИЧЕННЫЙ РАЗМЕР */
    width: 44px !important;  
    height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    
    display: block !important;
    object-fit: contain !important;
    
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* ФИКС: УБИРАЕМ БЕЛУЮ ДЫРУ В ТЕМНОЙ ТЕМЕ */
html[data-theme="dark"] header .show-cart img {
    filter: none !important; /* Убрано brightness/invert, теперь картинка живая */
}

/* Наведение: просто зум */
header .theme-toggle-btn:hover,
header .show-cart:hover {
    background: transparent !important;
    
    box-shadow: none !important;
}

/* --- 4. ЧАСЫ И ТЕЛЕФОН (КОМПАКТНЫЕ КОЛЬЦА) --- */
.navbar nav ul li a[href^="tel"],
.navbar nav ul li.phone-item a,
.header-phone,
#live-clock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #B47F2B !important;
    border-radius: 30px !important;
    
    /* ВОЗВРАТ КОМПАКТНЫХ ОТСТУПОВ */
    padding: 4px 12px !important; 
    min-height: 32px !important; 
    
    color: #B47F2B !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    font-family: "Fira Sans", sans-serif !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* --- 5. ПРОЧИЕ ПРАВКИ --- */
::selection { background-color: #B47F2B !important; color: #fff !important; }
::-moz-selection { background-color: #B47F2B !important; color: #fff !important; }

a { color: #B47F2B; }
.btn-primary { background-color: #B47F2B !important; }

/* КРАСНАЯ КНОПКА (СВЕТЛАЯ ТЕМА) */
html[data-theme="light"] .btn-contact,
html[data-theme="light"] footer .btn-contact,
html[data-theme="light"] input[type="submit"] {
    background-color: #D0021B !important;
    border: 2px solid #D0021B !important;
    color: #ffffff !important;
}

/* ==== SEO/PageSpeed: защита от распухания, БЕЗ переопределения оригинальных размеров (#ceo-img, #ceo-sign-img имеют свои правила выше) ==== */
.product-image img, .product-tile img { max-width: 100%; height: auto; display: block; }
#ship { max-width: 100%; height: auto; }
.product-card img, .product-params img { max-width: 100%; height: auto; }

/* fix133: видимые разделители хлебных крошек (SVG path без fill -> чёрный) */
.breadcrumbs svg{fill:currentColor}

/* zz-fix-cattile */
#categories .category-img{height:150px !important;}

/* zz-ios16 2026-07-14 iOS anti-zoom: text inputs >=16px on phones */
@media (max-width:768px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=image]),textarea{font-size:16px !important}}