/* ===== ОБЩИЕ ПЕРЕМЕННЫЕ ДИЗАЙН-СИСТЕМЫ ===== */
:root {
    /* --font-primary: 'Gothic A1', "Lucida Sans Unicode", "Lucida Grande", sans-serif; */
  
    --icon-font: 'Feather' !important;
    --icon-left: "\e92f";
    --icon-right: "\e930";
    --icon-top: "\e931";
    --icon-bottom: "\e92e";   
    --animate-duration: .6s;
    --animate-delay: .6s;
    --animate-repeat: 1;

    --radius-sm: 7px;
    --radius-md: 16px;

    /* Кнопки */
    --button-text-color: #000;
    --button-secondary: #FFE7BB;
    --button-secondary-color: #292929;
    /* Третий тип кнопок */
    --button-tertiary: #4B9F50;
    --button-tertiary-color: #FFFFFF;

    /* !!! */
    --shadow-sm: 0 2px 8px rgba(23, 39, 26, 0.08);
    --transition: 0.2s cubic-bezier(0.4,0,0.2,1);

    --link-color: #1c93e9;
    --link-color-hover: #1980CB;
    --background-color: #303030;
    --header-menu-color: #666;
    --footer-fixed-height: 0px; /* 70px */
    --fixed-add2cart-height: 0px; /* 63.2px */
}

/* ===== ПАЛИТРА "NEBULA FLUMEN" (НЕБЕСНЫЙ ПОТОК) ===== */
[data-theme="nebula-flumen"] {
    /* Фоны */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F9FA;
    --bg-tertiary: #E6F0F7;

    /* Акценты */
    --accent-primary: #52bce3;
    --accent-secondary: #6EC1E0;
    --accent-tertiary: #FFC09F;

    /* Текст */
    --text-primary: #333333;
    --text-secondary: #6C757D;

    /* Статусы */
    --success: #4CAF50;
    --error: #FF6B6B;
}

/* ===== ПАЛИТРА "VER VENTUS" (ВЕСЕННИЙ ВЕТЕР) ===== */
[data-theme="ver-ventus"] {
    /* Фоны */
    --bg-primary: #fdfdfd;
    --bg-secondary: #ecf0f0;
    --bg-tertiary: #d9ede0;
    
    /* Акценты */
    --accent-primary: #49c539;
    --accent-secondary: #2aa71a;
    --accent-tertiary: #FF9E80;
    
    /* Текст */
    --text-primary: #2E3A44;
    --text-secondary: #67757D;
    
    /* Статусы */
    --success: #48C6B4;
    --error: #FF9E80;
}

/* ===== ПАЛИТРА "LEVITAS AETHER" (ЭФИРНАЯ ЛЕГКОСТЬ) ===== */
[data-theme="levitas-aether"] {
    /* Фоны */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F3F7FC;
    --bg-tertiary: #E6EEF8;
    
    /* Акценты */
    --accent-primary: #68a1c4;
    --accent-secondary: #C5A6D6;
    --accent-tertiary: #F9C5A8;
    
    /* Текст */
    --text-primary: #4A5568;
    --text-secondary: #718096;
    
    /* Статусы */
    --success: #68D391;
    --error: #FC8181;
    
    --button-text-color: #fff;
}

/* ===== МАРКЕТИНГОВАЯ ПАЛИТРА (AURA MERCATUS) ===== */
[data-theme="marketing"] {
    /* Фоны */
    --bg-primary: #FFFFFF;
    /* --bg-secondary: #FFF9F0; */
    /* --bg-tertiary: #FFFAF5; */
    --bg-secondary: #f9f6f4;
    --bg-tertiary: #f7efe5;
    
    /* Акценты */
    /* Энергичный оранжевый */
    /* --accent-primary: #FF6B35; */
    --accent-primary: #ff8215;
    /* Доверительный синий */  
    /* --accent-secondary: #4361EE; */
    --accent-secondary: #ff5c03;
    /* --accent-secondary: #1592ff; */
    /* Внимания желтый */
    --accent-tertiary: #e56321; 

    /* Текст */
    --text-primary: #313030;
    --text-secondary: #5A5A5A;
    
    /* Статусы */
    --success: #06D6A0;  /* Яркий успех */
    --error: #EF476F;    /* Эмоциональный красный */
    
    /* Спецэффекты */
    --highlight: #FFE45E; /* Подсветка акций */

    /* Кнопки */
    --button-text-color: #fff;
}

/* ===== КОНТРАСТНАЯ ПАЛИТРА (CONTRASTUS) ===== */
[data-theme="contrast"] {
    /* Фоны */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F0F0F0;
    --bg-tertiary: #E0E0E0;
    
    /* Акценты */
    --accent-primary: #2A6DFF;   /* Чистый синий */
    --accent-secondary: #FF3E3E; /* Яркий красный */
    --accent-tertiary: #00C853;  /* Зеленый сигнал */
    
    /* Текст */
    --text-primary: #000000;     /* Максимальный контраст */
    --text-secondary: #444444;
    
    /* Статусы */
    --success: #00C853;
    --error: #D50000;
    
    /* Границы */
    --border-primary: #000000;
    /* Кнопки */
    --button-text-color: #fff;
}

/* ===== ПРОДАЮЩАЯ ПАЛИТРА (CONVERSIO) ===== */
[data-theme="converting"] {
    /* Фоны */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8FBFF;
    --bg-tertiary: #EDF5FF;
    
    /* Акценты */
    --accent-primary: #2563EB;   /* Доверительный синий (основной CTA) */
    --accent-secondary: #F59E0B; /* Срочность (ограниченное предложение) */
    --accent-tertiary: #10B981;  /* Успешная покупка */
    
    /* Текст */
    --text-primary: #1E293B;
    --text-secondary: #64748B;
    
    /* Статусы */
    --success: #10B981;
    --error: #EF4444;
    
    /* Спецэлементы */
    --sale-badge: #EF4444;      /* Ценник скидки */
    --limited-edition: #8B5CF6; /* Эксклюзивные товары */
    /* Кнопки */
    --button-text-color: #fff;
}

/* ===== УНИВЕРСАЛЬНАЯ ТЕМНАЯ ПАЛИТРА (DARK UNIVERSALIS) ===== */
[data-theme="dark"] {
    /* Фоны */
    --bg-primary: #121826;
    --bg-secondary: #1E293B;
    --bg-tertiary: #2D3748;

    /* Акценты */
    --accent-primary: #3B82F6;
    --accent-secondary: #8B5CF6;
    --accent-tertiary: #F59E0B;

    /* Текст */
    --text-primary: #E2E8F0;
    --text-secondary: #A0AEC0;

    /* Статусы */
    --success: #10B981;
    --error: #EF4444;

    /* Спецэлементы */
    --sale-badge: #F87171;
    --limited-edition: #C084FC;

    /* Особенности темного режима */
    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.25);
    --shadow-opacity: 0.4;
    --border-color-input: #3e5174;
    --background-color-input: #1e293b;
    --button-text-color: #fff;
}

/* ===== ТЕМНЫЕ ВЕРСИИ ДЛЯ КАЖДОЙ ТЕМЫ ===== */

/* Nebula Flumen Dark */
[data-theme="nebula-flumen-dark"] {
  --bg-primary: #0F172A;
  --bg-secondary: #1E293B;
  --bg-tertiary: #2D4368;
  
  --accent-primary: #38BDF8;
  --accent-secondary: #7DD3FC;
  --accent-tertiary: #FBBF24;
  
  --text-primary: #F1F5F9;
  --text-secondary: #94A3B8;
  
  --success: #34D399;
  --error: #F87171;
  --border-color-input: #3e5174;
  --background-color-input: #1e293b;
}

/* Ver Ventus Dark */
[data-theme="ver-ventus-dark"] {
    --bg-primary: #0D1F1D;
    --bg-secondary: #1A2E2B;
    --bg-tertiary: #2A4A45;

    /* --accent-primary: #2DD4BF;
    --accent-secondary: #86EFAC; */
    --accent-primary: #adbd16;
    --accent-secondary: #cdea63;
    --accent-tertiary: #FDE68A;

    --text-primary: #ECFDF5;
    --text-secondary: #A7F3D0;

    --success: #6EE7B7;
    --error: #FCA5A5;
    --border-color-input: #38665f;
    --background-color-input: #1c3733;
}

/* Levitas Aether Dark */
[data-theme="levitas-aether-dark"] {
    --bg-primary: #191e29;
    --bg-secondary: #1E293B;
    --bg-tertiary: #334155;

    --accent-primary: #93C5FD;
    --accent-secondary: #946cbd;
    --accent-tertiary: #FECACA;

    --text-primary: #F1F5F9;
    --text-secondary: #CBD5E1;

    --success: #6EE7B7;
    --error: #FCA5A5;
    --border-color-input: #7791ad;
    --background-color-input: #253247;
}

/* Marketing Dark */
[data-theme="marketing-dark"] {
  --bg-primary: #1A120B;
  --bg-secondary: #2C1D0F;
  --bg-tertiary: #3E2A13;
  
  --accent-primary: #F97316;
  --accent-secondary: #60A5FA;
  --accent-tertiary: #FCD34D;
  
  --text-primary: #FFFBEB;
  --text-secondary: #FDE68A;
  
  --success: #86EFAC;
  --error: #FECACA;
  
  --highlight: #FEF3C7;
}

/* Contrast Dark */
[data-theme="contrast-dark"] {
  --bg-primary: #0f0f0f;
  --bg-secondary: #121212;
  --bg-tertiary: #242424;
  
  --accent-primary: #60A5FA;
  --accent-secondary: #F87171;
  --accent-tertiary: #34D399;
  
  --text-primary: #FFFFFF;
  --text-secondary: #E5E5E5;
  
  --success: #34D399;
  --error: #F87171;
  
  --border-primary: #FFFFFF;
}

/* Converting Dark */
[data-theme="converting-dark"] {
  --bg-primary: #0F172A;
  --bg-secondary: #1E293B;
  --bg-tertiary: #334155;
  
  --accent-primary: #2563EB;
  --accent-secondary: #F59E0B;
  --accent-tertiary: #10B981;
  
  --text-primary: #F1F5F9;
  --text-secondary: #CBD5E1;
  
  --success: #10B981;
  --error: #EF4444;
  
  --sale-badge: #FECACA;
  --limited-edition: #C084FC;
}

