html {
    font-family: "Geologica";
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    min-height: 100vh;

    background-color: rgb(255, 255, 255);
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;

    position: relative;
    overflow-y: auto;

    transition: padding 0s;
}

main {
    display: block;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bold;
}

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 {
    border-style: none;
    display: block;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

img[data-src] {
    cursor: pointer;
}

button {
    background-color: unset;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
    transition: inherit;
    text-shadow: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
    width: 100%;
    max-height: max-content;
}

button,
select {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    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: none;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    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;
}

ul,
ol {
    list-style: none;
}

ol {
    counter-reset: ol;
}

:where(ol li::before,
    ol li::after) {
    content: counters(ol, ".") " ";
    display: none;
}

ol li {
    counter-increment: ol 1;
}

li>ol {
    margin-left: 14px;
}

blockquote,
q {
    quotes: none;
}

a,
button,
label,
input[type="submit"] {
    cursor: pointer;
    display: inline-block;
}

a {
    text-decoration: none;
    color: unset;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

[data-error="true"] {
    box-shadow: 0px 0px 0px 2px rgb(225, 50, 50) inset;
}

picture {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
}

/*=================================*/
:root {
    --fontSizeMin: 20;
    --fontSizeMax: 20;
    --baseVW: 4vw;
    --sidePaddingHTML: 20px;

    --akcentnyy: #f5d73c;
    --zagolovki: #303235;
    --tekst: #4f5359;
    --svetlyy-tekst: #737980;
    --belyy: #fff;
    --podlozhka: #f5f5f5;

    --font-family: "InterTight", sans-serif;
    --second-family: "Geologica", sans-serif;
}

/*=================================*/
* {
    text-wrap: pretty;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    vertical-align: baseline;
    -webkit-tap-highlight-color: transparent;
    transition: padding .1s, gap .1s, color .1s;

    --scrollbarRadius: 0px;
    --scrollbarWidth: 8px;
    --scrollbarHeight: 8px;
    --scrollbarBackgroundTrack: #fff;
    --scrollbarBackgroundTrackDisabled: #fff0;
    --scrollbarBackgroundThumb: var(--akcentnyy);

    --mobileResMin: 940;
    --mobileResMax: 1200;

    --linearInterpolation940x1200: calc((1200 * 1px - 100vw) / ((1200 - 940) / 100));
    --linearInterpolation500x940: calc((940 * 1px - 100vw) / ((940 - 500) / 100));
    --linearInterpolation500x1200: calc((1200 * 1px - 100vw) / ((1200 - 500) / 100));

    --minWidth: 327px;

    --sidePaddingClampFormula: clamp(var(--sidePaddingClampMin) * 1px, var(--sidePaddingClampMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--sidePaddingClampMax) - var(--sidePaddingClampMin)) / 100)), var(--sidePaddingClampMax) * 1px);
}

@media (max-width: 1000px) {
    /* * {
        --minWidth: calc(267px - var(--scrollbarWidth) - var(--sidePaddingClampFormula) * 2);
    } */
}

/*=================================*/
:is(body) {
    /* --scrollbarRadius: 0px;
    --scrollbarWidth: 8px;
    --scrollbarHeight: 8px; */
}

*::-webkit-scrollbar {
    border-radius: var(--scrollbarRadius);
    height: var(--scrollbarHeight);
    width: var(--scrollbarWidth);
    background: var(--scrollbarBackgroundTrack);
}

*::-webkit-scrollbar-track {
    border-radius: var(--scrollbarRadius);
    background: var(--scrollbarBackgroundTrack);
}

/* *:not(html, body, main)::-webkit-scrollbar-track {
    border: 2px solid transparent;
    background-clip: content-box;
    border-radius: var(--scrollbarRadius);
} */

*::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbarRadius);
    background: var(--scrollbarBackgroundThumb);
    height: var(--scrollbarHeight);
    width: var(--scrollbarWidth);
}

*::-webkit-scrollbar:disabled,
*::-webkit-scrollbar-track:disabled,
*::-webkit-scrollbar-thumb:disabled {
    background: var(--scrollbarBackgroundTrackDisabled);
}










/*
//////////////////
/////////////
/////////
!ADDITIONAL GLOBAL STYLES
/////////
/////////////
////////////////
*/
body.__mobileMenuActive {
    position: relative;
    /* padding-right: 0px !important; */
}

body.__stopScrolling {}

.swiper-slide {
    width: fit-content;
}

.swiper {
    overflow: visible;
}

:where(.swiper-wrapper, .swiper, *>:has(.swiper)) {
    min-width: 0px;
}

.swiper-pagination-bullet {
    opacity: 1;
    display: block;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
    .swiper-pagination-bullet {
        margin: 0;
    }
}


















/*
//////////////////
/////////////
/////////
AG-TABS
/////////
/////////////
////////////////
*/
.ag-tabs-switcher--disabled {
    filter: grayscale(1);
    opacity: 0.4;
    /* pointer-events: none; */
    cursor: unset;
}













/*
//////////////////
/////////////
/////////
!container
/////////
/////////////
////////////////
*/
.container {
    display: inherit;
    flex-direction: inherit;
    justify-content: inherit;
    align-items: inherit;
    gap: inherit;

    --sidePaddingClampMin: 0;
    --sidePaddingClampMax: 0;
    --maxWidth: 100%;

    width: 100%;
    max-width: calc(var(--maxWidth) + (var(--sidePaddingClampFormula) * 2));
    margin: 0 auto;
    box-sizing: border-box;
}

.container.container--nopadding {
    /* padding-left: 0;
    padding-right: 0; */
    --sidePaddingClampMin: 0;
    --sidePaddingClampMax: 0;
}

.container.container--alignLeft {
    margin: 0 auto 0 0;
}

.container.container--alignRight {
    margin: 0 0 0 auto;
}

.container--1880 {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 1880px;
    padding: 0 var(--sidePaddingClampFormula);
}

.container--1310 {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 1310px;
    padding: 0 var(--sidePaddingClampFormula);
}

.container--1180 {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 1180px;
    padding: 0 var(--sidePaddingClampFormula);
}

.container--880 {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 880px;
    padding: 0 var(--sidePaddingClampFormula);
}

.container--620 {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 620px;
    padding: 0 var(--sidePaddingClampFormula);
}

.container--header {
    --sidePaddingClampMin: 16;
    --sidePaddingClampMax: 30;
    --maxWidth: 1180px;
    padding: 0 var(--sidePaddingClampFormula);
}
































/*
//////////////////
/////////////
/////////
!__menu
/////////
/////////////
////////////////
*/
:is(.__menu, .__menu .sub-menu) {
    box-sizing: border-box;

    left: var(--menuLeft);
    gap: var(--menuRowGap) var(--menuColGap);
    padding-top: var(--menuTopPadding);
    padding-bottom: var(--menuBottomPadding);
    padding-left: var(--menuLeftPadding);
    padding-right: var(--menuRightPadding);
    margin-top: var(--menuTopMargin);
    border-radius: var(--menuBorderRadius);

    --menuitemHaschildrenIMG: url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%20512%20512%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Ctitle%3Etriangle-filled%3C%2Ftitle%3E%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%20%3Cg%20id%3D%22drop%22%20fill%3D%22%23000000%22%20transform%3D%22translate%2832.000000%2C%2042.666667%29%22%3E%20%3Cpath%20d%3D%22M246.312928%2C5.62892705%20C252.927596%2C9.40873724%20258.409564%2C14.8907053%20262.189374%2C21.5053731%20L444.667042%2C340.84129%20C456.358134%2C361.300701%20449.250007%2C387.363834%20428.790595%2C399.054926%20C422.34376%2C402.738832%20415.04715%2C404.676552%20407.622001%2C404.676552%20L42.6666667%2C404.676552%20C19.1025173%2C404.676552%207.10542736e-15%2C385.574034%207.10542736e-15%2C362.009885%20C7.10542736e-15%2C354.584736%201.93772021%2C347.288125%205.62162594%2C340.84129%20L188.099293%2C21.5053731%20C199.790385%2C1.04596203%20225.853517%2C-6.06216498%20246.312928%2C5.62892705%20Z%22%20id%3D%22Combined-Shape%22%3E%20%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');

}

.__menu .sub-menu {
    pointer-events: none;
}

.__menu .sub-menu:not(.__mobile .sub-menu) {
    -webkit-box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 10px 8px -4px rgba(34, 60, 80, 0.2);
}

.__menu .sub-menu.sub-menu--active {
    pointer-events: all;
}

.__menu .menu-item {
    z-index: 0;
}

.__menu .menu-item.ag-tabs-tabChild--active {
    pointer-events: all;
}

.__menu :is(.menu-item:has(>.menu-item--active:first-child), .menu-item.menu-item--active) {
    z-index: 1;
}

/*================a=================*/
.__menu .menu-item>*:first-child {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;

    --menuItemPaddingTop: var(--menuRowPadding);
    --menuItemPaddingBottom: var(--menuRowPadding);
    --menuItemPaddingLeft: var(--menuColPadding);
    --menuItemPaddingRight: var(--menuColPadding);

    padding: var(--menuItemPaddingTop) var(--menuItemPaddingRight) var(--menuItemPaddingBottom) var(--menuItemPaddingLeft);
}

.__menu .menu-item:first-child>*:first-child {
    --menuItemPaddingTop: var(--menuFirstChildTopPadding);
    border-radius: var(--menuBorderRadius) var(--menuBorderRadius) 0px 0px;
}

.__menu .menu-item:last-child>*:first-child {
    --menuItemPaddingBottom: var(--menuLastChildBottomPadding);
    border-radius: 0px 0px var(--menuBorderRadius) var(--menuBorderRadius);
}

.__menu .menu-item>*:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.__menu :where(.menu-item:not(.menu-item-has-children)>*:first-child) {
    display: inline-block;
    vertical-align: top;
}

/*================arrow=================*/
.__menu .menu-item-has-children>*:first-child::after {
    content: '';
    display: block;

    min-width: 9px;
    max-width: 9px;
    min-height: 9px;
    max-height: 9px;

    background: rgb(51, 51, 51);
    mask: var(--menuitemHaschildrenIMG) center / contain no-repeat;
    -webkit-mask: var(--menuitemHaschildrenIMG) center / contain no-repeat;

    pointer-events: none;

    transition: all .1s;
}

/*==============sub-menu===================*/
.__menu .sub-menu {
    position: relative;
}

.__mobile .__menu .sub-menu {
    overflow: hidden;
}

.__menu .sub-menu::after {
    content: '';
    display: block;

    position: absolute;
    top: calc(var(--menuTopMargin) * -1);
    left: 0;
    right: 0;
    height: var(--menuTopMargin);
}
























/*
//////////////////
/////////////
/////////
!TAPOGRAPHY
/////////
/////////////
////////////////
*/

.h1 {
    --fontsizeMin: 37;
    --fontsizeMax: 54;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);

    overflow-wrap: break-word;
}

.h2 {
    --fontsizeMin: 37;
    --fontsizeMax: 54;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);

    overflow-wrap: break-word;
}

.h3 {
    --fontsizeMin: 22;
    --fontsizeMax: 27;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--second-family);
    font-weight: 500;
    line-height: 110%;
    color: var(--zagolovki);

    overflow-wrap: break-word;
}

/*=================================*/
.link {
    --linkAnimDur: .4s;

    position: relative;

    display: inline-block;

    font-size: 20px;
    font-weight: 500;
    line-height: 133%;
    letter-spacing: 0;
    text-align: center;

    padding-left: 0px;
    padding-right: 14px;

    overflow: hidden;

    background: linear-gradient(90deg, rgb(51, 51, 51) 0%, rgb(51, 51, 51) 100%);
    background-position: left bottom;
    background-size: 100% 1px;
    background-repeat: no-repeat;

    transition: all var(--linkAnimDur);
}

.link:active {}

/*=================================*/

.required::after {
    content: '\00A0*';
    display: inline;
    color: rgb(237, 25, 25);
}























/*
//////////////////
/////////////
/////////
!BTN
/////////
/////////////
////////////////
*/
.btnsCont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    max-width: 100%;
}

.btnsCont .btnsCont {
    flex-wrap: nowrap;
}

.header__inner>.btnsCont {
    gap: 10px;
}

body:not(.__mobile) :is(.header__nav>.btnsCont,
    .header__nav>.btn,
    .header__nav>.header__phone) {
    display: none;
}

/*=================================*/
.btn {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-height: max-content;
    box-sizing: border-box;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    backface-visibility: hidden;

    cursor: pointer;

    opacity: 1;
    scale: 1;
    translate: 0px 0px;

    text-align: center;

    max-width: max-content;

    transition: all .1s;

    /*=================================*/
    padding: 14px 20px 16px;
    border-radius: 8px;

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: var(--zagolovki);
    background: var(--akcentnyy);
}

.form .btn {
    max-width: 100%;
    text-align: center;
}

.btn:not(.btn--text):active {
    scale: 0.97;
}

/*=================================*/
.btn--disabled,
.btn:disabled {
    cursor: no-drop;
    pointer-events: none;
    filter: grayscale(1);
    opacity: .3;
}

/*=================================*/
.btn--stretched {
    max-width: 100%;
}

