:root {
    --color-text: #333;
    --color-main: #6c181d;
    --color-hover: #E20613;

    --fzBody: 18px;

    --fz12: clamp(0.72rem, 0.9vw, 0.67rem);
    --fz14: clamp(0.78rem, 1vw, 0.78rem);
    --fz15: clamp(0.8rem, 1.05vw, 0.83rem);
    --fz16: clamp(0.85rem, 1.1vw, 0.89rem);
    --fz17: clamp(0.9rem, 1.15vw, 0.94rem);
    --fz18: clamp(0.95rem, 1.2vw, 1rem);
    --fz19: clamp(1rem, 1.3vw, 1.06rem);
    --fz20: clamp(1.05rem, 1.35vw, 1.11rem);
    --fz22: clamp(1.1rem, 1.5vw, 1.22rem);
    --fz23: clamp(1.15rem, 1.55vw, 1.28rem);
    --fz24: clamp(1.2rem, 1.6vw, 1.33rem);
    --fz25: clamp(1.25rem, 1.65vw, 1.39rem);
    --fz26: clamp(1.3rem, 1.8vw, 1.44rem);
    --fz27: clamp(1.35rem, 1.85vw, 1.5rem);
    --fz28: clamp(1.4rem, 1.9vw, 1.56rem);
    --fz30: clamp(1.5rem, 2vw, 1.67rem);
    --fz32: clamp(1.6rem, 2.1vw, 1.78rem);
    --fz35: clamp(1.75rem, 2.35vw, 1.94rem);
    --fz40: clamp(1.8rem, 2.7vw, 2.22rem);
    --fz48: clamp(2rem, 3.2vw, 2.67rem);
    --fz50: clamp(2.1rem, 3.3vw, 2.78rem);
    --fz56: clamp(2.3rem, 3.7vw, 3.11rem);
    --fz57: clamp(2.35rem, 3.8vw, 3.17rem);
    --fz60: clamp(2.4rem, 4vw, 3.33rem);
    --fz64: clamp(2.5rem, 4.3vw, 3.56rem);
    --fz85: clamp(3rem, 5.7vw, 4.72rem);
    --fz100: clamp(3.5rem, 6.7vw, 5.56rem);
    --fz150: clamp(5rem, 10vw, 8.33rem);
}

