/*VARS*/
/*:root {
    --gray: #EEEFF1;
}*/
body {
    --white: #FFFFFF;
    --graybg: var(--light, #F9F9F9) var(--dark, #F9F9F9);
    --basic_text_black: var(--light, #2F2F2F) var(--dark, #EEEFF1) !important;
    --white_text_black: var(--light, #2F2F2F) var(--dark, #EEEFF1) !important;
    --secondary: var(--light, #5B5B5B) var(--dark, #5B5B5B) !important;
    --input_border_color-hover: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))) !important;
    --input_border_color-focus: hsl(var(--theme-base-color-hue), var(--theme-base-color-saturation), calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff))) !important;

    --redhover: #A92725;
    --reddefault: #D42427;
    --stroke-black-10: #F1F1F1;
    --white: #FFFFFF;
    --statusok: #307B51;
    --statuserror: #E03A43;
    --statuswarning: #FFC117;
    --textprimary: #2F2F2F;
    --textsecondary: #5B5B5B;
    --paragraph: #5B5B5B;
    --black-100: #000000;
    --black-80: #6B6B6B;
    --black-70: #BCBDBD;
    --statusdisable: #DADBDB;
    --black-50: #E3E3E3;
    --black-10: #F1F1F1;
    --black-90: #2F2F2F;
    --bg: #F9F9F9;

}

/*Font Size*/
h1 {
    color: var(--black-90);
    font-size: 48px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0%;
}

h2 {
    color: var(--black-90);
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0%;
}

h3 {
    color: var(--black-90);
    font-size: 24px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0%;
}

h4 {
    color: var(--black-90);
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0%;
}

.lowercase {
    text-transform: lowercase;
}

.font_18 {
    line-height: calc(1em + 4px);
}

.font_32 {
    font-size: clamp(1rem + 6px, 2.6vw, 1rem + 16px);
    line-height: calc(1em + 6px);
}


/*Gutters*/
.row-gap--64 {
    row-gap: clamp(48px, 4vw, 64px);
}

.p-block--64 {
    --p-block: clamp(56px, 5vw, 64px);
}

/*Tags*/
li {
    margin: 0px 0 0 16px;
}


/*Buttons*/
.btn.btn-default {
    padding: 10px 32px 10px 32px;
    font-size: 14px;
    font-weight: 500;
}

.btn.btn-default.btn-elg {
    font-size: 1rem;
    font-weight: 500;
}

.btn.btn-default:hover, .btn-default:active, .btn-default:focus {
    background-color: var(--redhover);
    border-color: var(--redhover);
}

.btn.btn-default.btn-transparent-bg:not(:hover) {
    border-color: var(--theme-base-color);
    color: var(--theme-base-color);
}

.btn.btn-default.btn-transparent-bg:hover {
    border-color: var(--redhover);
    color: var(--redhover);
    background: transparent;
}


body .btn.btn-default.in_cart {
    background-color: var(--theme-base-color);
    border-color: var(--theme-base-color);
}

.btn .counter {
    height: var(--button-height);
}

.btn.to_cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn.to_cart .to_cart__icon {
    flex: 0 0 auto;
    width: 20px;
    height: 18px;
    fill: currentColor;
}

.counter {
    width: 132px;
}

.counter__action::before, .counter__action::after {
    background-color: var(--white);
}

.counter__action:hover {
    background-color: var(--redhover);
}

.counter__count {
    color: var(--white);
}

/*.bordered {
    --box_shadow: var(--black-80);
}
*/

/*Stikers*/
.sticker__item--sale,
.sticker__item--aktsiya,
.sticker__item--stock {
    --sticker_color: var(--theme-base-color);
    color: var(--white);
}

.sticker__item--new,
.sticker__item--novinka {
    --sticker_color: var(--theme-base-color);
}

.sticker__item--hit,
.sticker__item--khit {
    --sticker_color: var(--theme-base-color);
}

.sticker__item--recommend,
.sticker__item--sovetuem {
    --sticker_color: var(--theme-base-color);
}

.sticker__item--sale-text,
.sticker__item--sale_text,
.sticker__item--red {
    --sticker_color: var(--theme-base-color);
}

/*Sort & Filter panel in catalog*/
.compact__parameters .dropdown-select .dropdown-select__title {
    display: flex;
    align-items: center;
    color: var(--secondary);
    border: 1px solid var(--black-80);
    padding: 8px 16px;
}

.compact__parameters .dropdown-menu-wrapper--woffset .dropdown-menu-inner {
    padding: 0 8px;
}

.compact__parameters .dropdown-select__list-item:hover .dropdown-menu-item {
    background-color: #EAEAEA;
    border-radius: 0;
}

.compact__parameters .dropdown-select__list-item {
    margin: 0 -8px;
}

.compact__parameters .dropdown-menu-wrapper--woffset .dropdown-menu-item--current {
    border-radius: 0;
}

.compact__parameters .dropdown-menu-item--current {
    background-color: unset;
}

.compact__parameters .dropdown-menu-item--current .stroke-dark-light * {
    stroke: var(--statusok);
}

/*Checkboxes*/
.form-checkbox__box {
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--black-50);
}

.form-checkbox__label:hover .form-checkbox__box {
    border: 1px solid var(--black-70);
    border-radius: 3px;
    background: var(--black-10);
}

/*Tabs*/
.nav-tabs {
    margin: 0;
    display: flex;
    gap: 8px;
    border: 0;
}

.tabs .nav-tabs li a, .tabs .nav-tabs li>span, .tabs .nav-tabs .nav-tabs__item {
    color: var(--secondary);
    background-color: transparent;
    padding: 4px 16px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    /*line-height: 17px;*/
    border: 1px solid transparent;
    min-height: 32px;
}

.tabs .nav-tabs li:not(.active) a:hover,
.tabs .nav-tabs li:not(.active) span:hover,
.tabs .nav-tabs .nav-tabs__item:not(.active):hover {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--redhover);
}

.tabs .nav-tabs li.active a, .tabs .nav-tabs li.active>span, .tabs .nav-tabs .nav-tabs__item.active {
    background-color: var(--redhover);
    border: 1px solid var(--redhover);
}


/*BODYBG*/
.body>.main {
    background: var(--black-10);
    padding-bottom: 0px !important;
}