/*=================================*/
.btn--text {
    background: unset;
    border: unset;
    padding: unset;
    border-radius: unset;
    scale: unset;
    translate: unset;

    text-decoration: underline;
    text-decoration-color: #fff0;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

@media (hover: hover) {
    .btn--text:hover {
        opacity: 0.9;
        /* color: rgba(33, 34, 38, 0.8); */
        text-decoration-color: inherit;
    }
}

.btn--text:active {
    opacity: 0.8;
}

/*=================================*/
.btn--yellow {
    color: var(--zagolovki);
    background: var(--akcentnyy);
}

@media (hover: hover) {
    .btn--yellow:hover {
        background: rgb(from var(--akcentnyy) r g b / 0.8);
    }
}

.btn--yellow:active {
    background: var(--akcentnyy);
}

/*=================================*/
.btn--grey {
    color: var(--svetlyy-tekst);
    background: var(--podlozhka);
    box-shadow: inset 0px 0px 0px 1px rgba(48, 50, 53, 0);
}

@media (hover: hover) {
    .gridBlock__item:hover .btn--grey,
    .btn--grey:hover {
        background: rgb(from var(--podlozhka) r g b / 0.8);
        box-shadow: inset 0px 0px 0px 1px rgba(48, 50, 53, .2);
    }
}

.btn--grey:active {
    background: var(--podlozhka);
}

/*=================================*/
.btn--black {
    color: var(--belyy);
    background: var(--zagolovki);
}

@media (hover: hover) {
    .btn--black:hover {
        background: rgb(from var(--zagolovki) r g b / 0.8);
    }
}

.btn--black:active {
    background: var(--zagolovki);
}

/*=================================*/
.btn--white {
    color: var(--zagolovki);
    background: var(--belyy);
    box-shadow: inset 0px 0px 0px 1px var(--akcentnyy);
}

@media (hover: hover) {
    .btn--white:hover {
        background: rgb(from var(--belyy) r g b / 0.8);
        box-shadow: inset 0px 0px 0px 1px rgb(from var(--akcentnyy) r g b / 0.6);
    }
}

.btn--white:active {
    background: var(--belyy);
}


/*=================================*/
.btn--cart {
    display: flex;
    /* gap: 10px; */

    padding: 15px 48px 15px 15px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    min-width: max-content;
    min-height: 50px;
    max-height: 50px;
}

.btn--cart::after {
    content: '';
    display: block;

    position: absolute;
    top: 15px;
    right: 15px;

    min-width: 23px;
    max-width: 23px;
    min-height: 21px;
    max-height: 21px;

    background: url(../img/icon_buy_23x21.svg) center / contain no-repeat;
}

/*=================================*/
.btn--icon {
    display: flex;
    gap: 10px;

    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    padding: 0px;
    border: 0px;
    box-sizing: border-box;

    background-color: unset;

    transition: opacity .1s;
}

.header .btn--icon {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
}

/*=================================*/

.btn--icon img {
    content: '';
    display: block;

    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;

    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    transition: all .1s;
}

@media (hover: hover) {
    .btn--icon:hover {
        opacity: 0.9;
    }
}

.header :is(.btn--icon, .btn--icon img) {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
}

.footer :is(.btn--icon, .btn--icon img) {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
}

/*=================================*/

.btn--icon:active {
    padding: 0px;
    border: 0px;
    opacity: 0.8;
}

.btn--icon:active img {
    padding: 0px;
    border: 0px;
}

/*=================================*/
.btn--icon.btn--disabled img {
    /* background: rgba(41, 41, 41, 0.3); */
    filter: grayscale(1);
}


















/*
//////////////////
/////////////
/////////
!radioBtn
/////////
/////////////
////////////////
*/
.radioBtn {
    position: relative;

    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;

    width: 100%;
    min-height: 24px;
    padding-left: 24px;
    box-sizing: border-box;
}

.radioBtn::after {
    content: '';
    display: block;

    position: absolute;

    left: 0;

    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;

    border-radius: 100%;

    background: radial-gradient(circle, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 7px, rgb(255, 213, 202) 7px, rgb(255, 213, 202) 8px);
}

.radioBtn:has(input:checked)::after {
    background: radial-gradient(circle, rgb(244, 83, 43) 4px, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 7px, rgb(255, 213, 202) 7px, rgb(255, 213, 202) 8px);
}

.radioBtn input {
    position: absolute;
    top: 12px;
    left: 8px;

    min-width: 1px;
    max-width: 1px;
    min-height: 1px;
    max-height: 1px;

    z-index: -1;
}

.radioBtn span {
    display: block;

    color: rgba(41, 41, 41, 0.8);
    font-family: 'Lexend';
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
}

.radioBtn:has(input:checked) span {
    color: rgba(41, 41, 41);
    letter-spacing: 0;
    text-align: left;

    text-shadow:
        .1px .1px rgba(41, 41, 41, 0.5),
        .1px -.1px rgba(41, 41, 41, 0.5),
        -.1px .1px rgba(41, 41, 41, 0.5),
        -.1px -.1px rgba(41, 41, 41, 0.5);
}


















/*
//////////////////
/////////////
/////////
counter
/////////
/////////////
////////////////
*/
.counter {
    min-height: 60px;
    max-height: 60px;
    min-width: 155px;
    max-width: 100%;
}

/*=================================*/
.counter__wrapper {
    /* display: flex;
    justify-content: space-between;
    align-items: center; */

    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto 1fr;

    background: var(--podlozhka);
    border-radius: 10px;

    height: 100%;

    width: 100%;
    transition: all .05s;
}

/*=================================*/
.counter__btn {
    flex: 1;

    min-height: 100%;
    /* min-width: 46px; */
    min-width: 20px;
    max-width: 100%;

    box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    transition: all .05s;
}

/*=================================*/
.counter__btn--minus {
    background: url(../img/icon_minus_16x4.svg) center / 16px 16px no-repeat;
    transform: rotateY(-5deg);
    transform-origin: right center;
}

.counter__btn--minus:active {
    box-shadow: inset 5px 0px 3px 1px rgba(0, 0, 0, 0.1);
}

/*=================================*/
.counter__btn--plus {
    background: url(../img/icon_plus_16x16.svg) center / 16px 16px no-repeat;
}

.counter__btn--plus:active {
    box-shadow: inset -5px 0px 3px 1px rgba(0, 0, 0, 0.1);
    transform: rotateY(5deg);
    transform-origin: left center;
}

/*=================================*/
.counter__number {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    color: var(--svetlyy-tekst);
    text-align: center;

    user-select: none;
}

















/*
//////////////////
/////////////
/////////
!sliderBtn
/////////
/////////////
////////////////
*/
.sliderBtn {
    cursor: pointer;
    opacity: 1;
    transition: all .1s;
}

.sliderBtn--prev {}

.sliderBtn--next {}

.sliderBtn.swiper-button-lock {
    display: none;
}

.sliderBtn:is(.swiper-button-disabled, .ag-lightbox-btn--disabled) {
    filter: grayscale(1);
    opacity: 0.4;
}

@media (hover: hover) {
    .sliderBtn:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):hover {
        opacity: .85;
    }
}

.sliderBtn:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    opacity: .7;
}

.sliderBtn--prev:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    translate: -3px;
}

.sliderBtn--next:not(.swiper-button-disabled, .swiper-button-lock, .ag-lightbox-btn--disabled):active {
    translate: 3px;
}


















/*
//////////////////
/////////////
/////////
!section
/////////
/////////////
////////////////
*/
.section {
    --sectionPaddingTopMin: 40;
    --sectionPaddingTopMax: 70;
    --sectionPaddingTop: clamp(var(--sectionPaddingTopMin) * 1px, var(--sectionPaddingTopMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--sectionPaddingTopMax) - var(--sectionPaddingTopMin)) / 100)), var(--sectionPaddingTopMax) * 1px);
    --sectionPaddingBottomMin: 40;
    --sectionPaddingBottomMax: 70;
    --sectionPaddingBottom: clamp(var(--sectionPaddingBottomMin) * 1px, var(--sectionPaddingBottomMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--sectionPaddingBottomMax) - var(--sectionPaddingBottomMin)) / 100)), var(--sectionPaddingBottomMax) * 1px);

    width: 100%;
    height: 100%;
    overflow-x: clip;
}

/*=================================*/

.section .container .section {
    overflow-x: unset;
}

/*=================================*/
.section__inner {
    width: 100%;
}

/*=================================*/
.section__header {
    width: 66%;
}

/*=================================*/
.section__header__inner {
    width: 100%;
    margin-bottom: 30px;
}

/*=================================*/
:where(.section)>:where(.section__inner),
:where(.section)>:where(.container)>:where(.section__inner) {
    padding-bottom: var(--sectionPaddingBottom);
}

/*=================================*/
:where(.section)>:where(.section__inner),
:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/
.section:where(:last-child)>.section__inner,
.section:where(:last-child)>:where(.container)>.section__inner {
    padding-bottom: 0px;
}

/*=================================*/
.section:first-child>:where(.section__inner),
.section:first-child>:where(.container)>:where(.section__inner) {
    padding-top: 0px;
}

/*=================================*/
.section :where(.section:not(.section+.section))>:where(.section__inner),
.section :where(.section:not(.section+.section))>:where(.container)>:where(.section__inner) {
    padding-top: 0px;
}

/*=================================*/
.section+:where(.section)>:where(.section__inner),
.section+:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/
.main+:where(.section)>:where(.section__inner),
.main+:where(.section)>:where(.container)>:where(.section__inner) {
    padding-top: var(--sectionPaddingTop);
}

/*=================================*/
.main__content__inner>:where(.section:first-child)>:where(.section__inner),
.main__content__inner>:where(.section:first-child)>:where(.container)>:where(.section__inner) {
    padding-top: 0px;
}

/*=================================*/
.section__title {
    text-align: left;
    word-break: break-word;
    /* width: 100%; */
}

.section__title:not(:last-child) {
    margin-bottom: 20px;
}

/*=================================*/
.section__subtitle {
    --fontsizeMin: 20;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    color: var(--Текст, rgba(77, 79, 85, 1));

    font-family: Golos_Text;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.section__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: var(--tekst);

    width: 100%;
    box-sizing: border-box;
}

/*=================================*/
.section__main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
}

/*=================================*/
.section__main__inner {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

/*=================================*/
.section__sidebar {
    min-width: 370px;
    max-width: 370px;
    max-height: max-content;
}

.section__sidebar__inner {}


















/*
//////////////////
/////////////
/////////
reviewsSlider
/////////
/////////////
////////////////
*/
.reviewsSlider {
    width: 100%;
}

.reviewsSlider__inner {
    width: 100%;
    overflow: visible;
}

.reviewsSlider__header {
    width: 100%;
    margin-bottom: 20px;
}

.reviewsSlider__title {}

.reviewsSlider__main {
    width: 100%;
}

.reviewsSlider__slide {
    --paddingMin: 25;
    --paddingMax: 40;
    padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);

    box-sizing: border-box;
    border: 1px solid rgba(238, 240, 244, 1);
    border-radius: 10px;
    /* Базовая тень */
    box-shadow: 0px 5px 40px -5px rgba(0, 66, 130, 0.07);
    background: rgba(255, 255, 255, 1);
}



















/*
//////////////////
/////////////
/////////
!POPUP
/////////
/////////////
////////////////
*/
.popup {
    /* --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 20; */
    --maxHeight: clamp(0px, 100%, 100%);
    --maxWidth: clamp(0px, 100%, 100%);

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100vw;
    max-width: 100vw;

    height: 100vh;
    box-sizing: border-box;
    margin: 0 auto;

    opacity: 0;
    z-index: 201;

    pointer-events: none;
    transition: opacity .1s;

    overflow: hidden;
}

.popup.ag-popup--active {
    opacity: 1;
    pointer-events: all;
}

.popup .container {
    transition: 0s;
}

/*=================================*/
.popup:not(.ag-popup--active) * {
    pointer-events: none;
}

/*=================================*/
.popup::before {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 100vw;
    height: 100vh;

    backdrop-filter: blur(0px);
    /* background: rgba(13, 13, 13, 0.85); */
    background: rgba(41, 41, 41, 0.8);


    z-index: -1;
}

.ag-popup--active::before {
    backdrop-filter: blur(15px);
    transition: backdrop-filter 1s;
}

/*=================================*/
.popup__scroller {
    position: relative;

    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;

    transition: all 0s;

    overflow-y: scroll;
    z-index: 1;
}

/*=================================*/
.popup__container {
    display: flex;
    align-items: center;
    min-height: 100%;
}

/*=================================*/
.popup__inner {
    position: relative;

    height: 100%;
    width: 100%;

    transition: all 0s;

    z-index: 2;
}

/*=================================*/
.popup__header {
    position: relative;
    top: 0;
    right: 0;

    text-align: center;

    width: 100%;
    height: 60px;
    padding: 19px;
    box-sizing: border-box;

    color: #fff;
    font-weight: 600;

    z-index: 3;
}

/*=================================*/
.popup__close {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;

    /* border-radius: 100%; */
    border-radius: 10px;
    background: #ffffff;

    opacity: 1;
    transition: all .2s;
    cursor: pointer;

    z-index: 4;
}

.popup__close::after {
    content: '';
    position: relative;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    rotate: 45deg;

    /* background: rgb(57, 57, 57); */

    background: rgba(51, 51, 51, 1);
    mask-image: url(../img/icon_plus_16x16.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

.popup__close:hover {
    opacity: .8;
}























/*
//////////////////
/////////////
/////////
!BREADCRUMB
/////////
/////////////
////////////////
*/
.breadcrumbs {
    position: relative;

    width: 100%;
    box-sizing: border-box;

    transition: all .1s;
}

/*=================================*/
.breadcrumbs__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* gap: 12px; */

    width: 100%;
}

/*=================================*/
.breadcrumbs a,
.breadcrumbs__elem {
    display: inline;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    opacity: 1;
    transition: all .1s;
    cursor: pointer;
}

@media (hover: hover) {
    .breadcrumbs a:hover {
        color: var(--tekst);
    }
}

.breadcrumbs__elem:last-child {
    color: var(--tekst);
}

.sepp {
    position: relative;

    display: inline;

    /* min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px; */

    margin: 0px 2px;

    color: rgba(131, 135, 145, 1);
    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: 0%;
    text-align: left;
}

/* .sepp::before {
    content: '';
    display: block;

    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    max-height: 16px;

    background: rgba(41, 41, 41, 0.6);
    mask: url(../img/Arrow_right_16.svg) center / contain no-repeat;
} */


















/*
//////////////////
/////////////
/////////
pagination
/////////
/////////////
////////////////
*/
.pagination {
    display: flex;
    justify-content: center;
    width: 100%;
}

.catalog__pagination {
    /* flex: 1; */
    display: flex;
    margin: 35px auto 0;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    max-width: max-content;
}

.catalog__pagination>* {
    display: flex;
    align-items: center;
    justify-content: center;
    
    box-sizing: border-box;
    border-radius: 5px;
    background: var(--podlozhka);

    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-family: var(--second-family);
    font-weight: 500;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    min-width: 50px;
    min-height: 50px;

    transition: all .1s;
}

.catalog__pagination>*:hover,
.catalog__pagination .current {
    color: var(--belyy);
    background: var(--svetlyy-tekst);
}

.catalog__pagination>*:not(.pagination__item--active):hover {
    box-shadow: inset 0px 0px 0px 1px var(--svetlyy-tekst);
}



















/*
//////////////////
/////////////
/////////
!LIGHTBOX
/////////
/////////////
////////////////
*/
.lightbox {
    --sidePaddingClampMin: 20;
    --sidePaddingClampMax: 20;
    --maxHeight: clamp(0px, 100%, 100%);
    --maxWidth: clamp(0px, 100%, 1000px);

    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-width: 0;
    width: 100vw;
    max-width: 100vw;

    height: 100vh;
    box-sizing: border-box;
    margin: 0 auto;

    opacity: 0;
    z-index: 200;

    pointer-events: none;
    transition: opacity .3s;

    overflow: hidden;
}

.lightbox.ag-lightbox--active {
    opacity: 1;
    pointer-events: all;
}

/*=================================*/
.lightbox .container {
    transition: all 0s;
}

/*=================================*/
.lightbox:not(.ag-lightbox--active) * {
    pointer-events: none;
}

/*=================================*/
.lightbox *::selection {
    background: #fff0;
}

/*=================================*/
.lightbox::before {
    content: '';
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    width: 100%;
    height: 100vh;

    backdrop-filter: blur(0px);
    background: rgba(13, 13, 13, 0.85);


    pointer-events: none;
    z-index: -1;
}

.ag-lightbox--active::before {
    backdrop-filter: blur(15px);
    transition: backdrop-filter 1s;
}

/*=================================*/
.lightbox__container {
    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;

    min-width: 0;
    width: 100%;
    height: 100%;
    max-height: var(--maxHeight);
    max-width: var(--maxWidth);

    transition: all 0s;

    z-index: 1;
}

/*=================================*/
.lightbox__inner {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    max-width: 100%;

    transition: all 0s;

    z-index: 2;
}

/*=================================*/
.lightbox__wrapper {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    height: 100%;
    /* height: fit-content; */
    width: 100%;

    transition: all 0s;

    z-index: 3;
}

.lightbox .ag-lightbox-slide {
    overflow: hidden;

    opacity: 0;

    height: 100%;
    /* height: fit-content; */
    width: 100%;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    /* pointer-events: none; */

    z-index: 4;
}

.lightbox .ag-lightbox-slide--active {
    position: relative;
    opacity: 1;
}

.lightbox .ag-lightbox-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*=================================*/
.lightbox__btn {
    position: fixed;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;

    background: rgba(13, 13, 13, 0.7);

    transition: all .2s;
    cursor: pointer;

    z-index: 5;
}

.section--productionRubric {
    margin: 0;
}

..section--header

@media (max-width: 1100px) {
    .lightbox__btn {
        display: none;
    }
    
    .section__header {
        width: 100%;
    }

    .section--productionRubric {
        margin: 0;
    }
}

.lightbox__btn::before {
    content: '';

    position: absolute;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(255, 255, 255);
    mask: url(../img/arrow_1_10x20.svg) left 7px center / contain no-repeat;

    transition: all .2s;
    cursor: pointer;
}

.lightbox__btn--next {
    right: 0;
}

.lightbox__btn--prev {
    left: 0;
    rotate: 180deg;
}

/*=================================*/
.lightbox__close {
    position: fixed;
    top: 0;
    right: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 40px;
    max-width: 40px;
    min-height: 40px;
    max-height: 40px;

    background: rgba(13, 13, 13, 0.7);

    opacity: 1;
    transition: all .2s;
    cursor: pointer;

    z-index: 5;
}

.lightbox__close::after {
    content: '';
    position: absolute;

    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;

    background: #ffffff;
    mask: url(../img/icon_plus_16x16.svg) center / contain no-repeat;

    rotate: 45deg;
}

.lightbox__close:hover {
    opacity: .8;
}

/*=================================*/
.lightbox__counter {
    position: fixed;
    top: 16px;
    left: 12px;

    display: flex;

    /* background: #ffffff7c; */

    color: rgb(255, 255, 255);
    /* font-family: 'Lexend'; */
    font-size: 14px;
    font-weight: 600;
    line-height: 180%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

.lightbox__counter .ag-lightbox-counter-sep {
    margin: 0 2px;
}

.lightbox__counter .ag-lightbox-counter-sep::before {
    content: '/';
}

















/*
//////////////////
/////////////
/////////
!map
/////////
/////////////
////////////////
*/
.mapBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;

    width: 100%;
}

.mapBlock__split {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;

    width: 100%;
}

.mapBlock__split>* {
    min-width: 267px;
    flex: 1;
    /* width: calc(50% - 5px); */
}

/* .mapBlock__desc {
    color: rgba(41, 41, 41, 1);

    font-family: Space_Grotesk;

    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;

    padding: 15px 30px 0px;
} */

/* .mapBlock__container {
    display: flex;
    flex-direction: column;
} */

/*=================================*/
.mapBlock__details {
    width: 100%;
    border-radius: 12px;
    --paddingMin: 20;
    --paddingMax: 40;
    padding: 35px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    box-sizing: border-box;
    background: var(--podlozhka);

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: var(--tekst);
}

.mapBlock__details__title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--zagolovki);

    margin-bottom: 15px;
}