html { line-height:1.15; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }
body { font-family: sans-serif; margin:0; }
main { display:block; }
h1 { font-size:2em; margin:0.67em 0; }
hr { box-sizing:content-box; height:0; overflow:visible; }
pre { font-family:monospace, monospace; font-size:1em; word-wrap: break-word; }
a { background-color:transparent; }
abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; }
b, strong { font-weight: 600; }
code, kbd, samp { font-family:monospace, monospace; font-size:1em; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sub { bottom:-0.25em; }
sup { top:-0.5em; }
img { max-width: 100%; border-style:none; vertical-align: bottom; }
button, input, optgroup, select, textarea { font-family:inherit; font-size:100%; line-height:1.15; margin:0; }
button, input { overflow:visible; }
button, select { text-transform:none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance:button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style:none; padding:0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:1px dotted ButtonText; }
fieldset { padding:0.35em 0.75em 0.625em; }
legend { box-sizing:border-box; color:inherit; display:table; max-width:100%; padding:0; white-space:normal; }
progress { vertical-align:baseline; }
textarea { overflow:auto; resize: vertical; }
[type="checkbox"], [type="radio"] { box-sizing:border-box; padding:0; cursor: pointer; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height:auto; }
[type="search"] { appearance:textfield; -webkit-appearance:textfield; outline-offset:-2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; }
details { display:block; }
summary { display:list-item; }
template { display:none; }
[hidden] { display:none; }

html { scroll-behavior: smooth; }
body { font-family: var(--font-primary); overflow-y: scroll; overflow-x: hidden; color: var(--text-primary); background-color: var(--bg-primary); font-size: 16px; line-height: 1.4; }
h1, h2, h3, h4, h5, h6 { line-height: 110%; font-weight: 600; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }
h1 { font-size: 2.250rem; margin:2.8rem 0 1.68rem 0; }
h2 { font-size: 1.875rem; margin:2.3733333333rem 0 1.424rem 0; }
h3 { font-size: 1.750rem; margin:1.9466666667rem 0 1.168rem 0; }
h4 { font-size: 1.625rem; margin:1.52rem 0 0.912rem 0; }
h5 { font-size: 1.500rem; margin:1.0933333333rem 0 0.656rem 0; }
h6 { font-size: 1.25rem; margin:0.7666666667rem 0 0.46rem 0; }

/* preload */
[class^="icon-"]:before, [class*=" icon-"]:before {  display: inline-block; width: 1em; height: 1em; }
.icon { position: relative; display: inline-block; font-style: normal; width: 1em; height: 1em; line-height: 1em; }
.icon:before { display: block; width: 1em; height: 1em; font-size: 1em; content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid meet'><circle r='50%' cx='50%' cy='50%' fill='%23eaeaea'/></svg>"); }
svg.icon::before,
.icon:has(svg)::before { content: none; }

p { line-height: 1.4; }
a { color: var(--accent-primary); outline: none; cursor: pointer; text-decoration: none; transition: color 0.2s; }
a:focus { outline: none; outline-offset:-4px; }
a:visited { color: var(--accent-primary); }
a:hover { color: var(--accent-secondary)!important; }

ul, ol { padding: 0; margin-top: 1.500em; }
ul li, ol li { list-style: none; position: relative; color: inherit; margin-bottom: 0.875em; padding-top: 0.1px; }
dd { margin: 1em 0; }

ol { counter-reset: myCounter; position: relative; list-style: none; padding-left: 0; }
ol > li { position: relative; padding-left: 2rem; }
ol > li:before { counter-increment: myCounter; content: counter(myCounter) ". "; width: 1.3em; height: 1.3em; text-align: center; line-height: 1.4em; color: inherit; position: absolute; top: 0; left: 0; font-weight: 600; }
ol > ul { position: relative; list-style: none; padding-left: 0; margin-top: 0.5rem; }
ol > ul li { position: relative; padding-left: 2rem; }
ol > ul li:before { content: "•"; width: 1.3em; height: 1.3em; text-align: center; line-height: 1.4em; color: inherit; position: absolute; top: 0; left: 0; font-weight: 600; }
ol > ol { counter-reset: subCounter; margin-top: 0.5rem; }
ol > ol li:before { counter-increment: subCounter; content: counter(subCounter) ". "; font-weight: 500; font-size: 0.9em; }
ol > ul ul { margin-top: 0.5rem;  }
ol > ul ul li:before { content: "◦"; font-size: 0.9em; font-weight: 500; }
ol > ul ul ul li:before { content: "▪"; font-size: 0.8em; }
ol > ol ol { counter-reset: deepCounter; }
ol > ol ol li:before { counter-increment: deepCounter; content: counter(deepCounter, lower-alpha) ". "; font-size: 0.85em; }

figure { margin-left: 0; margin-right: 0; margin-bottom: 1.4rem; text-align: center; }
figcaption { margin: 4px 0; font-size: 12px; font-style: italic; text-align: left; }
blockquote { border-left: 2px solid var(--accent-secondary); padding: 0 1em; margin: 1.4rem 0; line-height: 1.2em; }
nav ul { margin: 0; }
nav ul li { margin: 0; }
nav ul li { margin: 0; }
nav ul li .link,
nav ul li a,
nav ul li a:visited { color: inherit; display: block; font-weight: 500; padding: .5em; text-decoration: none; }
nav ul li.selected a { color: var(--accent-secondary); }
@media only screen and (max-width: 600px) {
    pre { overflow-x: auto; }
}

.title.medium > * { font-size: 1em; margin-bottom: 1em; } 
@media (max-width: 600px) {
    h1 { font-size: 1.75em; }
    h2 { font-size: 1.313em; }
    h3 { font-size: 1.250em; }
    h4 { font-size: 1.188em; }
    h5 { font-size: 1.125em; }
    h6 { font-size: 1.063em; }
    figure { margin-left: 0; margin-right: 0; }
    a:hover { color: inherit !important; }
    .title h3 { font-size: 1.500em; }
}

.container { width: 100%; max-width: 1439px; padding-left: 15px; padding-right: 15px; margin: 0 auto; box-sizing: border-box; }
@media only screen and (min-width: 376px) {
    .container { padding-left: 20px; padding-right: 20px; } 
}
@media only screen and (min-width: 601px) {
    .container { padding-left: 30px; padding-right: 30px; }
}
@media only screen and (min-width: 993px) {
    .container { padding-left: 40px; padding-right: 40px; } 
}
@media only screen and (max-width:600px) {
    .container.hide-padding-on-small { padding-left: 0; padding-right: 0; } 
}

.index { display: flex; flex-flow: column; min-height: 100vh; }
@supports(min-height: 100svh) {
    .index { min-height: 100svh; }
}
.maincontent { /*min-height: 40vh;*/ flex: auto; }
.sidebar { order: -1; width: clamp(100px, 25vw, 312px); }
.sidebar.right { order: 1; }
.content-with-sidebar { width: calc(100% - clamp(100px, 25vw, 312px)); }
@media only screen and (max-width: 992px) {
    .sidebar { order: -1; width: 100%; padding-top: 1rem; padding-bottom: 1rem; }
    .sidebar.right { order: 0; }
    .content-with-sidebar { width: 100%; }
}
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex.middle { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.flex.wrap { -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex.full-line { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.flex.right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }
.flex.center { -webkit-justify-content: center; -moz-justify-content: center;   -ms-justify-content: center; justify-content: center; }
.flex.column { -webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column; flex-direction:column; }
.flex.gap { gap: 0.625rem; }
.flex.gap-row { row-gap: 1rem; }
.flex-separator { flex: 1; max-width: 100%; }
.flex-end { align-self: flex-end; }
.table-block { display: table; width: 100%; }
.table-block .col { display: table-cell; vertical-align: top; }

.section#page-content { padding-top: 1.250rem; padding-bottom: 1.250rem; }
.section { padding-top: 2.188rem; padding-bottom: 2.188rem; }
.section-wrap { background-color: var(--bg-secondary, #F4F4F4); border-radius: var(--radius-md); }
.section-wrap .line-bottom { background-color: var(--bg-secondary, #f4f4f4); }
/* .section:first-child,
.section:first-of-type { padding-top: 1rem; } */
.row:not(.flex):after { content: ""; display: table; clear: both; }
.row { margin-left: -10px; margin-right: -10px; }
.row .col { padding-left: 10px; padding-right: 10px; }
@media only screen and (max-width: 600px) {
    .section { padding-top: 1rem; padding-bottom: 1rem; }
    .row { margin-left: -8px; margin-right: -8px; }
    .row .col { padding-left: 8px; padding-right: 8px; }
}
.col { display: inline-block; float: left; vertical-align: top; box-sizing: border-box; }
    .s1 { width: 8.3333333333%; }
    .s2 { width: 16.6666666667%; }
    .s3 { width: 25%; }
    .s4 { width: 33.3333333333%; }
    .s5 { width: 41.6666666667%; }
    .s6 { width: 50%; }
    .s7 { width: 58.3333333333%; }
    .s8 { width: 66.6666666667%; }
    .s9 { width: 75%; }
    .s10 { width: 83.3333333333%; }
    .s11 { width: 91.6666666667%; }
    .s12 { width: 100%; }
@media only screen and (min-width: 601px) {
    .m1 { width: 8.3333333333%; }
    .m2 { width: 16.6666666667%; }
    .m20 { width: 20%; }
    .m3 { width: 25%; }
    .m4 { width: 33.3333333333%; }
    .m5 { width: 41.6666666667%; }
    .m6 { width: 50%; }
    .m7 { width: 58.3333333333%; }
    .m8 { width: 66.6666666667%; }
    .m9 { width: 75%; }
    .m10 { width: 83.3333333333%; }
    .m11 { width: 91.6666666667%; }
    .m12 { width: 100%; }
}
@media only screen and (min-width: 993px) {
    .l1 { width: 8.3333333333%; }
    .l2 { width: 16.6666666667%; }
    .l20 { width: 20%; }
    .l3 { width: 25%; }
    .l4 { width: 33.3333333333%; }
    .l5 { width: 41.6666666667%; }
    .l6 { width: 50%; }
    .l7 { width: 58.3333333333%; }
    .l8 { width: 66.6666666667%; }
    .l9 { width: 75%; }
    .l10 { width: 83.3333333333%; }
    .l11 { width: 91.6666666667%; }
    .l12 { width: 100%; }
}
.row.no-border { border: none; }
.col.w1 { width: 6%; }
.col.w2 { width: 12%; }
.col.w3 { width: 18%; }
.col.w4 { width: 24%; }
.col.w5 { width: 30%; }
.col.w6 { width: 36%; }
.col.w7 { width: 42%; }
.col.w8 { width: 48%; }
.col.w9 { width: 54%; }
.col.w10 { width: 60%; }
.col.w11 { width: 66%; }
.col.w12 { width: 72%; }
.col.w13 { width: 78%; }
.col.w14 { width: 84%; }
.col.w15 { width: 90%; }
.col.w16 { width: 96%; }

.show-on-extra-large,
.show-on-large { display: none; }
@media only screen and (max-width:600px) { .hide-on-small-only, .hide-on-small-and-down { display:none !important; }
}@media only screen and (max-width:992px) { .hide-on-med-and-down { display:none !important; }
}@media only screen and (min-width:601px) { .hide-on-med-and-up { display:none !important; }
}@media only screen and (min-width:600px) and (max-width:992px) { .hide-on-med-only { display:none !important; }
}@media only screen and (min-width:993px) { .hide-on-large-only { display:none !important; }
}@media only screen and (min-width:1201px) { .hide-on-extra-large-only { display:none !important; }
}@media only screen and (min-width:1201px) { .show-on-extra-large { display:block !important; }
}@media only screen and (min-width:993px) { .show-on-large { display:block !important; }
}@media only screen and (min-width:600px) and (max-width:992px) { .show-on-medium { display:block !important; }
}@media only screen and (max-width:600px) { .show-on-small { display:block !important; }
}@media only screen and (min-width:601px) { .show-on-medium-and-up { display:block !important; }
}@media only screen and (max-width:992px) { .show-on-medium-and-down { display:block !important; }
}@media only screen and (max-width:600px) { .center-on-small-only { text-align:center; justify-content: center; }
}

.lazyload[data-src]:not(.lazypreload) { opacity: 0; }
.lazyloading { opacity: 1; transition: 300ms opacity; background-repeat: no-repeat; background-position: center;  }
.lazyloading:not([data-bg]) { background-image: url(img/loading.gif); background-size: 16px !important; }
.lazyloaded { opacity: 1; transition: 300ms opacity; }
img.lazyload:not([src]) { visibility: hidden; }

/* dropdown */
.dropdown { position:relative; }
.dropdown-link { cursor:pointer; vertical-align:middle; }
.dropdown-content { color:var(--text-primary); position:absolute; top:100%; left: .5em; margin: 10px 0 0; padding: 10px .5em; background:var(--bg-secondary, #fff); box-shadow:var(--shadow-sm); border-radius:var(--radius-sm); z-index:100; max-width: 240px; min-width: 100px; width: max-content; }
.dropdown .dropdown-content li { display: block; width: 100%; margin-left:0; margin-right:0; }
.dropdown .dropdown-content { opacity:0; transition: transform .2s, opacity .2s; transform: translateY(10px) translateZ(0); pointer-events:none; -webkit-font-smoothing: antialiased; backface-visibility: hidden; }
.dropdown.is_hover.hover .dropdown-content, 
.dropdown.active .dropdown-content { opacity:1; transform: translateY(0) translateZ(0); pointer-events:auto; }
.dropdown .dropdown-content li a img { max-width:16px; margin-right:.5em; }
.dropdown.is_hover .dropdown-content:before { content:''; width:100%; height:10px; position:absolute; display:block; top:-10px; left:0; }
/* right */
.dropdown .dropdown-content.right { left: auto; right: 0; }
.dropdown .dropdown-content.right:before { left: auto; right: 16px; }
/* top */
.dropdown .dropdown-content.top { top: auto; bottom: 100%; margin-bottom: 10px; }
.dropdown .dropdown-content.top:before { left: auto; right: 16px; }

/* top header */
.top-header { padding: .5rem 0; position: relative; z-index: 111; color: var(--text-primary, #3B3B3B); }
.top-header nav { margin-left: -1em; margin-right: -1em; }
.top-header ul { margin: 0; }
.top-header ul li { margin: 0 0.5em; display: inline-block; }
/* .top-header ul li.social-media { margin: 0 .5em; }
.top-header ul li.social-media a { padding: 0; } */
.top-header ul li.selected a { color: var(--link-color-hover); }
.top-header ul li a { color: inherit; display: block; font-weight: 500; padding: .5em; text-decoration: none; }
.top-header ul li a i { font-size: 1.333em; vertical-align: bottom; }
.top-header ul li a i + strong,
.top-header ul li a span + i { margin-left: .5rem; }
.top-header ul li.separator:before { content: ''; display: block; height: 10px; width: 1px; background-color: #E6E6E6; position: absolute; left: -1em; top: calc(50% - 5px); }
.top-header ul.auth li { margin: 0 .5em; }
.top-header ul.auth li.separator:before { left: -.5em; }
@media only screen and (max-width:992px) {
    .top-header ul li.selected a { color: inherit; }
}
.top-header .dropdown .dropdown-content ul { min-width: 150px; }

/* .top-header ul > li.collapsible > a:after { content: var(--icon-bottom); font-family: var(--icon-font); font-size: 1.333em; vertical-align: bottom; line-height: 1; margin-left: 4px; display: inline-block; width: 1em; height: 1em; } */
.top-header ul > li.collapsible > a + .icon { font-family: var(--icon-font); position: absolute; right: 0; top: 50%; transform: translate(0,-50%); }
/* .top-header ul > li.collapsible > a + .icon:before { content: var(--icon-bottom); } */
.top-header ul > li.collapsible > a { padding-right: 1.250rem; }

.top-header ul li.collapsible > ul { opacity:0; transition:transform .2s, opacity .2s; transform:translateY(10px) translateZ(0); pointer-events:none;-webkit-font-smoothing:antialiased; backface-visibility:hidden; }
.top-header ul li.collapsible > ul { color:var(--text-primary); position:absolute; top:100%; left:.5em; margin:10px 0 0; padding:10px .5em; background:var(--bg-secondary, #fff); box-shadow:var(--shadow-sm); border-radius:var(--radius-sm); z-index:100; max-width:240px; min-width:100px; width:max-content; }
.top-header ul li.collapsible:hover > ul { opacity:1; transform:translateY(0) translateZ(0); pointer-events:auto; }
.top-header ul li.collapsible > ul:before { content:''; width:100%; height:10px; position:absolute; display:block; top:-10px; left:0; }
.top-header ul li.collapsible > ul li { display: block; }


.globalheader { transition: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.globalheader.sticky { z-index: 100; }
.globalheader.sticky.fixed, .no-js .globalheader.sticky { top: 0; }
.globalheader.fixed:not(:has(.button[data-menu-target].open)) { box-shadow: 0 5px 10px 0px rgba(0, 0, 0, var(--shadow-opacity, 0.1)); }

/* logo header */
.logo-header { padding: 1rem 0; background: var(--bg-primary, #fff); position: relative; backface-visibility: hidden; }
.logo-header .search { margin: 0; max-width: none; }
.logo-header .search input { border-color: var(--bg-tertiary, #cbcccf); background-color: var(--bg-secondary); }
.logo-header .icon.large { display: block; padding: 0 8px; margin: 0 auto; }
.logo-header .icon.large + span { display: block; text-align: center; }
.logo-header strong.medium * { padding: 0; margin: 0; }
.logo-header .col.separator { position: relative; }
.logo-header .col.separator:before { content: ''; display: block; height: 40px; width: 1px; background-color: #E6E6E6; position: absolute; right: 10px; top: calc(50% - 20px); }
.col-auth a { display: block; }
.col-logo { width: clamp(167px, 35vw, 355px); }
.col-contacts .link { color: var(--text-secondary, #575757); }
.logo-header .button[data-menu-target=catalogMenu] { min-height: 45px; border-radius: 11px; font-weight: 500; gap: 1em; line-height: inherit; }
.logo-header .col-auth.dropdown .dropdown-content ul { width: 150px; }
.logo-header .col-auth.dropdown .dropdown-content hr { padding: 10px 0 0; margin: 0 0 10px; }

/* logo */
.logo { line-height: normal; }
.logo a { display: flex; gap: 30px; align-items: center; }
.logo .image { width: 160px; display: block; flex-shrink: 0; }
.logo .image img { object-fit: contain; height: 100% !important; }
.logo .image.responsive svg { fill: var(--accent-primary); position: absolute; right: 0; top: 0; object-fit: contain; width: 100%; height: 100%; }
.logo .tagline { display: block; font-size: 17px; font-weight: 500; color: var(--text-secondary, #575757); line-height: 1.1; position: relative; }
.logo .tagline:before { content: ""; position: absolute; left: -1rem; top: 0; bottom: 0; width: 1px; background: var(--bg-tertiary); }
.col-options { margin-left: auto; }
@media only screen and (max-width:992px) {
    .logo .tagline { font-size: 11px; }
    .logo .image { width: 141px; }

    .col-logo { width: 25%; }
    .col-options { width: calc(100% - 25% - 208px); }
    .col-contacts { width: 208px; font-size: 15px; }

    .col-burger { width: 146px; order: 3; }
    .col-search { width: calc(100% - 146px); order: 4; flex: none; }    
}
@media only screen and (max-width: 600px) {
    .col-logo { width: 50%; }
    .col-contacts { width: 50%; font-size: clamp(13px, 4vw, 14px); }
    .col-search { width: 100%; position: absolute; z-index: 9; right: 0; }
    /* .globalheader.fixed .col-search { display: none; } */
}
@media only screen and (min-width:993px) and (max-width:1080px) {
    .col-burger .hide-on-small-only { display: none; }
}

.header-contacts_button,
.header-contacts_button.button { font-size: 1.125rem; padding: 0.500em; line-height: 1em; display: inline-flex; border-radius: var(--radius-sm); background: rgba(75, 159, 80, 0.102); }
.header-contacts_button:active { background-color: var(--bg-tertiary); color: var(--accent-primary); transition: .2s; }
.header-contacts_medium-button { margin-left: clamp(5px, 1.4vw, 20px); }

.icon .count { font-family: var(--font-primary); font-size: .6rem; font-weight: 600; min-width: 1rem; height: 1rem; padding: 1px; display: block; border-radius: 1rem; line-height: 1rem; text-align: center; position: absolute; top: 0; right: 0; background-color: var(--accent-secondary, #64748B); color: var(--button-text-color, #fff); }
.empty .icon .count { opacity: 0; }

/* header menu navigation */
.menu-header { background: var(--bg-primary, #fff); max-width: 100%; }
ul.navbar { margin: 0; white-space: nowrap; /*color: var(--text-secondary); */}
ul.navbar > li { display: inline-block; }
@media only screen and (min-width:993px) {
    ul.navbar .more > span,
    ul.navbar > li > a { /*font-size: 1.125rem;*/ font-size: 1rem; }
}
ul.navbar .more > span,
ul.navbar li a { padding: 1em 0.625rem; font-weight: 500; display: block; color: inherit; text-decoration: none; box-sizing: border-box; cursor: pointer; }
ul.navbar li.selected a, 
ul.navbar li a.selected { color: var(--accent-secondary); }
/* ul.navbar > li:not(:first-child) > a:before { content: ""; position: absolute; left: -0.313rem; top: 1em; bottom: 1em; width: 1px; background: var(--bg-tertiary); } */
/* header menu navigation submenu */
ul.navbar > li ul { text-align: left; background-color: #fff; white-space: normal; position: absolute; top: 100%; left: .625rem; margin: 0; padding: var(--radius-md) 0; min-width: 297px; width: 100%; box-sizing: border-box; box-shadow: var(--shadow-sm); border-radius: var(--radius-sm); z-index: 100; }
/* dark */
[data-theme*="dark"] ul.navbar > li ul { background-color: #000; }
ul.navbar > li > ul > li { display: block; margin: 0; }
ul.navbar > li > ul > li a { padding: 0.625rem 1rem; position:relative; top:1px; line-height:1em; display:-webkit-flex; display:-ms-flexbox; display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center; align-items:center; }
ul.navbar > li > ul > li > a:before { display: none; }
ul.navbar > li > ul > li > a.selected { color: var(--accent-secondary); }
ul.navbar > li > ul > li:last-child > a { border-bottom: none; }
ul.navbar > li > ul > li > ul { left: 100%; top: 0; }

.navigation-wrap { border-top: 1px solid var(--bg-tertiary); border-bottom: 1px solid var(--bg-tertiary); }
.navbar-more_wrap { overflow-x: clip; max-width:100%; flex: 1; contain: layout style; position: relative; z-index: 10;  }
.navbar-more_wrap.more-initializing,
.navbar-more_wrap:has(.more-initializing) { overflow-x: initial; }
/* navbar submenu position */
ul.navbar > li > ul.left,
ul.navbar:not(.more-initializing) > li:nth-last-child(-n + 2):not(:nth-child(-n + 3)) > ul { left: auto; right: .625rem; }
ul.navbar > li > ul.left > li ul,
ul.navbar > li > ul > li ul.left,
ul.navbar:not(.more-initializing) > li:nth-last-child(-n + 2):not(:nth-child(-n + 3)) > ul > li ul { left: auto;  right: 100%; }
/* collapsible flex */
ul.navbar > li > ul > li:hover { background-color: var(--bg-secondary); }
ul.navbar > li > ul > li.collapsible { display: flex; position: static; align-items: center; }
ul.navbar > li > ul > li.collapsible > a { padding-right: 0; flex: 1; }
ul.navbar > li > ul > li.collapsible > a + .icon { position: static; padding: .625rem; transform: none; }
ul.navbar > li > ul > li.collapsible > ul { min-height: 100%; }
/*  */
ul.navbar li.collapsible > a { padding-right: 2rem; }
ul.navbar li.collapsible > a + .icon { font-family: var(--icon-font); position: absolute; right: .5rem; top: 50%; transform: translate(0, -50%); }
/* ul.navbar li.collapsible > a + .icon:before { content: var(--icon-bottom); } */
ul.navbar li ul > li.collapsible > a + .icon:before { content: var(--icon-right); }
ul.navbar li > ul { visibility:hidden; transition:0.2s 0.2s; opacity:0; transform:translateY(10px); /*contain: layout style;*/ }
ul.navbar li:hover > ul { visibility:visible; opacity:1; transform:translateY(0); }

/* search */
.search { display: inline-block; position: relative; margin: 0.813em 0; max-width: 603px; width: 100%; }
.search input[type="search"] { font-size: 1em; width: 100%; min-height: 2em; height: 2.813em; line-height: 2.813em; color: var(--text-primary); outline: 0; padding-right: 4em; box-sizing:border-box;-moz-appearance:none;-webkit-appearance:none; transition: border 0.4s; background-position:5px center !important; border-radius: 11px; }
.search input:focus { border-color: var(--accent-secondary); }
.search input:focus + .search-buttons button[type="submit"],
.search button[type="submit"]:hover { background-color: transparent; color: var(--accent-secondary, #000); }
.search input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 45px #fff !important; }
.search input::-webkit-search-cancel-button { -webkit-appearance: none; }
.search button { outline: 0; border: 0; box-shadow: none; padding: .45em 0; font-size: 1em; color: #B3B3B3; background-color: transparent; border-radius: 2em; transition: background-color 0.4s; }
.search button i { display: block; width: 1em; font-size: 1.250em; transition: color 0.4s; }
.search.mobile-search { max-width: none; }
.search .loading.animate { color: var(--text-primary); font-size: 20px; }
/* search buttons */
.search-buttons { position:absolute; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%); right: 10px; display:flex; align-items:center; gap:10px; }
.search-buttons .remove-search-btn { display: none; }

/* scroll-snap */
.scroll-snap-container { scroll-snap-type: x mandatory; transition: scroll-snap .4s; }
/* Для Firefox оптимизация */
@supports (-moz-appearance:none) {
    .scroll-snap-container { transform: translateZ(0); }
}
.scroll-snap-container.dragging { scroll-snap-type: none; }
.scroll-snap-item { scroll-snap-align: start; scroll-snap-stop: always; }
.scroll-snap-slider { position: relative; overflow: hidden; }
.scroll-snap-slider .slider-controls { height: auto; }
.scroll-snap-slider .slider-controls .button { color: #DBDBDB; background-color: transparent; border: none; position: absolute; top: 50%; transform: translateY(-50%); font-size: 35px; }
.scroll-snap-slider .slider-controls .button:hover { color: #fff !important; }
.scroll-snap-slider .slider-controls .button.transparent.disabled { background-color: transparent !important; }
.scroll-snap-slider .slider-controls .button.prev { left: 0; }
.scroll-snap-slider .slider-controls .button.next { right: 0; }
/* scroll-snap pager */
.scroll-pager { display: flex; gap: 5px; justify-content: center; padding: 1em; pointer-events: none; }
.scroll-pager .pager-btn { font-size: 0.563em; display: inline-block; width: 1em; height: 1em; border-radius: 1em; background-color: #DBDBDB; cursor: pointer; pointer-events: all; transition: width .2s; overflow: hidden; }
.scroll-pager .pager-btn.active { width: 2em; background-color: var(--accent-primary); }
/* scroll-snap progress */
.countdown-progress { position:absolute; bottom:0; left:0; top:0; background: var(--accent-primary, linear-gradient(90deg, #007BFF, #00A8FF)); width:0; border-radius:1px; transition: width 3s linear; transform-origin:left center; }


/* Home */
.h-title { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; margin: 1em 0; }
.h-title:first-child { margin-top: 0; }
.h-title .subtitle { font-size: 0.938rem; }
.h-title .subtitle svg.icon { height: 0.938rem; }
.h-title > h3, .h-title > h2 { font-size: 1.500em; font-weight: 600; line-height: 1.2; margin: 0; }
.h-title > .title-h2, .h-title > .title-h3, .h-title > .title-h4 { line-height: 1.2; margin: 0; }
.h-title-link { font-size: 0.938em; font-weight: 500; display: inline-flex; justify-content: center; align-items: center; gap: 5px; }
.h-title-link.button { border-radius: 2em; }
.h-title-link i { font-size: 1.313em; }
@media only screen and (min-width: 376px) {
    .h-title > h3, .h-title > h2 { font-size: 1.750em; }
}
@media only screen and (min-width: 601px) {
    .h-title { margin: 2em 0; }
}
@media only screen and (min-width: 993px) {
    .h-title > h3, .h-title > h2 { font-size: 2.000em; }
}

/* Home 
h-block-promo */
.promos-slider { overflow-x: auto; scrollbar-width: none; margin-top: 0; margin-bottom: 0; min-height: 670px; }
.promos-slider .scroll-snap-item { margin-bottom: 0; width: 100%; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.promos-slider-item {  border-radius: var(--radius-md); transition: background 0.5s; list-style: none; position: relative; width: 100%; margin: 0; height: 100%; display: flex; flex-direction: column; min-height: inherit; background-position: center; background-size: cover; background-repeat: no-repeat; }
.promos-slider-item.lazyload { opacity: 1; }
.promos-slider-item:before { content: ''; position:absolute; top:0; left:0; right:0; bottom:0; background-image: linear-gradient(92.82deg, #024430 0%, #4B9F50 97.65%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); border-radius: inherit; z-index: -1; }
.promos-slider-content { height: 100%; position: relative; padding: 2.500rem clamp(2rem, 4vw, 4rem); margin: auto 0; max-width: 522px; }
.promos-slider-content h3 { margin: 0; padding: 6px 4px; font-size: clamp(2.000rem, 5.5vw, 3.875rem); font-weight: 600; line-height: 100%; }
.promos-slider-content h3 span { display: block; }
.promos-slider-action { margin-top: auto; }
.promos-slider-action .button { width: 100%; }
.h-block-promo .scroll-pager { position: absolute; bottom: 0; left: 0; right: 0; }
.h-block-promo .scroll-pager .pager-btn { background-color: rgba(255, 255, 255, 0.51); }
.h-block-promo .scroll-pager .pager-btn.active { background-color: #fff; }
.h-block-promo .sidebar-block { min-height: 100%; }
.h-block-promo.section { padding-top: 0; }
@media (min-width: 601px) {
    .promos-slider { min-height: 490px; }  
    .promos-slider-content { /*height: auto;*/ justify-content: space-around; }
    .promos-slider-action { margin-top: 0; }
    .promos-slider-action .button { width: auto; }
}

/* countdown */
[data-countdown].countdown-inited { display:inline-block; padding: 10px 16px; font-weight:600; font-size:1.5rem; margin-bottom: 1rem; background:rgba(18, 24, 38, 0.686); border-radius:15px; color:yellow; }
[data-countdown].countdown-destroyed { display: none;}

/* h-block-sets */
.h-block-sets .products-set:not(:first-child) { padding-top: 2rem; }
@media only screen and (max-width: 992px) {
    .h-block-sets .sidebar { order: 0; padding-bottom: 3rem; margin-top: -5rem; }
}
@media only screen and (max-width: 600px) {
    .h-block-sets .sidebar { padding-bottom: 2.5rem; margin-top: -2.5rem; }
}

/* Buttons */
button,
.button,
input[type=button],
input[type=submit] { text-decoration: none; color: var(--button-text-color); background-color: var(--accent-primary, #D9EDEC); outline: 0; border: 0; font-family: var(--font-primary); padding: 0.7em 1em; line-height: 1em; letter-spacing: 0; font-weight: 500; display: inline-block; display: inline-flex; justify-content: center; align-items: center; gap: .5em; text-align: center; cursor: pointer; box-sizing: border-box; border-radius: var(--radius-sm); transition: filter 0.2s ease; text-shadow: none !important; white-space: nowrap; user-select: none; appearance: none; }
button:hover,
.button:hover,
input[type=button]:hover,
input[type=submit]:hover { cursor: pointer; filter: brightness(1.1); }
.button:hover, .button:visited { color: var(--button-text-color) !important; }
.button.disabled,
button[type=submit]:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=submit]:disabled:hover { color: rgba(127, 127, 127, 0.439) !important; cursor: default; background-color: var(--bg-primary) !important; border-color: inherit !important; filter: brightness(1.1); border: 1px solid; }
.add2cart .submit-button.disabled:after { border-color: transparent transparent #E5E9EA transparent; }

/* button secondary */
button.button-secondary,
.button.button-secondary { background-color: var(--button-secondary, #F2CC8F); color: var(--button-secondary-color); text-transform: none; }
.button.button-secondary:hover, .button.button-secondary:visited { color: var(--button-secondary-color) !important; }
/* button tertiary - третий тип кнопок */
button.button-tertiary,
.button.button-tertiary { background-color: var(--button-tertiary, #4CAF50); color: var(--button-tertiary-color, #FFFFFF); text-transform: none; }
.button.button-tertiary:hover, .button.button-tertiary:visited { color: var(--button-tertiary-color, #FFFFFF) !important; }

input[type=button].small,
input[type=submit].small { font-size: .875em; }
input[type=button].large,
input[type=submit].large { font-weight: 500; }

.button.blue,
input[type=button].blue,
input[type=submit].blue { color: #fff; background-color: #1C222F; }
.button.blue:hover,
input[type=button].blue:hover,
input[type=submit].blue:hover { color: #fff !important; background-color: #223c72; }

.button.white { background-color: #fff; color: #3B3B3B !important; border: 1px solid #E0E0E0; font-weight: 500; }
.button.white:visited { color: #3B3B3B !important; }
.button.white:hover { color: var(--accent-secondary) !important; border: 1px solid; filter: none; }
.button.white.disabled { color: rgba(127, 127, 127, .6) !important; }
/*[data-theme*="dark"] .button.white:not(.disabled) {
     background-color: #2D3748 !important;
    color: #E2E8F0 !important;
    border: 1px solid #3e5174; 
}*/

.button i { vertical-align: middle; }
.button s:before { content: ''; display: block; height: 1.5em; width: 1px; background-color: var(--bg-tertiary); margin: auto 10px; }
.button.white s:before { background-color: #e0e0e0; }
.button.transparent { background-color: transparent; border-color: transparent; }

.button.blue.transparent { color: #2a7ed5 !important; border: 1px solid; }
.button.blue.transparent:hover { color: #F86813 !important; background-color: transparent; }

button.gray,
.button.gray,
input[type=button].gray,
input[type=submit].gray { background-color: rgba(140, 140, 140, 0.08) !important; color: var(--text-primary); border: 0; font-weight: normal; }
button.gray:hover, .button.gray:hover { color: var(--text-secondary) !important; }

.button.black,
input[type=button].black,
input[type=submit].black { background-color: #252529; color: #fff; transition: background-color .2s ease-in-out, color .2s ease-in-out; }
.button.black:hover,
input[type=button].black:hover,
input[type=submit].black:hover { background-color: #000; }
input[type=submit].black:disabled { color: #fff!important; border-color: transparent; background-color: #E6E6E6; }
.button.red,
input[type=button].red,
input[type=submit].red { background-color: #F50503; }
.button.yellow,
input[type=button].yellow,
input[type=submit].yellow { color: #F3CC30; border-color: #F3CC30; }
.button.yellow:hover,
input[type=button].yellow:hover,
input[type=submit].yellow:hover { background-color: #F3CC30; color: #fff!important; }


/* Inputs */
input[type="search"],
input[type="number"], 
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea, 
select,
.new-select { margin: 0; outline: 0;  min-height: 38px; padding: .45em 1em; box-sizing: border-box; border-radius: var(--radius-sm); transition: border 0.4s; border: 1px solid var(--border-color-input, #E0E0E0); background: var(--background-color-input, #fff); }
input, textarea, select { color: var(--text-primary, #404040); font-size: 1em; font-family: var(--font-primary); line-height: 22px; }
input:focus, textarea:focus, select:focus, .new-select:hover { border-color: var(--accent-secondary); }

select, .new-select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 36px!important; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e"); background-size: 16px; background-position: calc(100% - .5rem) center; white-space: nowrap; }
select option { font-size: 1em; }

/* Image */
.image img { height: auto!important; }
.image.zoom { position: relative; }
.image.zoom:after { opacity: 0; content: "\e996"; font-family: var(--icon-font); font-size: 1.2em; position: absolute; top: calc(50% - 1em); left: calc(50% - 1em); line-height: 1em; width: 1em; height: 1em; color: var(--accent-primary); background-color: var(--background-color-input, rgba(255, 255, 255, 0.8)); padding: .5em; z-index: 1; transition: opacity 0.4s ease-in-out; border-radius: 50%; transition: 0.2s; }
.image.zoom:hover:after { opacity: 1;  transform: scale(1.5); }
a.image { display: block; box-shadow: none; }
.image.responsive { position: relative; }
.image.responsive:before { padding-top: var(--padding, 100%); content: ''; position: relative; width: 100%; display: inline-block; line-height: 0; vertical-align: top; }
.image.responsive img,
.image.responsive svg { position: absolute; right: 0; top: 0; width: 100%; height: auto; }
.image.fit { overflow: hidden; }
.image.fit img { width: 100%; height: 100% !important; object-fit: cover; -o-fit-object: cover; }
.image.zoom-hover img { transition: all .7s ease; transform: scale(1); }
.image.zoom-hover:hover img { transform: scale(1.1) }

.image .corner { position: absolute; z-index:2; font-size: 0.867em; color: #fff; }
.image .corner.top { top: 0; }
.image .corner.bottom { bottom: 0; }
.image .corner.left { left: 0; }
.image .corner.right { right: 0; }


.black { background-color:#000!important; }
.black-text { color:#000 !important; }
.white { background-color:#fff !important; }
.white-text { color:#fff !important; }
.green { background-color: #1AA05F !important; } 
.green-text { color: #1AA05F !important; } 
.red { background-color: #EC2227 !important; }
.red-text { color: #FF5F66 !important; }

.bage { display: inline-block; min-width: 1em; height: 1em; padding: .3em; line-height: 1em; text-align: center; border-radius: 2px; }
.align-center { text-align: center; justify-content: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.text-indent { text-indent: 2.4em; display: block; }
.large { font-size: 1.688em; }
.large-clamp { font-size: clamp(1.250em, 4vw, 1.688em); }
.medium { font-size: 1.125em; }
.small { font-size: 0.875em; }
.tiny { font-size: 0.750em; }
.hint { font-size: 0.875em; color: var(--text-secondary); }
.nowrap { white-space: nowrap; }
.bold { font-weight: 600; text-shadow: none; }
.weight-500 { font-weight: 500; }
.link { color: var(--accent-primary); cursor: pointer; }
.link:hover { color: var(--accent-secondary); }
a.nolink { color: inherit; text-decoration: none; }
.inline-link { text-decoration: none; }
.inline-link > b,
.inline-link > span { font-weight: 500; border-bottom: 1px dashed; position: relative; top: -0.05em; }
.inline-link i { font-style: normal; }
.inline-link > i { position: relative; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.clearfix::after { content: ""; clear: both; display: table; }
.clear-both { clear: both; }
.hide { display: none!important; }
.highlighted { background: #fdfd89; color: #333; }
.g-recaptcha { width: 100%!important; }
.wa-error { border-color: #000!important; }
.wa-error-msg { font-size: 0.8em; font-style: normal; display: block; }
.box-shadow { box-shadow: 0 0 0.8rem 0.2rem rgba(0, 0, 0, .15); }
.article span { font-weight: 500; user-select: all; }
.block { padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; background-color: #E0F1F4; border-radius: var(--radius-md); }
.round { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.truncate { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.truncate.clamp { display: -webkit-box !important; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; white-space: normal; }
hr, .hr { position: relative; text-align: center; padding: 2em 0 0 0; margin: 0 0 2em 0; border: none; border-bottom: 1px solid var(--bg-tertiary); }

.price-wrapper { font-weight: 700; color: #024430; }
.price-wrapper .currency { margin-right: .2em; }
.price-wrapper .unit { margin-left: .2em; }
.price { font-size: 1.625em; color: inherit; font-weight: 700; }
.compare-at-price { font-size: 0.938em; text-decoration: line-through; color: var(--text-secondary, #999); }
.out-of-stock strong { color: #aaa; font-size: 0.9em; font-weight: normal; }
.disabled { color: #777; }
.description { margin-bottom: 20px; }
.error { color: #d02d14; }
.overhanging { vertical-align: middle; }
.microdata { display: none; }

.title-h1, .title-h2, .title-h3, .title-h4, .title-h5, .title-h6 { font-weight: 600; line-height: 110%; }
.title-h1 { font-size: 2.250em; margin:2.8rem 0 1.68rem 0; }
.title-h2 { font-size: 1.875em; margin:2.3733333333rem 0 1.424rem 0; }
.title-h3 { font-size: 1.750em; margin:1.9466666667rem 0 1.168rem 0; }
.title-h4 { font-size: 1.625em; margin:1.52rem 0 0.912rem 0; }
.title-h5 { font-size: 1.500em; margin:1.0933333333rem 0 0.656rem 0; }
.title-h6 { font-size: 1.25em; margin:0.7666666667rem 0 0.46rem 0; }
@media (max-width: 600px) {
    .title-h1 { font-size: 1.600em; }
    .title-h2 { font-size: 1.313em; }
    .title-h3 { font-size: 1.250em; }
    .title-h4 { font-size: 1.188em; }
    .title-h5 { font-size: 1.125em; }
    .title-h6 { font-size: 1.063em; }
}
/* Page */
.title-block { margin: 0 0 1.68rem 0; }
.title-block h1 { margin: 0; }
.title-block.h-title { margin: 30px 0 1.68rem 0; }

.theme_color-text { color: var(--accent-primary); }

.breadcrumbs { display: flex; flex-wrap: wrap; gap: 8px; max-width: 100%;  margin-bottom: 1rem; font-size: 0.750em; background: #f6fbfc; border-radius: var(--radius-sm); }
.breadcrumbs a { text-decoration: none; color: inherit; border-radius: 7px; padding: 8px; font-weight: 500; }
.breadcrumbs span.rarr { color: var(--text-secondary); display: inline-block; position: relative; font-size: 0; line-height: 0; align-self: center; }
.breadcrumbs span.rarr:after { content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='4' height='6' viewBox='0 0 4 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.707031 0.707092L2.70703 2.70709L0.707031 4.70709' stroke='%23111111' stroke-opacity='0.6' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e "); width:1em; height:1em; opacity:.9; font-size: 4px; display: block; }
.breadcrumbs span { color: var(--text-secondary); }
.breadcrumbs span:not(.rarr) { padding: 8px; border-radius: 7px; font-weight: 500; }
@media only screen and (max-width: 377px) {
    .breadcrumbs { padding: 0 15px; margin: -15px 1rem -15px; }
}
@media only screen and (max-width: 600px) {
    .breadcrumbs { flex-wrap: nowrap; padding: 0 20px; margin: 0 -20px 1rem -20px; white-space: nowrap; overflow: auto visible; scrollbar-width: none; }
}

/* Sidebar */
.sidebar-block:not(:last-child) { margin-bottom: 1rem; }
.menu-sidebar { background-color: var(--bg-primary); border-radius: var(--radius-sm); }
.menu-sidebar .header-block { display: flex; gap: 6px; padding: 0.75em; border-radius: var(--radius-sm); font-size: 1.250em; line-height: 1; background-color: var(--button-tertiary); color: var(--button-tertiary-color); }
@media screen and (min-width: 993px) {
   /* .menu-sidebar .header-block { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }  */
}
nav.menu-sidebar ul { padding: 12px 0; background-color: inherit; border-radius: inherit; }
nav.menu-sidebar ul li { display: block; margin: 0; background-color: inherit; }
nav.menu-sidebar ul li a { font-size: 1rem; display: flex; align-items: center; min-height: 35px; line-height: 110%; padding: 15px 10px; box-sizing: border-box; }
nav.menu-sidebar ul li a.selected { color: var(--accent-secondary); }
nav.menu-sidebar ul li:hover > a { color: inherit !important; background-color: var(--bg-tertiary); }

/* collapsible */
@media screen and (max-width: 992px) {
    nav.menu-sidebar ul li > ul { display: none; padding: 12px; }
    nav.menu-sidebar ul li > .open + ul { display: block; }

    .menu-sidebar { border: 1px solid var(--bg-tertiary); }
    .menu-sidebar .header-block { margin: -1px -1px 0; }
}
@media screen and (min-width: 993px) {
    nav.menu-sidebar ul li > ul { left:100%; top:-1px; position:absolute; width:100%; min-width:290px; z-index:9; visibility:hidden; transition:0.2s 0.2s; opacity:0; transform:translateY(10px); backface-visibility:hidden; background-color: inherit; border-radius: var(--radius-sm); }
    nav.menu-sidebar ul li:hover > ul { visibility:visible; opacity:1; transform:translateY(0); box-shadow: var(--shadow-sm); }

    nav.menu-sidebar > ul > li > a { border: 1px solid var(--bg-tertiary); margin-bottom: 10px; border-radius: var(--radius-sm); }
}
nav.menu-sidebar ul li.collapsible > a { padding-right: 2em; }
nav.menu-sidebar ul li.collapsible > a + .icon { padding: 15.5px; position: absolute; right: 0; top: 0; transform: none; }
nav.menu-sidebar ul li.collapsible > a + .icon:before { color: var(--text-secondary, #7e7e7e); }
@media screen and (min-width: 993px) {
   nav.menu-sidebar ul li.collapsible > a + .icon { display: inline-block; top: 50%; transform: translate(0, -50%); } 
}

.sticky { position: sticky; z-index: 5; }
.t0 { top: 0; }
.t20 { top: 20px; }
.t45 { top: 45px; }
.t60 { top: 60px; }
.t66 { top: 66px; }
.t100 { top: 100px; }
.b4 { bottom: 4px; }

ul.disc, .ul-disc ul:not(.menu-v) { padding-left: 2em; } 
ul.disc li:before, .ul-disc ul:not(.menu-v) li:before { color: var(--accent-primary); font-size: 1em; content:"\e956"; font-family: var(--icon-font); position: absolute; top: 0; left: -2em; }
ul.decor, .ul-decor ul { padding-left: 1.3em !important; margin-left: 0; }
ul.decor li, .ul-decor ul li { padding-left: 0 !important; }
ul.decor li:before, .ul-decor ul li:before { color: #2a7ed5; font-size: 0.625em; content:"\e91e"; font-family: 'icon'; position: absolute; top: .5em; left: -1.6em; }

ul.checked li { padding-left: 2em !important; }
ul.checked li:before { color: #fff; background-color: #2f80ed; font-size: 0.625em; content:"\e934"; font-family: 'icon'; position: absolute; top: 0; left: 0; min-width: 1em; height: 1em; padding: .5em; text-align: center; border-radius: 50%; }
ul.checked li.col { padding-left: calc(2em + 15px)!important; }
ul.checked li.col:before { left: 1.5em; background-color: #3480CF; }

/* decor_plates */
ul.decor_plates { display: flex; flex-wrap: wrap; gap: 10px; padding-left: 0 !important; }
ul.decor_plates > li { width: 100%; padding: clamp(15px, 3.5vw, 25px); margin: 0; box-sizing: border-box; background-color: rgba(236,34,39,.031); border-radius: 15px; font-weight: 500; }
ul.decor_plates > li:before { content: none !important; }
ul.decor_plates > li strong { font-size: large; display: block; margin-bottom: .5em; }
@media only screen and (min-width: 601px) {
    ul.decor_plates > li { width: calc((100% / 2) - (10px * (2 - 1) / 2)); }
}
@media only screen and (min-width: 993px) {
    ul.decor_plates > li { width: calc((100% / 3) - (10px * (3 - 1) / 3)); }
    ul.decor_plates > li.lw2 { width: calc((100% / 2) - (10px * (2 - 1) / 2)); }
}


ul.menu-h { margin: 0; padding: 0; }
ul.menu-h li { list-style: none; display: inline-block; padding: 0; }
ul.menu-h li a,
ul.menu-h li > span { padding: 0; margin-right: .5em; text-decoration: none; display: inline-block; vertical-align: bottom; text-align: center; }
ul.menu-h li.selected a,
ul.menu-h li a.selected,
ul.menu-h li a.selected:hover { color: var(--accent-secondary) !important; }
ul.menu-h li a img.icon16 { position: relative; top: 3px; left: -3px; }
ul.menu-h li a i.icon16 { margin-top: 0; }
ul.menu-h li a i { display: block; }
ul.menu-h li.selected a.inline-link { color: inherit !important;}
ul.menu-h li.selected a.inline-link > b { border-color: transparent; }

/* social icons */
.social-media { margin: 0; display: inline-flex; gap: .5rem; flex-wrap: wrap; }
.social-media.right { justify-content: right; }
.social-media a { padding: 0; text-decoration: none; }
.social-media i { display: inline-block; width: 1em; padding: .3em; background-color: #1c93e9; color: #fff; border-radius: 2em; cursor: pointer; }
.social-media i:hover { opacity: 0.85; }
.social-media i.vk { background-color: #4680c2; }
/* .social-media i.instagram { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } */
.social-media i.whatsapp { background-color: #43d854; }
.social-media i.telegram { background-color: #0088cc; }
.social-media i.ok { background-color: #FF7700; }
.social-media i.max { background-color: #281d39; background-image: linear-gradient(96deg,#43d6ff 0,#8f3fff 99.6%); }
.social-media i.rutube { background-color: #ED143B; }
.social-media i.youtube { background-color: #FF0033; }
.social-media i.dzen { background-color: #000; }
.social-media.plain { vertical-align: middle; }
.social-media.plain i { font-size: 1.500em; padding: .3em; background-color: var(--bg-secondary); color: var(--accent-secondary); }
/* share */
.share .button { color: inherit; padding: 10px; font-weight: 500; line-height: 1; }
.share .button:hover { color: var(--accent-secondary) !important; }
.share .dropdown-content .social-media.plain { max-width: 200px; }
.share .dropdown-content .social-media.plain i { padding: 0; vertical-align: bottom; }

.page-user.user .image { max-width: 140px; }
.page-user.user .block { border-radius: 5px; }

.globalfooter { background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; margin-top: 1em; }
.globalfooter .copyright { font-size: 0.875em; }
.globalfooter ul li { font-size: 0.938em; }
.globalfooter ul li a:not(.bold) { font-weight: 500; color: inherit; text-decoration: none; }
.globalfooter ul.columns { columns: 190px 2; -moz-columns: 190px 2; -webkit-columns: 190px 2; }
.globalfooter ul.columns li { width: 100%; page-break-inside: avoid; break-inside: avoid; -webkit-column-break-inside: avoid; display: table; text-indent: 0; }
.globalfooter .schedule:first-child { margin-bottom: 1em; }
.globalfooter .schedule.show-on-large { display: block; }
.globalfooter .schedule { line-height: 1.6; }

/* social-media */
.globalfooter .social-media { margin-bottom: 1rem; }
.globalfooter .social-media i { font-size: 1.250rem !important; background: inherit; color: #fff; border: 1px solid rgba(255, 255, 255, 0.259); padding: .5em; }
.globalfooter .social-media i:hover { border-color: inherit; }
.globalfooter .social-media i.vk:hover { color: #4680c2; }
.globalfooter .social-media i.telegram:hover { color: #0088cc; }
.globalfooter .social-media i.ok:hover { color: #FF7700; }
.globalfooter .social-media i.whatsapp:hover { color: #25d366; }
.globalfooter .social-media i.max:hover { color: #43d6ff; }
.globalfooter .social-media i.rutube:hover { color: #ED143B; }
.globalfooter .social-media i.youtube:hover { color: #FF0033; }

/* requisites */
.globalfooter .requisites-wrap { display: flex; flex-direction: column; height: 100%; }
.globalfooter .requisites { margin-top: auto; padding-top: 1em; padding-bottom: 1em; }
.globalfooter .requisites .small { font-size: 12px; }

@media only screen and (max-width: 600px) {
    .footer-menu > p { position: relative; padding-right: 3rem; }
    .footer-menu > p:after { font-family: var(--icon-font); content: var(--icon-top); position: absolute; right: 1rem; top: 50%; transform: translate(0, -50%); }
    .footer-menu > p.open:after { content: var(--icon-bottom); }
    .footer-menu > p + ul { display: none; }
    .globalfooter ul { margin: 0; }
    .globalfooter ul.columns { columns: inherit; -moz-columns: inherit; -webkit-columns: inherit; }
}
.footer { color: #fff; background-color: #111111; }
.footer_bottom { color: #fff; background-color: #252525; }
.footer_bottom p.requisites { margin: 0; }
/* dark */
[data-theme*="dark"] .footer { background-color: var(--bg-secondary); }
.footer strong.medium { font-size: 1.063em; color: rgba(255, 255, 255, 0.4); }

.payment-icons { display: flex; flex-wrap: wrap; margin-top: 1em; }
.payment-icons img { margin: .5em; max-height: 32px; }
.shipping-icons { display: flex; flex-wrap: wrap; margin-top: 1em; }
.shipping-icons img { margin: .5em; max-height: 32px; max-width: 60px; }
.protection .icon { font-size: 1.267rem; margin-right: 1rem; }

/* cookie */
.footer-cookie { color: #fff; }
.footer-cookie .js-footer-cookie-block { visibility: hidden; transition: 0.2s 0.6s; opacity: 0; transform: translateY(10px); }
.footer-cookie.active .js-footer-cookie-block { visibility: visible; opacity: 1; transform: translateY(0); }
.footer-cookie .container { color: inherit; padding-top: 15px; padding-bottom: 15px; }
.footer-cookie .button { padding: .5rem; margin-right: 1em; height: auto; text-transform: uppercase; }
.footer-cookie.fixed { min-height: 60px; }
.footer-cookie.fixed > div { position: fixed; bottom: 0; left: 0; right: 0; z-index: 102; }

/* search popup */
.search-popup .ajax_block { min-width: 300px; opacity:0; transition:all .2s; transform:translateY(10px); pointer-events:none; }
.search-popup.active .ajax_block { opacity:1; transform:translateY(0); pointer-events:auto; }
.search-popup.active .ajax_block .scroller-y { max-height: 50vh; }
.search-popup .ajax_block { color: var(--text-primary); text-align: left; position: absolute; top: calc(100% + .5rem); left: 0; right: 0; margin: 0; padding: 10px 0; box-shadow: 0 0 0.8rem 0.2rem rgba(0, 0, 0, .1); border-radius: 10px; z-index: 12; background-color: #fff; }
.search-popup .ajax_block .strong { display: block; font-weight: 500; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.search-popup .ajax_block .ajax_search { position: relative; padding: 10px; line-height: 1.6; }
.search-popup .ajax_block .ajax_search:hover { background-color: #f8f8f8; }
.search-popup .ajax_block .ajax_search a { color: inherit; text-decoration: none; }
.search-popup .ajax_block .ajax_search a::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.search-popup .ajax_block .ajax_search_link { padding: 10px 20px; }
.search-popup .ajax_block .ajax_search_link a:last-child { margin-left: 1em; }
.search-popup .ajax_block .image { min-width: 50px; width: 50px; margin-right: 1rem; }
.search-popup .ajax_block .image img { border-radius: var(--radius-sm); }
[data-theme*=dark] .search-popup .ajax_block { background-color: var(--bg-secondary); }
[data-theme*=dark] .search-popup .ajax_block .ajax_search:hover { background-color: var(--bg-tertiary); }

/* Products view buttons */
.products-view-buttons { display: flex; margin: 0; gap: 6px; }
.products-view-buttons li { margin-bottom: 0; }
.products-view-buttons button { font-size: 1rem; padding: .65em; border: 1px solid transparent; }
.products-view-buttons button:not(.selected) { background-color: #fff; background: var(--bg-secondary); color: var(--text-primary); border-color: var(--bg-tertiary); }
.products-view-buttons button:not(.selected):hover { color: var(--accent-secondary) !important; border-color: inherit; }

/* Thumbs */
.thumbs { margin-bottom: 1.500em; }
.thumbs > li,
.thumbs > .col { margin-bottom: 1.333rem; }
.thumbs .block { padding-top: 0.1px; background-color: var(--bg-secondary, #fff); width: 100%; height: 100%; transition: box-shadow .1s linear; border: 1px solid var(--bg-tertiary); border-radius: var(--radius-sm); }
.thumbs .block:hover { box-shadow: var(--shadow-sm); z-index: 1; }
.thumbs a:not(.button) { text-decoration: none; color: inherit; display: block; }
.thumbs .image { display: block; margin: 1rem 0; background-color: #fff; }
.thumbs .title.truncate.clamp { font-size: clamp(1em, 1.4vw, 1.125em);  line-height: 1.2em; margin-top: 0; margin-bottom: .2em; -webkit-line-clamp: 3; line-clamp: 3; }
.thumbs .title { display: block; font-weight: 500; }
.thumbs .action { padding-bottom: 1rem; }
.thumbs button[type="submit"] { border: 0; outline: 0; padding: .7em; margin-left: 4px; }
.thumbs .button:not(.white):not(.button-tertiary) { background-color: transparent; color: var(--text-secondary); border: 0; outline: 0; padding: .7em; margin-left: 4px; box-shadow: none; }
.thumbs .button:not(.white):not(.button-tertiary):hover { background-color: #fff; color: #000 !important; }
.thumbs .button.active,
.thumbs .button.active:hover { color: var(--accent-secondary, #64748B) !important; }
.thumbs button[type="submit"] { position: relative; }
.thumbs button[type="submit"] .icon,
.thumbs .button .icon { margin: 0 !important; }
.thumbs .cost_button { font-weight: 600; }
.thumbs .adding2cart { display: none; }
.thumbs .adding2cart.loading { display: inline-block; }
.thumbs i.adding2cart { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.thumbs .adding2cart.loading + i,
.thumbs .adding2cart.loading + i + span,
.thumbs i.adding2cart.loading + span { opacity: 0; }
.thumbs .button-separator { flex: 1; max-width: 100%; min-width: 100px; }


/* thumbs sticky-action  */
.thumbs .sticky-action { position:relative; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column; flex-direction:column; }
/* .thumbs .sticky-action .image.responsive:not(.fit) img { transform: translate(-50%, -50%); top: 50%; left: 50%; max-height: 100%; max-width: 100%; width: auto; height: 100% !important; object-fit: contain; } */
.thumbs .sticky-action .image.responsive:not(.fit) { border-radius: var(--radius-sm); overflow: hidden; }
.thumbs .sticky-action .image.responsive:not(.fit) img { width: 100%; height: 100% !important; object-fit: cover; }
.thumbs .sticky-action .image.fit { margin: 0 -1rem 1rem; border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); }
.thumbs .sticky-action .image.fit .corner.right { right: .5rem; }
.thumbs .sticky-action .image.fit .corner.top { top: .5rem; }
.thumbs .sticky-action .image.fit .corner.left { left: .5rem; }
/* сделать высоту настриваемой */
/* .thumbs .sticky-action .image.responsive::before { padding-top: 85%; } */
.thumbs .sticky-action .corner .button { display: block; padding: 5px; margin: -5px -5px 5px -5px; color: #0e0e0e; background-color: #fff; }
.thumbs .sticky-action .button .icon { font-size: 1.250rem; }
.thumbs .sticky-action .action { margin-top: auto; padding-top: 1em; }
.thumbs .sticky-action .pricing { margin-bottom: .7em; }
.thumbs .sticky-action button[type="submit"],
.thumbs .sticky-action .button { margin: 0; }
.thumbs .sticky-action .button-tertiary { align-self: flex-start; } 

/* thumbs options */
.thumb-options { color: var(--text-secondary,rgba(0,26,52,.6)) }
.thumb-video .icon { color: red; }
.thumb-rating .icon { color: #ffc800; }
.thumb-rating .icon.empty { color: rgba(204, 214, 228, 0.6); }
.thumb-rating span { font-weight: 500; }

/* thumbs features */
.thumb-features { column-gap: .625rem; font-size: .875em; color: var(--text-secondary,rgba(0,26,52,.6)) }
.thumb-features .thumb-feature:not(:last-child) { position: relative; padding-right: .625rem; }
.thumb-features .thumb-feature:not(:last-child):after { content:url("data:image/svg+xml; charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' d='M8 3a5 5 0 1 0 0 10A5 5 0 0 0 8 3z'/%3e%3c/svg%3e"); width:1em; height:1em; position:absolute; top:50%; transform:translateY(-50%); right:-3px; opacity:.2; font-size:6px; }

/* thumbs slider */
.thumbs.slider { margin: -1em 0; padding: 1em 0; overflow: auto visible; }
.thumbs.slider li, .thumbs.slider > .col { margin: 0; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.thumbs.slider li * { backface-visibility: hidden; }
/* в зависимости от отступов container и row */
/* нужно вынести настройки container и row в root */
@media only screen and (max-width: 600px) {
    .row.scroll-snap-row  {margin-left: -20px; margin-right: -20px; }
    .thumbs.scroll-snap-container { padding-left: 20px; scroll-padding: 0 20px; }
    .thumbs.scroll-snap-container .col { padding-left: 0; max-width: 240px; }
    .thumbs.scroll-snap-container .col:last-child { margin-right: calc(20px - 8px); }
    .thumbs.scroll-snap-container.mini .col { max-width: 300px; }     
}
@media only screen and (max-width: 376px) {
    .row.scroll-snap-row  {margin-left: -15px; margin-right: -15px; }
    .thumbs.scroll-snap-container { padding-left: 15px; scroll-padding: 0 15px; }
    .thumbs.scroll-snap-container:not(.mini) .col { padding-left: 0; max-width: 200px; }
    .thumbs.scroll-snap-container .col:last-child { margin-right: calc(15px - 8px); }
    .thumbs.scroll-snap-container.mini .col { max-width: 280px; }   
}

/* thumbs mini */
.thumbs.mini .image { min-width: clamp(60px, 8vw, 120px); margin: 1rem 1rem 1rem 0; align-self: start; overflow: visible; border-radius: var(--radius-sm); }
.thumbs.mini .image img { border-radius: var(--radius-sm); }
.thumbs.mini .action { flex: 1; overflow-wrap: anywhere; padding-top: 1rem; }
.thumbs.mini .title a { display: inline; }
.thumbs.mini .title .badge { font-size: 0.750rem; vertical-align: text-bottom; }
.thumbs.mini .addtocart { margin-top: auto; }
.thumbs.mini .button.white { width: auto; }
.thumbs.mini .block { margin-bottom: 0; }
.thumbs.mini .quantity-list { margin-left: .5em; }

/* thumbs small-list */
.thumbs.small-list { margin: 0; }
.thumbs.small-list li { margin-bottom: 0; padding: .5rem 0; }
.thumbs.small-list li:not(:last-child) { border-bottom: 1px solid #eee; }
.thumbs.small-list li .truncate.clamp { width: 100%; font-size: 0.875em; -webkit-line-clamp: 2; line-clamp: 2; }
.thumbs.small-list li a.flex { display: flex; }
.thumbs.small-list li a .link { text-decoration: underline; transition: all 0.1s; }
.thumbs.small-list li a .link:hover { color: #000; text-decoration: none; }
.thumbs.small-list li .image { width: 50px; margin: 0 1em 0 0; }
.thumbs.small-list li .quantity-list { font-size: 0.813em; margin-left: 1em; }

.thumbs .block.bg { position: relative; color: #fff; background-position: top center; background-size: cover; background-repeat: no-repeat; z-index: 1; }
.thumbs .block.bg:before { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.54); z-index: -1; }

/* thum link */
.thumb-content { position: relative; }
.thumb_link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }


/* thumbs product images gallery */
.images-gallery { position:relative; display:block; }
.images-gallery__field-pagination { position:absolute; display:flex; top:0; right:0; bottom:0; left:0; z-index: 1; }
.images-gallery__field-item { flex-grow:1; }
.images-gallery__pagination { position:absolute; display:flex; right:0; bottom:0; left:0; height: 2px; }
.images-gallery__pagination-item { flex-grow:1; margin:0 1px; background-color: var(--bg-tertiary); }
.images-gallery__pagination-item_active { background-color: var(--accent-secondary); }
.images-gallery__item img.lazyloading { opacity: 1; background-image: url(img/loading.gif); }

/* Product */
/* image */
.product-gallery { margin-top: 0; margin-bottom: 0; height: auto; box-sizing: border-box; }
.product-gallery .product-core-image { border: 1px solid var(--bg-tertiary); border-radius: var(--radius-md); overflow: hidden; background-color: #fff; }
.product-gallery .product-core-image .image img { transform: translate(-50%, -50%); top: 50%; left: 50%; max-height: 100%; max-width: 100%; width: auto; object-fit: contain; }
.product-gallery .product-core-image .image a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.product-gallery .product-core-image .image a[data-video] { background-color: #000; }
/* more images */
.product-gallery .more-images { scroll-snap-type: x mandatory; overflow-y: hidden; overflow-x: auto; scrollbar-width: none; }
.product-gallery .more-images::-webkit-scrollbar { display: none; }
.product-gallery .more-images .col { margin-top: 1em; display: inline-block; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.product-gallery .more-images .col img { width: 100%; background-color: #fff; }
.product-gallery .more-images .col a { display: block; border: 1px solid transparent; background-color: #DBDBDB; border-radius: 8px; overflow: hidden; }
.product-gallery .more-images .selected a { border-color: var(--accent-primary); }
.product-gallery .more-images .col a[data-video]::after,
.product-gallery .product-core-image .image a[data-video]:not(.video-animated)::after { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:rgba(0, 0, 0, 0.7); color:white; border-radius:50%; width:32px; height:32px; font-size:14px; pointer-events:none; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath d='M11 9v14l10-7z'/%3E%3C/svg%3E"); content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='white'%3E%3Cpath d='M13 9v14l10-7z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* Видео в PhotoSwipe */
.pswp__video-container { width: 100%; height: 100%; background: #000; display: flex; align-items: center; justify-content: center; position: relative; border-radius: var(--radius-md); overflow: hidden; }
/* .pswp__video-container { pointer-events: none !important; }
.pswp__video-container * { pointer-events: auto !important; } */
.pswp__content > .pswp__video-container iframe  { pointer-events: none; position: relative; }
.pswp__content > .pswp__video-container:hover iframe { pointer-events: auto; }

/* spinner */
.pswp__spinner-wrapper { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; }
.spinner { width:40px; height:40px; border:4px solid #F3F3F3; border-top:4px solid var(--accent-primary, #3498DB); border-radius:50%; animation:spin 1s linear infinite; }
@keyframes spin {
    0%{ transform: rotate(0deg); }
    100%{ transform: rotate(360deg); }
}

/* !!! min-width: 600px */
@media only screen and (min-width: 993px) {
    .product-gallery .col-more-images { order: -1; }
    .product-gallery .more-images-wrap { position: relative; height: 100%; }
    .product-gallery .more-images { gap: .625rem; position: absolute; top:0; right:0; left:0; height: 100%; overflow-x:hidden; overflow-y:auto; scroll-snap-type: y mandatory; flex-direction: column; -ms-flex-direction: column; -webkit-box-orient: vertical; }   
    .product-gallery .more-images .col { margin-top: 0; }
}
.product-gallery .image .corner { margin: 1rem; }
.product-gallery .image .corner .buttons { margin: -5px; }
.product-gallery .image .corner .button { font-size: 24px; color: #0e0e0e; padding: 5px; background-color: #fff; }
.product-gallery .image .corner .button:hover { color: #000 !important; }
.thumbs .button.active, .thumbs .button.active:hover,
.product-gallery .image .corner .button.active { color: var(--accent-secondary,#64748b) !important; }

.product-cart-block { padding-top: 1.875rem; }
.product-cart-block .cart { height: 100%; padding: 1.875rem; box-sizing: border-box; border: 1px solid var(--bg-tertiary); border-radius: var(--radius-md); }
@media only screen and (min-width: 993px) {
    /* .product-cart-block .cart  { padding-top: 0; padding-left: 2rem; } */
}

.cart .add2cart .flex { gap: 1rem; }
.cart .add2cart .price-block { align-items: baseline; }
.cart .add2cart [type=submit] { position: relative; min-width: 100%; width: max-content; }
.cart .add2cart i.adding2cart { display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.cart .add2cart i.adding2cart.loading + span { opacity: 0; }
.cart .stocks,
.cart .options,
.cart .services { margin: 1em 0; }
.services > *:not(:last-child) { margin-bottom: 8px; }
.cart .price.large { font-size: 1.625em; }
.cart .compare-at-price.large { font-size: 1.500em; }

.product-add-to-cart__controls { max-width: 460px; }
/* mobile fixed add-to-cart */
@media only screen and (max-width: 600px) {
    .product-add-to-cart__controls.fixed { max-width: none; position:fixed; bottom: 0; z-index: 5; left:0; right:0; padding: 10px 15px calc(var(--footer-fixed-height, 0px) + 10px); margin: 0; background:var(--bg-secondary); box-shadow: 0 -4px 20px 0 rgba(0, 0, 0, .12); }
}
@media only screen and (min-width: 376px ) and (max-width:600px) {
    .product-add-to-cart__controls.fixed { padding: 10px 20px calc(var(--footer-fixed-height, 0px) + 10px); }
}

/* product options */
.ss-modal .options .inline-select button[type=button] { font-size: 13px; }
.options .inline-select button[type=button] { font-size: 14px; background: #fff; border-radius: var(--radius-sm); border: 1px solid var(--border-color-input, #e0e0e0); padding: 0; display: inline-block; vertical-align: top; margin: 0 5px 5px 0; outline: none; }
.options .inline-select button[type=button]:hover { filter: none; }
.options .inline-select button[type=button].selected { border-color: var(--accent-primary); background: transparent; }
.options .inline-select button[type=button].selected > span { color: var(--text-primary); }
.options .inline-select button[type=button] > span { display: inline-flex; align-items: center; justify-content: center; min-width: 1.875em; height: 1.875em; padding: 0.375em; box-sizing: content-box; color: #000; position: relative; text-decoration: none; margin: 6px; }
.options .inline-select.color button[type=button] > span { border-radius: var(--radius-sm); border: 1px solid var(--bg-tertiary); box-shadow: inset var(--shadow-sm); }
.options .inline-select.color button[type=button] > span span,
.options .inline-select.color button[type=button]:not(.selected) .icon { display: none; }
.options .inline-select button[type=button] > span.image.responsive:before { content: none; }
.options .inline-select button[type=button] > span img { border-radius: var(--radius-sm); object-fit: cover; height: 100% !important; }
.options .inline-select button[type=button].selected > span img { opacity: .4; }
.options .options_title { color: var(--text-secondary, rgba(0, 26, 52, 0.6)); }
.options .options_title span { color: var(--text-primary, inherit); }
.options .inline-select { margin-bottom: 15px; }

/* stocks */
.stocks strong { font-weight: 500; white-space: nowrap; }
.stocks .stock-critical { color: #e00; }
.stocks .stock-low { color: #a80; }
.stocks .stock-high { color: #0a0; }
.stocks .stock-none { color: #aaa; white-space: normal; }
.stocks .icon16 { margin-top: 0.1em; }

/* badges */
.badge { position: relative;font-size: 1em; background-size: cover;background-repeat: no-repeat;background-position: 50%;height: 24px;line-height: 24px;color: #fff; background-color: #33CCFF!important; border-radius: var(--radius-sm); display: inline-block; }
.badge span { text-align: center; display: inline-block; padding: 0 10px; overflow: hidden; white-space: nowrap; }
.badge.new { background-color: #72DF19!important; }
.badge.bestseller {background-color: #cc0000!important;}
.badge.low-price { background-color: #33CCFF!important; }
.badge.sale { background-color: #ff4700!important; }
.badge.discontinued { background-color: #ff6c62!important; }

/* product info sections */
/* documents */
.product-document { max-width: 160px; }
.product-document .icon { font-size: 4.3em; }
.product-document:hover .icon { color: inherit; }

/* Tabs */
.box { display:none; }
.box.visible { display:block; }
.scrolltabs-content { padding: .5em 2em 2em; background-color: var(--bg-primary); border: 1px solid #ededed; border-top: 0; }
.scrolltabs-content .video-container { max-width: 560px; }
.scrolltabs-content .thumbs { margin-bottom: 0; }
.scrolltabs-content .thumbs.mini .image { min-width: 80px; }
@media only screen and (max-width: 600px) {
    .scrolltabs-content { padding: .5em 1em 1em; }
}

.tabs { position:relative; height:48px; width:100%; margin:0 auto; background-color: var(--bg-secondary); }
.tabs .tab { display:inline-block; vertical-align: top; text-align:center; line-height:48px; height:48px; padding:0; margin:0; text-transform:uppercase; }
.tabs .tab a { display:block; width:100%; height:100%; padding:0 24px; font-size: 1em; font-weight: 600; text-overflow:ellipsis; overflow:hidden; box-sizing:border-box;-webkit-transition:color .28s ease, background-color .28s ease; transition:color .28s ease, background-color .28s ease; }
.tabs .tab a:hover { text-decoration: none; }
.tabs .tab.current a { color: inherit; text-decoration: none; background-color: var(--bg-primary); outline: none; border: 1px solid #ededed; border-bottom: 0; }

/* scroller  */
.scroller-x { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.scroller-x::-webkit-scrollbar { display: none; }
.scroller-x { -ms-overflow-style: none; }
.scroller-x.flex > * { display: block; width: 100%; }
.scroller-y { overflow-y: auto; overflow-x: hidden; scrollbar-color: #dadcde transparent; scrollbar-width: thin; }
[data-theme*=dark] .scroller-y { scrollbar-color: var(--bg-tertiary) var(--bg-secondary); }


/* Services */
.subservices .col { margin-bottom: 1rem; }
.subservices .image { background-color: #fff; border: 1px solid #efefef; transition: box-shadow .4s linear; }
.subservices .image:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.subservices .image img { padding: 2rem; box-sizing: border-box; }
.subservices .image.responsive img { object-fit: cover; -o-fit-object: cover; height: 100%; }

/* Gallery */
.gallery-album .image { margin-bottom: 2rem; background-color: var(--bg-secondary, #fff); border: 1px solid var(--bg-tertiary); transition: box-shadow .4s linear; border-radius: var(--radius-md); }
.gallery-album .image:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.gallery-album .image img { padding: 0; box-sizing: border-box; width: 100% !important; height: 100% !important; object-fit: cover; -o-fit-object: cover; border-radius: inherit; }


/* default */
header .cart .cart-just-added { display: none; position: absolute; bottom: 100%; left: 0; width: 100%; box-sizing: border-box; padding: 9px 18px; font-size: 0.875rem; }
@media only screen and (min-width: 993px) {
    header .cart.fixed { position: fixed; bottom: 0; right: 80px; min-width: 220px; max-width: 320px; z-index: 999; }
    header .cart.fixed a { background: #cbcccf; }
    header .cart.fixed .cart-just-added { display: block; background: #fafaf1; }
}

.s-loading-section { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; background: rgba(255,255,255,.5); z-index: 100; }
.s-loading-section .s-loading-content { display: inline-block; }


.loading.animate { position: relative; width: 1em; height: 1em; display: inline-block; vertical-align: top; }
.loading.animate .path2:before,
.loading.animate:before { position: absolute; left: 0; top: 0; margin-left: 0; animation-name: rotation; animation-duration: 0.5s; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes rotation {
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp.lazyloaded {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

/* User */
.user .image { position: relative; width: 100%; max-width: 50px; margin-right: 1rem; box-shadow: 0 0 0px 1px rgb(0 0 0 / 0.05); background-color: #eee; }
.user .image img { height: 100%; }
.user .image.round img { border-radius: 50%; }
.user .content { display: block; width: 100%; }

/* toggle */
.toggle-content { display: none; }

/* Quantity */
.quantity { display: inline-block; position:relative; max-width: 225px; min-width: 5em; width: 100%; }
.quantity input[type=number] { text-align: center; padding-right: 2em; padding-left: 2em; width: inherit; min-height: 100%; border-radius: var(--radius-md);}
.quantity input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.quantity input[type=number] { -moz-appearance: textfield; }
.quantity-button { position:absolute; top: 1px; bottom: 1px; cursor:pointer; width: 2em; text-align:center; color: inherit; box-sizing: border-box; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none; user-select:none; background: var(--background-color-input, #fff); }
.quantity-button:hover { background-color: var(--bg-tertiary); color: var(--accent-primary); }
.quantity-button.quantity-down { left: 1px; border-right: 1px solid var(--border-color-input, #e0e0e0); border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); }
.quantity-button.quantity-up { right: 1px; border-left: 1px solid var(--border-color-input, #e0e0e0); border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); }
.quantity-button span { margin: 0 auto; line-height: 1em; }
.quantity-button[data-tooltip] { position:absolute; display: flex; }

.line-bottom { display: block; position:relative; background-color: var(--bg-primary, #fff); line-height: 1.3; }
.line-bottom:before { content:""; position:absolute; top:1em; left:2em; right:2em; border-bottom:1px solid #E6E6E6; z-index:0; }
.line-bottom:after { content:""; display:block; clear:right; }
.line-bottom span,
.line-bottom strong { display:inline-block; background-color: inherit; position:relative; box-sizing:border-box; }
.line-bottom .line-bottom-name { max-width: calc(50% - 1rem); padding:0 1em 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.line-bottom .line-bottom-value { width: 100%; max-width: 50%; min-width: calc(50% - 1rem); float: right; text-align: left; padding:0 0 0 1rem; word-wrap: break-word; }
.line-bottom span.truncate { box-sizing: initial; line-clamp: 4; -webkit-line-clamp: 4; white-space: nowrap; }
.line-bottom .line-bottom-name .icon { color: var(--accent-secondary); margin-left: .5rem; }

.line-bottom.dashed:before { border-bottom: 1px dashed #aaa; }
.line-bottom.dashed .line-bottom-value.large { line-height: 1.25rem; }

 
/* Основные стили для таблицы */
table { width:100%; border-collapse:collapse; border: 0; margin-bottom: 1em; }
th, td { padding:12px 15px; text-align:left; border-bottom:1px solid var(--bg-tertiary); }
thead th { background-color: var(--bg-tertiary); font-weight:700; }
td p:first-child { margin-top: 0; }
td p:last-child { margin-bottom: 0; }
/* Стили для адаптивности таблицы */
@media screen and (max-width:600px) { 
    table { display: block; overflow-x: auto; font-size: clamp(12px, 2.5vw, 14px); }
}

table.features { border: 0; width: auto; }
table.features td { padding: 5px 0; border: none; }
table.features td.name { min-width: 145px; color: #777; vertical-align: top; }
table.features td.value { padding-left: 1rem; }
table.features tr.divider td { border-bottom: 1px solid #e0e0e0; padding-left: 0; padding-top: 15px; padding-bottom: 0; font-weight: bold; text-transform: uppercase; color: #aaa; }

div.features .divider { font-weight: 600; font-size: clamp(1em, 2.5vw, 1.125em); }
div.features p { margin: 0.5em 0; }
div.features p.line-bottom { font-size: 0.938em; }

.columns { columns: 135px 5; -moz-columns: 100px 5; -webkit-columns: 100px 5; column-gap: 30px; }
.columns .item { page-break-inside: avoid; break-inside: avoid; -webkit-column-break-inside: avoid; display: table; text-indent: 0; }

/* Slider */
.slider { position: relative; }
.slider .caption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.slider.flex { overflow: auto visible; -ms-overflow-style: none;  /* IE 10+ */ scrollbar-width: none; }
.slider.flex::-webkit-scrollbar { width: 0px;  background: transparent; }
.slider.flex .image,
.slider.flex > li, .slider.flex > .col { position: relative; flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; }
.slider-content .item:not(:first-child) { display: none; }

/* slider controls */
.slider-controls { font-size: 1.250em; display: flex; gap: 6px; height: 2em; justify-content: flex-end; }
.slider-controls span { display: inline-block; }
.slider-controls .button,
.slider-controls a { display: inline-flex; position: relative; color: var(--text-primary); font-size: 1em; font-family: var(--icon-font); text-decoration:none; text-align:center; outline:0; width: 2em; height: 2em; z-index: 4; transition: background-color 0.2s ease-in-out; background-color: var(--bg-secondary); border-radius: var(--radius-md); border: 1px solid var(--bg-tertiary); cursor: pointer; padding: 0; }
.slider-controls a:after { content: none; }
.slider-controls .button:not(.disabled):hover,
.slider-controls a:hover { color: var(--accent-secondary) !important; border-color: inherit; }
.slider-controls .button.disabled,
.slider-controls a.disabled { cursor:default; }
.slider-controls .button .icon { padding: 0.5em; margin: 0 auto; color: inherit; }

.fluid-font-size { font-size: 16px; }
@media (min-width: 601px) {
    .fluid-font-size { font-size: 13px; font-size: calc( 0.012755102 * 100vw + 3.3341836735px ); }
}
@media (min-width: 993px) { 
    .fluid-font-size { font-size: 16px; }
}

/* Video */
.video-container { position: relative; overflow: hidden; background-position:center center; background-size: contain; background-repeat:no-repeat; background-color:rgba(0, 0, 0, 0.752); border-radius: var(--radius-md); }
.video-container:before { content: ''; padding-bottom: 56.25%; display: block; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }
.video-container .play-btn { font-size:4em; position:absolute; top:calc(50% - .5em); left:calc(50% - .5em); line-height:1em; width:1em; height:1em; z-index:1; background-position:50%; background-size:90% auto; background-repeat:no-repeat; background-color: transparent; padding: 0; border: 0; box-shadow: none; fill: var(--accent-primary); }
.video-container button.play-btn:not(:has(svg)) { background-image:url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 158 110'%3E%3Cpath fill='red' d='m154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8-12.3-3.2-61.5-3.2-61.5-3.2s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14-3.3 12.2-3 37.5-3 37.5s-0.3 25.3 3 37.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5s-0.1-25.3-3.4-37.5z'/%3E%3Cpolygon fill='%23fff' points='63.9 79.2 103.2 55 63.9 30.8'/%3E%3C/svg%3E"); }

/* Poptrox */
.poptrox-overlay .closer { font-family: var(--icon-font); }
@media only screen and (max-width: 600px) {
    .poptrox-overlay .closer { right: 0 !important; z-index: 1102; }
}

/* Pagination */
.paging-block .button { margin: 2px 0; padding: 0.875em 2em; }
.paging-nav { text-align: center; line-height: 1em; margin: 1em 0; }
.paging-nav ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; }
.paging-nav ul li { padding: 0; margin: 4px 2px; vertical-align: middle; display: inline-block; }
.paging-nav ul li a,
.paging-nav ul li > span { font-weight: 400; text-align: center; display: block; color: inherit; background-color: rgba(51, 54, 84, 0.059); margin: 0; min-width: 17px; min-height: 24px; line-height: 24px; padding: .5em .82em; text-decoration: none; transition: all .2s linear; border-radius: 4px; }
.paging-nav ul li a:hover { background-color: #fafafa; }
.paging-nav ul li.selected a { color: var(--accent-secondary); cursor: default; pointer-events: none; }
.paging-nav ul li a i { display: inline-block; font-size: 1em; }
.paging-nav .button { min-height: 24px; line-height: 24px; margin: 4px 2px;  padding: .5em 2em; }
.paging-nav .button.disabled { pointer-events: none; }
#lazyloading-load-more i.loading.active + i { display: none; }

/* Tooltip */
[data-tooltip] { position: relative; outline: 0; white-space: normal; }
[data-tooltip]:after { font-family: var(--font-family); background: rgba(30, 41, 59, 0.8); color: #fff; border: 1px solid #f4f4f4; text-align:left; font-size: 12px; font-weight: normal; line-height:1.25em; content:attr(data-tooltip); position:absolute; left:50%; bottom: calc(100% + .8em); padding: .6em .8em; max-width: 180px; width: max-content; z-index: 99; transition:all 0.3s; opacity:0; transform:translate(-50%, 2em); pointer-events:none; visibility: hidden; box-shadow: 0 10px 30px 0 rgba(38,75,130,.1); border-radius: var(--radius-sm); }
[data-tooltip]:not([tabindex]):hover:after,
[tabindex]:focus:after { opacity: 1; transform: translate(-50%, 0); z-index: 9; visibility: visible; }

[data-position="left"]:after { left: .8em; bottom: 50%; transform: translate(-100%, 50%); }
[data-position="left"]:not([tabindex]):hover:after,
[data-position="left"][tabindex]:focus:after { transform: translate(calc(-100% - 2em), 50%); }

[data-position="right"]:after { left: auto; right: .8em; bottom: 50%; transform: translate(100%, 50%); }
[data-position="right"]:not([tabindex]):hover:after,
[data-position="right"][tabindex]:focus:after { transform: translate(calc(100% + 2em), 50%); }
@media only screen and (max-width: 600px) {
    [data-tooltip]:after { content: none; }
}

/* data badge */
[data-badge] { display: inline-block; vertical-align: text-top; line-height: 20px; height: 20px; font-size: 0.750rem; padding: 0 6px; margin-left: 5px; text-align: center; color: var(--button-text-color, #fff); background-color: var(--accent-secondary, #64748b); border-radius: 1rem; }
[data-badge]:after { content: attr(data-badge); font-family: var(--font-primary); font-weight: 300; }

/* data text */
[data-text]:before { content: attr(data-text); font-family: var(--font-family); vertical-align: inherit; }

/* blogs color */
.b-white { background: #fff; color: #000; }
.b-gray { background: #f7f7f7; color: #000; }
.b-green { background: #f3ffe3; color: #000; }
.b-blue { background: #eeffff; color: #000; }
.b-purple { background: #7256ee; color: #fff; }
.b-red { background: #fff1f1; color: #000; }
.b-yellow { background: #ffffe3; color: #000; }
.b-yellow .highlighted { background: #ff9; color: #000; }

/* form fields */
.fields.row { margin-left: -5px; margin-right: -5px; }
.field.col { padding-left: 5px; padding-right: 5px; }
.fields .agreement { color: var(--text-secondary, #777); /*font-size: 0.875em;*/ line-height: 1.3; }
.fields .agreement label:active { user-select: none; }
.fields .agreement label.checkbox { display:flex; gap: .5rem; }
.fields .agreement label.checkbox .checked { flex-shrink: 0; }
@media (max-width: 600px) {
    .fields label.radio { display: block; width: 100%; }
    .fields label.radio > span { gap: .5em; }
}

.fields .action { text-align: inherit; }
.fields .action.flex { -webkit-box-align: start; -webkit-align-items: start; align-items: self-start; }
.fields .action .wa-captcha { padding: 0; }
.field-group { margin:5px 0 30px; max-width: 600px; width: 100%; }
/* field */
.field { text-align: left; margin:0; margin-bottom: 1rem; }
.field .name { color: #878787; font-weight: 500; margin-bottom: 0.938em; margin-top: 0; }
.field .value input[type=checkbox],
.field .value input[type=radio] { width: auto !important; box-sizing: border-box; padding: 0 !important; margin-right: 5px; display:inline-block; vertical-align:middle; cursor: pointer; }
.field select { width:100%; outline:none; }
.field textarea { min-height:100px; width:100%; min-width:100%; max-width:100%; box-sizing:border-box; outline:none; }
.field input[type=number],
.field input[type=text] { width:100% !important; box-sizing:border-box !important; }
.field input[type=radio], 
.field .value input[type=checkbox] { width:auto; }
.field input[type=checkbox] { width:auto;-webkit-appearance: checkbox; }
.field .value .hint { font-size:0.786em; color:#A2A2A2; line-height:1.2em; margin:4px 0; }
.field .value button { width:100%; }
.field .errormsg { margin-left: 0; }
.field .field-is_captcha { position: relative; }
.field .captcha-container { opacity:0; transition:transform .2s, opacity .2s; transform:translateY(10px) translateZ(0); pointer-events:none;-webkit-font-smoothing:antialiased; backface-visibility:hidden; position:absolute; top:calc(100% + 10px); right:0; width:100%; min-width:300px; box-sizing:border-box; z-index:1; padding:1em; background:var(--bg-secondary, #FFFFFF); box-shadow:var(--shadow-sm); border-radius:var(--radius-sm); color: var(--text-primary); }
.field .captcha-container.captcha-visible { opacity:1; transform:translateY(0) translateZ(0); pointer-events:auto; }
.field input[type=text]:disabled { opacity: 0.6; background-color: #f5f5f5; cursor: not-allowed; }

/* Sign up & Login forms
------------------------ */
.wa-auth-adapters ul { padding: 0; margin: 0; min-height: 32px; }
.wa-auth-adapters ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 1.071428571428571em 0 0;padding: 0; }
.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span { display: inline-block; vertical-align: top; }
.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img { width: 100%; vertical-align: top; }
.wa-auth-adapters p { color: var(--text-secondary, #888); font-size: 0.9em; width: 80%; margin-top: 0; }
.wa-auth-adapters.wa-connect { margin-top: 20px; }

.wa-form { float: left; margin: 10px 0; overflow: visible; }
.wa-form .wa-field { clear: left; margin: 0; padding-top: 3px; }
.wa-form .wa-field .wa-name { color: var(--text-secondary); float: left; width: 155px; padding-top: 0.05em; padding-bottom: 5px; font-size: 0.875em; }
.wa-form .wa-field.wa-separator { height: 10px; }
.wa-form .wa-field .wa-value { margin-left: 180px; margin-bottom: 5px; position: relative; }
.wa-form .wa-field .wa-value input.wa-error { border: 2px solid red; }
.wa-form .wa-field .wa-value .wa-error-msg { font-size: 0.9em; color: red; display: block; }
.wa-form .wa-field .wa-value input[type="text"],
.wa-form .wa-field .wa-value input[type="email"],
.wa-form .wa-field .wa-value input[type="password"] { width: 100%; max-width: 420px; margin: 0; }
.wa-form .wa-field .wa-value textarea { width: 100%; max-width: 420px; height: 70px; }
.wa-form .wa-field .wa-value select { width: 100%; max-width: 420px; }
.wa-form .wa-field .wa-value input.wa-captcha-input { width: 100px; min-width: 0; }
.wa-form .wa-field .wa-value label { display: block; }
.wa-form .wa-field .wa-value .wa-captcha img { margin-left: 0; }
.wa-form .wa-field .wa-value .errormsg { margin-left: 0; }
.wa-form .wa-field .wa-value.wa-submit { margin-top: 10px; }
.wa-form .wa-field .wa-value p { margin-top: 0; position: relative; }
.wa-form .wa-field .wa-value p:last-child { margin-bottom: 0; }
.wa-form .wa-field .wa-value p label { display: block; margin: 0; }
.wa-form .wa-field .wa-value p span { color: var(--text-secondary); font-size: 0.9em; display: block; }
.wa-form .wa-field .wa-value p i.icon16 { float: left; left: -20px; margin-top: 2px; position: absolute; }
.wa-form .wa-field .wa-value p input { display: block; margin-bottom: 2px; }
.wa-form .wa-field .wa-value p input[type="radio"],
.wa-form .wa-field .wa-value p input[type="checkbox"] { display: inline; }
.wa-form .wa-field .wa-value p .field.wa-required span:after { content: " *"; color: #faa; }
.wa-form .wa-field.wa-required .wa-name:after { content: " *"; color: #faa; }
.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input { min-width: 300px; }
.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input { min-width: 200px; width: 200px; }

.wa-login-form-wrapper input[type="text"], 
.wa-login-form-wrapper input[type="email"], 
.wa-login-form-wrapper input[type="password"],
.wa-signup-form-wrapper input[type="text"], 
.wa-signup-form-wrapper input[type="email"], 
.wa-signup-form-wrapper input[type="password"],
.wa-forgotpassword-form-wrapper input[type="text"], 
.wa-forgotpassword-form-wrapper input[type="email"], 
.wa-forgotpassword-form-wrapper input[type="password"] { border: 1px solid var(--border-color-input, #e0e0e0) !important; }
.wa-login-form-wrapper input:focus, 
.wa-login-form-wrapper select:focus, 
.wa-login-form-wrapper textarea:focus,
.wa-signup-form-wrapper input:focus, 
.wa-signup-form-wrapper select:focus, 
.wa-signup-form-wrapper textarea:focus,
.wa-forgotpassword-form-wrapper input:focus, .wa-forgotpassword-form-wrapper select:focus, .wa-forgotpassword-form-wrapper textarea:focus { border-color: var(--accent-secondary) !important; }

.wa-login-form-wrapper .wa-adapters-section .wa-section-divider .wa-text:before,
.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text:before { background: var(--border-color-input, #e0e0e0) !important; }
.wa-signup-form-wrapper input.wa-error, .wa-signup-form-wrapper select.wa-error, .wa-signup-form-wrapper textarea.wa-error,
.wa-login-form-wrapper input.wa-error, .wa-login-form-wrapper select.wa-error, .wa-login-form-wrapper textarea.wa-error { border-color: #d02d14 !important; } 

/* captcha */
.wa-captcha { padding: 7px 0 10px; }
.wa-captcha p { margin: 0; display: flex; }
.wa-captcha strong { font-size: 0; }
.wa-captcha p img { border-radius: 4px; margin-right: 5px; }
.wa-captcha .wa-captcha-refresh { font-size: 0.875em; text-decoration: none; border-bottom: 1px dashed; }
.wa-captcha .wa-captcha-input { display: inline !important; max-width: 120px; }
.wa-captcha .errormsg { display: inline-block; margin-left: 10px; }

input.error, textarea.error { border: 1px solid #d02d14; color: inherit; }
.errormsg { font-size: .8em; color: #d02d14; margin-left: 170px; display: block; }
.wa-signup-form-wrapper .wa-field.wa-field-terms-accepted { font-size: 0.875em; max-width: 300px !important; }
.wa-signup-form-wrapper .wa-field .wa-value label.checkbox { display: flex; gap: .5rem; }
.wa-signup-form-wrapper .wa-field .wa-value label.checkbox .checked { font-size: 1rem; }
.wa-signup-form-wrapper input[type="submit"], .wa-signup-form-wrapper select, .wa-signup-form-wrapper textarea,
.wa-signup-form-wrapper input[type="text"], .wa-signup-form-wrapper input[type="email"], .wa-signup-form-wrapper input[type="password"] { width: 100% !important; max-width: 360px !important; min-height: 38px !important; }

@media screen and (max-width: 760px) {
    .wa-form .wa-field .wa-name { float: none; padding-bottom: 0; }
    .wa-form .wa-field .wa-value { margin-left: 0; }
    .wa-form .wa-field .wa-value p span { display: block; }
    .wa-auth-adapters p { width: 80%; }
    .wa-captcha input.wa-captcha-input { width: 100px; }
    .errormsg { margin-left: 0; }
}

/* radio */
label.radio >input { position: absolute !important; z-index:-1; opacity: 0 !important; }
label.radio > span { display:inline-flex; align-items:center; user-select:none; margin-left: 0 !important; }
label.radio > span:before { content:''; display:inline-block; width:1em; height:1em; flex-shrink:0; flex-grow:0; border:1px solid #ADB5BD; border-radius:50%; margin-right: 0.500em; background-repeat:no-repeat; background-position:center center; background-size:50% 50%; background-color: #fff; box-sizing: content-box; }
label.radio >input:not(:disabled):not(:checked)+span:hover::before { border-color: var(--accent-secondary, #000); }
label.radio >input:not(:disabled):active+span::before { background-color: var(--accent-secondary, #000); border-color: var(--accent-secondary, #000); }
label.radio >input:focus+span::before { box-shadow: 0 0 0 0.2rem var(--bg-tertiary); }
label.radio >input:focus:not(:checked)+span::before { border-color:var(--accent-secondary, #000); }
label.radio >input:checked+span::before { border-color: var(--accent-secondary, #000); background-color: var(--accent-secondary, #000); background-image:url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
label.radio >input:disabled+span::before { background-color:#efece9; }

/* checkbox */
label.checkbox input { position: absolute !important; z-index:-1; opacity: 0 !important; }
label.checkbox .checked { display: inline-block; color:#fff; background:#fff; font-size: 1em; width:1em; height:1em; line-height: 1em; text-align:center; border-radius: .2em; transition: border-color .2s linear; border: 1px solid #adb5bd; margin-top:2px; margin-right: 0.500em; vertical-align: text-top; box-sizing: content-box; flex-shrink: 0; }
label.checkbox input.error + .checked { border-color: #d02d14; }
label.checkbox:hover .checked { border-color: var(--accent-secondary, #000); }
label.checkbox > input:focus + .checked { box-shadow: 0 0 0 0.2rem var(--bg-tertiary); }
label.checkbox .checked::before { content:none; }
label.checkbox input:checked+.checked { color: #fff; border-color: var(--accent-secondary, #000); background-color: var(--accent-secondary, #000); }
label.checkbox input:checked+.checked::before { content:'\e92b'; font-size:.8em; font-family:var(--icon-font); line-height:inherit; vertical-align:top; }
label.checkbox .cont { display:block; margin-left:1.5em; line-height:1.25em; }
label.checkbox .cont span { line-height:1.2em; display:inline-block; white-space:normal !important; }

/* checkbox switch */
.checkbox-switch { display: inline-flex; position:relative; vertical-align:middle;user-select:none; }
.checkbox-switch .switch { align-self: center; display: inline-block; min-width: 36px; width:36px; height:14px; border-radius:20px; position:relative; top: .1em; background: #9F9F9F; transition:.2s; }
.checkbox-switch .switch + span { margin-left: 0.625em !important; }
.checkbox-switch .switch:before { content:''; display:inline-block; width:20px; height:20px; position:absolute; top:-3px; left:-1px; background:#FFFFFF; border-radius:50%; box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition:.15s; }
.checkbox-switch input { display:block; width:0 !important; height:0 !important; position:absolute !important; z-index:-1; opacity:0 !important; }
.checkbox-switch input:checked + .switch { background: var(--bg-tertiary); }
@supports (background: color-mix(in srgb, #000 50%, transparent)) {
    .checkbox-switch input:checked + .switch { background: color-mix(in srgb, var(--accent-secondary) 40%, transparent); }
}
.checkbox-switch input:checked + .switch:before { background: var(--accent-secondary); transform:translateX(18px); }
.checkbox-switch input:not(:disabled) + .switch { cursor:pointer; border-color:rgba(0, 0, 0, .3); }
.checkbox-switch input:not(:disabled):active + .switch:before, 
.checkbox-switch input:not(:disabled):focus + .switch:before { animation:checkbox-active-on 0.5s forwards linear; }
.checkbox-switch input:not(:disabled):checked:active + .switch:before, 
.checkbox-switch input:not(:disabled):checked:focus + .switch:before { animation: checkbox-active-off 0.5s forwards linear; }
/* Disabled */
.checkbox-switch input:disabled + .switch { filter:grayscale(60%); border-color:rgba(0, 0, 0, .1); }
.checkbox-switch input:disabled + .switch:before { background:#EEEEEE; }
@keyframes checkbox-active-on {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
	99% { box-shadow: 0 0 0 10px rgba(212,212,212, 0.5); }
}
@keyframes checkbox-active-off {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
	99% { box-shadow: 0 0 0 10px color-mix(in srgb, var(--accent-secondary) 20%, transparent); }
}

/* list more */
ul[data-more]:not(.open):not([data-more-count]) li:nth-child(n+10):not(.more),
ul[data-more].open li.more { display: none; }
ul[data-more] li.more:before { content: none; }

.ya-share2 { display: inline-block; vertical-align: middle; }

/* Table list */
.table-list-wrap { margin-left: -16px; margin-right: -16px; padding: 1.5em 0; box-sizing: border-box; background: var(--bg-secondary, #fff); border-radius: var(--radius-md); }
.table-list-wrap .table-list .table-header,
.table-list-wrap .table-list .table-item { padding-left: 16px; padding-right: 16px; }

.table-list:after { content: ""; display: table; clear: both; }
.table-list .table-header,
.table-list .table-item { padding-top: 10px; padding-bottom: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.table-list .table-header { display: none; color: var(--text-secondary); font-weight: 500; }
.table-list .item-title { color: var(--text-secondary); font-weight: 500; white-space: nowrap; }
.table-list [data-name]:before { content: attr(data-name); display: block; margin: 5px 0; font-weight: 500; white-space: nowrap; }
.table-list .table-item { border-top: 1px solid var(--bg-tertiary); }
/* .table-list .table-item:nth-child(odd) { background-color: var(--bg-secondary); } */
.table-list .table-header p,
.table-list .table-item p, .table-list .table-item-p { margin: 5px 0; padding-left: 20px; word-break: break-word; text-align: right; }
.table-list .table-item p a { text-decoration: none; }
.table-list .table-item .col { display: flex; justify-content: space-between; }
.table-list .table-item .button.small,
.table-list .table-item button.small { font-size: .857em; }
@media only screen and (min-width: 993px) {
    .table-list-wrap { margin-left: 0; margin-right: 0; }
    .table-list-wrap .table-list .table-header,
    .table-list-wrap .table-list .table-item { padding-left: 0; }

    .table-list { font-size: 0.875em; }
    .table-list .table-item .col { display: inline-block; }
    .table-list .table-header { display: flex; }
    .table-list .item-title { display: none; }
    .table-list [data-name]:before { content: none; }
    .table-list .table-header, .table-list .table-item { padding-right: 20px;  }
    .table-list .table-header p, .table-list .table-item p, .table-list .table-item-p { text-align: left; }
}
/* tags */
nav .tags,
nav ul.tags { padding: 1rem 12px; display: flex; flex-wrap: wrap; gap: 10px; }
nav ul.tags li a.tag { font-size: 1em; padding: 0 .5em; min-height: 30px; }
nav ul.tags li a.tag:hover,
nav ul.tags li a.tag.selected { color: #fff !important; background-color: var(--accent-primary); border-color: transparent; }
nav ul.tags li.more { padding-left: 0; padding-right: 0; }

a.tag { display:inline-block; font-weight:500; text-decoration:none; color: var(--text-secondary); padding:.625em 1em; font-size:.875rem; border-radius:6px; line-height:1.4; border: 1px solid var(--border-color-input, #e0e0e0); background: var(--background-color-input, #fff); max-width: 100%; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; vertical-align: middle; }

/* Accordion */
.accordion { margin-bottom: 20px; }
.accordion .accordion-content { display: none; }
.accordion .accordion-item { background-color: #f6fbfc; margin-bottom: 1em; border-radius: var(--radius-md); }
.accordion-title { font-size: 1.063rem; font-weight: 600; color: #024430; position: relative; padding: 1.563rem; padding-right: 3rem; cursor: pointer; border-radius: var(--radius-md); transition: all 0.3s ease-in-out; }
.accordion-title:before { display: block; font-size: 20px; line-height: 20px; height: 20px; width: 20px; text-align: center; position: absolute; content: '+'; right: 1em; }
.accordion-title.current:before { content: '\2013'; }
.accordion-title:not(.current):hover { background-color: #E0F1F4; }
.accordion-title.flex { min-height: calc(76px - 2em); }
.accordion-title.flex .image { min-width: 40px; margin-right: 1em; }
.accordion-content { padding: 0 1.563rem; font-size: 0.938rem; }
.accordion-content > div { padding: 0 0 1.563rem 0; }
.accordion-content p:first-child, 
.accordion-content p:last-child { margin: 0; }

input::-webkit-input-placeholder       { color: var(--border-color-input, #888); opacity: 1; transition: opacity 0.3s ease; }
input:focus::-webkit-input-placeholder { opacity: 0.5; transition: opacity 0.3s ease; }


/* messages */
.message-box { width:auto; max-width:320px; position:fixed; top:10px; right:10px; margin-right:10px; z-index:9999; }
.message { padding:10px; margin-top:10px; background-color:#fff; color: #000; padding:10px 25px; font-size:1rem; font-weight:600; line-height:1.3em; border-radius:10px; border:1px solid #DEDEDE; overflow-wrap: break-word; }
.message .flex .icon { margin-right: 1em; }
.message.green { background-color: #fff !important; border-color: #29b773; }
.message.red { background-color: #fff !important; border-color: #cd4747; }

/* fixed footer menu */
.fixed__actions-list { min-height: var(--footer-fixed-height, 70px); padding: 0 20px; margin: 0; }
.fixed__actions-item { max-width: 25%; margin: 0; padding: 0; text-align: center; font-weight: 600; border-radius: var(--radius-sm); transition: all .2s ease-in-out; }
.fixed__actions-item.active a { color: var(--accent-primary); }
.fixed__actions-item .icon.large { display:block; padding:0 8px; margin:0 auto; }
.fixed__actions-item .icon.large + span { display: block; }
.fixed__actions-item .small { font-size: 0.750rem; }
/* анимация нажатия на мобильных */
.fixed__actions-item:active { background-color: var(--bg-tertiary); color: var(--accent-primary); transition: .2s; }
@media only screen and (max-width: 376px) {
    .fixed__actions-item .icon.large { font-size: 1.500rem; }
    .fixed__actions-item .icon.large + span { display: none; }
}
/* reserved space */
.fixed__reserved-space { padding-bottom: var(--footer-fixed-height, 70px); }
.fixed__reserved-space.visible_footer { background-color: #1c222f; }
.fixed__footer { background-color: var(--bg-secondary); bottom:0; left:0; position:fixed; width: 100%; z-index: 112; box-shadow: 4px 6px 10px 10px rgba(0, 0, 0, var(--shadow-opacity, .1)); border-radius: 9px 9px 0 0; 
    /* safe-area для iPhone X и новее */
    padding-bottom: env(safe-area-inset-bottom);
}
.fixed_add2cart__reserved-space { padding-bottom: var(--fixed-add2cart-height, 63.2px); }

/* modal */
.ss-modal { font-size:0; overflow:auto; position:fixed; top:0; left:0; visibility:hidden; width:100%; height:100%; z-index:9999;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden; backface-visibility:hidden; }
.ss-modal_active { visibility:visible; }
.ss-modal_active .ss-modal__popup { opacity:1; transform:scale(1); }
.ss-modal-wrap { background-color: rgba(22, 36, 31, 0.8); cursor:pointer; opacity:0; position:fixed; top:0; right:0; bottom:0; left:0; transition:all .25s ease-in-out; visibility:hidden; width:100%; height:100%; z-index:9999; }
.ss-modal-wrap_active { opacity:1; visibility:visible; }
.ss-modal-loading { color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.ss-modal-loading .icon { font-size: 2rem; }
.ss-modal__popup { background: var(--bg-secondary, #fff); border-radius: var(--radius-md); display:inline-block; text-align: left; font-size: 1rem; margin: 1em 0; opacity:0; padding: 2em; position:relative; transform:scale(1.1); transition:all .25s ease-in-out; vertical-align:middle; max-width:calc(100% - 20px); box-sizing: border-box; }
.ss-modal__close { cursor:pointer; font-size:1rem; line-height: 1em; margin: 0; position:absolute; left: auto; top: .938rem; right: .938rem; bottom: auto; background-color: inherit; }
.ss-modal__close .icon { font-size: 1.500rem; padding: 10px; color: var(--text-primary); border-radius: 50%; vertical-align: middle; transition: all 0.3s ease-in-out; }
.ss-modal__close .icon:hover { color: var(--accent-secondary, #1c93e9); }
.ss-modal__popup > * { max-width: 600px; text-align: left; }
.ss-modal__content { height:100%; text-align:center; }
.ss-modal__content:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
@media only screen and (min-width: 993px) {
    .ss-modal__popup { margin:30px 0; padding: 3.500em 4.000em; }
}
[data-theme*="dark"] .ss-modal-wrap { background-color: rgba(99, 101, 123, 0.6); }
/* Dialogs */
.ss-modal__popup > .cart { max-width: 400px; width: calc(100vw - 4em - 40px); }
.ss-modal__popup > .cart .title-h6 { margin-top: 0; }
@media only screen and (min-width: 601px) {
    .ss-modal__popup > .cart { max-width: 800px; width: calc(100vw - 4em - 40px); }
}
@media only screen and (min-width: 993px) {
    .ss-modal__popup > .cart { max-width: 900px; width: calc(100vw - 8em - 40px); }
}
body.is-scroll-locked { padding-right: var(--scroll_padding, 0); overflow: hidden; }

/* Mega menu */
.catalog-menu { font-size: 1.071rem; position:fixed; top: var(--header_height, 100px); left:0; max-height:calc(100vh - var(--header_height, 100px)); width: calc(100vw - var(--scroll_padding, 15px)); max-width: 100%; height:100%; z-index: 99; visibility:hidden; opacity:0; pointer-events:none; text-align: left; transition: visibility .2s, opacity .2s ease-in-out, transform .2s ease-in-out; transform: translateY(10px); background-color: rgba(51, 54, 84, .8); }
.menu-content_wrap { background-color: var(--bg-primary, #fff); height: 680px; max-height: 100%; }

.catalog-menu.open { visibility:visible; opacity:1; pointer-events:auto; transform: translateY(0); }
.menu-content.container { display:flex; justify-content:space-between; margin:auto; height: 680px; max-height: 100%; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; /*border-bottom: 1px solid var(--bg-tertiary);*/ background-color: var(--bg-primary, #fff); }
.menu-column { padding-right: 10px; height:100%; overflow-y:auto; box-sizing: border-box; scrollbar-color: #dadcde transparent; scrollbar-width: thin; background-color: inherit; }
[data-theme*=dark] .menu-column { scrollbar-color: var(--bg-tertiary) transparent; }
.left-column { flex:1; }
.right-column { flex:3; }
.menu-column-divider { background: var(--bg-tertiary); margin: 0 24px 0 12px; width: 1px; }
.submenu-columns { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; column-gap: 30px; column-width: 280px; -webkit-column-width: 280px;}
.submenu-columns .submenu-item { margin-bottom: 30px; page-break-inside: avoid; break-inside: avoid; }

.menu-column ul { margin: 0; padding: 0; }
.menu-column li.menu-item { display: block; float: none !important; margin: 0; }
.menu-column li.menu-item a { font-size: 1.125em; font-weight: 500; color: var(--text-primary, #1C1C1C); text-decoration: none; text-align: left; align-items: center; border-radius: 10px; box-sizing: border-box; display: flex !important; gap: 10px; min-height: 48px; padding: 14px 10px; white-space: normal; line-height: 110%; }
.menu-column li.menu-item a:hover, 
.menu-column li.menu-item.active a { background: var(--bg-tertiary, #fff); color: var(--accent-secondary); }
.menu-column li.menu-item a span { flex: 1; }
.menu-column .menu-item_icon { font-size: 1.250rem; width: 1em; height: 1em; }
.menu-column .menu-item_img { aspect-ratio: auto 20 / 20; }
.menu-column .menu-item_emoji { font-size: 1.250rem; font-style: normal; width: 1em; height: 1em; display: inline-flex; justify-content: center; line-height: 1; }

.submenu:not(.active) { display:none; }
.submenu-title { font-size: 1.5em; font-weight: 600; margin-bottom: 1em; }
.submenu-title.catalog-menu-header { display: flex; }
.submenu a.submenu-item-title { font-size: 1.125em; font-weight: 500; margin-bottom: 1em !important; display: block; }
.submenu-item-count { color: var(--accent-primary); font-size: .875rem; margin-left: 0.2em; white-space: nowrap; }
.submenu ul { list-style:none; padding:0; margin:0; }
.submenu li { margin-bottom: 10px !important; display: block !important; float: none !important; }
.submenu-item.selected a.submenu-item-title,
.submenu li.selected a { color: var(--accent-primary); }
.submenu a { /*font-size: 0.938em;*/ line-height: 110%; color: var(--text-primary, #1C1C1C); text-decoration: none; text-align: left !important; white-space: normal; display: inline-block; }
.submenu a.show-all { font-size: 14px !important; color: #267ed8 !important; }
.submenu-next_button { margin-bottom: 1rem; }
.submenu-next_button.is_childs { display: none; }

.catalog-menu-header,
.catalog-menu-header .icon { display: none; }
.catalog-menu-header_close { margin-left: auto; font-size: 1rem; padding: .375em; background-color: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--bg-tertiary); border-radius: 50%; flex-shrink: 0; align-self: center; }
.catalog-menu-header_close:hover { color: var(--accent-secondary) !important; border-color: inherit; }
.catalog-menu-header_close .icon { display: inline-block; }

/* @media only screen and (min-width: 769px) and (max-width:1024px) { */
@media only screen and (max-width:1024px) {
    /* блокируем клик на тач устройствах */
    .menu-column li.menu-item .menu-item_target::before { content: ''; position: absolute; top:0; left:0; right:0; bottom:0; }
}
@media (max-width: 768px) {
    .menu-content { flex-direction:column; align-items:center; }
    .left-column { width:100%; flex:none; }
    .right-column:not(.open) { display: none; }
    .menu-column { padding: 0; overflow: visible; }
    .menu-column ul li.menu-item { display: block!important; }
    .menu-column li.menu-item a,
    .submenu a.submenu-item-title { font-size: 1.125rem; }
    /* .submenu-wrap ul li a { font-size: 1.125rem; } */

    /* мобильное меню во всю высоту экрана с кнопкой закрытия */
    .catalog-menu { font-size: 1rem; max-height: 100%; top: 0; transform: scale(1.1); transition: all .25s ease-in-out; z-index: 111; }
    .catalog-menu.open  { transform: scale(1); }
    .menu-content.container { padding: 0 !important; }
    .menu-column { overflow:visible; position:absolute; top:0; bottom:0; width:100%; z-index: 2; }
    .submenu { position:absolute; top:0; bottom:0; width:100%; }
    .menu-column .menu-column-wrap,
    .submenu-wrap { padding:10px; height: calc(100% - 58px); overflow-y:auto; box-sizing:border-box; }
    .submenu-columns { columns: initial; }

    .catalog-menu-header { display: flex; margin-bottom: 0; padding: 0 1rem; align-items:center; flex-direction:row; gap:10px; font-size:20px; line-height:1.42857; z-index: 2; font-weight: 600; position: relative; height: 58px; box-sizing: border-box; box-shadow: 0 1px 6px rgba(0, 0, 0, var(--shadow-opacity, .1)); }
    .catalog-menu-header .icon { display: block; }
    .submenu-columns .submenu-item  { font-size: 1rem; margin-bottom: 0; }
    .submenu-columns .submenu-item ul { margin-bottom: 10px; }
    .submenu-columns .submenu-item a,
    .submenu-wrap ul li a { padding: 14px 10px; margin: 0 !important; display: block; }
    .submenu li { margin-bottom: 0 !important; } 
    .submenu-next_button { margin-bottom: 0; padding: 8px 10px; }
    .submenu-next_button.is_childs { display: block; } 
}
@media only screen and (max-width: 600px) {
    .catalog-menu { max-height: calc(100% - var(--footer-fixed-height, 0px)); padding-bottom: var(--footer-fixed-height, 0px); }
    .menu-column .menu-column-wrap,
    .submenu-wrap { height: calc(100% - 58px - var(--footer-fixed-height, 0px)); }   
}

/* setup menu mobile (auth account, contacts) */
.setup-menu { position:fixed; top: 0; left:0; width:calc(100vw - var(--scroll_padding, 0px)); max-width:100%; height:100%; background-color: var(--bg-primary, #fff); z-index: 111; text-align:left; visibility:hidden; opacity:0; pointer-events:none; transform: scale(1.1); transition: all .25s ease-in-out; }
.setup-menu.open { visibility:visible; opacity:1; pointer-events:auto; transform: scale(1); }
.setup-menu-header { display: flex; margin-bottom: 0; padding: 0 1rem; align-items:center; flex-direction:row; gap:10px; font-size:20px; line-height:1.42857; z-index: 2; font-weight: 600; position: relative; height: 58px; box-sizing: border-box; box-shadow: 0 1px 6px rgba(0, 0, 0, var(--shadow-opacity, .1)); }
.setup-menu-header .icon { display: block; }
.setup-menu-content { font-size: 1rem; padding: 10px; height:calc(100% - 58px - var(--footer-fixed-height, 0px)); overflow-y:auto; box-sizing:border-box; }
.setup-menu-content hr { padding-top: 1em; margin-bottom: 1em; }
.setup-menu .menu-item_links a,
.setup-menu .menu-item_link { color: var(--text-primary, #1C1C1C); text-decoration: none; text-align: left; font-size: 1.125rem; align-items: center; border-radius: 10px; box-sizing: border-box; display: flex !important; gap: 8px; min-height: 35px; padding: 14px 10px; white-space: normal; font-weight: 500; line-height: 110%; }
.setup-menu .menu-item_link:active { background-color: var(--bg-muted); transition: .2s; }
.setup-menu .menu-item_link span { flex: 1; }
/* submenu */
.setup-menu-submenu:not(.open),
.setup-menu-submenu_item:not(.open) { display: none; }

/* target panel */
.target-panel-wrapper { position:fixed; top: 0; left:0; right: 0; z-index: 111; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, var(--shadow-opacity, .1)); background: var(--bg-primary, #fff); }
.target-panel-wrapper .target-panel_close { font-size: 1rem; padding: .375em; background-color: var(--bg-secondary); color: var(--text-primary); border: 1px solid var(--bg-tertiary); border-radius: 50%; }
.target-panel-wrapper .target-panel_close:hover { color: var(--accent-secondary) !important; border-color: inherit; }

.target-panel-wrapper .container.flex { height: inherit; }
.target-panel-bg { background-color: rgba(51, 54, 84, 0.6); cursor:pointer; position:fixed; top:0; right:0; bottom:0; left:0; transition:all .25s ease-in-out;  width:100%; height:100%; z-index: 111; }
/* target panel animation */
.target-panel-wrapper { transition: transform 0.2s linear, opacity 0.2s linear; opacity:0; transform: translateY(-100%); pointer-events:none; }
.target-panel-bg { visibility:hidden; opacity:0; pointer-events:none; }
.target-panel-wrapper.active, .target-panel-bg.active { visibility:visible; opacity:1; pointer-events:auto; transform: translateY(0); }

/* flying buttons */
.flying-buttons.is_add2cart_fixed { bottom: calc(var(--footer-fixed-height) + var(--fixed-add2cart-height)); }
.flying-buttons { position: fixed; bottom: var(--footer-fixed-height); left: calc(100vw - 4rem); z-index: 106; flex-direction: column; display: flex; visibility: hidden; opacity: 0; pointer-events: none; width: 2.5em; align-items: flex-end; }
.flying-buttons.open { visibility: visible; opacity: 1; pointer-events: auto; transition: opacity .3s ease-in-out; }
.flying-buttons .button { position: relative;  padding: .5em; cursor: pointer; box-shadow: 0 0 0.8rem 0.2rem rgba(38,75,130,.1); min-width: 1.500em; height: 1.500em; line-height: 1.250em; text-align: center; margin-bottom: 1rem; box-sizing: content-box; display: inline-flex
; justify-content: flex-end; gap: .5em; }
.flying-buttons .button.empty { opacity: 0; pointer-events: none; }
.flying-buttons .button .icon { font-size: 1.500em; order: 1; position: relative; }
.flying-buttons .button .icon .count { top: -0.625rem; right: -0.625rem; }
.flying-buttons .button > span { position: relative; }
.flying-buttons .button:not(:hover) > span { display: none; }
@media only screen and (min-width: 601px) {
    .flying-buttons.is_add2cart_fixed,
    .flying-buttons { bottom: 0; left: calc(100vw - 5rem); }
}
.flying-buttons .theme-settings .scroller-y { max-height: 40vh; }
/* Top scroll button */
.flying-buttons [data-scrolltotop] { display: none;  }
/* callback button */
.flying-buttons .button.flying-callback { background-color: #d43f51;  color: #fff !important; }
/* whatsapp button */
.flying-buttons .button.flying-whatsapp { background-color: #25d366; color: #fff !important; }

/* settings */
/* .theme-settings { position: fixed; top: 5px; left: 5px; z-index: 106; } */
.theme-settings.dropdown .dropdown-content { padding: 1em; /*left: .5em; right: auto;*/ }
.theme-settings.dropdown .dropdown-content label { display: block; padding: .5em; line-height: 1.2; }
.theme-settings .button:not(:hover) span { display: none; }
.theme-settings .scroller-y { max-height: 70vh; }

/* popup cookies */
.index_popup_bottom { position:fixed; max-width: 1359px; width: calc(100% - clamp(50px,8vw,80px)); bottom:20px; left:50%; transform:translate(-50%, 0); z-index: 11; opacity: 0; pointer-events: none; transition: opacity .3s; }
.index_popup_bottom.visible { opacity: 1;  transition: opacity .3s; }
.index_popup_bottom.visible .marketing-popup { pointer-events: all; }
.marketing-popup { position: relative; font-size: 16px; display:flex; align-items:center; justify-content:space-between; max-width:none; padding:21px 34px 20px 26px; gap:20px; background: #fff; color: #000; border-radius: var(--radius-sm); box-shadow: 0px 0px 18px 0 rgba(90, 111, 120, 0.162); box-sizing: border-box; }
.marketing-popup__wrapper { flex:1; min-width: 200px; }
.marketing-popup__title { font-size:1em; padding:0; font-weight:700; color: inherit; margin-bottom:15px; }
.marketing-popup__text { font-size:.8667em; line-height:1.54em; padding:0; }
.index_popup__close { cursor:pointer; font-size: 1em; line-height:1; position:absolute; left:auto; top:8px; right:8px; bottom:auto; z-index:2; color:#717171; padding: 3px; display: flex; }
.index_popup__close:hover { color: #000; }
.index_popup_bottom .button { font-size: 14px; color: #fff; background:#2EA86C; }
.index_popup_bottom .button:hover { opacity: .8; color: #fff !important; }
/* popup cookies type */
.marketing-popup.center { margin-left: auto; margin-right: auto; }
.marketing-popup.right { margin-left: auto; }
.marketing-popup.mini { max-width: 480px; }
.marketing-popup.dark { background: #191e28; color: #fff; box-shadow: none; }
.marketing-popup.dark .index_popup__close:hover { color: #fff; }
@media only screen and (max-width: 600px) {
    /* .index_popup_bottom { bottom: 0; width: 100%; } */
    .marketing-popup { flex-direction: column; gap: 10px; /*border-radius: 8px 8px 0 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;*/ }
    .marketing-popup.mini { max-width: none; } 
}

/* add files */
.button_add-files { display: flex; gap: 1rem; align-items: center; border-radius: 10px; text-align: left; width: 100%; border: 1px dashed var(--text-secondary); box-shadow: none; font-weight: normal; background-color: var(--bg-tertiary); color: var(--text-secondary, rgba(60, 60, 60, 0.8)); white-space: normal; }
.button_add-files:hover { color: var(--text-primary, #1f2128) !important; }
.button_add-files input[type=file] { display: none; }
.button_add-files .icon { color: #9C9C9C; } 
.files-preview p { display: flex; gap: 10px; align-items: center; }

/* Card */
.card { margin-bottom: 30px; flex-direction: column; display: flex; height: calc(100% - 30px); box-sizing: border-box; border-radius: var(--radius-md);}
.card h3 { font-size: 1.125rem; }
.card .block .image { display: block; margin-bottom: 1em; }
.card .block .image.responsive:before { padding-top: 100%; }
.card .block .image.responsive img { object-fit: cover; -o-fit-object: cover; height: 100% !important; }
.card-action { text-align: right; margin-top: auto; }
.card-action.align-center { text-align: center; }
.card-action .button { width: 100%; }

.card-content_link { color: inherit; text-decoration: none; }
.card-content_link:hover,
.card-content_link:visited { color: inherit !important; }
.card-content_link:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* select custom */
.select { text-align: left; display:block; position:relative; }
.select select { opacity: 0; }
.new-select { display: flex; align-items: center; gap: .625rem; cursor: pointer; max-width: 300px; min-width: 100px; width: max-content; }
.new-select__list { position:absolute; padding: 8px 0; top: 50px; left: 0; cursor:pointer; width:100%; min-width: max-content; z-index: 100; user-select:none; background: var(--bg-secondary, #fff); box-shadow: var(--shadow-sm); border-radius: var(--radius-sm); overflow: auto visible; max-height: 50vh; scrollbar-color: #dadcde transparent; scrollbar-width: thin; }
[data-theme*=dark] .new-select__list { scrollbar-color: var(--bg-tertiary) var(--bg-secondary); }

.new-select__list { opacity:0; transition:all .2s; transform:translateY(10px); pointer-events:none; }
.new-select__list.active { opacity:1; transform:translateY(0); pointer-events:auto; }

.new-select__item span { display:block; padding:10px 15px; transition: background-color .2s; }
.new-select__item span:hover,
.new-select__item.selected span { background-color: var(--bg-tertiary); }

/* h-block-partners */
.h-block-partners .slide { flex-shrink: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; white-space: wrap; }
.h-block-partners .slide .image.fit { background-color: #fff; border-radius: var(--radius-md); border: 1px solid #e0f1f4; }
.h-block-partners .slide .image.fit img { padding: 10px; object-fit: scale-down; -o-fit-object: scale-down; box-sizing: border-box; }

.h-block-partners .scroll-snap-slider { overflow: visible; }
.h-block-partners .scroll-snap-slider .slider-controls .button { font-size: 1em; color: #024430; background-color: #E0F1F4; width: 38px; height: 38px; border-radius: 50%; }
.h-block-partners .scroll-snap-slider .slider-controls .button .icon { padding: 0; }
@media only screen and (max-width: 600px) {
    .h-block-partners .scroll-snap-row .scroll-snap-container .col.slide { max-width: 160px; }
}
@media only screen and (min-width: 601px) {
    .h-block-partners .scroll-snap-row { padding-right: 60px; padding-left: 60px; }
    .h-block-partners .slide .image.responsive::before { padding-top: 60%; }
}

.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); }