body,
html {
    width: 100%;
    min-width: 320px;
    cursor: default;
    font-family: "Nunito Sans", sans-serif;
    font-size: var(--fzBody);
    font-weight: 300;
    line-height: normal;
    color: var(--color-text);
    background-color: #EFEFEF;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
}
ol, ul, dl{
    margin: 0;
    padding: 0;
}
.nav-link {
    padding: 0;
}
/*html {
    overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
}*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: 0;
}

a{
    transition: all .3s;
}
p{
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}
.container {
    max-width: 1440px;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
}

.btn-main, 
.btn_main_form {
    background-color: var(--color-main);
    color: #fff;
    text-align: center;
    font-size: var(--fz16);
    font-weight: 600;
    padding: 17px 20px;
    display: inline-block;
    transition: all .3s;
    width: 100%;
    max-width: 274px;
    border-radius: 15px;
    text-transform: uppercase;
    border: none;
    line-height: 125%;
}
.btn_main_form {
    max-width: 254px;
    display: block;
    margin: 29px auto 0;
}
.btn-main.btn-callback {
    border-radius: 10px;
    padding: 11px 10px;
}
.btn-main:hover,
.btn_main_form:hover {
    background: var(--color-hover);
    color: #fff;
}
.btn-main.btn-border{
    color: var(--color-main);
    border: 1px solid var(--color-main);
    background: transparent;
}
.btn-main.btn-border:hover{
    color: #fff;
    background: var(--color-main);
}



.heading-main {
    font-family: "Nunito Sans", sans-serif;
    font-size: var(--fz48);
    font-weight: 700;
    margin-bottom: clamp(20px, 3vw, 46px);
    line-height: 1.2;
}

article {
    padding-top: clamp(20px, 2.6vw, 35px);
    padding-bottom: clamp(50px, 7.4vw, 100px);
}
.main-content {
    font-size: var(--fz16);
    line-height: 144%
}

.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: var(--color-text);
    font-weight: 700;
    margin-bottom: 20px;
    padding-top: 10px;
}
.main-content h2{
    font-size: var(--fz35);
}
.main-content h3{
    font-size: var(--fz32);
}
.main-content h4{
    font-size: var(--fz30);
    font-weight: 500;
    line-height: 145%;
}
.main-content h5{
    font-size: var(--fz26);
}
.main-content h6{
    font-size: var(--fz20);
}
.main-content{
    font-weight: 300;
    font-size: var(--fz18);
    line-height: 144%;
    clear: both;
}
.main-content p {
    margin-bottom: 20px;
    font-weight: 300;
    font-size: var(--fz18);
    line-height: 144%;
}
.main-content p.color-main{
    color: var(--color-main);
}
.main-content p strong,
.main-content p b {
    font-weight: 600;
    color: #ff0101;
}
.main-content p a {
    color: #e20613;
    border-bottom: 1px solid #e20613;
}
.main-content p a:hover{
    border-bottom: none;
}
.main-content img {
    margin-bottom: 30px;
}
.main-content img[style="float: left;"],
.main-content .img-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content img[style="float: right;"],
.main-content .img-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
    max-width: 50%;
}
.main-content ul {
    padding-left: 15px;
    margin-bottom: 22px;
}
.main-content ul li {
    font-size: var(--fz18);
    font-weight: 300;
    margin-bottom: 14px;
    position: relative;
    padding-left: 22px;
}
.main-content ul li:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 3px;
    background: transparent;
    border: 2px solid #e20613;
    transform: rotate(45deg);
}

.main-content table {
    width: 100%;
    max-width: 976px;
    margin-bottom: 30px;
    border: none;
}
.main-content table tr{
    background: transparent;
}
.main-content table tr:nth-child(2n){
    background: #fff;
}
.main-content table td {
    padding: 8px 10px;
    font-weight: 400;
    font-size: var(--fz16);
    color: #000;
    border: 1px solid #f0eef3;
}
.main-content table td:first-child {
    width: auto !important;
}
.main-content table td:last-child {
    font-weight: 700;
    width: 21% !important;
    min-width: 90px;
}
.main-content table th,
.main-content table tr:first-child td {
    background-color: var(--color-main);
    color: #fff;
    font-size: var(--fz16);
    padding: 8px 10px;
    font-weight: 700;
    border: 1px solid #f0eef3;
}
.main-content table th:first-child,
.main-content table tr:first-child td:first-child{
    border-radius: 15px 0 0 0;
}
.main-content table th:last-child,
.main-content table tr:first-child td:last-child{
    border-radius: 0 15px 0 0;
}

ol.breadcrumb {
    text-align: left;
    padding: 0;
    margin-bottom: 20px;
}
ol.breadcrumb li.breadcrumb-item {
    font-weight: 300;
    font-size: var(--fz14);
    color: var(--color-main);
}
ol.breadcrumb li a {
    color: #bababa;
}
ol.breadcrumb li a:hover {
    color: var(--color-main);
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 6px;
    padding-left: 6px;
}
ul.pagination {
    margin-top: clamp(25px, 3.7vw, 50px);
    flex-wrap: wrap;
}
ul.pagination li a {
    width: 47px;
    height: 47px;
    display: inline-block;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin: 0 1px;
    text-align: center;
    line-height: 47px;
    color: #333;
    transition: all .3s;
    margin-right: 5px;
    border: 1px solid transparent;
    border-radius: 10px;
}
ul.pagination li a:hover{
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
ul.pagination  li.active a{
    background: var(--color-main);
    color: #fff;
    border: 1px solid var(--color-main);
}
.pagination li:last-child:not(.active) a,
.pagination li:first-child:not(.active) a {
    border: 1px solid #fff;
    font-size: 0;
    position: relative;
    transition: all .3s;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
}
.pagination li:first-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5427 1.08569L1.45703 13.1714L13.5427 25.2571' stroke='%23C5C5C5' /%3E%3C/svg%3E");
}
.pagination li:first-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5427 1.08569L1.45703 13.1714L13.5427 25.2571' stroke='%236c181d' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a{
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.914286 1.08569L13 13.1714L0.914286 25.2571' stroke='%23C5C5C5' /%3E%3C/svg%3E");
}
.pagination li:last-child:not(.active) a:hover{
    border: 1px solid var(--color-main);
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.914286 1.08569L13 13.1714L0.914286 25.2571' stroke='%236c181d' /%3E%3C/svg%3E");
}

.clear {
    clear: both;
}

.form-group {
    margin-bottom: 0;
}

.box-btn-center{
    text-align: center;
    margin-top: clamp(20px, 3vw, 40px);
}
.box-btn-center a.btn-main{
    max-width: 207px;
    padding: 15px 20px;
}

/*MODAL CART*/
.modal_flash {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1050;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
}
.modal_flash .modal_fade {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal_flash .modal_content {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 541px;
    z-index: 90;
    display: flex;
    background-color: #fff;
    border-radius: 15px;
    flex-direction: column;
    box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.25);
    padding: clamp(30px, 3vw, 40px) clamp(20px, 2.6vw, 35px);
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content .modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 1em;
    height: 1em;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_flash .modal_content {
    padding: clamp(20px, 3vw, 40px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.modal_flash .modal_content b.body_name {
    font-size: var(--fz20);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
    display: block;
}
.modal_flash .modal_body {
    margin-bottom: 15px;
}
.modal_flash .modal_footer {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    column-gap: 10px;
}
.modal_flash .modal_footer .btn-main.btn-border {
    border-radius: 15px;
}


/*MODAL*/
.modal.show {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog.modal-form {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    max-height: calc(100% - 10px);
    width: calc(100% - 30px);
    max-width: 798px;
}
button.btn.close-modal {
    background-color: transparent;
    position: absolute;
    right: 5px;
    top: 7px;
}
.modal-form .modal-content {
    border-radius: 15px;
    background-color: #fff;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #333;
    overflow: hidden;
}
.light-theme .modal-form .modal-content{
    background-color: #fff;
}

.fade {
    background: rgba(51, 51, 51, 0.3); !important;
    backdrop-filter: blur(4px);
}
.modal-backdrop.show {
    opacity: 1;
}

.modal-form h3{
    font-family: "Nunito Sans", sans-serif;
    font-weight: 700;
    font-size: var(--fz48);
    text-align: center;
    color: #333;
    margin-bottom: 14px;
}
.modal-form .descr-form{
    text-align: center;
    font-weight: 500;
    font-size: var(--fz22);
    margin-bottom: 14px;
}
.modal-header-form {
    padding: 30px 20px 0;
    max-width: 660px;
    margin: 0 auto;
}
.modal-footer-form {
    padding: 0 20px 55px;
    max-width: 660px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.modal-form .modal-body {
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
    max-width: 660px;
}
.modal-body{
    padding: 0;
}
.modal-logo {
    background-color: var(--color-main);
    padding: clamp(20px, 2.6vw, 35px);
    text-align: center;
}

input.form-control, 
textarea.form-control{
    border: 1px solid transparent;
    border-radius: 15px;
    padding: 16px 17px;
    height: 60px;
    font-weight: 300;
    font-size: var(--fz16);
    color: #333;
    margin-bottom: 14px;
    outline: none;
    background: #fff;
}
textarea.form-control{
    border-radius: 15px;
    resize: none;
    height: 96px;
}
input.form-control::placeholder, 
textarea.form-control::placeholder{
    color: #8b949d;
}
input.form-control:focus,
textarea.form-control:focus{
    border: 1px solid var(--color-main);
}

.form-text-bottom{
    margin-bottom: 32px;
    text-align: left;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}
.form-text-bottom p {
    margin-bottom: 6px;
}
.form-text-bottom a{
    text-decoration: underline;
}
.form-text-bottom a:hover{
    text-decoration: none;
}
label.custom-checkbox {
    margin-bottom: 0;
    text-align: left;
    max-width: 460px;
}
.custom-checkbox>input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: auto !important;
    margin: 0 !important;
}
.custom-checkbox>span {
  user-select: none;
  cursor: pointer;
}
.custom-checkbox>span a{
    color: #e20613;
}
.custom-checkbox>span a:hover{
    text-decoration: none;
}
.custom-checkbox>span::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 3px;
  margin-right: 9px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #fff;
  margin-top: 0;
  background-size: 9px;
  position: relative;
  top: 3px;
}

.custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
  background-color: #fff;
}
.custom-checkbox>input:checked+span::before {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.57143L3.76923 7L8 1' stroke='%236C181D' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
  background-color: #fff;

}
.custom-checkbox>input:disabled+span::before {
  background-color: #fff;
}


.form-control:disabled, 
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

header .dropdown-menu {
    background-color: #fff;
    width: 100%;
    width: auto;
    min-width: 135px;
    padding: 20px 20px 3px;
    margin-top: 10px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    border: none;
}
.dropdown-menu:before {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    background: transparent;
    position: absolute;
    top: -10px;
    left: 0;
}


button.navbar-toggler {
    padding: 0;
    border: none;
    min-width: 40px;
    height: 29px;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='29' viewBox='0 0 40 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='3' rx='1.5' fill='%23333333'/%3E%3Crect y='13' width='40' height='3' rx='1.5' fill='%23333333'/%3E%3Crect y='26' width='40' height='3' rx='1.5' fill='%23333333'/%3E%3C/svg%3E");
}
button.navbar-toggler[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='31' viewBox='0 0 40 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.12134' y='28.2843' width='40' height='3' rx='1.5' transform='rotate(-45 5.12134 28.2843)' fill='%23333333'/%3E%3Crect x='7.12134' y='0.284271' width='40' height='3' rx='1.5' transform='rotate(45 7.12134 0.284271)' fill='%23333333'/%3E%3C/svg%3E");
}
.navbar{
    padding: 0;
}

/*HEADER*/
.top-header {
    padding-top: clamp(15px, 1.9vw, 25px);
    padding-bottom: clamp(20px, 2.6vw, 35px);
}
.top-header .grid{
    display: grid;
    grid-template-columns: 190px 1fr 235px;
    gap: 10px;
    align-items: center;
}
.form_search_w{
    max-width: 459px;
    position: relative;
    margin: 0 auto;
}
.form_search_w input.form_search {
    width: 100%;
    border: 1px solid #c5c5c5;
    border-radius: 15px;
    padding: 18px 20px;
    height: 63px;
    outline: none;
    font-size: var(--fz20);
    font-weight: 300;
}
.form_search_w input.form_search:focus {
    border: 1px solid var(--color-main);
    color: var(--color-main);
}
.form_search_w button.srch_b {
    width: 22px;
    height: 22px;
    border: none;
    padding: 0;
    background: none;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4252 1.65C5.66953 1.65 1.81422 5.41361 1.81422 10.0562C1.81422 14.6989 5.66953 18.4625 10.4252 18.4625C15.181 18.4625 19.0364 14.6989 19.0364 10.0562C19.0364 5.41361 15.181 1.65 10.4252 1.65ZM0.124023 10.0562C0.124023 4.50234 4.73605 0 10.4252 0C16.1146 0 20.7266 4.50234 20.7266 10.0562C20.7266 12.8402 19.5676 15.36 17.6952 17.1809L21.189 20.5917C21.519 20.9139 21.519 21.4362 21.189 21.7584C20.859 22.0805 20.3238 22.0805 19.9939 21.7584L16.3995 18.2496C14.7146 19.4225 12.6525 20.1125 10.4252 20.1125C4.73605 20.1125 0.124023 15.6102 0.124023 10.0562Z' fill='%236C181D' /%3E%3C/svg%3E");
    position: absolute;
    background-repeat: no-repeat;
    right: 20px;
    top: 18px;
}
a.btn-cart{
    display: block;
    position: relative;
}
a.btn-cart .icon_cart {
    display: block;
    width: 30px;
    height: 31px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_63_42)'%3E%3Cpath d='M26.3855 11.2366H18.2907V11.4635C18.2907 13.278 16.8146 14.7542 15 14.7542C13.1855 14.7542 11.7093 13.2781 11.7093 11.4635V11.2366H3.61447C1.62141 11.2366 0 12.8581 0 14.8511V16.0438C0 17.6214 1.01603 18.9663 2.42815 19.4584L3.20903 27.1115C3.43588 28.915 4.97779 30.2751 6.79544 30.2751H23.2047C25.0224 30.2751 26.5643 28.915 26.7911 27.1115L27.572 19.4584C28.984 18.9663 30 17.6214 30 16.0438V14.8511C30 12.8581 28.3786 11.2366 26.3855 11.2366ZM10.6296 25.1378C10.6296 25.8274 10.0706 26.3863 9.38091 26.3863C8.69127 26.3863 8.13221 25.8274 8.13221 25.1378V20.2055C8.13221 19.5159 8.69127 18.9568 9.38091 18.9568C10.0705 18.9568 10.6296 19.5159 10.6296 20.2055V25.1378ZM16.2487 25.1378C16.2487 25.8274 15.6896 26.3863 15 26.3863C14.3104 26.3863 13.7513 25.8274 13.7513 25.1378V20.2055C13.7513 19.5159 14.3104 18.9568 15 18.9568C15.6896 18.9568 16.2487 19.5159 16.2487 20.2055V25.1378ZM21.8678 25.1378C21.8678 25.8274 21.3087 26.3863 20.6191 26.3863C19.9295 26.3863 19.3704 25.8274 19.3704 25.1378V20.2055C19.3704 19.5159 19.9294 18.9568 20.6191 18.9568C21.3087 18.9568 21.8678 19.5159 21.8678 20.2055V25.1378Z' fill='%23C5C5C5' /%3E%3Cpath d='M14.9999 13.4307C16.0864 13.4307 16.9671 12.5499 16.9671 11.4635V2.69203C16.9671 1.60559 16.0864 0.724823 14.9999 0.724823C13.9135 0.724823 13.0327 1.60559 13.0327 2.69203V11.4635C13.0327 12.5499 13.9135 13.4307 14.9999 13.4307Z' fill='%23C5C5C5' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_63_42'%3E%3Crect width='30' height='30' fill='white' transform='translate(0 0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
a.btn-cart .cart-number {
    width: 21px;
    height: 21px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    background-color: var(--color-main);
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: 21px;
    position: absolute;
    left: -11px;
    top: -4px;
    transition: all .3s;
}
a.btn-cart:hover .cart-number{
    background-color: var(--color-hover);
}
.top-header .phone {
    font-weight: 700;
    font-size: var(--fz22);
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.top-header .phone a:hover{
    color: var(--color-main);
}
.top-header .phone:before{
    content: '';
    display: block;
    width: 17px;
    min-width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_40_369)'%3E%3Cpath d='M13.4243 11.2458C12.8689 10.6975 12.1756 10.6975 11.6237 11.2458C11.2028 11.6633 10.7818 12.0807 10.3679 12.5052C10.2547 12.6219 10.1592 12.6467 10.0212 12.5689C9.74883 12.4203 9.45876 12.3 9.19698 12.1373C7.97653 11.3697 6.95418 10.3827 6.04857 9.27189C5.5993 8.72004 5.19956 8.12927 4.92009 7.46421C4.86349 7.32978 4.87411 7.24134 4.98377 7.13168C5.40474 6.72486 5.81509 6.30743 6.22898 5.89C6.8056 5.30985 6.8056 4.63064 6.22545 4.04695C5.89645 3.71442 5.56746 3.38896 5.23847 3.05643C4.89887 2.71683 4.5628 2.37369 4.21966 2.03762C3.66427 1.49638 2.97091 1.49638 2.41905 2.04116C1.99455 2.45859 1.58773 2.88663 1.15615 3.29699C0.75641 3.6755 0.55477 4.13892 0.51232 4.68017C0.445107 5.56101 0.660897 6.39233 0.965125 7.20243C1.58773 8.87922 2.53579 10.3685 3.68549 11.734C5.23847 13.5806 7.09214 15.0416 9.26066 16.0958C10.237 16.5698 11.2488 16.9342 12.3489 16.9943C13.106 17.0368 13.7639 16.8458 14.291 16.255C14.6519 15.8517 15.0587 15.4838 15.4407 15.0982C16.0067 14.5251 16.0103 13.8318 15.4478 13.2658C14.7757 12.5901 14.1 11.918 13.4243 11.2458Z' fill='%236C181D' /%3E%3Cpath d='M12.7488 8.42642L14.0541 8.20355C13.8489 7.00433 13.2829 5.9183 12.4233 5.05514C11.5142 4.146 10.3645 3.57292 9.09801 3.39604L8.91406 4.70847C9.89396 4.84643 10.7854 5.28862 11.4894 5.99259C12.1544 6.65765 12.5896 7.49958 12.7488 8.42642Z' fill='%236C181D' /%3E%3Cpath d='M14.7899 2.75221C13.2829 1.24521 11.3762 0.293616 9.27135 0L9.0874 1.31243C10.9057 1.56713 12.5542 2.39138 13.856 3.68965C15.0906 4.92426 15.9007 6.48431 16.1943 8.20002L17.4997 7.97715C17.1565 5.98905 16.2191 4.18491 14.7899 2.75221Z' fill='%236C181D' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_40_369'%3E%3Crect width='17' height='17' fill='white' transform='translate(0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.grid-btn-cart {
    display: grid;
    grid-template-columns: 180px 32px;
    justify-content: start;
    align-items: center;
    gap: 23px;
}

.mnu-header{
    background-color: var(--color-main);
    color: #fff;
}
.mnu-header ul.wrap-mnu {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    column-gap: 72px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.mnu-header ul.wrap-mnu a {
    font-weight: 500;
    font-size: var(--fz18);
}
.mnu-header ul.wrap-mnu a:hover,
.mnu-header ul.wrap-mnu li.active a {
    color: #cdcccc;
}


/*HOME*/
.slider-home .wrap-slide {
    padding-top: clamp(60px, 10.7vw, 144px);
    padding-bottom: clamp(60px, 12.3vw, 166px);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slider-home .wrap-slide:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(271deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    transform: rotate(-180deg);
    pointer-events: none;
}
.slider-home .container {
    max-width: 1105px;
}
.slider-home .box-text{
    color: #fff;
    padding-top: 26px;
    padding-bottom: 26px;
    max-width: 565px;
    position: relative;
    min-height: 350px;
    z-index: 2;
}
.slider-home .box-text .heading-slide{
    font-weight: 700;
    font-size: var(--fz48);
    line-height: 1.35;
    margin-bottom: 22px;
}
.slider-home .box-text .descr-slide{
    font-weight: 300;
    font-size: var(--fz16);
    line-height: 150%;
    max-width: 465px;
    margin-bottom: 20px;
}
.slider-home .btn-main{
    max-width: 207px;
}
.slider-home .slick-dots{
    bottom: 18px;
}
.slider-home .slick-dots li button {
    display: none;
}
.slick-dots li {
    width: 15px;
    height: 15px;
    background: rgb(217 217 217 / 50%);
    border: 1px solid #fff;
    border-radius: 100%;
    margin: 0 3px;
}
.slick-dots li.slick-active{
    background: #fff;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

body.home {
    overflow-x: hidden;
}
.block-slider{
    position: relative;
}
.block-slider:before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='189' height='815' viewBox='0 0 189 815' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='411.5' y='46.575' width='505.175' height='505.175' rx='25' transform='rotate(45 411.5 46.575)' fill='%236C181D' /%3E%3Crect x='411.5' y='-6.29289' width='579.941' height='579.941' rx='24.5' transform='rotate(45 411.5 -6.29289)' stroke='%236C181D' /%3E%3C/svg%3E");
    width: 189px;
    height: 445px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}
.block-slider:after{
    content: '';
    display: block;
    width: 358px;
    height: 937px;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg width='358' height='937' viewBox='0 0 358 937' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-110.144' y='61.0555' width='575.71' height='575.71' rx='25' transform='rotate(45 -110.144 61.0555)' fill='%236C181D' /%3E%3Crect x='-110.144' y='0.707107' width='661.055' height='661.055' rx='24.5' transform='rotate(45 -110.144 0.707107)' stroke='%236C181D' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 118px;
    z-index: 1;
}

.index-category {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(20px, 3vw, 40px);
}
.index-category a.item-category {
    display: block;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index-category a.item-category .box-img{
    height: clamp(180px, 17.6vw, 237px);
}
.index-category a.item-category .box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index-category a.item-category p.name {
    background-color: var(--color-main);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: var(--fz24);
    line-height: 1.2;
    padding: 17px 10px;
    transition: all .3s;
}
.index-category a.item-category:hover p.name{
    background-color: var(--color-hover);
}
.block-category {
    padding-top: clamp(40px, 5.9vw, 80px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
    position: relative;
    z-index: 2;
}


.block-about{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(25px, 3.7vw, 50px);
    position: relative;
}
.block-about:before{
    content: '';
    display: block;
    width: 315px;
    height: 729px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='315' height='729' viewBox='0 0 315 729' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='364.855' y='47.4917' width='447.814' height='447.814' rx='25' transform='rotate(45 364.855 47.4917)' fill='%236C181D' /%3E%3Crect x='364.855' y='0.707107' width='513.977' height='513.977' rx='24.5' transform='rotate(45 364.855 0.707107)' stroke='%236C181D' /%3E%3C/svg%3E");
    position: absolute;
    top: -175px;
    right: 0;
}
.block-about .container {
    position: relative;
}
.block-about .grid-about {
    display: grid;
    grid-template-columns: 5fr 7fr;
    column-gap: clamp(20px, 3vw, 40px);
}

.block-about .box-img {
    border-radius: 15px;
    height: 634px;
    overflow: hidden;
}
.block-about .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.block-about .box-descr {
    background-color: #fff;
    border-radius: 15px;
    padding: clamp(20px, 3vw, 40px);
    width: 131%;
    margin-left: -31%;
    font-weight: 300;
    font-size: var(--fz18);
    line-height: 144%;
    color: #000;
    margin-top: clamp(30px, 4.4vw, 60px);
}
.block-about .box-descr p:not(:last-child) {
    margin-bottom: 13px;
}
.block-plus .grid-plus {
    gap: clamp(20px, 2.6vw, 35px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 685px;
    margin-bottom: 31px;
}
.block-plus .grid-plus:last-child{
    margin-bottom: 0;
}
.grid-plus.grid-plus-last {
    margin-left: 120px;
}
.block-plus {
    margin-top: clamp(25px, 3vw, 45px);
}
.block-plus .item {
    display: flex;
    align-items: center;
    column-gap: 20px;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 14px 17px;
}
.block-plus .item p {
    margin: 0;
    font-weight: 700;
    font-size: var(--fz16);
    line-height: 1.2;
}
.block-plus .icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}


.block-reviews{
    padding-top: clamp(25px, 3.7vw, 50px);
    padding-bottom: clamp(50px, 7.4vw, 100px);
}
.index-reviews{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(20px, 2.6vw, 32px);
}
.index-reviews.index-reviews-home {
    grid-template-columns: 1fr 1fr 1fr;
}
.item-review{
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    padding: clamp(15px, 1.9vw, 25px);
    background-color: #fff;
}
.item-review .wrap-name{
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 10px;
    margin-bottom: 10px;
    line-height: 1.1;
}
.item-review .name{
    font-weight: 700;
    font-size: var(--fz18);
    color: var(--color-main);
}
.item-review .date{
    font-weight: 300;
    font-size: 12px;
    color: #8b949d;
}
.item-review .review-descr{
    ont-style: italic;
    font-weight: 300;
    font-size: var(--fz16);
    line-height: 137%;
    color: #000;
}
.block-reviews .box-btn-center {
    margin-top: clamp(20px, 2.6vw, 32px);
}
.block-reviews{
    position: relative;
    overflow: hidden;
}
.block-reviews:before {
    content: '';
    display: block;
    width: 204px;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='204' height='729' viewBox='0 0 204 729' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='-160.145' y='47.4917' width='447.814' height='447.814' rx='25' transform='rotate(45 -160.145 47.4917)' fill='%236C181D' /%3E%3Crect x='-160.145' y='0.707107' width='513.977' height='513.977' rx='24.5' transform='rotate(45 -160.145 0.707107)' stroke='%236C181D' /%3E%3C/svg%3E");
    position: absolute;
    left: 0;
    bottom: -65px;
}
.block-reviews .container{
    position: relative;
}


.block-form{
    background-image: url(/template/img/bg-form.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-top: clamp(50px, 7.4vw, 100px);
    padding-bottom: clamp(50px, 7.4vw, 97px);
}
.block-form:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #fff 32.69%, rgba(255, 255, 255, 0) 100%);
}
.block-form .container{
    position: relative;
}
.block-form .grid-form{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.block-form .wrap-form {
    background: rgba(108, 24, 29, 0.8);
    box-shadow: 2px 6px 13px 0 rgba(51, 51, 51, 0.1);
    backdrop-filter: blur(3.5px);
    border-radius: 15px;
    padding: clamp(20px, 3vw, 40px);
    padding-top: clamp(20px, 3vw, 30px);
    color: #fff;
    max-width: 600px;
    margin-left: auto;
    margin-top: 5px;
}
.block-form .btn_main_form{
    background-color: #fff;
    max-width: 207px;
    margin: 0;
    color: var(--color-main);
    border: 1px solid #fff;
}
.block-form .btn_main_form:hover {
    background: transparent;
    color: #fff;
}
.block-form .wrap-form .heading-form{
    font-weight: 600;
    font-size: var(--fz48);
    margin-bottom: 5px;
}
.block-form .wrap-form .descr-form{
    font-weight: 300;
    font-size: var(--fz22);
    line-height: 1.2;
    margin-bottom: 12px;
}
.block-form .column-contacts {
    padding-top: clamp(20px, 3vw, 37px);
    color: #000;
}

.block-form .phone{
    display: flex;
    gap: 10px;
}
.block-form .phone:before{
    content: '';
    display: block;
    width: 17px;
    min-width: 17px;
    height: 17px;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_53_544)'%3E%3Cpath d='M12.9243 11.2458C12.3689 10.6975 11.6756 10.6975 11.1237 11.2458C10.7028 11.6632 10.2818 12.0806 9.8679 12.5051C9.7547 12.6219 9.65919 12.6467 9.52123 12.5688C9.24883 12.4202 8.95876 12.3 8.69698 12.1372C7.47653 11.3696 6.45418 10.3826 5.54857 9.27184C5.0993 8.71998 4.69956 8.12921 4.42009 7.46416C4.36349 7.32973 4.37411 7.24129 4.48377 7.13163C4.90474 6.72481 5.31509 6.30738 5.72898 5.88995C6.3056 5.3098 6.3056 4.63059 5.72545 4.04689C5.39645 3.71437 5.06746 3.38891 4.73847 3.05638C4.39887 2.71678 4.0628 2.37364 3.71966 2.03757C3.16427 1.49633 2.47091 1.49633 1.91905 2.04111C1.49455 2.45854 1.08773 2.88658 0.656152 3.29694C0.25641 3.67545 0.0547704 4.13887 0.0123199 4.68011C-0.0548933 5.56096 0.160897 6.39228 0.465125 7.20238C1.08773 8.87917 2.03579 10.3685 3.18549 11.734C4.73847 13.5806 6.59214 15.0416 8.76066 16.0958C9.73702 16.5698 10.7488 16.9341 11.8489 16.9943C12.606 17.0367 13.2639 16.8457 13.791 16.2549C14.1519 15.8517 14.5587 15.4838 14.9407 15.0982C15.5067 14.5251 15.5103 13.8317 14.9478 13.2657C14.2757 12.5901 13.6 11.9179 12.9243 11.2458Z' fill='black' /%3E%3Cpath d='M12.2488 8.42638L13.5541 8.20351C13.3489 7.00429 12.7829 5.91826 11.9233 5.0551C11.0142 4.14595 9.86445 3.57287 8.59801 3.396L8.41406 4.70842C9.39396 4.84639 10.2854 5.28858 10.9894 5.99255C11.6544 6.65761 12.0896 7.49954 12.2488 8.42638Z' fill='black' /%3E%3Cpath d='M14.2899 2.75221C12.7829 1.24521 10.8762 0.293616 8.77135 0L8.5874 1.31243C10.4057 1.56713 12.0542 2.39138 13.356 3.68965C14.5906 4.92426 15.4007 6.48431 15.6943 8.20002L16.9997 7.97715C16.6565 5.98905 15.7191 4.18491 14.2899 2.75221Z' fill='black' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_53_544'%3E%3Crect width='17' height='17' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.block-form .phone a{
    font-weight: 500;
    font-size: var(--fz18);
    line-height: 133%;
    color: #000;
    font-family: "Inter", sans-serif
}
.block-form .column-contacts .heading-main {
    margin-bottom: clamp(20px, 2.2vw, 30px);
}
.block-form .email,
.block-form .address,
.block-form .clock{
    display: flex;
    gap: 10px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    font-size: var(--fz16);
    margin-top: 10px;
    align-items: center;
}
.block-form .email:before,
.block-form .address:before,
.block-form .clock:before{
    content: '';
    display: block;
    width: 17px;
    min-width: 17px;
    height: 17px;
    margin-top: 4px;
    background-repeat: no-repeat;
    background-position: center;
}
.block-form .email:before{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00134 10.6421C8.84182 10.7332 8.65952 10.7788 8.5 10.7788C8.34048 10.7788 8.15818 10.7332 7.99866 10.6421L0 5.76538V12.26C0 13.6501 1.11662 14.7667 2.5067 14.7667H14.4933C15.8834 14.7667 17 13.6501 17 12.26V5.76538L9.00134 10.6421Z' fill='black' /%3E%3Cpath d='M14.4933 2.23315H2.5067C1.32171 2.23315 0.31903 3.07632 0.0683594 4.19294L8.5 9.34307L16.9316 4.19294C16.681 3.07632 15.6783 2.23315 14.4933 2.23315Z' fill='black' /%3E%3C/svg%3E");
}
.block-form .address:before{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5002 0C5.07319 0 2.28516 2.83814 2.28516 6.3267C2.28516 8.27805 3.27209 10.6465 5.21862 13.3663C6.64311 15.3568 8.04681 16.7764 8.10587 16.8359C8.21445 16.9452 8.35729 17 8.5003 17C8.63915 17 8.77811 16.9483 8.88582 16.8445C8.94502 16.7875 10.3523 15.4254 11.7794 13.4624C13.7275 10.7829 14.7153 8.38211 14.7153 6.32667C14.7152 2.83814 11.9271 0 8.5002 0ZM8.5002 9.05803C6.82476 9.05803 5.46174 7.69497 5.46174 6.01957C5.46174 4.34417 6.8248 2.98112 8.5002 2.98112C10.1756 2.98112 11.5387 4.34417 11.5387 6.01957C11.5387 7.69497 10.1756 9.05803 8.5002 9.05803Z' fill='black' /%3E%3C/svg%3E");
}
.block-form .clock:before{
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_53_568)'%3E%3Cpath d='M16.6927 1.30643C16.4943 1.10785 16.2309 0.988525 15.9512 0.988525H1.04881C0.769078 0.988525 0.505746 1.10785 0.307308 1.30643C0.10887 1.50497 -0.000237319 1.77339 3.87591e-07 2.05317L0.0108874 14.9541C0.0114103 15.5324 0.482356 16.0116 1.06074 16.0116H15.9392C16.5176 16.0116 16.9886 15.5349 16.989 14.9566L17 2.05631C17.0002 1.77648 16.8911 1.50497 16.6927 1.30643ZM15.4198 14.3442C15.4198 14.3986 15.3757 14.4427 15.3213 14.4427H1.68373C1.62929 14.4427 1.58522 14.3986 1.58522 14.3442V5.50833C1.58522 5.45395 1.62934 5.40988 1.68373 5.40988H15.3212C15.3757 5.40988 15.4197 5.45395 15.4197 5.50833V14.3442H15.4198Z' fill='black' /%3E%3Cpath d='M3.39183 9.35586H4.9607C5.35396 9.35586 5.67382 9.03595 5.67382 8.64274V7.35912C5.67382 6.9659 5.35396 6.646 4.9607 6.646H3.39183C2.99862 6.646 2.67871 6.9659 2.67871 7.35912V8.64274C2.67871 9.03595 2.99857 9.35586 3.39183 9.35586Z' fill='black' /%3E%3Cpath d='M7.718 9.35586H9.28687C9.68009 9.35586 9.99999 9.03595 9.99999 8.64274V7.35912C9.99999 6.9659 9.68009 6.646 9.28687 6.646H7.718C7.32479 6.646 7.00488 6.9659 7.00488 7.35912V8.64274C7.00488 9.03595 7.32474 9.35586 7.718 9.35586Z' fill='black' /%3E%3Cpath d='M12.092 9.35586H13.6609C14.0541 9.35586 14.374 9.03595 14.374 8.64274V7.35912C14.374 6.9659 14.0541 6.646 13.6609 6.646H12.092C11.6988 6.646 11.3789 6.9659 11.3789 7.35912V8.64274C11.3789 9.03595 11.6988 9.35586 12.092 9.35586Z' fill='black' /%3E%3Cpath d='M3.39183 13.3017H4.9607C5.35396 13.3017 5.67382 12.9818 5.67382 12.5885V11.3049C5.67382 10.9117 5.35396 10.5918 4.9607 10.5918H3.39183C2.99862 10.5918 2.67871 10.9117 2.67871 11.3049V12.5885C2.67871 12.9818 2.99857 13.3017 3.39183 13.3017Z' fill='black' /%3E%3Cpath d='M7.718 13.3017H9.28687C9.68009 13.3017 9.99999 12.9818 9.99999 12.5885V11.3049C9.99999 10.9117 9.68009 10.5918 9.28687 10.5918H7.718C7.32479 10.5918 7.00488 10.9117 7.00488 11.3049V12.5885C7.00488 12.9818 7.32474 13.3017 7.718 13.3017Z' fill='black' /%3E%3Cpath d='M12.092 13.3017H13.6609C14.0541 13.3017 14.374 12.9818 14.374 12.5885V11.3049C14.374 10.9117 14.0541 10.5918 13.6609 10.5918H12.092C11.6988 10.5918 11.3789 10.9117 11.3789 11.3049V12.5885C11.3789 12.9818 11.6988 13.3017 12.092 13.3017Z' fill='black' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_53_568'%3E%3Crect width='17' height='17' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.block-form .column-contacts a:hover{
    color: var(--color-main);
}
.block-form .box-map{
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 2px 6px 13px 0 rgba(51, 51, 51, 0.1);
    height: 297px;
    margin-top: clamp(25px, 3.7vw, 50px);
}
.block-form .box-map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

footer{
    background-color: var(--color-main);
    color: #fff;
}
.top-footer {
    display: grid;
    grid-template-columns: 190px 1fr;
    column-gap: clamp(30px, 4.4vw, 60px);
    align-items: center;
    padding-top: 30px;
}
ul.footer-mnu {
    display: flex;
    flex-wrap: wrap;
    column-gap: clamp(30px, 4.4vw, 64px);
}
ul.footer-mnu a.nav-link {
    font-weight: 500;
    font-size: var(--fz16);
}
ul.footer-mnu a.nav-link:hover{
    color: #cdcccc;
}

.bottom-footer {
    border-top: 1px solid #C5C5C5;
    margin-top: clamp(20px, 2.6vw, 36px);
    padding-top: clamp(20px, 2.6vw, 35px);
    padding-bottom: clamp(20px, 3vw, 40px);
    display: grid;
    grid-template-columns: 1fr 90px 1fr;
    column-gap: 20px;
    align-items: center;
}
.bottom-footer .column-left {
    font-weight: 300;
    font-size: var(--fz14);
}
.bottom-footer .column-left a {
    text-decoration: underline;
    margin-left: clamp(20px, 4.4vw, 60px);
}
.bottom-footer .column-left a:hover{
    text-decoration: none;
}
.bottom-footer .column-right {
    display: flex;
    justify-content: end;
}
.galaxy {
    color: #fff;
    font-size: 12px;
    background-image: url(/template/img/logo_gala_color.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 40px;
    max-width: 154px;
    min-width: 154px;
    font-family: "Open Sans", sans-serif;
}
.galaxy a {
    color: #fff;
    text-decoration: underline;
}
.galaxy a:hover {
    text-decoration: none;
}

.block-top-page {
    display: grid;
    grid-template-columns: 5fr 7fr;
    column-gap: clamp(20px, 3vw, 40px);
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: clamp(20px, 2.6vw, 35px);
}
.block-top-page .column-content {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: clamp(20px, 3vw, 40px);
}
.block-top-page .box-img {
    height: 100%;
}
.block-top-page .box-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.block-top-page .block-plus .grid-plus{
    max-width: 100%;
    gap: 20px;
}
.block-top-page .block-plus{
    margin-top: clamp(30px, 4.4vw, 60px);
}

.table-wrap {
    width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.category-descr {
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: clamp(25px, 3.7vw, 50px);
}
.category-descr .box-img {
    float: left;
    width: 347px;
    height: 250px;
    margin-right: clamp(20px, 3vw, 40px);
}
.category-descr .box-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.category-descr .box-text {
    font-weight: 300;
    font-size: var(--fz18);
    line-height: 144%;
    color: #000;
    padding: clamp(20px, 3vw, 40px);
}
.category-descr-bottom {
	margin-top:20px;
}
/* Нижнее описание категории */
.category-descr-bottom h2,
.category-descr-bottom h3,
.category-descr-bottom h4,
.category-descr-bottom h5,
.category-descr-bottom h6 {
    margin: 0 0 16px;
    font-family: inherit;
    font-weight: 600;
    line-height: 1.3;
    color: inherit;
}

/* Отступ сверху, если заголовок идет не первым элементом */
.category-descr-bottom h2:not(:first-child),
.category-descr-bottom h3:not(:first-child),
.category-descr-bottom h4:not(:first-child),
.category-descr-bottom h5:not(:first-child),
.category-descr-bottom h6:not(:first-child) {
    margin-top: 30px;
}

.category-descr-bottom h2 {
    font-size: 28px;
}

.category-descr-bottom h3 {
    font-size: 24px;
}

.category-descr-bottom h4 {
    font-size: 20px;
}

.category-descr-bottom h5 {
    font-size: 18px;
}

.category-descr-bottom h6 {
    font-size: 16px;
}


/* Списки */
.category-descr-bottom ul {
    margin: 0 0 20px;
    padding: 0 0 0 24px;
    list-style: disc;
}

.category-descr-bottom ul li {
    margin: 0 0 8px;
    padding: 0;
    line-height: inherit;
}

.category-descr-bottom ul li:last-child {
    margin-bottom: 0;
}

/* Вложенный список */
.category-descr-bottom ul ul {
    margin: 8px 0 0;
    list-style-type: circle;
}


/* Адаптив */
@media (max-width: 767px) {
    .category-descr-bottom h2 {
        font-size: 24px;
    }

    .category-descr-bottom h3 {
        font-size: 22px;
    }

    .category-descr-bottom h4 {
        font-size: 20px;
    }

    .category-descr-bottom h5 {
        font-size: 18px;
    }

    .category-descr-bottom h6 {
        font-size: 16px;
    }

    .category-descr-bottom h2:not(:first-child),
    .category-descr-bottom h3:not(:first-child),
    .category-descr-bottom h4:not(:first-child),
    .category-descr-bottom h5:not(:first-child),
    .category-descr-bottom h6:not(:first-child) {
        margin-top: 24px;
    }

    .category-descr-bottom ul {
        padding-left: 20px;
    }
}

.box-minus-plus input.form-control {
    width: 44px;
    height: 32px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
    padding: 5px;
    font-weight: 300;
    font-size: var(--fz16);
    color: #333;
    margin: 0;
}
.box-minus-plus {
    display: flex;
    align-items: center;
}
.box-minus-plus button {
    background: transparent;
    border: none;
    outline: none;
    font-weight: 700;
    font-size: var(--fz16);
    color: #8b949d;
}
.wrapper-control-basket {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    min-width: 230px;
}
.index-products table {
    border: 1px solid #ffffff;
}

.index-products table td,
.index-products table th {
    border: 1px solid #efefef;
    padding: 15px 10px;
    line-height: 1;
}
.index-products table td:first-child {
    min-width: 360px;
}
.index-products table th{
    background-color: var(--color-main);
    color: #fff;
    font-weight: 700;
    font-size: var(--fz16);
    padding: 20px 10px;
}
.index-products table td{
    font-weight: 300;
    font-size: var(--fz16);
    background-color: #fff;
    transition: all .3s;
}
.index-products table tr:hover td{
    background-color: #f9f8f8;
}
.index-products table th:last-child, 
.index-products table td:last-child {
    position: relative;
    padding: 0;
}
.index-products table th:last-child:before, 
.index-products table td:last-child:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #efefef;
    position: absolute;
    right: 50%;
    top: 0;
}
.wrapper-control-basket>div {
    padding: 10px;
}
.index-products table td .price1 {
    font-weight: 700;
    min-width: 70px;
}
.index-products a.product_name{
    font-weight: 800;
    text-decoration: underline;
}
.index-products a.product_name:hover{
    color: var(--color-main);
    text-decoration: none;
}
.index-products table td span{
    display: none;
}

/*слайдер товаров*/
.product-top-grid {
    display: grid;
    grid-template-columns: minmax(20%, 492px) 1fr;
    gap: clamp(20px, 2.6vw, 35px);
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.wrap-slider-product .slider-for .box-image {
    background-color: #fff;
    border-radius: 15px;
    height: clamp(250px, 41.9vw, 424px);
    overflow: hidden;
    padding: 20px;
}
.wrap-slider-product .slider-for .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.slider-nav-product .box-image {
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    padding: 5px;
    height: 102px;
    background-color: #fff;
    margin: 10px 5px;
    cursor: pointer;
}
.slider-nav-product .slick-current .box-image{
    border-color: var(--color-main);
}
.slider-nav-product .box-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.wrap-slider-product .slider-nav-product {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0;
}


.product-top-grid .wrapper-price-btn {
    border-radius: 15px;
    padding: 20px;
    background-color: #fff;
    max-width: 281px;
/*    margin-top: clamp(20px, 3vw, 40px);*/
}
.product-top-grid .wrapper-price-btn .price1{
    font-weight: 600;
    font-size: var(--fz32);
    color: var(--color-main);
}
.btn-main.btn_to_basket{
    border-radius: 15px;
    padding: 10px;
    max-width: 151px;
}
.product-top-grid div#product_basket_controls{
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-bottom .heading-product-bottom{
    font-weight: 700;
    font-size: var(--fz35);
    margin-bottom: clamp(15px, 1.5vw, 20px);
}
.product-bottom .grid {
    display: grid;
    grid-template-columns: 1fr 387px;
    gap: 20px;
}
.product-bottom .box-characteristics {
    background-color: #fff;
    border-radius: 15px;
    padding: clamp(15px, 2.2vw, 30px);
}
.product-bottom .box-characteristics ul li{
    font-weight: 300;
    font-size: var(--fz18);
    margin-bottom: 7px;
}
.product-bottom .box-characteristics ul li:last-child{
    margin-bottom: 0;
}
.product-bottom .box-characteristics ul li span{
    color: #8b949d;
}


.grid-cart {
    background-color: #fff;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.grid-cart .box-img {
    width: 85px;
    height: 62px;
}
.grid-cart .box-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.grid-cart .column-img{
    min-width: 105px;
    padding: clamp(10px, 1.5vw, 15px) 10px;
}
.grid-cart .column-del{
    min-width: 134px;
}
.grid-cart .column-price{
    min-width: 163px;
}
.grid-cart .column-num{
    min-width: 259px;
}
.grid-cart .column-name{
    width: 100%;
}
.grid-cart .wrapper-num {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.grid-cart .wrapper-num p{
    font-weight: 300;
    font-size: var(--fz16);
}
.grid-cart .column-name a {
    font-weight: 600;
    font-size: var(--fz16);
    color: #333;
}
.grid-cart .column-name a:hover{
    color: var(--color-main);
}
.grid-cart .column-name .price{
    font-weight: 700;
    font-size: var(--fz16);
    color: var(--color-main);
}
.grid-cart>div:not(.column-img) {
    border-left: 1px solid #F6F6F6;
    padding: clamp(10px, 1.5vw, 15px) 10px;
    display: flex;
    height: 100%;
    flex-direction: column;
    position: relative;
    min-height: 92px;
    justify-content: center;
    align-items: center;
}
.grid-cart .column-name{
    align-items: start !important;
}
.grid-cart .column-price .lead{
    font-weight: 700;
    font-size: var(--fz16);
}
.grid-cart .btn-del {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    background: #c5c5c5;
    color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    min-width: 101px;
}
.grid-cart .btn-del:hover{
    background-color: var(--color-main);
}
.itog {
    text-align: right;
    font-weight: 600;
    font-size: var(--fz32);
    color: #333;
    margin-top: clamp(15px, 2.2vw, 30px);
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.itog span{
    font-weight: 700;
    font-size: var(--fz40);
    color: var(--color-main);
}


.wrap-radio input[type=radio] {
    display: none !important;
}
.wrap-radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    user-select: none;
    font-weight: 500;
    font-size: var(--fz16);
    margin-bottom: 10px;
}
.wrap-radio label:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    border-radius: 100%;
    background: transparent;
    border: 2px solid var(--color-main);
    background-color: #fff;
    transition: all .1s;
}
.wrap-radio input[type=radio]:checked + label:before {
    border: 5px solid var(--color-main);
}
.form_basket {
    background-color: #fff;
    border-radius: 15px;
    padding: clamp(25px, 3.7vw, 50px);
}
.form_basket {
    background-color: #fff;
    border-radius: 15px;
    padding: clamp(25px, 3.7vw, 50px);
}
.form_basket .heading-cart-form{
    font-weight: 600;
    font-size: var(--fz48);
    color: #333;
    margin-bottom: clamp(15px, 2.2vw, 30px);
}
.form_basket .grid-cart-form {
    display: grid;
    grid-template-columns: 54% 1fr;
    gap: clamp(20px, 3vw, 40px);
}
.form_basket input.form-control, 
.form_basket textarea.form-control{
    border-radius: 15px;
    background-color: #f0f0f0;
}
.form_basket .heading-form-radio {
    font-weight: 600;
    font-size: var(--fz24);
    margin-bottom: 15px;
}
.form_basket .heading-form-radio:not(:first-child) {
    margin-top: clamp(15px, 2.2vw, 30px);
}
.form_basket .form-text-bottom,
.modal-form .form-text-bottom{
    color: #333;
}
.form_basket .custom-checkbox>span::before,
.modal-form .custom-checkbox>span::before{
    border-color: var(--color-main);
}
.form_basket .custom-checkbox>input:checked+span::before,
.modal-form .custom-checkbox>input:checked+span::before{
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.57143L3.76923 7L8 1' stroke='white' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E");
    background-color: var(--color-main);
}
.form_basket .btn_main_form{
    margin: 0;
}
.form_basket textarea.form-control{
    height: 120px;
}

.modal-form input.form-control, 
.modal-form textarea.form-control{
    background-color: #f6f6f6;
    border-color: #e0e0e0;
}
.modal-form label.custom-checkbox{
    max-width: 100%;
}

.grid-reviews {
    display: grid;
    grid-template-columns: 8fr 4fr;
    gap: clamp(15px, 2.2vw, 32px);
}
.grid-reviews .column-reviews .grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(15px, 2.2vw, 32px);
}
.review_form_cont {
    background-color: var(--color-main);
    padding: clamp(20px, 3vw, 40px);
    color: #fff;
    border-radius: 15px;
}
.review_form_cont .reviews-form__title {
    font-weight: 600;
    font-size: var(--fz35);
    margin-bottom: 15px;
}
.review_form_cont .btn_main_form {
    margin: 0;
    background-color: #fff;
    color: var(--color-main);
    border: 1px solid transparent;
}
.review_form_cont .btn_main_form:hover{
    background-color: var(--color-main);
    border-color: #fff;
    color: #fff;
}

.index-articles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(15px, 2.2vw, 32px);
}
.index-articles .item-articles {
    background-color: #fff;
    display: grid;
    grid-template-columns: minmax(100px, 272px) 1fr;
    align-items: center;
    border-radius: 15px;
    overflow: hidden;
}
.index-articles .item-articles .box-img {
    height: 100%;
    min-height: 178px;
    position: relative;
    overflow: hidden;
}
.index-articles .item-articles .box-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
    will-change: transform;
}
.index-articles .item-articles:hover .box-img img{
    transform: scale(1.1);
}
.index-articles .item-articles .box-text{
    padding: clamp(15px, 1.9vw, 25px);
    padding-left: clamp(15px, 2.2vw, 32px);
}
.index-articles .item-articles .name{
    font-weight: 700;
    font-size: var(--fz20);
    color: var(--color-main);
    transition: all .5s;
    line-height: 1.2;
}
.index-articles .item-articles:hover .name{
    color: var(--color-hover);
}
.index-articles .item-articles .descr{
    margin-top: 15px;
    font-weight: 300;
    font-size: var(--fz16);
    line-height: 137%;
}
.main-content .img-article-top {
    width: 50%;
    max-width: 565px;
}

.gallery-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(15px, 2.2vw, 32px);
    margin-top: clamp(20px, 3vw, 40px);
}
.gallery-main a.photos {
    height: clamp(180px, 23.1vw, 312px);
    transition: transform .3s;
    will-change: transform;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.gallery-main a.photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-main a.photos:hover {
    transform: scale(1.05);
}

.mobile-block .form_search_w {
    max-width: 100%;
    margin-bottom: 20px;
}

.box-help{
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 10px;
}
.box-help .icon {
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 640 640'%3E%3Cpath fill='%236c181d' d='M544 160C561.7 160 576 174.3 576 192C576 209.7 561.7 224 544 224L336 224L336 160L544 160zM384 352C401.7 352 416 366.3 416 384C416 401.7 401.7 416 384 416L320 416C302.3 416 288 401.7 288 384C288 366.3 302.3 352 320 352L384 352zM448 288C448 305.7 433.7 320 416 320L368 320C350.3 320 336 305.7 336 288C336 270.3 350.3 256 368 256L416 256C433.7 256 448 270.3 448 288zM352 448C369.7 448 384 462.3 384 480C384 497.7 369.7 512 352 512L288 512C270.3 512 256 497.7 256 480C256 462.3 270.3 448 288 448L352 448zM264 352L264.6 352C259.2 361.4 256 372.3 256 384C256 397.2 260 409.4 266.8 419.6C241.9 428.3 224 452.1 224 480C224 491.7 227.1 502.6 232.6 512L224 512C135.6 512 64 440.4 64 352L64 290.3C64 247.9 80.9 207.2 110.9 177.2L122.5 165.6C146.5 141.5 179.1 128 213 128L240 128C275.3 128 304 156.7 304 192L304 280C304 302.1 286.1 320 264 320C241.9 320 224 302.1 224 280L224 224C224 215.2 216.8 208 208 208C199.2 208 192 215.2 192 224L192 280C192 319.8 224.2 352 264 352z'/%3E%3C/svg%3E");
}
.box-help .line{
    width: 105px;
    height: 1px;
    background-color: var(--color-main);
    margin-right: 24px;
    margin-left: 12px;
}
.box-help p{
    font-size: 12px;
    color: var(--color-main);
}
.box-help .icon {
    animation: move-gorizontal 3s infinite;
}
@keyframes move-gorizontal {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }

}

/* ===== Новая сетка категорий ===== */

.index-category {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 20px;
}

.index-category a.item-category {
    justify-content: flex-start;
    height: 100%;
}

/* Квадратное изображение */
.index-category a.item-category .box-img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.index-category a.item-category .box-img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

/* Название */
.index-category a.item-category p.name {
    flex: 1;

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

    width: 100%;
    margin: 0;
    padding: 12px 14px;

    text-align: left;
    font-size: var(--fz18);
    line-height: 1.2;
}


/* ===== Адаптив ===== */

@media (max-width: 1199px) {
    .index-category {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .index-category {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 15px;
    }
}

@media (max-width: 767px) {
    .index-category {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}