.mapBlock__details__ul ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mapBlock__details__ul {}

/*=================================*/
.map {
    box-sizing: border-box;
    overflow: hidden;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    /*=================================*/
    min-height: 400px;
    aspect-ratio: 1/1;
    border-radius: 12px;
}

.map>* {
    width: 100%;
    height: 100%;
}

.map iframe {
    width: 100% !important;
    height: 100% !important;
}


















/*
//////////////////
/////////////
/////////
!table
/////////
/////////////
////////////////
*/
.table {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    border-radius: 10px;
    box-sizing: border-box;
    /* overflow-y: hidden; */
    /* box-shadow: 0px 4px 40px 0px rgba(97, 97, 97, 0.05); */
    /* border: 1px solid rgba(242, 244, 246, 1); */
    /* background: rgba(255, 255, 255, 1); */

    padding-bottom: 10px;
}

/*=================================*/
.table__inner .swiper-slide {
    min-width: min-content;
    width: 100%;
}

.table__inner {
    /* overflow-x: scroll;
    overflow-y: hidden; */
    width: 100%;
    max-width: 100%;
}

.table--black .table__inner {
    --scrollbarBackgroundTrackDisabled: #fff;
}

/*=================================*/

.table__notAvailable {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: #f36f6f;
}

.table__Available {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: #67c15e;
}

.table__priceStrong {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: var(--zagolovki);

    white-space: nowrap;
}

.table__priceThin {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    white-space: nowrap;
}

/*=================================*/
.table__form {
    display: flex;
    gap: 10px;
    width: 100%;
    height: 100%;
    min-width: max-content;
}

.table__form__counter {
    flex: 1;

    min-height: 55px;
    max-height: 55px;
    min-width: 130px;
    max-width: 130px;
    border-radius: 10px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 23px;
    line-height: 100%;
    color: var(--svetlyy-tekst);
}

.table__form__counter .counter__number {
    min-width: 38px;
}

@media (max-width: 1000px) {
    .table__form {
        flex-wrap: wrap;
        min-width: unset;
    }

    .table__form__counter {
        max-width: 100%;
    }
}

.table__form__btn {
    flex: 1;

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--tekst);

    max-width: 100%;
    border-radius: 8px;
    padding: 16px 24px 17px;
    min-height: 55px;
}

.table_price {
    display: flex;
    flex-direction: column;
}

/*=================================*/
.table__scrollbar {
    min-height: 5px;
    max-height: 5px;
}

.table__scrollbar__thumb {
    background: var(--tekst);
}

/*=================================*/
.table table {
    width: 100%;
    /*------------------------------*/
    /* table-layout: fixed; */
    border-collapse: collapse;
    border-radius: 10px;
    padding-bottom: 5px;
    min-width: 700px;
}

.table th {
    vertical-align: top;
}

.table td {
    vertical-align: top;
}

.table caption {
    position: sticky;
    left: 0px;
    max-width: max-content;
    /*------------------------------*/
}

/*=================================*/
.table thead {
    position: relative;
	background: var(--tekst);
}

/*=================================*/
.table thead tr {}

/*=================================*/
.table thead th {	
    vertical-align: middle;
    word-wrap: break-word;
    box-sizing: border-box;
    /*------------------------------*/
    text-align: left;
    padding: 22px 15px;
    /* background: var(--tekst); */

    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-family: var(--second-family);
    font-weight: 500;
    line-height: 120%;
    color: var(--belyy);
}

.table thead th:first-child {
    padding-left: 20px;
    border-radius: 10px 0px 0px 10px;
}

.table thead th:last-child {
    padding-right: 20px;
    border-radius: 0px 10px 10px 0px;
}

.table thead th small {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--podlozhka);
}

/*=================================*/
.table tbody {
    position: relative;
}

/*=================================*/
.table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--podlozhka);
}

.table tbody tr:last-child {
    border-bottom: 1px solid var(--podlozhka);
}

/*=================================*/
.table tbody td {
    word-wrap: break-word;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /*=================================*/
    --fontsizeMin: 18;
    --fontsizeMax: 20;

    font-family: var(--font-family);
    font-weight: 500;
    line-height: 120%;
    color: var(--zagolovki);

    padding: 11px 15px 11px 20px;
    /* background: rgba(255, 255, 255, 1); */
    padding-right: 15px;
    
    transition: all .5s;
}

.table tbody td:hover {
    opacity: .75;
}

.table tbody td:last-child {
    padding-right: 10px;
}

/* .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
} */



















/*
//////////////////
/////////////
/////////
!ICONS
/////////
/////////////
////////////////
*/
.iconsCont {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/*=================================*/
.icon {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    opacity: 1;
    transition: all .2s;
}

.icon::before {
    position: relative;

    content: '';
    display: block;
}

.icon:hover {
    opacity: .8;
}

.icon:active {
    opacity: .6;
}


















/*
//////////////////
/////////////
/////////
!ag-select
/////////
/////////////
////////////////
*/
.ag-select {
    position: relative;
    z-index: 1;
}

.ag-select--expand {
    z-index: 2;
}

/*=================================*/
.ag-select-selection {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;

    padding-right: 25px;

    background: #fff;
}

.ag-select-selection::after {
    position: absolute;
    right: 5px;

    content: '';

    display: block;

    transition: scale .1s;
}

.ag-select--expand .ag-select-selection::after {
    scale: -1;
}

.ag-select-selection:empty::before {
    content: attr(data-placeholder);
    opacity: .7;
}


/*=================================*/
.ag-select-optionsContainer {
    position: absolute;
    top: 100%;
    left: 0px;

    min-width: min-content;
    width: 100%;

    background: #fff;
    pointer-events: none;

    opacity: 0;
}

/*=================================*/

.ag-select--alwaysExpand .ag-select-optionsContainer {
    position: static;
    top: unset;
    left: unset;

    opacity: 1;
    height: auto;
    pointer-events: all;
}

/*=================================*/

.ag-select--expand .ag-select-optionsContainer {
    transition: opacity .2s;
    opacity: 1;
    pointer-events: all;
}

/*=================================*/
.ag-select-option {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
}

.ag-select-option.ag-select-option--disabled {
    pointer-events: none;
    color: #ccccccaf;
}

.ag-select-option[data-disabled] {
    pointer-events: none;
    color: #ccccccaf;
}

.ag-select-option--active {
    background: #d3d6dfd8;
}

/*=================================*/
.ag-select-hidden {
    display: none !important;
}

/*=================================*/
.ag-select-originalSelect {
    max-height: 0px;
    max-width: 0px;
    position: absolute;


    z-index: -100;
}


















/*
//////////////////
/////////////
/////////
!inputs
/////////
/////////////
////////////////
*/
input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"]),
textarea,
.ag-select-selection {
    flex: 1;

    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    /*=================================*/
    /* caret-color: rgb(55, 168, 191); */
    border: 1px solid #d9d9d9;
    padding: 19px 24px;
    min-height: 64px;
    border-radius: 7px;

    font-family: var(--font-family);
    font-weight: 400;
    /* font-size: 18px; */
    --fontsizeMin: 17;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--svetlyy-tekst);

    background: var(--belyy);
}

.ag-select-selection {
    padding-right: 48px;
}

input:is([type="text"], [type="tel"], [type="week"], [type="email"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="number"], [type="password"], [type="search"], [type="time"], [type="url"])::placeholder,
textarea::placeholder,
.ag-select-selection::after {
    color: rgb(from var(--svetlyy-tekst) r g b / 0.6);
}

/*=================================*/
.ag-select {
    max-width: 100%;
    flex: 1;
}

.ag-select-selection::after {
    right: 16px;
    content: '';
    display: block;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    background: rgba(131, 135, 145, 1);
    mask-image: url(../img/icon_arrowhead_thin_16x16.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    transform: rotate(90deg);
}

.ag-select--expand .ag-select-optionsContainer {
    transition: all .2s;
}

.ag-select-optionsContainer {
    top: calc(100% + 5px);
    border-radius: 12px;
    box-shadow: 0px 0px 0px 0px rgb(0, 0, 0, .1);
    background: rgb(255, 255, 255);
    overflow: hidden;
    transition: all 0s;
}

.ag-select--expand .ag-select-optionsContainer {
    box-shadow: 0px 4px 10px 0px rgb(0, 0, 0, .1);
}

.ag-select-option {
    font-size: 15px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    display: flex;
    padding: 16px 16px;
    transition: all .2s;
}

@media (hover: hover) {
    .ag-select-option:hover {
        background: rgba(191, 227, 180, 0.2);
    }
}

.ag-select-option.ag-select-option--active {
    background: rgba(191, 227, 180, 0.8);
}

/* .ag-select-option.ag-select-option--active::after {
    content: '';
    display: block;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(55, 168, 191);
    mask-image: url(../img/chevron_down_small_24.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
} */

/*==============checkboxCont===================*/

.checkboxCont {
    flex: 1;

    position: relative;

    display: flex;
    flex-wrap: wrap;
    align-items: center;

    padding-left: calc(var(--checkboxSize) * 1px + var(--left) + var(--gap));
    min-height: calc(var(--checkboxSize) * 1px);
    max-height: max-content;
    box-sizing: border-box;
    /*=================================*/
    --checkboxSize: 24;
    --borderRadius: 2px;
    --borderColor: #d9d9d9;
    --background: var(--belyy);

    --checkSize: 14;
    --checkBorderRadius: 2px;
    --checkBackground: var(--zagolovki);

    --top: 0px;
    --left: 0px;

    --gap: 8px;

    margin-bottom: 20px;
}

.form__split .checkboxCont {
    margin-top: 10px;
}

.checkboxCont::selection {
    background: #fff0;
}

.checkboxCont::before {
    content: '';
    display: block;
    position: absolute;
    top: var(--top);
    left: var(--left);

    min-width: calc(var(--checkboxSize) * 1px);
    max-width: calc(var(--checkboxSize) * 1px);
    min-height: calc(var(--checkboxSize) * 1px);
    max-height: calc(var(--checkboxSize) * 1px);

    box-sizing: border-box;
    border: 1px solid var(--borderColor);
    border-radius: var(--borderRadius);
    background: var(--background);
}

.checkboxCont::after {
    content: '';
    display: block;
    position: absolute;
    top: calc((var(--checkboxSize) - var(--checkSize)) / 2 * 1px + var(--top));
    left: calc((var(--checkboxSize) - var(--checkSize)) / 2 * 1px + var(--left));

    min-width: calc(var(--checkSize) * 1px);
    max-width: calc(var(--checkSize) * 1px);
    min-height: calc(var(--checkSize) * 1px);
    max-height: calc(var(--checkSize) * 1px);
    box-sizing: border-box;

    border-radius: var(--checkBorderRadius);

    background: var(--checkBackground);

    /* mask-image: url(../img/check_blue_16x12.svg);
    mask-position: center;
    mask-size: 13px auto;
    mask-repeat: no-repeat; */

    opacity: 0;
}

.checkboxCont:has(input[type="checkbox"]:checked)::after {
    opacity: 1;
}

/*================checkbox=================*/
input[type="checkbox"] {
    position: absolute;
    top: var(--top);
    left: var(--left);

    min-width: calc(var(--checkboxSize) * 1px);
    max-width: calc(var(--checkboxSize) * 1px);
    min-height: calc(var(--checkboxSize) * 1px);
    max-height: calc(var(--checkboxSize) * 1px);

    margin: 0;
    padding: 0;
    cursor: pointer;

    padding-block: 0px;
    padding-inline: 0px;

    opacity: 0;
    z-index: 2;
}

/*================label=================*/
.checkboxCont__label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: var(--zagolovki);
}

.checkboxCont .form__error {
    min-width: 100%;
    /* position: absolute;

    top: calc(100% + 2px);
    left: 29px; */

    padding-left: 0px;
    padding-right: 0px;

    order: 10;
}

/* [data-error="true"]+.form__error {
    display: block;
    opacity: 1;
} */


















/*
//////////////////
/////////////
/////////
!form
/////////
/////////////
////////////////
*/
.form {
    width: 100%;
}

/*=================================*/
.form__inner {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 0px;

    height: 100%;
    width: 100%;
    /*=================================*/
    --paddingMin_B: 20;
    --paddingMax_B: 35;
    padding: 35px clamp(var(--paddingMin_B) * 1px, var(--paddingMax_B) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax_B) - var(--paddingMin_B)) / 100)), var(--paddingMax_B) * 1px) 35px;
    box-sizing: border-box;

    border-radius: 12px;
    background: var(--podlozhka);
}

/*=================================*/
.form__inner::before {
    content: '';
    display: none;
    position: absolute;

    top: calc(50% - 32px);
    left: calc(50% - 32px);

    min-width: 64px;
    max-width: 64px;
    min-height: 64px;
    max-height: 64px;

    mask-image: url(../img/form_loadIMG.svg);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
    rotate: 0deg;

    pointer-events: none;
    z-index: -9999;
    /*=================================*/

    background: conic-gradient(from -1deg at 50% 50%, var(--akcentnyy), rgb(255, 255, 255) 74%);
}

@keyframes form-loadIMG_anim {
    from {
        rotate: 0deg;
    }

    to {
        rotate: -360deg;
    }
}

.form--load .form__inner::before {
    display: block;
    animation: form-loadIMG_anim 1.2s infinite cubic-bezier(1, 0.4, 0.4, 0.7);
    z-index: 1;
    opacity: 1;
}

/*=================================*/
.form--load .form__inner>* {
    opacity: 0;
    pointer-events: none;
}

/*=================================*/
.form__title {
    width: 100%;

    --fontsizeMin: 26;
    --fontsizeMax: 32;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    color: var(--zagolovki);

    font-family: var(--font-family);
    font-weight: 700;
    line-height: 100%;
    text-align: left;

    margin-bottom: 12px;
}

/*=================================*/
.form__subtitle {
    width: 100%;

    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    color: var(--zagolovki);

    font-family: var(--font-family);
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 24px;
}

/*=================================*/
.form__error {
    display: none;

    color: rgb(237, 25, 25);
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 1%;
    text-align: left;

    padding: 8px 16px;
    box-sizing: border-box;

    opacity: 0;
}

[data-error="true"]~.form__error {
    display: block;
    opacity: 1;
}

.checkboxCont .form__error {
    position: absolute;

    top: calc(100%);
    left: 0;
}

.checkboxCont:has([data-error="true"]):has(.form__error) {
    margin-bottom: 45px;
}

/*=================================*/
.form__inputsList {
    display: flex;
    flex-direction: column;
    gap: 13px;
    height: 100%;
}

.form__inputsList:not(:last-child, .form__split .form__inputsList) {
    margin-bottom: 13px;
}

/*=================================*/

.form__row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/*=================================*/

.form__split {
    display: grid;
    grid-template-columns: 320fr 380fr;
    gap: 10px;
}

@media (max-width: 600px) {
    .form__split {
        display: flex;
        flex-direction: column;
    }
}

.form__split:not(:last-child) {
    margin-bottom: 10px;
}

.form__split--alignCenter {
    align-items: center;
}

.form__split>* {
    flex: 1;
}

/*=================================*/
:is(.form-input) {
    display: flex;
    flex-direction: column;
    position: relative;

    min-width: 200px;
}

/*=================================*/
:is(.form-input)::before {
    content: '';
    display: none;

    position: absolute;
    top: 16px;
    right: 16px;

    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;

    background: rgb(55, 168, 191);
    mask-position: center;
    mask-size: contain;
    mask-repeat: no-repeat;
}

/*=================================*/
.form-input__title {
    color: rgba(36, 39, 42, 1);

    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;
    margin-bottom: 5px;
}

/*=================================*/
.form-input--textarea>textarea {
    height: 100%;
    min-height: 136px;
    /* max-height: 136px; */
}

.form__split .form-input--textarea {
    height: 100%;
}

/*=================================*/
.form-input--search {
    display: flex;

    box-sizing: border-box;
    justify-content: center;
    align-items: center;

    width: 100%;
    min-width: 200px;
}

.form-input--search>input[type=search] {
    border-radius: 8px;
    padding: 15px 50px 16px 17px;
    min-height: 50px;
    max-height: 50px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    background: var(--podlozhka);
    
    border: none;
}

.form-input--search>input::-webkit-search-cancel-button {
    display: none;
    -webkit-appearance: none;
}

/*=================================*/
.form-input--search__btn {
    position: absolute;

    right: 14px;

    display: block;

    min-width: 22px;
    max-width: 22px;
    min-height: 22px;
    max-height: 22px;

    background: url(../img/icon_loop_22x22.svg) center / contain no-repeat;
}

/*=================================*/
/* .form-input--search__clear {
    position: absolute;

    right: 16px;

    min-width: 24px;
    max-width: 24px;

    aspect-ratio: 1/1;

    background: url(../img/Close_24.svg) center / 24px no-repeat;

    opacity: 1;

    transition: all .1s;
}

@media (hover: hover) {
    .form-input--search__clear:hover {
        opacity: .8;
    }
} */

/*=================================*/
.form__submit {
    font-size: 18px;

    padding: 18px 25px 20px;
    width: 100%;
    max-width: 100%;
}

.form__agreeDesc {
    color: rgba(237, 237, 237, 1);

    font-family: Golos_Text;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0%;
    text-align: center;
}
















/*
//////////////////
/////////////
/////////
!article
/////////
/////////////
////////////////
*/
.article {
    position: relative;

    display: flex;
    gap: 40px;

    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    color: rgba(77, 79, 85, 1);
    font-family: Golos_Text;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    width: 100%;
    margin: 0 auto 0 0;
}

.article--author {}

.article__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

/*=================================*/
.article__title {
    color: rgba(33, 34, 38, 1);

    font-family: Manrope;
    --fontsizeMin: 38;
    --fontsizeMax: 60;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: left;

    text-wrap: balance;
    word-wrap: break-word;
}

.article__title:not(:last-child) {
    margin-bottom: 25px;
}

.article--author .article__title:not(:last-child) {
    margin-bottom: 10px;
}

/*=================================*/
.article__date {
    color: rgba(77, 79, 85, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.blockquote-1 {
    border-radius: 20px;
    background: rgba(77, 79, 85, 1);
    width: 100%;

    color: rgba(255, 255, 255, 1);

    font-family: Golos_Text;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 600;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    --paddingXMin: 25;
    --paddingXMax: 55;
    --paddingX: clamp(var(--paddingXMin) * 1px, var(--paddingXMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingXMax) - var(--paddingXMin)) / 100)), var(--paddingXMax) * 1px);

    padding: 40px var(--paddingX);
    box-sizing: border-box;
}

:where(.article__content) .blockquote-1:not(:first-child) {
    margin-top: 40px;
}

:where(.article__content) .blockquote-1:not(:last-child) {
    margin-bottom: 40px;
}

/*=================================*/
.blockquote-2 {
    width: 100%;
    border-radius: 15px;
    background: rgba(51, 51, 51, 1);

    --paddingXMin: 25;
    --paddingXMax: 55;
    --paddingX: clamp(var(--paddingXMin) * 1px, var(--paddingXMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingXMax) - var(--paddingXMin)) / 100)), var(--paddingXMax) * 1px);
    padding: 50px var(--paddingX) 55px var(--paddingX);
    box-sizing: border-box;
}

:where(.article__content) .blockquote-2:not(:first-child) {
    margin-top: 40px;
}

:where(.article__content) .blockquote-2:not(:last-child) {
    margin-bottom: 40px;
}

.blockquote-2>p {
    color: rgba(255, 255, 255, 1);

    font-family: Golos_Text;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 43, 1);
    margin-bottom: 25px;
}

.blockquote-2__footer {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
}

.blockquote-2__footer__img {
    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;

    border-radius: 10px;
    overflow: hidden;
}

.blockquote-2__footer__img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.blockquote-2__footer__text {}

.blockquote-2__footer__name {
    color: rgba(255, 255, 255, 1);

    font-family: Manrope;
    --fontsizeMin: 20;
    --fontsizeMax: 26;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;
}

.blockquote-2__footer__name:hover {
    text-decoration: underline;
}

.blockquote-2__footer__desc {
    color: rgba(237, 237, 237, 1);

    font-family: Golos_Text;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.article__loc {
    width: 100%;
}

:where(.article__content) .article__loc:not(:first-child) {
    margin-top: 20px;
}

:where(.article__content) .article__loc:not(:last-child) {
    margin-bottom: 60px;
}

.article__loc ul {
    display: flex;
    flex-direction: column;

    list-style: none;

    width: 100%;
}

.article__loc ul li {
    position: relative;
    width: 100%;

    color: rgb(148, 140, 82);

    font-family: Golos_Text;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;

    padding-left: 25px;
    margin-left: 0px;
}

.article__loc ul li a:hover {
    color: rgb(148, 140, 82, 0.6);
}

.article__loc ul li::before {
    content: '—';

    position: absolute;
    left: 0;
}

/*=================================*/
.article__header {
    flex-basis: 780px;
    max-width: 100%;
}

.article__content>.article__header+* {
    margin-top: 35px;
}

/*=================================*/
.article__main {
    display: flex;
    --gapRowMin: 40;
    --gapRowMax: 80;
    row-gap: 40px;
    column-gap: clamp(var(--gapRowMin) * 1px, var(--gapRowMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--gapRowMax) - var(--gapRowMin)) / 100)), var(--gapRowMax) * 1px);

    min-width: 100%;
}

.article--author .article__main {
    column-gap: 40px;
}

/*=================================*/
.article__sidebar {
    /* position: sticky;
    top: 20px; */
    /* min-width: 320px; */
    max-width: 320px;
    max-height: max-content;
}

.article--author .article__sidebar {
    /* max-width: 280px; */
}

/*=================================*/
.article__authorInfo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.article__authorInfo__photo {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;

    border-radius: 10px;
    overflow: hidden;
}

.article__authorInfo--large .article__authorInfo__photo {
    min-width: 280px;
    max-width: 280px;
    min-height: 280px;
    max-height: 280px;
}

.article__authorInfo__photo img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

.article__authorInfo__caption {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.article__authorInfo__name {
    color: rgba(33, 34, 38, 1);

    font-family: Manrope;
    font-size: 28px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: left;

    margin-bottom: 5px;
}

.article__authorInfo__desc {
    color: rgba(77, 79, 85, 1);
    font-family: Golos_Text;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: left;
}

/*=================================*/
.article__content {
    width: 100%;
    /* flex-basis: 780px;
    overflow: hidden;
    flex-shrink: 10; */
    /*=================================*/
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--tekst);
}

/*=================================*/
:where(.article__content)>section:not(:first-child) {
    margin-top: 60px;
}

:where(.article__content)>section:not(:last-child) {
    margin-bottom: 60px;
}

/*=================================*/
:where(.article__content) img:not([class]) {
    max-width: 100%;
}

/*=================================*/
:where(.article__content) h1 {
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /*=================================*/
    --fontsizeMin: 45;
    --fontsizeMax: 52;
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);
}

/*=================================*/
:where(.article__content) h2 {
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /*=================================*/
    --fontsizeMin: 32;
    --fontsizeMax: 40;

    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);
}

:where(.article__content) :where(h2:not(:last-child)) {
    margin-bottom: 20px;
}

:where(.article__content) :where(h2:not(:first-child)) {
    margin-top: 60px;
}

/*=================================*/
:where(.article__content) :is(h2+p,
    h2+ul,
    h2+ol,
    h2+h3,
    h2+h4,
    h2+h5,
    h2+h6):not([class]) {
    margin-top: 20px;
    margin-bottom: 0;
}

:where(.article__content) :is(h3+ol,
    h4+ol,
    h5+ol,
    h6+ol,
    h3+p,
    h4+p,
    h5+p,
    h6+p,
    h3+ul,
    h4+ul,
    h5+ul,
    h6+ul):not([class]) {
    margin-top: 20px;
    margin-bottom: 0;
}

:where(.article__content) h3 {
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    /*=================================*/
    --fontsizeMin: 21;
    --fontsizeMax: 24;

    color: var(--zagolovki);
    font-family: var(--font-family);
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;

}

:where(.article__content) :where(h3:not(:first-child)) {
    margin-top: 20px;
}

:where(.article__content) :where(h4:not(:first-child)) {
    margin-top: 20px;
}

:where(.article__content) h4 {
    color: var(--zagolovki);
    font-family: var(--font-family);
    font-size: 17px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
}

/*=================================*/
:where(.article__content) :where(p:not([class], :first-child)) {
    margin-top: 20px;
    /* white-space: pre-line; */
}

/*=================================*/
:where(.article__content) a {
    /* text-decoration: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;

    cursor: pointer; */

    display: inline;
}

/*=================================*/
:where(.article__content) :where(figure, div:has(img), picture):not([class]) {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}

:where(.article__content) :where(figure, div:has(img), picture):not([class]):not(:first-child) {
    margin-top: 30px;
}

:where(.article__content) :where(figure, div:has(img), picture):not([class]):not(:last-child) {
    margin-bottom: 60px;
}

:where(.article__content) :where(figure, div:has(img), picture):not([class]) img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}

:where(.article__content) figure figcaption {
    width: 100%;
    margin-top: 8px;
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--tekst);
}

:where(.article__content) figure figcaption p {
    padding-top: 0px;
}

/*=================================*/
:where(.article__content ul:not([class])) {
    position: relative;
    list-style: none;
    /* padding: 5px 0px; */
}

/* :where(.article__content) ul:not([class]):not(:first-child) {
    margin-top: 20px;
} */

:where(.article__content ul:not([class]):not(:first-child)) {
    /* margin-top: 30px; */
}

/* :where(.article__content) ul:not([class])::before {
    content: '';

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;
    border-radius: 5px;

    background: radial-gradient(273.03% 142.13% at -1% 0%, rgba(75.39942932128906, 124.71927642822266, 225.3317108154297, 1), rgba(32.4398078918457, 55.5433464050293, 205.71632385253906, 1) 100%);
} */

/*=================================*/
:where(.article__content ul:not([class]) li) {
    position: relative;
    margin-left: 30px;
}

:where(.article__content ul:not([class]) li:not(:last-child)) {}

:where(.article__content ul:not([class], .article__loc ul) li)::before {
    content: '';

    position: absolute;
    left: -17px;
    top: 13px;

    display: block;

    min-width: 5px;
    max-width: 5px;
    min-height: 5px;
    max-height: 5px;

    background: rgba(70, 73, 83, 1);

    border-radius: 100%;
}

/*=================================*/
:where(.article__content ol:not([class])) {}

:where(.article__content ol:not([class]) li) {
    position: relative;
    margin-left: 30px;
}

:where(.article__content ol:not([class]) li)::before {
    content: counters(ol, ".") ". ";

    position: absolute;
    left: -25px;
    top: 0px;

    display: block !important;

    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;
}

/*=================================*/
:where(.article__content dl:not([class])) {
    display: inline-flex;
    flex-direction: column;
    gap: 15px;
}

:where(.article__content dl:not([class])>div) {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

:where(.article__content dt:not([class])) {
    font-family: var(--font-family);
    font-weight: 600;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--tekst);
}

:where(.article__content :is(dd:not([class]), li:not([class]))) {
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--svetlyy-tekst);
}




















/*
//////////////////
/////////////
/////////
!logo
/////////
/////////////
////////////////
*/
.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px 10px;
    max-height: max-content;

    cursor: pointer;

    opacity: 1;
}

/*=================================*/
.logo__SVG {
    display: block;

    aspect-ratio: 1 / 1;
    min-width: 48px;
    max-width: 48px;
    /* height: 100%; */

    /* background: url(../img/logo.svg) center / contain no-repeat; */

    overflow: hidden;
}

.logo__SVG img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/*=================================*/
.logo__text {
    position: relative;

    display: flex;
    flex-direction: column;
    justify-content: center;

    width: max-content;

    white-space: nowrap;
}

/*=================================*/
.logo__text__title {
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 90%;
    text-transform: uppercase;
    color: var(--zagolovki);
}

.logo__text__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    color: var(--svetlyy-tekst);

    white-space: nowrap;
}

































/*
//////////////////
/////////////
/////////
!HEADER
/////////
/////////////
////////////////
*/
.header {
    position: relative;
    top: -1000px;
    left: 0;

    display: block;
    width: 100%;

    pointer-events: none;
    transition: opacity .2s, background 0s, backdrop-filter 2s;

    z-index: -10;
}

.__mobileMenuActive .header {
    /* transition: opacity .2s, background .2s, backdrop-filter .2s;
    backdrop-filter: blur(0px);
    background: rgba(255, 255, 255, 1); */

    /* border-bottom: 1px solid rgba(41, 41, 41, 0.3); */
}

.header.header--loaded {
    position: relative;
    top: 0px;
    pointer-events: all;
    visibility: visible;
    opacity: 1;

    animation-name: header-visible;
    animation-duration: 1s;

    z-index: 200;
}

.__stopScrolling:not(.__mobileMenuActive) .header {
    /* margin-right: var(--scrollbarWidth);
    width: calc(100vw - var(--scrollbarWidth)); */
}

.__mobileMenuActive .header {
    /* padding-right: var(--scrollbarWidth); */
    /* width: 100vw; */
}

@keyframes header-visible {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

/* .__mobileMenuActive .header {
    background: rgba(255, 255, 255, 1);
} */
.header::before {
    position: absolute;

    bottom: 0;
    left: 0;

    content: '';
    display: block;

    width: var(--100vw);
    height: 1px;

    background: rgba(0, 0, 0, 0);

    translate: -100% 0px;

    transition: all 0s;

    pointer-events: none;

    z-index: 99;
}

.__mobileMenuActive .header::before {
    display: block;
    translate: 0px 0px;
    background: rgba(0, 0, 0, 0.2);
    transition: all .5s .1s, background 0s;
}

/* .header::after {
    content: '';
    display: block;

    position: absolute;
    bottom: -59px;

    min-width: 100%;
    max-width: 100%;

    --D: 106px;

    min-height: var(--D);
    max-height: var(--D);

    background: radial-gradient(var(--D), rgb(214, 240, 245) 50%, rgba(0, 0, 0, 0) 50%) center / calc(var(--D));
    background-repeat: repeat-x;

    opacity: 1;

    z-index: -1;
} */

.__mobileMenuActive .header::after {
    opacity: 0;
}

/*=================================*/
.header__inner {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between;
    align-items: center; */
    /* gap: clamp(20px, 4vw, 56px) 20px; */

    /* border: 1px solid rgba(238, 240, 244, 1);
    box-shadow: 0px 5px 40px -5px rgba(0, 66, 130, 0.07); */

    transition: all .0s, background .2s;

    /* max-width: 1880px; */
    box-sizing: border-box;

    /* border-radius: 10px; */
    /* background: rgba(248, 248, 248, 1); */
}

.__mobileMenuActive .header__inner {
    /* background: rgba(237, 237, 237, 1); */
}

/* .__scroll .header--loaded .header__inner {
    padding: 5px 0px 4px;
} */


/*=================================*/
.header__inner__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(20px, 4vw, 56px) 10px;

    width: 100%;
    padding: 10px 0px;

    border-bottom: 1px solid var(--podlozhka);
}

.header__inner__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    width: 100%;
    padding: 8px 0px;
}

/*=================================*/
.header__email {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

.header__tel {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

.header__searchFrom {
    max-width: 200px;
}
































/*
//////////////////
/////////////
/////////
!header__nav
/////////
/////////////
////////////////
*/
.header__nav {
    flex: 1;

    display: flex;
    gap: 40px;
    justify-content: flex-start;

    box-sizing: border-box;

    transition: all .2s, opacity .2s;

    z-index: 10;
}


/*=================================*/
.header__nav :is(.searchFrom, .header__email, .btnsCont, .header__tel, .btn--cart, .btn--zakaz) {
    display: none;
}

@media (max-width: 1200px) {
    .header .logo__text {
        width: auto;
    }

    .header .logo__text__title {
        font-size: 20px;
    }

    .header .logo__text__desc {
        font-size: 14px;
    }

    .header__inner__bottom {
        max-height: 0px;
        padding: 0px;
    }

    .header__inner__top {
        border-bottom: 0px;
        padding-bottom: 10px;
    }

    .header__inner__top .header__email {
        display: none;
    }

    .header__inner__top .header__tel {
        display: none;
    }

    .header__inner__bottom .btn--cart {
        display: none;
    }

    .header__nav .btn--cart {
        display: flex;
    }

    .header__nav .header__email {
        display: block;
    }

    .header__nav .header__tel {
        display: block;
    }
}

@media (max-width: 1000px) {
    .header__inner__top .btnsCont {
        display: none;
    }

    .header__nav .btnsCont {
        display: flex;
    }
}

@media (max-width: 850px) {
    .header__inner__top .btn--zakaz {
        display: none;
    }

    .header__nav .btn--zakaz {
        display: flex;
    }
}

@media (max-width: 650px) {
    .header__inner__top .header__searchFrom {
        display: none;
    }

    .header__nav .header__searchFrom {
        display: flex;
    }
}

@media (max-width: 400px) {}

/*=================================*/
.__mobile .header__nav>*:not(.header__nav__ul),
.__mobile .header__nav__ul>.menu-item {
    position: relative;
    opacity: 0;
}

@keyframes menu-item-visible-lvl-1 {
    0% {
        opacity: 0;
        left: -40px;
    }

    100% {
        opacity: 1;
        left: 0px;
    }
}

.__mobile .header__nav__ul>.menu-item.ag-tabs-tabChild--active,
.__mobile .header__nav>*:not(.header__nav__ul).ag-tabs-tabChild--active {
    animation-name: menu-item-visible-lvl-1;
    animation-duration: .2s;
    opacity: 1;
}

/*================1 lvl=================*/
.header__nav__ul {
    /* --menuitemHaschildrenIMG: url(../img/arrowMicro_greay_13x8.svg); */

    --menuLeft: 0px;

    --menuTopPadding: 0px;
    --menuBottomPadding: 0px;

    --menuTopMargin: 0px;

    --menuBorderRadius: 0px;

    --menuColPadding: 0px;
    --menuRowPadding: 0px;

    --menuFirstChildTopPadding: 0px;
    --menuLastChildBottomPadding: 0px;

    --menuColGapMin: 20;
    --menuColGapMax: 32;

    --menuRowGap: 0px;
    --menuColGap: clamp(var(--menuColGapMin) * 1px, (100vw - var(--mobileResMax) * 1px) / (1350 - var(--mobileResMax)) * (var(--menuColGapMax) - var(--menuColGapMin)) + var(--menuColGapMin) * 1px, var(--menuColGapMax) * 1px);
}

/*===============sub-menu==================*/
.header__nav__ul {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;

    width: 100%;
}

/*===============menu-item==================*/
.header__nav__ul>.menu-item {
    position: relative;
    transition: all .1s;

    z-index: 1;
}

/*===============a==================*/
.header__nav__ul>.menu-item>*:first-child {
    display: flex;
}

.header__nav__ul>.menu-item>*:first-child {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);

    height: 100%;
    width: 100%;

    transition: all .1s;
}

@media (hover: hover) {
    .header__nav__ul>.menu-item:hover>*:first-child {
        color: rgb(from var(--zagolovki) r g b / 0.6);
    }
}

/*===============ag-tabs-tabChild--active==================*/
.header__nav__ul>.menu-item.ag-tabs-tabChild--active>*:first-child {
    /* animation-name: menu-item-visible;
    animation-duration: .2s;
    opacity: 1; */
}

/*===============menu-item-has-children==================*/
.header__nav__ul>.menu-item-has-children {}

/*================a=================*/
.header__nav__ul>.menu-item-has-children>*:first-child {}

/*================arrow=================*/
.header__nav__ul>.menu-item-has-children>*:first-child::after {
    rotate: 180deg;
}

.header__nav__ul>.menu-item-has-children>.menu-item--active:first-child::after {
    scale: 1 -1;
}

/*================first li=================*/
.header__nav__ul>.menu-item:first-child {
    margin-right: -15px;
}

.header__nav__ul>.menu-item:first-child>*:first-child {
    border-radius: 8px;
    background: var(--tekst);
}

.header__nav__ul>.menu-item:first-child>*:first-child {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 19px;
    line-height: 120%;
    color: var(--belyy);

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;

    padding: 17px 25px 15px;
}

@media (hover: hover) {
    .header__nav__ul>.menu-item:first-child:hover>*:first-child {
        color: var(--belyy);
        background: rgb(from var(--tekst) r g b / 0.8);
    }
}

.header__nav__ul>.menu-item:first-child:active>*:first-child {
    scale: 0.97;
}

.header__nav__ul>.menu-item:first-child>*:first-child::after {
    content: '';
    display: block;

    min-width: 17px;
    max-width: 17px;
    min-height: 17px;
    max-height: 17px;

    background: url(../img/icon_catalog_17x17.svg) center / contain no-repeat;

    opacity: 1;
}

/*===============lvl 2==================*/
.header__nav__ul>.menu-item>.sub-menu {
    /* --menuitemHaschildrenIMG: url(../img/icon_arrow_8.svg); */

    --menuLeft: 0px;

    --menuTopPadding: 5px;
    --menuBottomPadding: 5px;
    --menuLeftPadding: 5px;
    --menuRightPadding: 5px;

    --menuTopMargin: 0px;

    --menuBorderRadius: 10px;

    --menuColPadding: 24px;
    --menuRowPadding: 10px;

    --menuFirstChildTopPadding: 10px;
    --menuLastChildBottomPadding: 10px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.header__nav__ul>.menu-item>.sub-menu {
    position: absolute;
    top: 100%;

    display: flex;
    flex-direction: column;
    transition: all .2s;

    opacity: 0;
}

.header__nav__ul:not(.__mobile .header__nav__ul)>.menu-item>.sub-menu {
    -webkit-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    -moz-box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;
    box-shadow: 0 0 0 1px #EDEFF0, 0 8px 24px 0 #0000001A;

    min-width: 200px;

    background: var(--belyy);

    --menuTopMargin: 10px;
}

.header__nav__ul:not(.__mobile .header__nav__ul)>.menu-item>.sub-menu--active {
    opacity: 1;
    --menuTopMargin: 0px;
}

/*================menu-item=================*/
.header__nav__ul>.menu-item>.sub-menu>.menu-item {
    width: 100%;
}

/*================a=================*/
.header__nav__ul>.menu-item>.sub-menu>.menu-item>*:first-child {
    font-family: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--zagolovki);

    height: 100%;
    width: 100%;

    background: #fff0;

    border-radius: 12px;

    transition: all 0s, scale .1s;

    opacity: 1;
}

/* @media (hover: hover) { */
.header__nav__ul>.menu-item>.sub-menu>.menu-item>*:first-child:hover {
    background: var(--podlozhka);
    color: rgb(from var(--zagolovki) r g b / 0.7);
}

/* } */

.header__nav__ul>.menu-item>.sub-menu>.menu-item>*:first-child:active {
    scale: 0.97;
}

.header__nav__ul>.menu-item>.sub-menu>.menu-item>.menu-item--active:first-child {
    /* background: rgb(246, 244, 241); */
}

/*================ag-tabs-tabChild--active=================*/
.header__nav__ul>.menu-item>.sub-menu>.ag-tabs-tabChild--active>*:first-child {
    /* animation-name: menu-item-visible;
    animation-duration: .2s;
    opacity: 1; */
}

/*================menu-item-has-childdren=================*/
.header__nav__ul>.menu-item>.sub-menu>.menu-item-has-children {}

/*================a=================*/
.header__nav__ul>.menu-item>.sub-menu>.menu-item-has-children>*:first-child {}

/*================arrow=================*/
.header__nav__ul>.menu-item>.sub-menu>.menu-item-has-children>*:first-child::after {
    rotate: 180deg;
}

.header__nav__ul>.menu-item>.sub-menu>.menu-item-has-children.menu-item--active:first-child::after {
    rotate: 0deg;
}

/*=======================================*/
/*==============MOBILE===================*/
/*=======================================*/
.__mobile .header__nav {
    display: flex;
    flex-direction: column;
    gap: 0px;
    justify-content: flex-start;

    position: absolute;
    top: calc(100% + 0px);
    left: 0;

    width: calc(100%);
    max-height: calc(var(--100vh) - 100%) !important;
    min-height: calc(var(--100vh) - 100%) !important;
    padding: 20px calc(var(--sidePaddingClampFormula));

    background: var(--belyy);
    opacity: 0;

    pointer-events: none;
    overflow-y: scroll;
}

.__mobile .header__nav>*:not(:last-child) {
    margin-bottom: 20px;
}

.__mobile .header__nav.header__nav--active {
    opacity: 1;
    pointer-events: all;
}

/*==============MOBILE lvl 1===================*/
.__mobile .header__nav__ul {
    --menuLeft: 0px;

    --menuTopPadding: 0px;
    --menuLeftPadding: 0px;
    --menuBottomPadding: 0px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;

    --menuBorderRadius: 0px;

    --menuColPadding: 10px;
    --menuRowPadding: 10px;

    --menuFirstChildTopPadding: 0px;
    --menuLastChildBottomPadding: 0px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.__mobile .header__nav__ul {
    flex-direction: column;
}

/*================menu-item=================*/
.__mobile .header__nav__ul>.menu-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: unset;
}

/*================a=================*/
.__mobile .header__nav__ul>.menu-item>*:first-child {
    --fontSizeMin: 18;
    --fontSizeMax: 18;
    line-height: 120%;

    align-items: center;
    border-bottom: 0px;
    white-space: unset;
    width: 100%;
}

/*================menu-item-has-children=================*/
.__mobile .header__nav__ul>.menu-item-has-children {}

/*================a=================*/
.__mobile .header__nav__ul>.menu-item-has-children>*:first-child {
    max-width: max-content;
}

/*================arrow=================*/
.__mobile .header__nav__ul>.menu-item-has-children>*:first-child::after {}

.__mobile .header__nav__ul>.menu-item-has-children.menu-item--active>*:first-child::after {}

/*================first li=================*/
.__mobile .header__nav__ul>.menu-item:first-child {
    margin-right: 0px;
    max-width: max-content;
}

.__mobile .header__nav__ul>.menu-item:first-child>*:first-child {
    max-width: max-content;
}

/*==============MOBILE lvl 2===================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu {
    /* --menuitemHaschildrenIMG: url(../img/arrowMicro_greay_13x8.svg); */

    --menuLeft: 0px;

    --menuTopPadding: 0px;
    --menuLeftPadding: 0px;
    --menuBottomPadding: 0px;
    --menuRightPadding: 0px;

    --menuTopMargin: 0px;

    --menuBorderRadius: 0px;

    --menuColPadding: 24px;
    --menuRowPadding: 10px;

    --menuFirstChildTopPadding: 10px;
    --menuLastChildBottomPadding: 10px;

    --menuRowGap: 0px;
    --menuColGap: 0px;
}

/*================sub-menu=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu {
    position: relative;
    top: 0;
    width: 100%;

    opacity: 1;

    transition: all .2s;

    overflow: hidden;
    min-height: max-content;
}

.__mobile .header__nav__ul>.menu-item>.sub-menu::before {
    display: none;
}

/*================menu-item=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item {}

/*================a=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item>*:first-child {
    opacity: 0;
}

@media (hover: hover) {
    .__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item>*:first-child:hover {}
}

/*================ag-tabs-tabChild--active=================*/

@keyframes menu-item-visible-lvl-2 {
    0% {
        opacity: 0;
        left: -20px;
    }

    100% {
        opacity: 1;
        left: 0px;
    }
}

.__mobile .header__nav__ul>.menu-item>.sub-menu>.ag-tabs-tabChild--active>*:first-child {
    animation-name: menu-item-visible-lvl-2;
    animation-duration: .2s;
    opacity: 1;
}

/*================menu-item-has-childdren=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item.menu-item-has-children {}

/*================a=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item.menu-item-has-children>*:first-child {}

/*================arrow=================*/
.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item.menu-item-has-children>*:first-child::after {}

.__mobile .header__nav__ul>.menu-item>.sub-menu>.menu-item.menu-item-has-children>.menu-item--active:first-child::after {}















/*
//////////////////
/////////////
/////////
!menuBtn
/////////
/////////////
////////////////
*/
.menuBtn {
    --spanHeight: 2px;
    --borderRadius: 2px;
    --stickColor: var(--zagolovki);
    --backgroundColor: var(--akcentnyy);

    align-self: center;

    display: none;
    align-items: center;
    justify-content: center;
    position: relative;

    min-width: 46px;
    max-width: 46px;
    min-height: 46px;
    max-height: 46px;

    border-radius: 10px;
    background: var(--backgroundColor);

    transition: all .1s;

    cursor: pointer;
}

.menuBtn:hover {
    background: rgb(from var(--backgroundColor) r g b / 0.8);
}

.menuBtn:active {
    scale: 0.95;
    background: var(--backgroundColor);
}

.__mobile .menuBtn {
    display: flex;
    grid-area: right;
    justify-self: right;
}

/*=================================*/
.menuBtn__cont {
    position: relative;

    display: flex;
    align-items: center;
    gap: 2px;

    min-width: 23px;
    max-width: 23px;
    min-height: 18px;
    max-height: 18px;


    box-sizing: border-box;
}

/*=================================*/
.menuBtn__cont::after,
.menuBtn__cont::before,
.menuBtn__cont__btn {
    display: block;

    width: 100%;
    min-height: var(--spanHeight);
    max-height: var(--spanHeight);

    background: var(--stickColor);
    border-radius: var(--borderRadius);

    transition: all .2s;
}

.menuBtn__cont__btn {
    position: relative;
}

.menuBtn__cont::after,
.menuBtn__cont::before {
    content: '';
    position: absolute;
    transform: rotate(0deg);
}

.menuBtn__cont::after {
    top: 0;
}

.menuBtn__cont::before {
    bottom: 0;
}

/*=================================*/
.__mobileMenuActive .menuBtn__cont__btn {
    background: #fff0;
}

.__mobileMenuActive .menuBtn__cont::after {
    top: calc(50% - (var(--spanHeight) / 2));
    transform: rotate(45deg);
}

.__mobileMenuActive .menuBtn__cont::before {
    bottom: calc(50% - (var(--spanHeight) / 2));
    transform: rotate(-45deg);
}




















/*
//////////////////
/////////////
/////////
!FOOTER
/////////
/////////////
////////////////
*/
.footer {
    width: 100%;
}

/*=================================*/
.footer__inner {
    display: grid;
    grid-template-areas:
        "logo nav"
        "contacts nav"
        "copywriting meta";

    grid-template-columns: auto auto;
    grid-auto-rows: auto 1fr auto;
    --gapMin: 40;
    --gapMax: 120;
    gap: 45px clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);

    width: 100%;
    margin: 0 auto;
}

/*=================================*/
.footer__logo {
    grid-area: logo;
}

.footer__header {
    grid-area: nav;
}

.footer__contacts {
    grid-area: contacts;
}

.footer__copywriting {
    grid-area: copywriting;
    margin-top: 15px;
}

.footer__meta {
    grid-area: meta;
    margin-top: 15px;
}

/*=================================*/
.footer__logo {
    max-width: max-content;
    max-height: max-content;
}

/*=================================*/
.footer__title {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

/*=================================*/
.footer__header {
    position: relative;

    display: flex;
    justify-content: space-between;
    gap: 25px;
}

/*=================================*/
.footer__nav {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;

    width: 100%;
}


/*=================================*/
.footer__nav__col {
    flex: 1;

    display: flex;
    flex-direction: column;
    gap: 40px 50px;
}

/*=================================*/
.footer__nav__block {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*=================================*/
.footer__nav__ul ul,
.footer__nav__ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*=================================*/
.footer__nav__ul li {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);

    text-decoration: underline;
    text-decoration-color: #fff0;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;

    transition: all .1s, text-decoration 0s;
}

.footer__nav__ul li:hover {
    color: rgb(from var(--zagolovki) r g b / 0.9);
    text-decoration-color: inherit;
}

.footer__nav__ul li:active {
    color: rgb(from var(--zagolovki) r g b / 0.6);
}

/*=================================*/
.footer__copywriting {
    align-self: end;
}

/*=================================*/
.footer__meta {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/*=================================*/

.footer__phone {
    font-family: var(--second-family);
    font-weight: 600;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--zagolovki);
}

.footer__email {
    font-family: var(--second-family);
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-weight: 400;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

.footer__text-1 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

.footer__meta .footer__text-1 * {
    display: inline;
}

.footer__text-2 {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

.footer__meta .footer__text-2 * {
    display: inline;
}



















/*
//////////////////
/////////////
/////////
!MAIN
/////////
/////////////
////////////////
*/
.main {
    flex: 1;
    width: 100%;
    --paddingTopMin: 0;
    --paddingTopMax: 0;
    padding-top: clamp(var(--paddingTopMin) * 1px, var(--paddingTopMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingTopMax) - var(--paddingTopMin)) / 100)), var(--paddingTopMax) * 1px);
    --paddingBottomMin: 70;
    --paddingBottomMax: 70;
    padding-bottom: clamp(var(--paddingBottomMin) * 1px, var(--paddingBottomMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingBottomMax) - var(--paddingBottomMin)) / 100)), var(--paddingBottomMax) * 1px);
}

/*=================================*/
.main__header {
    width: 100%;
}

.main__header__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;

    width: 100%;
}

.main__title {
    text-align: center;

    max-width: 800px;
}

.main__subtitle {
    text-align: center;

    max-width: 600px;
}

.main__content {
    display: flex;
    flex-direction: column;

    width: 100%;
    /* min-height: 500px; */
}

.main__content__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

















/*
//////////////////
/////////////
/////////
accordeon
/////////
/////////////
////////////////
*/
.accordeon {
    width: 100%;
}

.accordeon__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.accordeon__li {
    width: 100%;
}

.accordeon__li__container {
    box-sizing: border-box;
    border: 1px solid rgba(242, 244, 246, 1);
    border-radius: 15px;
    background: rgba(255, 255, 255, 1);

    overflow: hidden;
}

.accordeon__switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    padding: 25px 35px 25px 30px;
    box-sizing: border-box;

    color: rgba(33, 34, 38, 1);

    font-family: Manrope;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    cursor: pointer;
}

.accordeon__switcher::after {
    content: '';
    display: block;

    min-width: 20px;
    max-width: 20px;
    min-height: 20px;
    max-height: 20px;

    background: url(../img/icon_plus_20x20.svg) center / cover no-repeat;

    transition: all .2s;
}

.ag-tabs-switcher--active.accordeon__switcher::after {
    min-height: 4.5px;
    max-height: 4.5px;
}

.accordeon__tab {
    transition: all .2s;
}

.accordeon__content {
    color: rgba(77, 79, 85, 1);

    font-family: Golos_Text;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: 0%;
    text-align: left;

    padding: 0px 35px 25px 30px;
    padding-top: 0px;

    pointer-events: none;
    opacity: 0;
    translate: 0px -20px;
    scale: .98 .98;
    transition: all .2s;
}

.ag-tabs-tab--active .accordeon__content {
    pointer-events: all;
    opacity: 1;
    translate: 0px 0px;
    scale: 1 1;
}


















/*
//////////////////
/////////////
/////////
slider
/////////
/////////////
////////////////
*/
.slider {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

    overflow: visible;

    margin-bottom: 90px;
}

/*=================================*/
.slider__container {
    position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/*=================================*/
.slider__wrapper {}

/*=================================*/
.slider__slide {
    height: auto;
}

/*=================================*/
.slider__controls {
    position: absolute;
    left: -90px;
    right: -90px;

    display: flex;
    justify-content: space-between;
    gap: 10px;
}

/*=================================*/
.slider__btn {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    border-radius: 10px;
    background: rgba(77, 79, 85, 1);

    min-width: 60px;
    max-width: 60px;
    min-height: 60px;
    max-height: 60px;
}

.slider__btn::before {
    content: '';

    position: absolute;

    min-width: 18px;
    max-width: 18px;
    min-height: 28px;
    max-height: 28px;

    background: #ffffff;
    mask: url(../img/icon_arrowhead_small_10x16.svg) right -2px center / contain no-repeat;
    transition: all .2s, background .2s;
}

.slider__btn--prev {
    rotate: 180deg;
}

.slider__btn--next {}

















/*
//////////////////
/////////////
/////////
OTHER
/////////
/////////////
////////////////
*/

















/*
//////////////////
/////////////
/////////
pages
/////////
/////////////
////////////////
*/


















/*
//////////////////
/////////////
/////////
sections
/////////
/////////////
////////////////
*/
.section--header {
    background: var(--podlozhka);
}

.section--header>:where(.container)>.section__inner {
    padding: 45px 0px 40px;
}

.section--header>.section__inner {
    padding: 60px 0px;
}

.section--header>:where(.container)>.section__inner>.section__main>.section__main__inner,
.section--header>.section__inner>.section__main>.section__main__inner {
    gap: 20px;
}

.frontpage .section--header>:where(.container)>.section__inner,
.frontpage .section--header>.section__inner {
    padding: 90px 0px;
}

/*=================================*/
.section--productHeader>:where(.container)>.section__inner,
.section--productHeader>.section__inner {
    padding: 30px 0px 70px;
}

.section--productHeader>:where(.container)>.section__inner>.section__main>.section__main__inner,
.section--productHeader>.section__inner>.section__main>.section__main__inner {
    gap: 0px;
}

.section--productHeader .productHeader:not(:last-child) {
    margin-bottom: 40px;
}

.section--productHeader .gridBlock:not(:last-child) {
    margin-bottom: 70px;
}

.section--productHeader .breadcrumbs:not(:last-child) {
    margin-bottom: 20px;
}


/*=================================*/
.section--contact>:where(.container)>:where(.section__inner),
.section--contact>:where(.section__inner) {
    padding: 65px 0px 75px;
}

.section--contact .section__main__inner {
    gap: 60px;
}

/*=================================*/

.section--about .section__main__inner {
    gap: 60px;
}

/*=================================*/
.section--rubricBlock .section__header__inner {
    margin-bottom: 15px;
}

/*=================================*/

.section--catalog>:where(.container)>.section__inner>.section__main>.section__main__inner,
.section--catalog>.section__inner>.section__main>.section__main__inner {
    gap: 100px;
}

/*=================================*/

.section--figureList>:where(.container)>.section__inner>.section__header>.section__header__inner,
.section--figureList>.section__inner>.section__header>.section__header__inner {
    margin-bottom: 20px;
}


















/*
//////////////////
/////////////
/////////
headerBlock
/////////
/////////////
////////////////
*/
.headerBlock {
    width: 100%;
}

.headerBlock--frontpage {}

.headerBlock--rubric {}

/*=================================*/
.headerBlock__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0px 20px;
}

.page-id-156 .headerBlock__inner {
    flex-direction: row;
	align-items: center;
	gap: 20px;
}

.page-id-156 .headerBlock__inner h1 {
	margin: 0;
}

.headerBlock__inner a {
	display: inline;
	width: 40px;
	height: 40px;
	background: url(/wp-content/uploads/2026/06/free-icon-doc-file-10260338.png) center center no-repeat;
	background-size: cover;
	
	transition: all .5s;
}

.headerBlock__inner a:hover {
	opacity: .5;
}

.headerBlock--frontpage .headerBlock__inner {
    display: grid;
    grid-template-areas:
        "title img"
        "split img"
        "ul img";
    grid-template-columns: 680fr 480fr;
    gap: 0px 20px;
}

/*=================================*/
.headerBlock__content {
    flex-basis: 680px;
}

/*=================================*/
.headerBlock__title {
    grid-area: title;
}

.rubricpage .headerBlock__title {
    --fontsizeMax: 44;
}

.headerBlock__title:not(:last-child) {
    margin-bottom: 15px;
}

.frontpage .headerBlock__title:not(:last-child) {
    margin-bottom: 35px;
}

/*=================================*/
.headerBlock__split {
    grid-area: split;

    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    gap: 10px;

    margin-bottom: 30px;
}

.headerBlock__split>* {
    flex: 1;
}

/*=================================*/
.headerBlock .btn {
    padding: 18px 35px;
    font-size: 18px;
}

/*=================================*/
.headerBlock__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: var(--tekst);
}

/*=================================*/
.headerBlock__ul {
    grid-area: ul;

    display: flex;
    flex-wrap: wrap;
    gap: 20px 28px;

    max-width: max-content;
    height: max-content;
    border-radius: 10px;
    padding: 22px 28px;
    box-sizing: border-box;

    background: var(--belyy);
}

.headerBlock__ul__li {
    /* flex: 1; */
    /* display: block; */

    /* display: flex;
    flex-direction: column;
    gap: 7px; */

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 19px;
    line-height: 110%;
    color: var(--zagolovki);

    max-width: max-content;
    text-wrap: balance;
}

.headerBlock__ul__li::before {
    content: '';
    display: block;
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;

    background: url(../img/icon_arrow_grey_27x27.svg) center / contain no-repeat;

    margin-bottom: 7px;
}

/*=================================*/
.headerBlock__img {
    grid-area: img;
    position: relative;
}

.headerBlock__img img {
    object-fit: contain;
    object-position: bottom;
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
rubricHeader
/////////
/////////////
////////////////
*/
.rubricHeader {
    width: 100%;
}

/*=================================*/
.rubricHeader__inner {
    width: 100%;

    display: grid;
    grid-template-areas:
        "img title"
        "img desc"
        "img ul";
    grid-template-columns: 320fr 825fr;
    gap: 0px 35px;
}

/*=================================*/
.rubricHeader__img {
    grid-area: img;
    position: relative;

    min-height: 320px;

    border-radius: 10px;
    overflow: hidden;
}

.rubricHeader__img img {
    position: absolute;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: auto;
}

/*=================================*/
.rubricHeader__title {
    grid-area: title;

    font-family: var(--second-family);
    font-weight: 700;
    font-size: 44px;
    line-height: 100%;
    color: var(--zagolovki);

    margin-top: 10px;
}

.rubricHeader__title {
    margin-bottom: 15px;
}

/*=================================*/
.rubricHeader__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    color: var(--tekst);
}

.rubricHeader__desc {
    margin-bottom: 20px;
}

/*=================================*/
.rubricHeader__linkList {
    grid-area: ul;
    width: 100%;
}

.rubricHeader__linkList__wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;

}

.rubricHeader__linkList__item {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;

    padding: 20px 25px;
    border-radius: 5px;
}

@media (max-width: 900px) {
    .rubricHeader__inner {
        width: 100%;

        display: grid;
        grid-template-areas:
            "title title"
            "img desc"
            "ul ul";
        grid-template-columns: 1fr 1fr;
        gap: 0px 20px;
    }

    .rubricHeader__title {
        margin-top: 0px;
    }

    .rubricHeader__desc {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .rubricHeader__img {
        margin-bottom: 20px;
    }

    .rubricHeader__linkList__wrapper {
        flex-wrap: nowrap;
        gap: 10px 0px;
    }

    .rubricHeader__linkList__item:not(:last-child) {
        margin-right: 15px;
    }
}

@media (max-width: 650px) {
    .rubricHeader__inner {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .rubricHeader__desc {
        margin-top: 0px;
    }
}


















/*
//////////////////
/////////////
/////////
gridBlock
/////////
/////////////
////////////////
*/
.gridBlock {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.gridBlock--2 {}

.gridBlock--3 {}

.gridBlock--4 {}

.gridBlock--grayWrapper {}

/*=================================*/
.gridBlock__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: static;
    width: 100%;
    overflow: hidden;
}

.gridBlock--grayWrapper .gridBlock__inner {
    --paddingMin: 20;
    --paddingMax: 45;
    padding: 45px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    background: var(--podlozhka);
    border-radius: 15px;
}

/*=================================*/
.gridBlock__wrapper {
    width: 100%;

    --minElemWidth: 200px;
    --maxElemWidth: 100%;
    --gapRow: 20px;
    --gapCol: 20px;

    --elemsWidth: calc((100% - var(--gapCol) * var(--elemsCount)) / var(--elemsCount));
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(0px, 100%, var(--minElemWidth)), var(--elemsWidth), var(--maxElemWidth)), 1fr));
}

.gridBlock__wrapper:not(.swiper-wrapper) {
    display: grid;
    gap: var(--gapRow) var(--gapCol);
}

.gridBlock--2 .gridBlock__wrapper {
    --elemsCount: 2;
}

.gridBlock--3 .gridBlock__wrapper {
    --elemsCount: 3;
    --minElemWidth: 267px;
}

.gridBlock--3--flex .gridBlock__wrapper {
    display: flex;
    flex-wrap: wrap;

    --gapRow: 37px;
    --gapCol: 37px;
}

.gridBlock--4 .gridBlock__wrapper {
    --elemsCount: 4;
    --minElemWidth: 250px;
}

/*=================================*/
.gridBlock__item {
    height: auto;
    width: 100%;
}

.gridBlock--3--flex .gridBlock__item {
    flex: 1;
}

/*=================================*/
.gridBlock__controls {
    position: absolute;
    left: -70px;
    right: -70px;

    display: flex;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 1350px) {
    .gridBlock__controls {
        max-width: max-content;
        position: static;
        margin: 40px auto 0px;
    }
}

.gridBlock__controls__btn {
    position: relative;

    display: flex;
    justify-content: center;
    align-items: center;

    /*=================================*/
    border-radius: 10px;
    background: var(--tekst);

    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
}

.gridBlock__controls__btn::before {
    content: '';

    position: absolute;

    min-width: 14px;
    max-width: 14px;
    min-height: 23px;
    max-height: 23px;

    background: #ffffff;
    mask: url(../img/arrow_1_10x20.svg) right -2px center / contain no-repeat;
    transition: all .2s, background .2s;
}

.gridBlock__controls__btn--prev {
    rotate: 180deg;
}

.gridBlock__controls__btn--next {}



















/*
//////////////////
/////////////
/////////
reviewCard
/////////
/////////////
////////////////
*/
.articleCard {
    position: relative;

    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: var(--borderRadius);
    /*---------------*/
    background: var(--belyy);
    box-shadow: inset 0px 0px 0px 1px #d9d9d9;

    --borderRadius: 10px;
    --imgWidth: 280;
    --imgHeight: 200;
}

.articleCard--simple {
    --imgWidth: 380;
    --imgHeight: 280;
    box-shadow: unset;
}

.articleCard--2 {
    --borderRadius: 9px;
    --imgWidth: 378;
    --imgHeight: 250;
}

.articleCard--3 {
    --borderRadius: 10px;
    --imgWidth: 380;
    --imgHeight: 260;
    box-shadow: unset;
}

.articleCard--4 {
    --borderRadius: 10px;
    --imgWidth: 70;
    --imgHeight: 70;
    transition: all .1s;
}

.articleCard--5 {
    --borderRadius: 10px;
    --imgWidth: 438;
    --imgHeight: 368;
    box-shadow: unset;
    max-height: max-content;
}

.articleCard--4:hover {
    box-shadow: inset 0px 0px 0px 1px #a0a0a0;
    /* background: var(--tekst); */
}

/*=================================*/
.articleCard__wrapper {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
}

.articleCard__wrapper.swiper-wrapper {
    max-height: max-content;
}

.articleCard--4 .articleCard__wrapper {
    flex-direction: row;
    gap: 15px;
    align-items: center;
    --padingMin: 10;
    --padingMax: 25;
    padding: 5px clamp(var(--padingMin) * 1px, var(--padingMax) * 1px - (var(--linearInterpolation500x940) * ((var(--padingMax) - var(--padingMin)) / 100)), var(--padingMax) * 1px) 5px 5px;
}

.articleCard--5 .articleCard__wrapper {
    max-height: max-content;
}

/*=================================*/
:where(.articleCard__wrapper:not(.articleCard--simple .articleCard__wrapper)>*:last-child:not(.articleCard__header)) {
    margin-bottom: 30px;
}

.articleCard--3 .articleCard__wrapper:not(.articleCard--simple .articleCard__wrapper)>*:last-child {
    margin-bottom: 20px;
}

.articleCard--4 .articleCard__wrapper:not(.articleCard--simple .articleCard__wrapper)>*:last-child {
    margin-bottom: 0px;
}

/*=================================*/
.articleCard__link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}

/*=================================*/
.articleCard__header {
    position: relative;
    width: 100%;
    display: flex;
    /*---------------*/
    gap: 5px;
}

.articleCard__header:not(:last-child) {
    margin-bottom: 20px;
}

.articleCard--4 .articleCard__header {
    height: 100%;
    max-width: max-content;
}

.articleCard--4 .articleCard__header:not(:last-child) {
    margin-bottom: 0px;
}

.articleCard--5 .articleCard__header {
    margin-bottom: 71px;
}

/*=================================*/

.articleCard__imgs {
    position: relative;

    display: flex;
    /* justify-content: flex-start; */
    width: 100%;

    overflow: hidden;
    border-radius: var(--borderRadius);
    /*---------------*/
}

.articleCard--2 .articleCard__imgs {
    max-width: calc(100% - 2px);
    margin-left: 1px;
    margin-top: 1px;
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;

}

.articleCard--5 .articleCard__imgs {
    border: 1px solid #d9d9d9;
}

/*=================================*/
.articleCard__imgs__wrapper {
    display: flex;
    align-items: center;

    width: 100%;
}

.articleCard--5 .articleCard__imgs {
    position: static;
}

/*=================================*/
.articleCard__imgs__wrapper:not(.swiper-wrapper) {
    justify-content: center;
}

.articleCard--2 .articleCard__imgs__wrapper {
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}

.articleCard--4 .articleCard__imgs__wrapper {
    min-height: 100%;
    max-height: 100%;
}

a.articleCard__imgs__wrapper {
    cursor: pointer;
    z-index: 3;
}

/*=================================*/
.articleCard__imgs__contImg {
    position: relative;
    border-radius: var(--borderRadius);

    max-height: calc(var(--imgHeight) * 1px);
    aspect-ratio: var(--imgWidth)/var(--imgHeight);
    width: 100%;
    max-width: 100%;
    min-width: calc(var(--imgWidth) * 1px);
    /*---------------*/
    transition: all .5s;
}

.articleCard__imgs__contImg.swiper-slide {
    max-width: 100%;
    min-width: 100%;
    min-height: calc(var(--imgHeight) * 1px);
    max-height: 100%;
}

.articleCard:has(.articleCard__link):hover .articleCard__imgs__contImg,
a.articleCard__imgs__wrapper:hover .articleCard__imgs__contImg,
.articleCard:has(.articleCard__title a:hover) .articleCard__imgs__contImg {
    scale: 1.05;
}

/*=================================*/
.articleCard__imgs__contImg img {
    position: absolute;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /*---------------*/
    transition: all .4s;
}

/*=================================*/
.articleCard__imgs__paginationBullets {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 7px;
    position: absolute;
    bottom: 0px !important;

    padding: 5px 0px 17px;

    z-index: 9;
}

.articleCard__imgs__paginationBullets .swiper-pagination-bullet {
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    border-radius: 100%;
    background: #d9d9d9;
}

.articleCard__imgs__paginationBullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--akcentnyy);
}

/*=================================*/
.articleCard__imgs__paginationHoversection {
    display: flex;

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.articleCard__imgs__paginationHoversection .swiper-hoversection-slide {
    flex: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;

    z-index: 3;
}

.swiper-hoversection-slide-active {
    pointer-events: none;
}


/*=================================*/
.articleCard__imgs__controls {
    display: flex;
    justify-content: center;
    gap: 15px;
    position: absolute;
    top: calc(100% + 15px);
    width: 100%;

    z-index: 5;
}

.articleCard__imgs__controls__btn {
    display: flex;
    justify-content: center;
    align-items: center;

    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
    border-radius: 5px;
    background: var(--svetlyy-tekst);
}

.articleCard__imgs__controls__btn::before {
    content: '';
    position: absolute;
    min-width: 12px;
    max-width: 12px;
    min-height: 19px;
    max-height: 19px;
    background: #ffffff;
    mask: url(../img/arrow_1_10x20.svg) right -2px center / contain no-repeat;
    transition: all .2s, background .2s;
}

.articleCard__imgs__controls__btn--prev {
    rotate: 180deg;
}

.articleCard__imgs__controls__btn--next {}

/*=================================*/
.articleCard__caption {
    display: flex;
    flex-direction: column;

    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
    /*---------------*/
    /* height: 100%; */
    --paddingMin: 15;
    --paddingMax: 30;
    padding: 0px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
}

.articleCard--3 .articleCard__caption {
    --paddingMin: 15;
    --paddingMax: 20;
}

.articleCard--4 .articleCard__caption {
    padding: 0px;
}

.articleCard__caption:not(:last-child) {
    margin-bottom: 20px;
}

.articleCard--3 .articleCard__caption:not(:last-child) {
    margin-bottom: 15px;
}

.articleCard--4 .articleCard__caption:not(:last-child) {
    margin-bottom: 0px;
}

/*=================================*/
.articleCard__title {
    text-decoration: underline;
    text-decoration-color: #fff0;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;

    transition: all .1s;

    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: anywhere;

    z-index: 3;
    /*---------------*/
    font-family: var(--second-family);
    font-weight: 600;
    line-height: 110%;
    color: var(--zagolovki);

    --fontsizeMin: 21;
    --fontsizeMax: 23;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
}

.articleCard--4 .articleCard__title {
    font-weight: 500;
    font-size: 18px;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    text-decoration: none;
}

.articleCard:has(.articleCard__link) .articleCard__title {
    cursor: pointer;
}

.articleCard__title:not(:last-child) {
    margin-bottom: 15px;
}

.articleCard:has(.articleCard__link):hover .articleCard__title,
.articleCard__title:has(a):hover,
.articleCard:has(a.articleCard__imgs__wrapper:hover) .articleCard__title {
    text-decoration-color: inherit;
}

.articleCard:has(.articleCard__link):active .articleCard__title,
.articleCard__title:has(a):active,
.articleCard:has(a.articleCard__imgs__wrapper:active) .articleCard__title {
    color: rgb(from var(--zagolovki) r g b / 0.8);
}

/*=================================*/
.articleCard__date {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: var(--svetlyy-tekst);
}

.articleCard__date:not(:last-child) {
    margin-bottom: 5px;
}

/*=================================*/
.articleCard__content {
    display: flex;
    flex-direction: column;

    box-sizing: border-box;
    width: 100%;

    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0;
    /*---------------*/
    gap: 8px;
    --paddingMin: 15;
    --paddingMax: 20;
    padding: 20px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    border-radius: 8px;
    background: var(--podlozhka);
}

.articleCard__content__price {}

.articleCard__content-strong {
    display: inline-block;
    white-space: nowrap;

    --fontsizeMin: 25;
    --fontsizeMax: 30;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);

    margin-right: 8px;
}

.articleCard__content-p {
    display: inline-block;
    white-space: nowrap;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: var(--tekst);
}

.articleCard__content-strong-desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

/*=================================*/
.articleCard__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    width: 100%;
    box-sizing: border-box;
    /*---------------*/
    --paddingMin: 15;
    --paddingMax: 30;
    padding: 0px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);

    position: relative;
    z-index: 999;
}

.articleCard--3 .articleCard__footer {
    --paddingMin: 15;
    --paddingMax: 20;
}

.articleCard__footer>* {
    flex: 1;
}

/*=================================*/
.articleCard__btn {
    z-index: 3;

    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);

    padding: 14px 21px;
    min-width: 155px;
    max-width: 100%;
    min-height: 60px;
}

.articleCard--3 .articleCard__btn {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);

    max-width: max-content;
    min-width: unset;
    min-height: 50px;
}

/*=================================*/
.articleCard__tagsList {
    position: absolute;
    padding: 12px;

    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    width: max-content;
    max-width: 100%;
    box-sizing: border-box;

    z-index: 4;
}

/*=================================*/
.articleCard__tag {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    color: var(--belyy);

    border-radius: 5px;
    padding: 3px 10px 5px;
    background: var(--zagolovki);

    transition: all .5s;
}

.articleCard__tag--green {
    background: #67c15e;
}

.articleCard__tag--red {
    background: #f36f6f;
}

.articleCard--5 .articleCard__tag {
    font-size: 16px;
}

/*=================================*/
.articleCard__counter .counter__number {
    min-width: 63px;
}


















/*
//////////////////
/////////////
/////////
iconFigure
/////////
/////////////
////////////////
*/
.iconFigure {
    width: 100%;
    height: 100%;
}

.iconFigure--1 {}

.iconFigure--2 {}

.iconFigure--3 {}

/*=================================*/
.iconFigure__inner {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    height: 100%;
    box-sizing: border-box;
}

.iconFigure--1 .iconFigure__inner {
    --paddingMin: 20;
    --paddingMax: 40;
    padding: 40px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px) 35px;
    background: var(--podlozhka);
}

.iconFigure--2 .iconFigure__inner {
    background: var(--podlozhka);
    padding: 25px;
}

.iconFigure--3 .iconFigure__inner {}

/*=================================*/
.iconFigure__header {
    display: flex;
    flex-direction: column;
}

.iconFigure__header:not(:last-child) {
    margin-bottom: 8px;
}

.iconFigure--1 .iconFigure__header {}

.iconFigure--1 .iconFigure__header:not(:last-child) {
    margin-bottom: 10px;
}

.iconFigure--2 .iconFigure__header {}

.iconFigure--3 .iconFigure__header {
    display: inline-block;
}

/*=================================*/
.iconFigure__img {}

.iconFigure__img:not(:last-child) {
    margin-bottom: 30px;
}

.iconFigure--1 .iconFigure__img {}

.iconFigure--2 .iconFigure__img {}

.iconFigure--2 .iconFigure__img:not(:last-child) {
    margin-bottom: 20px;
}

.iconFigure--3 .iconFigure__img {
    float: left;
    margin-right: 6px;
    max-height: 28px;
    max-width: 100%;
}

.iconFigure--3 .iconFigure__img:not(:last-child) {
    margin-bottom: -5px;
}

.iconFigure__img img {}

/*=================================*/
.iconFigure__title {
    font-family: var(--second-family);
    font-weight: 600;
    --fontsizeMin: 21;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--zagolovki);
}

.iconFigure--1 .iconFigure__title {}

.iconFigure--2 .iconFigure__title {
    --fontsizeMin: 19;
    --fontsizeMax: 20;
}

.iconFigure--3 .iconFigure__title {
    display: inline;
}

/*=================================*/
.iconFigure__desc {
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--tekst);
}

.iconFigure--1 .iconFigure__desc {}

.iconFigure--2 .iconFigure__desc {
    --fontsizeMin: 17;
    --fontsizeMax: 18;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
}

.iconFigure--3 .iconFigure__desc {}


















/*
//////////////////
/////////////
/////////
aboutBlock
/////////
/////////////
////////////////
*/
.aboutBlock {
    width: 100%;
}

/*=================================*/
.aboutBlock__inner {
    display: flex;
    --gapMin: 20;
    --gapMax: 60;
    gap: 40px clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);
    width: 100%;
}

.aboutBlock--grey .aboutBlock__inner {
    background: var(--podlozhka);
    --paddingMin: 40;
    --paddingMax: 65;
    --paddingMin_B: 20;
    --paddingMax_B: 65;
    padding: clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px) clamp(var(--paddingMin_B) * 1px, var(--paddingMax_B) * 1px - (var(--linearInterpolation500x1200) * ((var(--paddingMax_B) - var(--paddingMin_B)) / 100)), var(--paddingMax_B) * 1px);
    box-sizing: border-box;
    border-radius: 12px;
}

.aboutpage .aboutBlock__inner {
    --gapMax: 40;
}

/*=================================*/
.aboutBlock__main {
    display: flex;
    flex-direction: column;
    gap: 30px;
    flex: 665;
    min-width: 300px;
}

.aboutpage .aboutBlock {
    flex: 600;
}

/*=================================*/
.aboutBlock__main h2,
.aboutBlock__title {
    --fontsizeMin: 39;
    --fontsizeMax: 54;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);
}

.aboutpage .aboutBlock__title {
    --fontsizeMax: 44;
}

.aboutBlock__title:not(:last-child) {
    margin-bottom: -15px
}

/*=================================*/

.aboutBlock__main li,
.aboutBlock__main p,
.aboutBlock__p {
    --fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);

    font-family: var(--font-family);
    font-weight: 400;
    line-height: 140%;
    color: var(--zagolovki);
}

.aboutBlock__main ul {
    margin: 0 40px;
}

.aboutBlock__main img {
    max-width: 100%;
    width: auto;
    border-radius: 20px;
}

.aboutBlock__main blockquote {
    margin: 0 40px;
    background: #f5f5f5;
    padding: 40px;
}

.aboutBlock__main img.alignright {float:right; margin:0 0 1em 1em}
.aboutBlock__main img.alignleft {float:left; margin:0 1em 1em 0}
.aboutBlock__main img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.aboutBlock__main a img.alignright {float:right; margin:0 0 1em 1em}
.aboutBlock__main a img.alignleft {float:left; margin:0 1em 1em 0}
.aboutBlock__main a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aboutBlock__main ul li {
    list-style: disc;   
}

.aboutpage .aboutBlock__p {
    --fontsizeMin: 20;
    --fontsizeMax: 24;
}

/*=================================*/
.aboutBlock__sidebar {
    flex: 480;

    display: flex;
    justify-content: center;
    align-items: flex-start;

    min-width: 300px;
    /* max-height: max-content; */

    border-radius: 25px;
    background: var(--tekst);

    overflow: hidden;
}

@media (max-width: 800px) {
    .aboutBlock__inner {
        flex-wrap: wrap;
    }

    .aboutBlock__sidebar {
        min-width: 100%;
    }
}

/*=================================*/
.aboutBlock__img {
    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    width: 100%;
    height: 100%;

    max-height: 600px;
}

.aboutBlock__img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
NEWBLOCK
/////////
/////////////
////////////////
*/
.banner {
    width: 100%;
}

.banner--1 {}

/*=================================*/
.banner__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

@media (max-width: 700px) {
    .banner__inner {
        flex-direction: column;
    }
}

/*=================================*/
.banner__main {
    flex: 780;
}

/*=================================*/
.banner__sidebar {
    flex: 380;
    min-width: 250px;
}

/*=================================*/
.banner__sidebarImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 12px;
}

.banner__sidebarImg img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
rubricGrid
/////////
/////////////
////////////////
*/
.rubricGrid {
    width: 100%;
}

.rubricGrid__inner {
    width: 100%;
}

.rubricGrid__wrapper {
    --elemsCount: 4;

    --gapRow: 12px;
    --gapCol: 12px;
    --minElemWidth: 267px;
    --maxElemWidth: 285px;
    --currentWith: 1fr;

    --elemsWidth: calc((100% - var(--gapCol) * var(--elemsCount)) / var(--elemsCount));
    display: grid;
    gap: var(--gapRow) var(--gapCol);
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(0px, 100%, var(--minElemWidth)), var(--elemsWidth), var(--maxElemWidth)), var(--currentWith)));
}

@media (max-width: 900px) {
    .rubricGrid__wrapper {
        display: flex;
        gap: 0px;
    }

    .rubricGrid__item {
        max-width: 285px;
        height: 100%;
    }
}

.rubricGrid__item {
    width: 100%;
    height: 100%;
}


















/*
//////////////////
/////////////
/////////
catalog
/////////
/////////////
////////////////
*/
.catalog {
    width: 100%;
}

/*=================================*/
.catalog__inner {
    width: 100%;
}

/*=================================*/
.catalog__main {
    width: 100%;
    padding-top: 19px;
}

/*=================================*/
.catalog__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    width: 100%;

    padding-bottom: 15px;
    border-bottom: 1px solid var(--podlozhka);
}

/*=================================*/
.catalog__filters {
    flex: 1;

    display: flex;
    justify-content: flex-start;
    gap: 10px 20px;

    width: 100%;
    overflow-x: hidden;

    min-width: 267px;
}

.catalog__filters__title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);

    margin-top: 15px;
}

.catalog__filters__container {
    margin: 0;
    overflow: hidden;
}

.catalog__filters__wrapper {
    display: flex;
    gap: 8px 0px;
    flex-wrap: wrap;
}

@media (max-width: 900px) {

    .catalog__filters__wrapper {
        display: flex;
        gap: 0;
        flex-wrap: unset;
    }
}

.catalog__filters__item {
    border-radius: 5px;
    padding: 15px;
    box-sizing: border-box;
    max-height: max-content;
    background: var(--podlozhka);

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: var(--zagolovki);

    cursor: pointer;
    box-shadow: inset 0px 0px 0px 2px rgba(217, 217, 217, 0);
    /* transition: all .2s; */
}

.catalog__filters__item:hover {
    box-shadow: inset 0px 0px 0px 2px rgba(217, 217, 217, 1);
}

.catalog__filters__item:not(:last-child) {
    margin-right: 10px;
}

.catalog__filters__scrollbar {}

/*=================================*/
.catalog__mapping {
    display: flex;
    align-items: center;
    gap: 15px;
}

/*=================================*/
.catalog__mapping__title {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

/*=================================*/
.catalog__mapping__btnsCont {
    display: flex;
    gap: 9px;
}

/*=================================*/
.catalog__mapping__btn {
    border-radius: 5px;
    background: var(--podlozhka);

    min-width: 52px;
    max-width: 52px;
    min-height: 52px;
    max-height: 52px;
}

.catalog__mapping__btn--active {
    background: var(--svetlyy-tekst);
}

.catalog__mapping__btn svg {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;

    fill: var(--svetlyy-tekst);
}

.catalog__mapping__btn svg * {
    fill: var(--svetlyy-tekst);
}

.catalog__mapping__btn--active svg * {
    fill: var(--belyy);
}

.catalog__mapping__btn--chess {}

.catalog__mapping__btn--list {}

/*=================================*/
.catalog__pagination {
    margin-top: 35px;
}


















/*
//////////////////
/////////////
/////////
productHeader
/////////
/////////////
////////////////
*/
.productHeader {
    width: 100%;
}

/*=================================*/
.productHeader__inner {
    width: 100%;
    display: grid;
    grid-template-areas:
        "slider title"
        "slider price"
        "slider form"
        "slider delivery";
    grid-template-columns: 440fr 700fr;
    grid-template-rows: auto auto auto 1fr;
    --gapMin: 20;
    --gapMax: 40;
    gap: 0px clamp(var(--gapMin) * 1px, var(--gapMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--gapMax) - var(--gapMin)) / 100)), var(--gapMax) * 1px);
}

/*=================================*/
.productHeader__slider {
    grid-area: slider;

    position: relative;
    width: 100%;
    max-height: max-content;
}

/*=================================*/
.productHeader__slider__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;

    border: 1px solid #d9d9d9;
    border-radius: 10px;

    overflow: hidden;
}

/*=================================*/
.productHeader__slider__wrapper {
    height: 100%;
    max-height: 370px;
}

/*=================================*/
.productHeader__slider__slide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*=================================*/
.productHeader__slider__contImg {
    aspect-ratio: 440/370;
}

.productHeader__slider__contImg img {
    /* position: absolute; */
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
}

/*=================================*/
.productHeader__slider__pagination {
    display: flex;
    justify-content: center;
    gap: 7px;
    position: absolute;
    bottom: 18px;

    z-index: 2;
}

.productHeader__slider__pagination .swiper-pagination-bullet {
    min-width: 14px;
    max-width: 14px;
    min-height: 14px;
    max-height: 14px;
    border-radius: 100%;
    background: #d9d9d9;
}

.productHeader__slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--akcentnyy);
}

/*=================================*/
.productHeader__slider__controls {
    position: absolute;

    display: flex;
    justify-content: center;
    gap: 15px;
}

.productHeader__slider__controls__btn {
    min-width: 56px;
    max-width: 56px;
    min-height: 56px;
    max-height: 56px;
}

.productHeader__slider__controls__btn--prev {}

.productHeader__slider__controls__btn--next {}

/*=================================*/
.productHeader__title {
    grid-area: title;

    font-family: var(--second-family);
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    color: var(--tekst);
}

.productHeader__title:not(:last-child) {
    margin-bottom: 21px;
}

/*=================================*/
.productHeader__price {
    grid-area: price;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 17px;

    max-width: 100%;
}

.productHeader__price:not(:last-child) {
    margin-bottom: 30px;
}

.productHeader__price__main {
    display: flex;
    flex-direction: column;
    gap: 5px;

    padding: 23px 25px 22px;
    box-sizing: border-box;
    max-width: 290px;
    width: 100%;
    max-height: max-content;

    border-radius: 10px;
    background: var(--akcentnyy);
}

.productHeader__price__singlePrice {
    display: inline-block;
    font-family: var(--second-family);
    font-weight: 400;
    --fontsizeMin: 26;
    --fontsizeMax: 32;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 100%;
    color: var(--svetlyy-tekst);

    min-width: max-content;
}

.productHeader__price__singlePrice strong {
    font-family: var(--second-family);
    font-weight: 700;
    --fontsizeMin: 32;
    --fontsizeMax: 42;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 100%;
    color: var(--zagolovki);
}

.productHeader__price__wholesalePrice {
    display: inline-block;
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 20;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--svetlyy-tekst);

    min-width: max-content;
}

.productHeader__price__wholesalePrice strong {
    font-family: var(--font-family);
    font-weight: 700;
    --fontsizeMin: 20;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--zagolovki);
}

.productHeader__price__desc {
    width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    
    gap: 10px;
    margin: 0;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

.productHeader__price__desc p {
    display: inline;
}

/*=================================*/
.productHeader__form {
    grid-area: form;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;

    max-height: max-content;
}

.productHeader__form:not(:last-child) {
    margin-bottom: 30px;
}

.productHeader__counter {
    flex: 1;

    min-height: 69px;
    height: 69px;
    max-height: 69px;

    min-width: 158px;
    width: 158px;
    max-width: 158px;

    border-radius: 10px;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    color: var(--svetlyy-tekst);
}

.productHeader__counter .counter__number {
    min-width: 66px;
}

.productHeader__form__btn {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    color: var(--belyy);
    padding: 22px 49.5px 23px;
    min-height: 69px;
}

.productHeader__form__desc {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--svetlyy-tekst);

    margin-left: 8px;
}

/*=================================*/
.productHeader__delivery {
    grid-area: delivery;

    display: flex;
    flex-direction: column;
    gap: 16px;

    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: var(--belyy);

    --paddingMin: 20;
    --paddingMax: 35;
    padding: 35px clamp(var(--paddingMin) * 1px, var(--paddingMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--paddingMax) - var(--paddingMin)) / 100)), var(--paddingMax) * 1px);
    background: var(--podlozhka);
    width: 100%;
    box-sizing: border-box;

    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
}

.productHeader__delivery strong {
    font-weight: 700;
    color: var(--tekst);
}

.productHeader__delivery br+* {
    margin-top: 8px;
}


















/*
//////////////////
/////////////
/////////
tabsBlock
/////////
/////////////
////////////////
*/
.tabsBlock {
    width: 100%;
}

/*=================================*/
.tabsBlock__inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

/*=================================*/
.tabsBlock__nav {
    width: 100%;
}

/*=================================*/
.tabsBlock__switchersList {
    margin: 0;
    width: 100%;
    max-width: max-content;
}

/*=================================*/
.tabsBlock__switchersList__wrapper {
    min-width: max-content;
}

/*=================================*/
.tabsBlock__switcher {
    font-family: var(--second-family);
    font-weight: 400;
    --fontsizeMin: 20;
    --fontsizeMax: 24;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 100%;
    color: var(--svetlyy-tekst);

    border-bottom: 3px solid var(--svetlyy-tekst);
    padding: 14px 30px 11px;
    box-sizing: border-box;
    max-width: max-content;

    cursor: pointer;

    transition: all .1s;
}

.tabsBlock__switcher--active {
    /* font-weight: 600; */
    color: var(--zagolovki);
    border-bottom: 3px solid var(--akcentnyy);
    text-shadow:
        0px .2px 0px var(--zagolovki),
        0px -.2px 0px var(--zagolovki),
        .2px 0px 0px var(--zagolovki),
        -.2px 0px 0px var(--zagolovki);
}

/*=================================*/
.tabsBlock__tabsList {
    position: relative;
    width: 100%;
}

/*=================================*/
.tabsBlock__tab {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    opacity: 0;
    pointer-events: none;

    transition: all .2s;
}

.tabsBlock__tab--active {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

/*=================================*/
:where(.tabsBlock__tab p) {
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--tekst);
}

:where(.tabsBlock__tab p) {
    margin-bottom: 15px;
}

/*=================================*/
:where(.tabsBlock__tab :is(dl, ul, ol)) {}

:where(.tabsBlock__tab :is(dl:not(:last-child), ul:not(:last-child), ol:not(:last-child))) {
    margin-bottom: 15px;
}

:where(.tabsBlock__tab dl>div) {}

:where(.tabsBlock__tab dt) {
    font-family: var(--font-family);
    font-weight: 600;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--tekst);
}

:where(.tabsBlock__tab :is(dd, li)) {
    font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 120%;
    color: var(--svetlyy-tekst);
}


















/*
//////////////////
/////////////
/////////
contactBlock
/////////
/////////////
////////////////
*/

.contactBlock {
    width: 100%;
}

.contactBlock__inner {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.contactBlock__item {
    width: 100%;
}

.contactBlock__item__title {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--svetlyy-tekst);
    margin-bottom: 4px;
}

.contactBlock__item__content {}

.contactBlock-phone {
    font-family: var(--second-family);
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    color: var(--zagolovki);
}

.contactBlock-email {
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: var(--zagolovki);
}

.contactBlock-address {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

.contactBlock-schedule {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: var(--zagolovki);
}

.contactBlock .btn--icon {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
}

.contactBlock .btn--icon img {
    min-width: 38px;
    max-width: 38px;
    min-height: 38px;
    max-height: 38px;
}

.error404 {
    display: block;
    margin: 30px 0 0;
    
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    color: var(--tekst);
    width: 100%;
    box-sizing: border-box;
}

.cart-footer {
    margin: 30px 0 0;
}

.productHeader__form.articleCard {
    border: none;
    box-shadow: none;
}

.productHeader__form.articleCard .articleCard__btn {
    max-width: fit-content;
}

.form-input--order {
	display: none !important;
}

.footer__nav__block .btn--text__line {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: flex-start;
	font-size: 16px;
	text-decoration: none;
	color: #000;
}

.footer__nav__block .btn--text__line p:nth-child(1) span {
	color: #999;
}

.footer__nav__block .btn--text__line:hover {
	text-decoration: none;
}

.faq-block {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.faq-title {
	padding: 0 0 20px;
	
    --fontsizeMin: 39;
    --fontsizeMax: 54;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation500x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--second-family);
    font-weight: 700;
    line-height: 100%;
    color: var(--zagolovki);
}

.faq-accordion {
    border-top: 1px solid #e2e8f0;
}

.faq-item {
    border-bottom: 1px solid #e2e8f0;
}

.faq-question {
    padding: 1rem 0;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.2s;
	
	--fontsizeMin: 22;
    --fontsizeMax: 28;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 140%;
    color: var(--zagolovki);
}

.faq-question::-webkit-details-marker { display: none; }
.faq-question::after {
    content: "+";
    font-size: 1.4rem;
    font-weight: 300;
    transition: transform 0.2s;
}

.faq-item[open] .faq-question::after {
    content: "−";
    transform: rotate(0deg);
}

.faq-item[open] .faq-question {
    color: var(--faq-accent, #2563eb);
}

.faq-answer {
	padding: 0 0 20px 0;
	
   	--fontsizeMin: 18;
    --fontsizeMax: 20;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    font-family: var(--font-family);
    font-weight: 400;
    line-height: 140%;
    color: var(--zagolovki);
}

.faq-answer p:last-child { margin-bottom: 0; }

.aboutBlock__main table tr td {
	border: 1px solid #e1e1e1;
	padding: 10px;
	font-size: 18px;
}

.aboutBlock__main table tr:nth-child(1) td {
	font-weight: 700;	
}

.section--about ul {
	margin: 0 30px;
}

.tabsBlock__tab li,
.section--about ul li {
	list-style: disc;
}

.tabsBlock__tab ul {
	margin: 0 20px 20px 30px;
}

.tabsBlock__tab li {
	font-family: var(--font-family);
    font-weight: 400;
    --fontsizeMin: 19;
    --fontsizeMax: 22;
    font-size: clamp(var(--fontsizeMin) * 1px, var(--fontsizeMax) * 1px - (var(--linearInterpolation940x1200) * ((var(--fontsizeMax) - var(--fontsizeMin)) / 100)), var(--fontsizeMax) * 1px);
    line-height: 140%;
    color: var(--tekst);
}

.tabsBlock__tab a {
	text-decoration: underline;
}

.tabsBlock__tab a:hover {
	text-decoration: none;
}

.add-to-card:before {
	content: 'В корзину';
}

.table__notAvailable:before {
	content: 'Не в наличии';
}

.table__Available:before {
	content: 'В наличии';
}

.sort_arrow {
	position: relative;
	top: 5px;
	
	display: inline-block;
	margin: 0 0 0 10px;
	width: 20px;
	height: 20px;
	background: url(/wp-content/uploads/2026/06/sort-icon.png) center center no-repeat;
	background-size: cover;
	
	cursor: pointer;
}

.sort_arrow.active {
	transform: rotate(180deg);
}

.image_map img {
	max-width: 100%;
	width: 100%;
	border-radius: 20px;
}