html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

* {
    -webkit-tap-highlight-color: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ul,
li {
    list-style: none;
}

input,
select {
    vertical-align: middle;
}

*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html,
body {
    font-family: "Onest", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    scroll-behavior: smooth;
    background: #F0F0F0;
    color: #1F1F1F;

    --bwc-widget-main-color: #245435 !important;
}

.btn,
button {
    border: none;
    outline: none;
    font-family: "Onest", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
}

.btn {
    border-radius: 8px;
    background: #245435;
    color: #FFF;
    transition: all .1s ease;
}

.btn:hover {
    background: #BB974D;
}

.btn:active {
    background: #856a36;
}

.link {
    color: #245435;
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}

.link svg,
.link:after {
    transition: all .2s ease;
}

.link:active,
.link:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
}

.link:hover::after,
.link:hover svg {
    transform: rotate(90deg);
}

.body {
    min-width: 320px;
}

.body.no-scroll {
    overflow: hidden;
}

input:not(.bwc-form-input):not(#button-confirm):not(.ocf-form-control):not(.basket__product-amount):not(.product__block-amount):not([type="checkbox"]):not([type="range"]):not([type="radio"]):not([type="file"]):not([type="submit"]),
.simplecheckout select.form-control {
    color: #1F1F1F;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-radius: 5px;
    border: 1px solid #BFCBC3;
    background: #FFF;
    height: 54px;
    padding: 18px 20px;
    width: 100%;
}

.simplecheckout select.form-control {
    padding: 14px 20px;
    background: #F0F0F0 !important;
}

textarea::placeholder,
input::placeholder {
    color: rgba(31, 31, 31, 0.6);
}

main.main {
    margin-top: 154px;
    /* margin-top: 94px; */
    overflow: hidden;
}


.main.main-visible {
    overflow: visible;
}

.container {
    width: 100%;
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
}

.breadcrumbs {
    padding: 12px 0;
    background-color: #245435;
    overflow: auto;
}

.breadcrumbs__navigation {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 6px;
}

.breadcrumbs__navigation li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding-left: 0;
    margin: 0;
    position: initial;
}

.breadcrumbs__navigation li a {
    color: rgba(255, 255, 255, 0.64);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    transition: all .2s ease;
    text-wrap: nowrap;
}

.breadcrumbs__navigation li::before {
    position: initial;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
}

.breadcrumbs__navigation li+li::before {
    content: '/';
    color: rgba(255, 255, 255, 0.64);
    font-family: 'Onest', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.breadcrumbs__navigation li a:hover {
    color: #fff;
}

.breadcrumbs__navigation li a.active,
.breadcrumbs__navigation li:last-of-type a {
    font-weight: 700;
    color: #fff;
}

h2,
.title-2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
}

h3,
.title-3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
}

h4,
.title-4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.swiper-pagination-lock {
    margin-top: 0 !important;
}

.swiper-pagination-bullets {
    position: initial;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 !important;
    opacity: 1;
    background-color: rgba(36, 84, 53, 0.24);
    width: 10px;
    height: 10px;
    pointer-events: all;
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-radius: 460px;
    background: #245435;
    width: 24px;
}

ul li {
    padding-left: 25px;
    margin-top: 2px;
    position: relative;
}

ul li::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 11px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1F1F1F;
}

.list-fire li::before {
    width: 20px;
    height: 20px;
    background: url('/catalog/view/theme/impulse/image/fire.gif');
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    border: none;
    top: 4px;
    left: 0;
}

.list-fire li+li {
    margin-top: 8px;
}

.list-fire li {
    line-height: 150%;
}

label {
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    max-width: max-content;
    user-select: none;
}

textarea {
    width: 100%;
    resize: none;
    border-radius: 5px;
    border: 0.4px solid #BFCBC3;
    background-color: #FFF;
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding: 18px 20px;
}

input[type="radio"],
input[type="checkbox"] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0 !important;
}

input[type="radio"]+span,
input[type="checkbox"]+span {
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: 14px;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 8px;
}

input[type="radio"]+span:before,
input[type="checkbox"]+span:before {
    content: '';
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.25' y='0.25' width='21.5' height='21.5' rx='0.75' fill='white' stroke='url(%23paint0_linear_1_3108)' stroke-width='0.5'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_3108' x1='11' y1='0' x2='11' y2='22' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D2EBDB'/%3E%3Cstop offset='1' stop-color='%23ECE7DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    border-radius: 0;
    display: flex;
    align-items: center;
}

input[type="radio"]:checked+span:before,
input[type="checkbox"]:checked+span:before {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='22' height='22' rx='1' fill='%23245435'/%3E%3Cpath d='M17.4321 7.61012C17.631 7.37146 17.5988 7.01677 17.3601 6.81789C17.1215 6.61901 16.7668 6.65125 16.5679 6.88991L12.5249 11.7415C11.7128 12.7161 11.1415 13.3995 10.6459 13.847C10.162 14.284 9.82796 14.4229 9.50001 14.4229C9.17207 14.4229 8.83807 14.284 8.3541 13.847C7.85857 13.3995 7.28727 12.7161 6.47514 11.7415L5.43214 10.4899C5.23326 10.2513 4.87857 10.219 4.63991 10.4179C4.40125 10.6168 4.36901 10.9715 4.56789 11.2101L5.63984 12.4965C6.41629 13.4282 7.03811 14.1744 7.60013 14.6819C8.18067 15.2062 8.77412 15.5479 9.50001 15.5479C10.2259 15.5479 10.8194 15.2062 11.3999 14.6819C11.9619 14.1744 12.5837 13.4282 13.3602 12.4965L17.4321 7.61012Z' fill='white'/%3E%3C/svg%3E%0A") !important;
}

strong {
    font-weight: 600;
}

@media (max-width: 1279px) {
    .container {
        max-width: 1000px;
    }
}

@media (max-width: 999px) {
    .container {
        max-width: 768px;
    }
}

@media (max-width: 767px) {

    .html,
    body {
        font-size: 14px;
        line-height: 24px;
    }

    main.main {
        margin-top: 135px;
        /* margin-top: 65px; */
    }

    .container {
        max-width: 480px;
    }

    h2,
    .title-2 {
        font-size: 24px;
        line-height: 27px;
    }

    h3,
    .title-3 {
        font-size: 14px;
        line-height: 24px;
    }

    h4,
    .title-4 {
        font-size: 14px;
        line-height: 24px;
    }

    .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20px;
    }

    ul li {
        padding-left: 20px;
    }

    ul li::before {
        left: 7px;
        top: 10px;
    }

    .list-fire li {
        padding-left: 25px;
    }

    label,
    .link {
        font-size: 12px;
        line-height: 16px;
    }

    .link::after,
    .link svg {
        width: 12px !important;
        height: 12px !important;
        background-size: 100%;
    }

    textarea,
    input:not(.bwc-form-input):not(#button-confirm):not(.ocf-form-control):not(.basket__product-amount):not(.product__block-amount):not([type="checkbox"]):not([type="range"]):not([type="radio"]):not([type="file"]):not([type="submit"]),
    .simplecheckout select.form-control {
        font-size: 12px;
        line-height: 16px;
        padding: 15px;
    }

    textarea,
    input:not(.bwc-form-input):not(#button-confirm):not(.ocf-form-control):not(.basket__product-amount):not(.product__block-amount):not([type="checkbox"]):not([type="range"]):not([type="radio"]):not([type="file"]):not([type="submit"]),
    .simplecheckout select.form-control {
        height: 46px;
    }

    input[type="radio"]+span,
    input[type="checkbox"]+span {
        gap: 6px;
        font-size: 12px;
        line-height: 16px;
    }
}

/* header start */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #F0F0F0;
    padding: 24px 0;
    box-shadow: transparent;
    transition: border .2s ease;
}

.header.scrolled {
    -webkit-box-shadow: 0px 0px 47px -30px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 47px -30px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 47px -30px rgba(0, 0, 0, 0.75);
}

.header__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    position: relative;
}

.header__logo {
    display: flex;
    align-items: center;
    height: max-content;
    order: -2;
}

.header__catalog {
    width: 100%;
    max-width: 138px;
    order: -1;
}

.header__catalog-btn {
    height: 42px;
    width: 100%;
    max-width: 100%;
    gap: 6px;
    position: relative;
    z-index: 2;
}

.header__catalog-btn::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3 4.5C3 5.32843 3.67157 6 4.5 6C5.32843 6 6 5.32843 6 4.5C6 3.67157 5.32843 3 4.5 3C3.67157 3 3 3.67157 3 4.5Z' fill='white'/%3E%3Cpath d='M7.5 13.5C7.5 14.3284 8.17157 15 9 15C9.82843 15 10.5 14.3284 10.5 13.5C10.5 12.6716 9.82843 12 9 12C8.17157 12 7.5 12.6716 7.5 13.5Z' fill='white'/%3E%3Cpath d='M4.5 15C3.67157 15 3 14.3284 3 13.5C3 12.6716 3.67157 12 4.5 12C5.32843 12 6 12.6716 6 13.5C6 14.3284 5.32843 15 4.5 15Z' fill='white'/%3E%3Cpath d='M3 9C3 9.82843 3.67157 10.5 4.5 10.5C5.32843 10.5 6 9.82843 6 9C6 8.17157 5.32843 7.5 4.5 7.5C3.67157 7.5 3 8.17157 3 9Z' fill='white'/%3E%3Cpath d='M9 10.5C8.17157 10.5 7.5 9.82843 7.5 9C7.5 8.17157 8.17157 7.5 9 7.5C9.82843 7.5 10.5 8.17157 10.5 9C10.5 9.82843 9.82843 10.5 9 10.5Z' fill='white'/%3E%3Cpath d='M13.5 3C12.6716 3 12 3.67157 12 4.5C12 5.32843 12.6716 6 13.5 6C14.3284 6 15 5.32843 15 4.5C15 3.67157 14.3284 3 13.5 3Z' fill='white'/%3E%3Cpath d='M9 6C8.17157 6 7.5 5.32843 7.5 4.5C7.5 3.67157 8.17157 3 9 3C9.82843 3 10.5 3.67157 10.5 4.5C10.5 5.32843 9.82843 6 9 6Z' fill='white'/%3E%3Cpath d='M12 9C12 9.82843 12.6716 10.5 13.5 10.5C14.3284 10.5 15 9.82843 15 9C15 8.17157 14.3284 7.5 13.5 7.5C12.6716 7.5 12 8.17157 12 9Z' fill='white'/%3E%3Cpath d='M13.5 15C12.6716 15 12 14.3284 12 13.5C12 12.6716 12.6716 12 13.5 12C14.3284 12 15 12.6716 15 13.5C15 14.3284 14.3284 15 13.5 15Z' fill='white'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.header__catalog-btn::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.84883 4.88901C10.0517 4.68436 10.0502 4.35401 9.84554 4.15117C9.64088 3.94833 9.31053 3.9498 9.10769 4.15446L7.89217 5.38088C7.39886 5.87861 7.05936 6.22004 6.77168 6.45107C6.49224 6.67548 6.31275 6.75247 6.152 6.77296C6.05107 6.78583 5.94893 6.78583 5.848 6.77296C5.68725 6.75247 5.50776 6.67548 5.22832 6.45107C4.94065 6.22004 4.60114 5.87861 4.10783 5.38088L2.89231 4.15446C2.68947 3.94981 2.35912 3.94833 2.15446 4.15117C1.9498 4.35401 1.94833 4.68436 2.15117 4.88902L3.38859 6.13752C3.85464 6.60776 4.23554 6.9921 4.57493 7.26466C4.92785 7.54809 5.28607 7.75326 5.71606 7.80806C5.9046 7.8321 6.0954 7.8321 6.28394 7.80806C6.71393 7.75326 7.07215 7.54809 7.42507 7.26466C7.76446 6.9921 8.14536 6.60777 8.61141 6.13753L9.84883 4.88901Z' fill='white'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.header__catalog-content {
    position: absolute;
    z-index: 1;
    display: none;
    left: 0;
    right: 0;
    top: 60px;
    width: 100%;
    gap: 4px;
    padding: 19px;
    background: #F0F0F0;
    border: 1px solid rgba(31, 31, 31, 0.10);
    border-radius: 8px;
    grid-template-columns: repeat(9, 1fr);
}

.header__catalog-content::before {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='15' viewBox='0 0 33 15' fill='none'%3E%3Cg clip-path='url(%23clip0_4_9395)'%3E%3Cpath d='M0 15.5V11.5H12L20.5 1.5L29 11.5H33.5V15.5H0Z' fill='%23F0F0F0'/%3E%3Cpath d='M0 11.5H12L20.5 1L29 11.5H33.5' stroke='%23DBDBDB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4_9395'%3E%3Crect width='33' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 33px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    top: -12px;
    left: 210px;
}

.header__catalog-content::after {
    content: '';
    height: 50px;
    position: absolute;
    left: 0px;
    top: -30px;
    width: 30%;
    z-index: -1;
}

.header__catalog-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    gap: 14px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    position: relative;
    z-index: 1;
    padding: 20px 10px 18px;
}

.header__catalog-item::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    border-radius: 6px;
    z-index: -1;
}

.header__catalog-item:hover {
    background: #245435;
}

.header__catalog-item:hover::after {
    content: none;
}

.header__catalog-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
}

.header__catalog-image img {
    width: max-content;
    max-width: 100%;
    max-height: 100%;
}

.header__catalog-descr {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 32px;
    min-width: 104px;
    max-width: max-content;
    margin: 0 auto;
}

.header__catalog-descr::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    transition: all .2s ease;
}

.header__catalog-item:hover .header__catalog-descr {
    color: #fff;
}

.header__catalog-item:hover .header__catalog-descr::after {
    transform: rotate(45deg);
}

.header__catalog.active .header__catalog-content {
    display: grid;
}

.header__catalog.active .header__catalog-btn::after {
    transform: rotate(-180deg);
}

.header__menu {
    width: 100%;
    max-width: 537px;
}

.header__menu ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.header__menu ul li {
    padding: 0;
    position: initial;
    margin: 0;
}

.header__menu ul li::before {
    content: none;
}

.header__menu-link {
    display: inline-block;
    transition: all .2s ease;
    font-size: 16px;
}

.header__menu-link:hover {
    color: #245435;
}

.header__menu ul li.header__menu-block {
    position: relative;
    z-index: 1;
}

.header__menu-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    z-index: 20;

}

.header__menu-content {
    position: absolute;
    top: 39px;
    left: -10px;
    border-radius: 8px;
    padding: 11px;
    display: none;
    flex-direction: column;
    gap: 8px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background-color: #F0F0F0;
    z-index: 10;
}

.header__menu-content a {
    text-wrap: nowrap;
}

.header__menu-content::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='15' viewBox='0 0 33 15' fill='none'%3E%3Cg clip-path='url(%23clip0_4_9395)'%3E%3Cpath d='M0 15.5V11.5H12L20.5 1.5L29 11.5H33.5V15.5H0Z' fill='%23F0F0F0'/%3E%3Cpath d='M0 11.5H12L20.5 1L29 11.5H33.5' stroke='%23DBDBDB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4_9395'%3E%3Crect width='33' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: left;
    background-repeat: no-repeat;
    width: 84px;
    height: 67px;
    top: -38px;
    left: 6px;
    z-index: -1;
}

.header__menu-top .header__menu-link {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header__menu-top .header__menu-link::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.84883 4.88901C10.0517 4.68436 10.0502 4.35401 9.84554 4.15117C9.64088 3.94833 9.31053 3.9498 9.10769 4.15446L7.89217 5.38088C7.39886 5.87861 7.05936 6.22004 6.77168 6.45107C6.49224 6.67548 6.31275 6.75247 6.152 6.77296C6.05107 6.78583 5.94893 6.78583 5.848 6.77296C5.68725 6.75247 5.50776 6.67548 5.22832 6.45107C4.94065 6.22004 4.60114 5.87861 4.10783 5.38088L2.89231 4.15446C2.68947 3.94981 2.35912 3.94833 2.15446 4.15117C1.9498 4.35401 1.94833 4.68436 2.15117 4.88902L3.38859 6.13752C3.85464 6.60776 4.23554 6.9921 4.57493 7.26466C4.92785 7.54809 5.28607 7.75326 5.71606 7.80806C5.9046 7.8321 6.0954 7.8321 6.28394 7.80806C6.71393 7.75326 7.07215 7.54809 7.42507 7.26466C7.76446 6.9921 8.14536 6.60777 8.61141 6.13753L9.84883 4.88901Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    position: relative;
}

.header__end {
    width: 100%;
    max-width: 298px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.header__end-tel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-weight: 600;
    line-height: 18px;
    transition: all .2s ease;
    order: -1;
}

.header__end-tel svg {
    min-width: 18px;
}

.header__end-btn {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__end-btn span {
    position: absolute;
    top: -5px;
    right: -11px;
    color: #fff;
    background: #245435;
    width: 20px;
    height: 20px;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.header__user-btn svg path,
.header__end-btn svg path,
.header__end-tel svg path {
    transition: all .2s ease;
}

.header__user-btn:hover svg path,
.header__end-btn:hover svg path,
.header__end-tel:hover svg path {
    stroke: #245435;
}

.header__end-tel:hover {
    color: #245435;
}

.header__end-block {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-right: 3px;
}

.header__end-block {
    position: relative;
    display: flex;
    align-items: center;
}

.header__user-content {
    position: absolute;
    top: 39px;
    right: 0;
    border-radius: 8px;
    padding: 11px;
    display: none;
    flex-direction: column;
    gap: 8px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background-color: #F0F0F0;
    z-index: 10;
}

.header__user-content::before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='15' viewBox='0 0 33 15' fill='none'%3E%3Cg clip-path='url(%23clip0_4_9395)'%3E%3Cpath d='M0 15.5V11.5H12L20.5 1.5L29 11.5H33.5V15.5H0Z' fill='%23F0F0F0'/%3E%3Cpath d='M0 11.5H12L20.5 1L29 11.5H33.5' stroke='%23DBDBDB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4_9395'%3E%3Crect width='33' height='15' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 33px;
    height: 15px;
    top: -12px;
    right: 38px;
}

.header__user-open {
    gap: 6px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    text-wrap: nowrap;
    padding: 8px 12px;
    min-width: 157px;
    color: #1F1F1F;
}

.header__user-open:hover {
    color: #fff;
}

.header__user-open:hover::before {
    z-index: -1;
    background: #245435;
}

.header__user-open::before {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    border-radius: 30px;
    z-index: -3;
}

.header__user-open::after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: 30px;
    background-color: #FAFAFA;
    z-index: -2;
}

.header__user-open span {
    width: 16px;
    height: 16px;
    display: flex;
    min-width: 16px;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

#login-client span {
    content: '';
    background-image: url('/catalog/view/theme/impulse/image/header/login-client.svg');
}

#login-doctor span {
    content: '';
    background-image: url('/catalog/view/theme/impulse/image/header/login-doctor.png');
}

.header__end-user.active .header__user-content {
    display: flex;
}

.header__end-user.active .header__user-btn svg path {
    stroke: #245435;
}

.header__burger {
    display: none;
}

.header__search {
    position: relative;
    z-index: 1;
}

.header__search input {
    display: none;
    position: absolute;
    width: 200px !important;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px !important;
    padding: 5px 35px 5px 10px !important;
}

.header__search button {
    position: relative;
    z-index: 2;
}

.header__search.active input {
    display: inline-block;
}

.header__user-close {
    display: none;
}

.header__end-btn--close {
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media (max-width: 1279px) {
    .header__inner {
        gap: 10px;
    }

    .header__end {
        max-width: 254px;
    }

    .header__end-tel {
        font-size: 14px;
    }

    .header__end-block {
        gap: 10px;
    }

    .header__menu-link {
        font-size: 14px;
    }

    .header__catalog-item {
        padding: 20px 5px 18px;
    }

    .header__catalog-content {
        gap: 10px;
    }

    .header__catalog-descr {
        font-size: 11px;
        line-height: normal;
        min-width: auto;
    }

    .header__user-content::before {
        right: 33px;
    }

    .header__catalog-content::before {
        left: 170px;
    }
}

@media (min-width: 1000px) {
    .header__menu-block:hover .header__menu-content {
        display: flex;
    }

    .header__menu-block:hover .header__menu-top .header__menu-link::after {
        transform: rotate(-180deg);
    }
}

@media (max-width: 999px) {
    .header__end-block {
        gap: 28px;
    }

    .header__end {
        max-width: max-content;
        gap: 28px;
    }

    .header__end-tel {
        font-size: 16px;
    }

    .header__burger {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__burger svg:last-of-type {
        display: none;
    }

    .header__burger.active svg:last-of-type {
        display: block;
    }

    .header__burger.active svg:first-of-type {
        display: none;
    }

    .header__inner {
        position: initial;
    }

    .header__menu {
        position: fixed;
        background-color: #fff;
        z-index: 10;
        top: 94px;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: none;
        padding: 28px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
        overflow: auto;
        transform: translateX(100%);
        transition: all .2s ease;
    }

    .header__menu.active {
        transform: translateX(0);
    }

    .header__menu ul {
        flex-direction: column;
        gap: 28px;
    }

    .header__menu-link {
        font-size: 16px;
    }

    .header__catalog {
        max-width: 768px;
    }

    .header__catalog-btn {
        justify-content: start;
        height: 48px;
        padding: 10px 23px;
    }

    .header__catalog-btn::after {
        margin-left: auto;
    }

    .header__catalog.active .header__catalog-content {
        display: grid;
    }

    .header__catalog-content {
        position: initial;
        border: none;
        background-color: transparent;
        padding: 0;
        margin-top: 8px;
        grid-template-columns: repeat(3, 1fr);
    }

    .header__catalog-descr {
        font-size: 16px;
    }

    .header__catalog-descr {
        min-width: 113px;
    }

    .header__user-content::before {
        right: 101px;
    }

    .header__catalog-content::before {
        content: none;
    }

    .header__menu-content {
        position: initial;
        margin-top: 10px;
    }

    .header__menu-block.active .header__menu-content {
        display: flex;
    }

    .header__menu-content::before {
        content: none;
    }

    .header__menu-block.active .header__menu-top .header__menu-link::after {
        transform: rotate(-180deg);
    }
}

@media (max-width: 767px) {
    .header {
        padding: 12px 0;
    }

    .header__logo img {
        width: 100px;
    }

    .header__end-tel {
        order: 1;
    }

    .header__menu {
        top: 64px;
    }

    .header__catalog-content {
        gap: 14px;
        grid-template-columns: 1fr 1fr;
    }

    .header__user-content {
        position: fixed;
        background-color: #fff;
        z-index: 10;
        top: 64px;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: none;
        padding: 28px 15px;
        display: flex;
        gap: 20px;
        overflow: auto;
        transform: translateX(100%);
        transition: all .2s ease;
        border-radius: 0;
    }

    .header__end-user.active .header__user-content {
        transform: translateX(0);
    }

    .header__user-open {
        width: 100%;
        height: 46px;
        background-color: #fff;
    }

    .header__user-open::after {
        background-color: #fff;
    }

    .header__end-user.active~.header__user-close {
        display: flex;
    }

    .header__end-user.active~.header__burger {
        display: none;
    }

    .header__user-content::before {
        content: none;
    }

    .header__catalog-item:last-child:nth-child(odd) {
        flex-direction: row;
        grid-column: span 2;
        align-items: center;
        gap: 40px;
        justify-content: center;
    }

    .header__catalog-item:last-child:nth-child(odd) .header__catalog-descr {
        margin: 0;
        gap: 22px;
    }

    .header__end-block {
        position: initial;
    }

    .header__inner {
        position: relative;
    }

    .header__search.active {
        position: absolute;
        inset: 0;
    }

    .header__search input {
        position: initial;
        transform: none;
        width: 100% !important;
        max-width: 100%;
        padding: 5px 68px 5px 10px !important;
    }

    .header__search.active .header__end-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
    }

    .header__search.active .header__end-btn--close {
        display: flex;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }
}

/* header end */
/* footer start */
.footer {
    padding: 80px 0;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer__box {
    max-width: 225px;
}

.footer__logo {
    display: flex;
    align-items: center;
}

.footer__block {
    margin-top: 42px;
}

.footer__tel {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    transition: all .2s ease;
    max-width: max-content;
}

.footer__date {
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
}

.footer__socials {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.footer__socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}

.footer__socials a:hover {
    transform: scale(1.1);
}

.footer__email,
.footer__adress {
    margin-top: 25px;
    display: flex;
    gap: 6px;
    font-size: 14px;
    line-height: normal;
    max-width: 215px;
    transition: all .2s ease;
    max-width: max-content;
}

.footer__email svg,
.footer__adress svg {
    min-width: 18px;
}

.footer__box ul li {
    padding: 0;
    position: initial;
    margin: 0;
}

.footer__box ul li::before {
    content: none;
}

.footer__box ul li a:hover,
.footer__tel:hover,
.footer__email:hover {
    color: #245435;
}

.footer__name {
    margin-bottom: 27px;
    font-size: 16px;
}

.footer__box:last-of-type .footer__name {
    margin-bottom: 38px;
}

.footer__box ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.footer__box ul li a {
    font-size: 14px;
    line-height: normal;
    display: inline-block;
    transition: all .2s ease;
}

.footer__box-socials {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer__box-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s ease;
}

.footer__box-socials a:hover {
    transform: scale(1.1);
}

.footer__bottom {
    margin-top: 77px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.footer__copy,
.footer__develop {
    font-size: 14px;
    line-height: normal;
}

@media (max-width: 999px) {
    .footer__inner {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 26px;
    }

    .footer__box:last-of-type .footer__name br {
        display: none;
    }

    .footer__box:last-of-type .footer__name {
        margin-bottom: 27px;
    }

    .footer__bottom {
        margin-top: 27px;
    }

    .footer__box:last-of-type {
        grid-column: span 2;
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .footer {
        padding: 42px 0;
    }

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

    .footer__block {
        margin-top: 17px;
    }

    .footer__tel {
        font-size: 14px;
    }

    .footer__date {
        font-size: 12px;
        line-height: 16px;
    }

    .footer__socials {
        margin-top: 12px;
    }

    .footer__email,
    .footer__adress {
        margin-top: 16px;
        gap: 4px;
        font-size: 12px;
        line-height: 16px;
        max-width: 100%;
    }

    .footer__email svg,
    .footer__adress svg {
        min-width: 16px;
        max-width: 16px;
        max-height: 16px;
    }

    .footer__name {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 24px;
    }

    .footer__box {
        max-width: 100%;
    }

    .footer__box ul {
        grid-template-columns: 1fr 1fr;
        gap: 8px 26px;
    }

    .footer__box:last-of-type .footer__name {
        margin-bottom: 8px;
    }

    .footer__box-socials {
        gap: 24px;
    }

    .footer__bottom {
        gap: 16px;
        margin-top: 26px;
    }

    .footer__copy,
    .footer__develop {
        font-size: 12px;
        line-height: 16px;
    }
}

/* footer end */

/* errorPage start */
.errorPage {
    padding: 100px 0 134px;
}

.errorPage__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.errorPage__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 22px;
    font-family: 'Onest', sans-serif;
    font-size: 128px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    /* 14.063% */
}

.errorPage__image span {
    width: 100%;
    max-width: 66px;
    display: flex;
    align-items: center;
}

.errorPage__title {
    margin: 19px 0 17px;
    text-align: center;
}

.errorPage__descr {
    text-align: center;
    max-width: 505px;
    margin-bottom: 21px;
}

.errorPage__btn {
    gap: 4px;
    height: 46px;
    max-width: 263px;
    width: 100%;
}

@media (max-width: 767px) {
    .errorPage {
        padding: 42px 0;
    }

    .errorPage__image {
        max-width: 200px;
        font-size: 108px;
        font-weight: 300;
        line-height: 18px;
    }

    .errorPage__image span svg {
        width: 52px;
        height: 108px;
    }

}

/* errorPage end */

/* blockSlider start */
.blockSlider {
    padding: 12px 0;
    background-color: #245435;
    overflow: hidden;
}

.blockSlider__content {
    display: flex;
    align-items: center;
    gap: 25px;
    animation: slide-left 20s linear infinite;
}

@keyframes slide-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-690px);
    }
}

.blockSlider__name {
    color: #fff;
    font-size: 20px;
    line-height: 48px;
    display: flex;
    align-items: center;
    gap: 25px;
    text-wrap: nowrap;
}

.blockSlider__name::before {
    content: '';
    background-color: #BB974D;
    width: 6px;
    height: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .blockSlider {
        padding: 11px 0;
    }

    .blockSlider__content,
    .blockSlider__name {
        gap: 14px;
    }

    .blockSlider__name::before {
        width: 4px;
        height: 4px;
    }

    .blockSlider__name {
        font-size: 14px;
        line-height: 24px;
    }
}

/* blockSlider end */

/* userpopup start */
.userpopup {
    position: fixed;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    overflow: auto;
}

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

.userpopup__inner {
    margin: 15% auto 5%;
    width: 100%;
    max-width: 549px;
    border-radius: 15px;
    background: #FFF;
    padding: 68px;
    position: relative;
}

.userpopup__content {
    display: none;
    flex-direction: column;
}

.userpopup__content.active {
    display: flex;
}

.userpopup__title {
    text-align: center;
    display: flex;
    align-items: end;
    gap: 4px;
    justify-content: center;
    margin-bottom: 25px;

}

.userpopup__title img {
    max-width: 32px;
    max-height: 32px;
}

.userpopup__form {
    width: 100%;
    max-width: 329px;
    margin: 29px auto 0;
}

.userpopup__form-block {
    width: 100%;
    display: none;
}

.userpopup__form-block.active {
    display: block;
}

.userpopup__form input+input {
    margin-top: 10px;
}

.userpopup__btn {
    margin: 31px auto 0;
    padding: 10px 58px;
    font-size: 16px;
    line-height: 28px;
}

.userpopup__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

@media (max-width: 767px) {
    .userpopup__inner {
        margin: 25% auto 5%;
        padding: 30px 26px;
    }

    .userpopup__close {
        top: 14px;
        right: 14px;
    }

    .userpopup__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .userpopup__form {
        margin-top: 16px;
    }

    .userpopup__btn {
        max-width: 100%;
        font-size: 14px;
        width: 100%;
        margin-top: 9px;
    }

    .userpopup__title img {
        max-width: 36px;
        max-height: 36px;
    }
}

/* userpopup end */

/* main-page */
.hero {
    position: relative;
    min-height: 569px;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
}

.hero__slider {
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
}

.hero__slide {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.hero__slide-image {
    display: flex;
    align-items: center;
    position: absolute;
    inset: 0;
}

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

.hero__slide:not(.hero__slide-second) .hero__slide-image::after {
    content: '';
    position: absolute;
    background: linear-gradient(-266deg, #1F1F1F 0.36%, rgba(31, 31, 31, 0.59) 32.09%, rgba(31, 31, 31, 0.08) 48.28%);
    inset: 0;
}

.hero__inner {
    height: 100%;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    padding: 45px 0 64px;
}

.hero__name {
    padding: 8px 12px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.64);
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 36px;
    max-width: max-content;
}

.hero__name-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 16px;
}

.hero__name-icon img {
    width: 100%;
}

.hero__title {
    color: #FFF;
    font-size: 78px;
    font-weight: 500;
    line-height: 79px;
    margin-bottom: 1px;
}

.hero__title span {
    font-size: 32px;
    line-height: 36px;
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.hero__descr {
    color: #fff;
    max-width: 462px;
}

.hero__btn {
    margin-top: 36px;
    height: 48px;
    max-width: 180px;
    width: 100%;
    gap: 10px;
    font-size: 16px;
}

.hero__slider-pagination {
    position: absolute;
    top: initial !important;
    bottom: 25px !important;
    right: 0;
    pointer-events: none;
}

.hero__slider-pagination .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.40);
}

.hero__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #BB974D;
}

.hero__slide-content {
    position: relative;
    z-index: 2;
    max-width: 476px;
}

.hero__slide-second .hero__title,
.hero__slide-second .hero__descr {
    color: #1F1F1F;
}

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

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

@media (max-width: 767px) {
    .hero {
        min-height: 364px;
    }

    .hero__title {
        font-size: 36px;
        line-height: 37px;
    }

    .hero__title span {
        font-size: 18px;
        line-height: 19px;
    }

    .hero__name {
        padding: 6px 12px;
        font-size: 10px;
        margin-bottom: 18px;
    }

    .hero__btn {
        margin-top: 18px;
        max-width: 165px;
        font-size: 14px;
    }

    .hero__slide-content {
        max-width: 320px;
    }

    .hero__slide:not(.hero__slide-second) .hero__slide-image::after,
    .hero__slide-second .hero__slide-image::after {
        content: '';
        position: absolute;
        background: linear-gradient(0deg, rgba(31, 31, 31, 0.81) 0%, rgba(31, 31, 31, 0.81) 100%);
        inset: 0;
    }

    .hero__slider-pagination {
        bottom: 14px !important;
    }

    .hero__slide-second .hero__title,
    .hero__slide-second .hero__descr {
        color: #fff;
    }
}

/* whywe */
.whywe {
    background-color: #fff;
    padding: 72px 0;
}

.whywe__block {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}

.whywe__item {
    width: 100%;
}

.whywe__block span {
    width: 1px;
    display: flex;
    align-items: center;
    height: auto;
    background: rgba(31, 31, 31, 0.18);
}

.whywe__item {
    display: flex;
    align-items: start;
    gap: 12px;
    max-width: 185px;
}

.whywe__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.whywe__item-descr {
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .whywe {
        padding: 32px 0;
    }

    .whywe__block {
        flex-direction: column;
        gap: 16px;
    }

    .whywe__block span {
        width: 100%;
        height: 1px;
    }

    .whywe__item {
        max-width: 100%;
        align-items: center;
    }

    .whywe__item-descr {
        font-size: 14px;
    }

    .whywe__item-descr br {
        display: none;
    }

    .whywe__item-icon>* {
        max-width: 32px;
        max-height: 32px;
    }
}

/* systems */
.systems {
    margin: 72px 0;
}

.systems__block {
    margin-top: 22px;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 8px;
}

.systems__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    gap: 14px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    position: relative;
    z-index: 1;
    padding: 20px 10px 18px;
}

.systems__item::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    border-radius: 6px;
    z-index: -1;
}

.systems__item:hover {
    background: #245435;
}

.systems__item:hover::after {
    content: none;
}

.systems__item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
}

.systems__item-image img {
    width: max-content;
    max-width: 100%;
    max-height: 100%;
}

.systems__item-descr {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-height: 32px;
    min-width: 113px;
    max-width: max-content;
    margin: 0 auto;
}

.systems__item-descr::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    transition: all .2s ease;
}

.systems__item:hover .systems__item-descr {
    color: #fff;
}

.systems__item:hover .systems__item-descr::after {
    transform: rotate(45deg);
}

@media (max-width: 1279px) {
    .systems__block {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 999px) {
    .systems__block {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .systems {
        margin: 42px 0;
    }

    .systems__block {
        margin-top: 16px;
        grid-template-columns: repeat(2, 1fr);
    }

    .systems__item:last-child:nth-child(odd) {
        flex-direction: row;
        grid-column: span 2;
        align-items: center;
        gap: 20px;
        justify-content: center;
    }

    .systems__item:last-child:nth-child(odd) .systems__item-descr {
        margin: 0;
        gap: 22px;
    }
}

/* leaders */
.leaders {
    padding: 72px 0;
    background-color: #fff;
}

.leaders.leaders-buy {
    background-color: transparent;
    padding: 0;
    margin: 72px 0;
}

.leaders.hide {
    display: none;
}

.leaders__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.leaders__btn {
    display: flex;
    gap: 4px;
    align-items: center;
}

.leaders__btn.on-mobile {
    display: none;
}

.leaders__slider {
    margin-top: 28px;
    overflow: hidden;
    position: relative;
}

.leaders__slider .swiper-wrapper {
    align-items: stretch;
}

.leaders__slider-pagination {
    margin-top: 28px;
}

.leaders__slider-prev {
    position: absolute;
    top: calc(50% - 90px);
    transform: rotate(-135deg);
    left: 14px;
    z-index: 10;
}

.leaders__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.leaders__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.leaders__slider-next {
    position: absolute;
    top: calc(50% - 90px);
    transform: rotate(45deg);
    right: 14px;
    z-index: 10;
}

.leaders__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.leaders__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
    .leaders {
        padding: 42px 0;
    }

    .leaders.leaders-buy {
        margin: 42px 0;
    }

    .leaders__slider {
        /* overflow: visible; */
    }

    .leaders__slider-pagination {
        margin-top: 16px;
    }

    .leaders__btn {
        display: none;
    }

    .leaders__btn.on-mobile {
        display: flex;
        max-width: max-content;
        margin: 20px auto 0;
    }

    .leaders__slider-prev {
        top: calc(50% - 80px);
    }

    .leaders__slider-next {
        top: calc(50% - 80px);
    }
}

/* blockImage */
.blockImage {
    margin: 72px 0;
}

.blockImage__inner {
    display: flex;
    align-items: stretch;
    border-radius: 20px;
    overflow: hidden;
    min-height: 476px;
}

.blockImage__content {
    width: 100%;
    max-width: 598px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    padding: 20px 91px;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.blockImage__image {
    display: flex;
    align-items: center;
    height: auto;
    overflow: hidden;
    width: 100%;
    max-width: 642px;
}

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

.blockImage__image.blockImage__image-center img {
    object-position: center;
}

.blockImage__name {
    padding: 8px 12px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.64);
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    line-height: normal;
    max-width: max-content;
}

.blockImage__name-icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
}

.blockImage__name-icon img {
    width: 100%;
}

.blockImage__content h1,
.blockImage__content h2 {
    margin-top: 0px;
    margin-bottom: 24px;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
}

.blockImage__name+h1,
.blockImage__name+h2 {
    margin-top: 24px;
    margin-bottom: 8px;
}

.blockImage__link {
    gap: 4px;
    margin-top: 24px;
}

.blockImage__btn {
    height: 46px;
    width: 100%;
    max-width: 263px;
    margin-top: 24px;
    gap: 8px;
}

.blockImage-reverse .blockImage__inner {
    flex-direction: row-reverse;
}

.blockImage-reverse .blockImage__image {
    max-width: 590px;
}

.blockImage-reverse .blockImage__content {
    max-width: 650px;
    padding: 61px 81px;
}

.blockImage__content p+p {
    margin-top: 8px;
}

.blockImage-main .blockImage__name+h1,
.blockImage-main .blockImage__name+h2 {
    margin-bottom: 18px;
}

@media (max-width: 1279px) {
    .blockImage__content {
        padding: 40px 60px;
    }

    .blockImage__image img {
        object-position: left;
    }
}

@media (max-width: 999px) {
    .blockImage__inner {
        min-height: auto;
    }

    .blockImage-reverse .blockImage__content {
        max-width: 100%;
    }

    .blockImage-reverse .blockImage__image {
        max-width: 100%;
    }

    .blockImage-reverse .blockImage__inner {
        flex-direction: column-reverse;
    }

    .blockImage-main .blockImage__inner {
        flex-direction: column-reverse;
    }

    .blockImage-main .blockImage__image,
    .blockImage-main .blockImage__content {
        max-width: 100%;
    }

    .blockImage-main .blockImage__image {
        height: auto;
        /* height: 400px; */
    }

    .blockImage-main .blockImage__content {
        padding: 40px;
    }
}

@media (max-width: 767px) {
    .blockImage {
        margin: 42px 0;
    }

    .blockImage-main {
        margin-top: 32px;
    }

    .blockImage__inner {
        flex-direction: column-reverse;
        border-radius: 12px;
    }

    .blockImage-main .blockImage__image,
    .blockImage__image {
        /* height: 292px; */
    }

    .blockImage.cta .blockImage__image {
        position: relative;
        padding-top: 75%;
        height: auto;
    }

    .blockImage.cta .blockImage__image img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .blockImage__content {
        padding: 30px 20px;
    }

    .blockImage-reverse .blockImage__inner {
        flex-direction: column;
    }

    .blockImage-reverse.blockImage-main .blockImage__inner {
        flex-direction: column-reverse;
    }

    .blockImage-main .blockImage__content,
    .blockImage-reverse .blockImage__content {
        max-width: 100%;
        padding: 24px 20px;
    }

    .blockImage__name {
        padding: 6px 12px;
        font-size: 10px;
    }

    .blockImage__content h1,
    .blockImage__content h2 {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 27px;
    }

    .blockImage__name+h1,
    .blockImage__name+h2 {
        margin-top: 12px;
        margin-bottom: 2px;
    }

    .blockImage-main .blockImage__name+h1,
    .blockImage-main .blockImage__name+h2 {
        margin-bottom: 2px;
    }

    .blockImage__link {
        margin-top: 12px;
    }

    .blockImage__image img {
        background-position: top;
    }
}

@media (max-width: 479px) {
    .blockImage__image {
        /* height: 220px; */
    }
}

/* reviews */
.reviews {
    padding: 72px 0;
    /* background-color: #fff; */
}

.reviews__inner {
    position: relative;
}

.reviews__slider {
    margin-top: 22px;
    overflow: hidden;
    cursor: grab;
}

.reviews__slider:active {
    cursor: grabbing;
}

.reviews__slide {
    display: flex;
    align-items: stretch;
    gap: 6px;
}

.reviews__slide-product {
    width: 100%;
    max-width: 181px;
    max-height: max-content;
}

.reviews__slide-content,
.reviews__slide-product {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    background: rgba(255, 255, 255, 0.64);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 11px;
    height: auto;
}

.reviews__slide-content {
    gap: 0;
    padding: 21px 25px;
    width: 100%;
}

.reviews__slide-content::after,
.reviews__slide-product::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: rgba(255, 255, 255, 0.64);
    z-index: -1;
    border-radius: 8px;
}

.reviews__slide-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 145px;
    height: 113px;
    overflow: hidden;
    border-radius: 8px;
}

.reviews__slide-image img {
    /* width: 100%;
    height: 100%; */
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviews__slide-name {
    font-size: 14px;
    line-height: normal;
}

.reviews__slide-top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.reviews__slide-top span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #245435;
}

.reviews__slide-stars {
    display: flex;
    align-items: center;
    margin-top: 7px;
    gap: 6px;
}

.reviews__slide-star {
    display: flex;
    align-items: center;
}

.reviews__slide-star-name {
    font-size: 14px;
    line-height: 18px;
}

.reviews__slide-message {
    margin-top: 17px;
    font-size: 14px;
    line-height: normal;
    max-width: 336px;
}

.reviews__slider-pagination {
    margin-top: 33px;
}

.reviews__slider-prev {
    position: absolute;
    top: calc(50%);
    transform: rotate(-135deg);
    left: 10px;
    z-index: 10;
}

.reviews__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reviews__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reviews__slider-next {
    position: absolute;
    top: calc(50% + 4px);
    transform: rotate(45deg);
    right: 10px;
    z-index: 10;
}

.reviews__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.reviews__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 999px) {
    .reviews__slide {
        flex-direction: column;
    }

    .reviews__slide-product {
        max-width: 100%;
        flex-direction: row;
        align-items: center;
    }

    .reviews__slider-prev {
        top: unset;
        bottom: -10px;

    }

    .reviews__slider-next {
        top: unset;
        bottom: -14px;
    }
}

@media (max-width: 767px) {
    .reviews {
        padding: 42px 0;
    }

    .reviews__slider {
        width: 100%;
        max-width: 246px;
        overflow: visible;
    }

    .reviews__slide-product {
        padding: 10px;
        gap: 14px;
    }

    .reviews__slide-image {
        width: 76px;
        height: 52px;
        border-radius: 5px;
    }

    .reviews__slide-content {
        padding: 13px 18px 13px 17px;
    }

    .reviews__slide-stars {
        margin-top: 2px;
    }

    .reviews__slide-star-name {
        font-size: 12px;
        line-height: 16px;
    }

    .reviews__slide-message {
        margin-top: 9px;
        font-size: 12px;
        line-height: 16px;
        max-width: 336px;
    }

    .reviews__slider-pagination {
        margin-top: 16px;
    }
}

/* videoblogs */
.videoblogs {
    padding: 82px 0;
    background-color: #fff;
}

.videoblogs__inner {
    display: flex;
    gap: 59px;
}

.videoblogs__content {
    width: 100%;
    max-width: 393px;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.videoblogs__content::before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: -72px;
    right: -50px;
    bottom: -72px;
    width: 100vw;
    z-index: -1;
}

.videoblogs__descr {
    margin-top: 13px;
}

.videoblogs__link {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: auto;
}

.videoblogs__link span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    line-height: normal;
    transition: all .2s ease;
}

.videoblogs__link:hover span {
    color: #245435;
}

.videoblogs__slider-content {
    width: 100%;
    position: relative;
}

.videoblogs__slider {
    width: 100%;
    max-width: 598px;
    position: relative;
    z-index: 1;
    user-select: none;
}

.videoblogs__slider-pagination {
    margin-top: 25px;
}

.videoblogs__slide-image {
    display: flex;
    align-items: center;
    height: 181px;
    border-radius: 8px;
    overflow: hidden;
}



.videoblogs__slide-image>* {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.videoblogs__slide-title {
    display: inline-block;
    max-width: max-content;
    margin-top: 16px;
    margin-bottom: 8px;
}

.videoblogs__slide-title h3 {
    transition: all .2s ease;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.videoblogs__slide-title:hover h3 {
    color: #245435;
}

.videoblogs__slide-bototm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: max-content;
}

.videoblogs__slide-bototm p {
    font-size: 12px;
    line-height: 18px;
}

.videoblogs__slide-bototm span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4px;
    height: 4px;
    min-width: 4px;
    border-radius: 50%;
    background-color: #1F1F1F;
}

.videoblogs__link.on-mobile {
    display: none;
}

.videoblogs__slider-prev {
    position: absolute;
    bottom: -6px;
    transform: rotate(-135deg);
    left: 10px;
    z-index: 10;
}

.videoblogs__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.videoblogs__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.videoblogs__slider-next {
    position: absolute;
    bottom: -10px;
    transform: rotate(45deg);
    right: 10px;
    z-index: 10;
}

.videoblogs__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.videoblogs__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 999px) {
    .videoblogs__content {
        max-width: 310px;
    }

    .videoblogs__slider {
        max-width: 294px;
    }
}

@media (max-width: 767px) {
    .videoblogs {
        padding: 42px 0;
    }

    .videoblogs__content::before {
        content: none;
    }

    .videoblogs__inner {
        flex-direction: column;
        gap: 0;
    }

    .videoblogs__content {
        max-width: 100%;
    }

    .videoblogs__descr {
        margin-top: 4px;
    }

    .videoblogs__link {
        display: none;
    }

    .videoblogs__link.on-mobile {
        display: flex;
        margin-top: 25px;
        gap: 12px;
        line-height: normal;
    }

    .videoblogs__slider {
        max-width: 252px;
        margin-top: 18px;
    }

    .videoblogs__slide-title {
        margin-top: 8px;
        margin-bottom: 4px;
    }

    .videoblogs__slide-title h3 {
        font-size: 14px;
        line-height: 24px;
    }

    .videoblogs__slide-bototm p {
        font-size: 10px;
        line-height: normal;
    }

    .videoblogs__slider-prev {
        bottom: -10px;

    }

    .videoblogs__slider-next {
        bottom: -14px;
    }
}

/* blogBlock */
.blogBlock {
    margin: 72px 0;
}

.blogBlock__select {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.blogBlock__select-link {
    position: relative;
    z-index: 1;
    padding: 10px 14px;
    border-radius: 5px;
    font-size: 14px;
    line-height: normal;
    height: 38px;
}

.blogBlock__select-link.active,
.blogBlock__select-link:hover {
    background-color: #BB974D;
    color: #FFF;
    transition: all .1s ease;
}

.blogBlock__select-link:active {
    background: #856a36;
}

.blogBlock__select-link.active::after,
.blogBlock__select-link.active::before,
.blogBlock__select-link:hover::after,
.blogBlock__select-link:hover::before {
    content: none;
}

.blogBlock__select-link::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    z-index: -2;
    border-radius: 5px;
}

.blogBlock__select-link::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #FAFAFA;
    border-radius: 5px;
}

.blogBlock__block {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 0.9fr 1fr;
    gap: 20px;
}

.blogBlock__item {
    display: flex;
    align-items: center;
    gap: 17px;
}

.blogBlock__block .blogBlock__item:first-of-type {
    grid-row: span 3;
    flex-direction: column;
}

.blogBlock__item-image {
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    width: 165px;
    height: 144px;
    min-width: 165px;
}

.blogBlock__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s ease;
}

.blogBlock__item:hover img {
    transform: scale(1.1);
}

.blogBlock__block .blogBlock__item:first-of-type .blogBlock__item-image {
    width: auto;
    height: auto;
    flex: 1;
}

.blogBlock__item-content {
    width: 100%;
}

.blogBlock__item-title {
    max-width: max-content;
    transition: all .2s ease;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.blogBlock__item:hover h3 {
    color: #245435;
}

.blogBlock__item-descr {
    font-size: 12px;
    line-height: 18px;
    margin-top: 14px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.blogBlock__item-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 18px;
}

.blogBlock__item-descr+.blogBlock__item-bottom {
    margin-top: 26px;
}

.blogBlock__item-time {
    margin-left: auto;
}

.blogBlock__item-bottom p {
    font-size: 14px;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blogBlock__item-time::before,
.blogBlock__item-views::before {
    content: '';
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogBlock__item-time::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0013 1.6665C5.4063 1.6665 1.66797 5.40484 1.66797 9.99984C1.66797 14.5948 5.4063 18.3332 10.0013 18.3332C14.5963 18.3332 18.3346 14.5948 18.3346 9.99984C18.3346 5.40484 14.5963 1.6665 10.0013 1.6665ZM10.0013 16.6665C6.32547 16.6665 3.33464 13.6757 3.33464 9.99984C3.33464 6.324 6.32547 3.33317 10.0013 3.33317C13.6771 3.33317 16.668 6.324 16.668 9.99984C16.668 13.6757 13.6771 16.6665 10.0013 16.6665Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath d='M10.8346 5.83317H9.16797V10.8332H14.168V9.1665H10.8346V5.83317Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.blogBlock__item-views::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0013 7.49984C8.63297 7.49984 7.5013 8.63234 7.5013 9.99984C7.5013 11.3682 8.63297 12.4998 10.0013 12.4998C11.3688 12.4998 12.5013 11.3682 12.5013 9.99984C12.5013 8.63234 11.3688 7.49984 10.0013 7.49984Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath d='M10.0013 4.1665C3.67463 4.1665 1.77323 9.68067 1.75583 9.7365L1.66797 9.99984L1.755 10.2632C1.77323 10.319 3.67463 15.8332 10.0013 15.8332C16.328 15.8332 18.2294 10.319 18.2468 10.2632L18.3346 9.99984L18.2476 9.7365C18.2294 9.68067 16.328 4.1665 10.0013 4.1665ZM10.0013 14.1665C5.56609 14.1665 3.84786 10.9615 3.43178 9.99984C3.84952 9.03484 5.56857 5.83317 10.0013 5.83317C14.4365 5.83317 16.1547 9.03817 16.5708 9.99984C16.1531 10.9648 14.434 14.1665 10.0013 14.1665Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.blogBlock__content {
    margin-top: 68px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 38px;
}

@media (max-width: 999px) {
    .blogBlock {
        margin: 42px 0;
    }

    .blogBlock-mainblock {
        margin-top: 32px;
    }

    .blogBlock__block {
        grid-template-columns: 1fr;
        margin-top: 16px;
        gap: 24px;
    }

    .blogBlock__block .blogBlock__item:first-of-type {
        grid-row: auto;
        flex-direction: column;
        margin-bottom: 0px;
    }

    .blogBlock__block .blogBlock__item:first-of-type .blogBlock__item-image {
        width: 100%;
        height: 300px;
    }

    .blogBlock__item {
        gap: 10px;
    }

    .blogBlock-mainblock .blogBlock__item {
        display: grid;
        grid-template-columns: 111px 1fr;
        gap: 8px 10px;
    }

    .blogBlock-mainblock .blogBlock__block .blogBlock__item:first-of-type {
        display: flex;
    }

    .blogBlock__item-content {
        width: 100%;
    }

    .blogBlock__item-image {
        border-radius: 5px;
        width: 111px;
        height: 87px;
        min-width: 111px;
    }

    .blogBlock__item-title {
        font-size: 14px;
        line-height: 24px;
    }

    .blogBlock__item-bottom p {
        font-size: 12px;
        line-height: 18px;
    }

    .blogBlock__item-descr+.blogBlock__item-bottom {
        margin-top: 8px;
    }

    .blogBlock__item-bottom {
        margin-top: 8px;
        gap: 11px;
    }

    .blogBlock__item-time {
        margin-left: 0;
        margin-right: auto;
    }

    .blogBlock-mainblock .blogBlock__content .blogBlock__item-descr {
        display: inline-block;
        grid-column: span 2;
        margin-top: 0;
    }

    .blogBlock-mainblock .blogBlock__content .blogBlock__item-bottom {
        grid-column: span 2;
        gap: 11px;
        justify-content: start;
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    .blogBlock__content {
        grid-template-columns: 1fr;
        gap: 24px;
        margin-top: 24px;
    }

    .blogBlock__item-descr {
        display: none;
    }

    .blogBlock-mainblock .blogBlock__item-descr {
        display: inline-block;
        grid-column: span 2;
        margin-top: 0;
    }

    .blogBlock-mainblock .blogBlock__item-bottom {
        grid-column: span 2;
        gap: 11px;
        justify-content: start;
        margin-top: 0;
    }

    .blogBlock-mainblock .blogBlock__item-bottom p {
        margin: 0;
    }

    .blogBlock-mainblock p.blogBlock__item-views {
        margin-left: 14px;
    }

    .blogBlock__select {
        margin-top: 10px;
        gap: 10px;
    }
}

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

/* product-item */
.product__item {
    display: flex;
    flex-direction: column;
    position: relative;
    height: auto;
}

.product__item.swiper-slide {
    height: auto;
}

.product__item-favourite {
    position: absolute;
    top: 14px;
    right: 14px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.40);
    display: flex;
    width: 26px;
    height: 26px;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.product__item-favourite::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8468 1.9356C18.5193 0.581763 17.0414 0.162939 15.6535 0.264543C14.3031 0.363399 13.087 0.949169 12.1988 1.5126C11.4984 1.95692 10.5014 1.95692 9.80091 1.5126C8.9127 0.949176 7.6966 0.363413 6.34624 0.264558C4.95834 0.162957 3.48046 0.581778 2.1529 1.9356C0.58562 3.53389 0.0939029 5.50692 0.291357 7.50268C0.486535 9.47545 1.35186 11.4809 2.50598 13.2579C3.66317 15.0396 5.14136 16.6393 6.62433 17.8008C8.07467 18.9368 9.65271 19.75 10.9999 19.75C12.3471 19.75 13.9251 18.9368 15.3754 17.8008C16.8584 16.6393 18.3366 15.0396 19.4938 13.2579C20.6479 11.4809 21.5132 9.47544 21.7084 7.50268C21.9058 5.50691 21.4141 3.53389 19.8468 1.9356ZM13.0023 2.77925C13.7877 2.281 14.7599 1.83397 15.763 1.76054C16.7285 1.68986 17.7692 1.95926 18.7758 2.98582C19.9791 4.21285 20.3774 5.7199 20.2157 7.355C20.0516 9.0131 19.3084 10.7893 18.2358 12.4408C17.1663 14.0876 15.7996 15.5633 14.4505 16.6199C13.0688 17.7021 11.8278 18.25 10.9999 18.25C10.172 18.25 8.93093 17.7021 7.54926 16.6199C6.20021 15.5633 4.83348 14.0876 3.76394 12.4408C2.69132 10.7893 1.94812 9.0131 1.78407 7.355C1.6223 5.7199 2.02067 4.21286 3.2239 2.98582C4.23053 1.95928 5.27119 1.68987 6.23672 1.76056C7.23978 1.83398 8.21197 2.28101 8.99742 2.77925C10.1883 3.5347 11.8114 3.5347 13.0023 2.77925Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 13.231px;
    height: 12px;
    background-size: 100%;
}

.product__item-favourite.active::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12' fill='none'%3E%3Cpath d='M12.4444 1.03727C11.6274 0.204144 10.7179 -0.0535948 9.86385 0.00893074C9.03285 0.0697654 8.28448 0.43024 7.73789 0.776966C7.30684 1.0504 6.6933 1.0504 6.26226 0.776967C5.71567 0.430244 4.9673 0.0697737 4.1363 0.0089402C3.28221 -0.053584 2.37274 0.204152 1.55578 1.03728C0.591301 2.02084 0.288706 3.23501 0.410216 4.46318C0.530326 5.67719 1.06284 6.9113 1.77306 8.00483C2.48518 9.10128 3.39484 10.0857 4.30743 10.8005C5.19996 11.4996 6.17106 12 7.00009 12C7.82913 12 8.80023 11.4996 9.69275 10.8005C10.6053 10.0857 11.515 9.10128 12.2271 8.00483C12.9373 6.9113 13.4698 5.67719 13.59 4.46318C13.7115 3.23501 13.4089 2.02084 12.4444 1.03727Z' fill='%23245435'/%3E%3C/svg%3E");
}

.product__item-image {
    /* padding: 23px; */
    /* height: 234px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    position: relative;
    overflow: hidden;
}

.product__item-image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s ease;
}

.product__item-image:hover img {
    transform: scale(1.1);
}

.product__item-about {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: all .2s ease;
    background: linear-gradient(180deg, rgba(210, 235, 219, 0.90) 0%, rgba(236, 231, 220, 0.90) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__item:nth-of-type(2n) .product__item-about {
    background: linear-gradient(180deg, rgba(87, 150, 109, 0.90) 0%, rgba(59, 105, 75, 0.90) 100%);
}

.product__item-about ul {
    display: flex;
    gap: 12px 2px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.product__item-image:hover .product__item-about {
    opacity: 1;
}

.product__item-about li {
    position: relative;
    z-index: 1;
    border-radius: 50px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    padding: 6px 14px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.product__item-about li::before {
    content: none;
}

.product__item-about li::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background: rgba(255, 255, 255, 0.64);
    z-index: -1;
    border-radius: 50px;
}

.product__item-name {
    max-width: max-content;
}

.product__item-name:hover h3 {
    color: #245435;
}

.product__item-name h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 15px;
    margin-bottom: 8px;
    transition: all .2s ease;
}

.product__item-star,
.product__item-stars {
    display: flex;
    align-items: center;
    gap: 11px;
}

.product__item-stars {
    gap: 6px;
    margin-bottom: 10px;
}

.product__item-star {
    gap: 0;
}

.product__item-num {
    font-size: 14px;
    line-height: 18px;
}

.product__info-price,
.basket__product-price,
.article__product-price,
.product__item-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #245435;
}

.product__info-price[data-price-old="0"]::before,
.product__info-price:not([data-price-old])::before,
.article__product-price[data-price-old="0"]::before,
.article__product-price:not([data-price-old])::before,
.basket__recommendation-price[data-price-old="0"]::before,
.basket__recommendation-price:not([data-price-old])::before,
.basket__product-price[data-price-old="0"]::before,
.basket__product-price:not([data-price-old])::before,
.product__item-price[data-price-old="0"]::before,
.product__item-price:not([data-price-old])::before {
    content: none;
}

.product__info-price::before,
.article__product-price::before,
.basket__recommendation-price::before,
.basket__product-price::before,
.product__item-price::before {
    content: attr(data-price-old);
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    text-decoration: line-through;
    color: rgba(36, 84, 53, 0.24);
    font-family: 'Onest', sans-serif;
}

.basket__recommendation-price::before,
.basket__product-price::before {
    font-size: 12px;
    font-weight: 400;
    color: rgba(31, 31, 31, 0.60);
}

.product__item-price {
    margin-bottom: 8px;
}

.product__item-btn {
    height: 42px;
    border-radius: 8px;
    border: 1px solid #245435;
    color: #245435;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    gap: 10px;
    margin-top: auto;
}

.product__item-btn::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13.2618 13.74C13.2786 13.8894 13.2635 14.0406 13.2176 14.1838C13.1717 14.327 13.0961 14.4588 12.9956 14.5706C12.8948 14.6822 12.7715 14.7714 12.6339 14.8319C12.4962 14.8925 12.3472 14.9232 12.1969 14.9221H1.80312C1.65272 14.9232 1.50379 14.8925 1.36612 14.8319C1.22846 14.7714 1.10518 14.6822 1.00442 14.5706C0.90392 14.4588 0.828245 14.327 0.782357 14.1838C0.736469 14.0406 0.721411 13.8894 0.738184 13.74L1.67533 5.33765H12.3247L13.2618 13.74Z' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.33737 5.33762V3.74022C4.33737 3.03412 4.61786 2.35694 5.11715 1.85766C5.61643 1.35838 6.29361 1.07788 6.99971 1.07788C7.7058 1.07788 8.38298 1.35838 8.88227 1.85766C9.38155 2.35694 9.66205 3.03412 9.66205 3.74022V5.33762' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
}

.product__item-btn:hover {
    background-color: #245435;
    color: #fff;
}

.product__item-btn:hover::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath d='M13.2618 13.74C13.2786 13.8894 13.2635 14.0406 13.2176 14.1838C13.1717 14.327 13.0961 14.4588 12.9956 14.5706C12.8948 14.6822 12.7715 14.7714 12.6339 14.8319C12.4962 14.8925 12.3472 14.9232 12.1969 14.9221H1.80312C1.65272 14.9232 1.50379 14.8925 1.36612 14.8319C1.22846 14.7714 1.10518 14.6822 1.00442 14.5706C0.90392 14.4588 0.828245 14.327 0.782357 14.1838C0.736469 14.0406 0.721411 13.8894 0.738184 13.74L1.67533 5.33765H12.3247L13.2618 13.74Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.33737 5.33762V3.74022C4.33737 3.03412 4.61786 2.35694 5.11715 1.85766C5.61643 1.35838 6.29361 1.07788 6.99971 1.07788C7.7058 1.07788 8.38298 1.35838 8.88227 1.85766C9.38155 2.35694 9.66205 3.03412 9.66205 3.74022V5.33762' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

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

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

@media (max-width: 767px) {
    .product__item-image {
        /* height: 158px; */
        /* padding: 15px; */
    }

    .product__item-name h3 {
        font-size: 12px;
        line-height: 16px;
        margin-top: 12px;
        margin-bottom: 2px;
    }

    .product__item-price {
        font-size: 12px;
    }


    .product__item-stars {
        margin-top: 2px;
        margin-bottom: 4px;
    }

}

@media (max-width: 479px) {
    .product__item-about ul {
        gap: 6px;
    }

    .product__item-about li {
        padding: 4px 6px;
    }
}

/* basket */
.basket {
    position: fixed;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 110;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    z-index: 100000000;
}

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

.basket__inner {
    width: 100%;
    max-width: 569px;
    margin-left: auto;
    background-color: #fff;
    height: 100%;
    overflow: hidden;
    transform: translateX(100%);
    transition: all .2s ease;
}

.basket.active .basket__inner {
    transform: translateX(0%);
}

.basket__top {
    padding: 15px 50px;
    background-color: #245435;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket__title {
    color: #fff;
}

.basket__content {
    padding: 28px 50px 300px;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 60px);
    display: flex;
    flex-direction: column;
}

.basket__product {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.basket__product-item {
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid rgba(31, 31, 31, 0.18);
    padding-bottom: 30px;
}

.basket__product-image {
    width: 140px;
    height: 140px;
    min-width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    overflow: hidden;
    padding: 17px;
}

.basket__product-image img {
    max-height: 100%;
    width: max-content;
    max-width: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

.basket__product-image:hover img {
    transform: scale(1.1);
}

.basket__product-content {
    display: flex;
    flex-direction: column;
    gap: 11px;
    width: 100%;
}

.basket__product-title {
    max-width: max-content;
}

.basket__product-title h3 {
    transition: all .2s ease;
}

.basket__product-title:hover h3 {
    color: #245435;
}

.basket__product-delete {
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.6478 1.14775C11.8674 0.928078 11.8674 0.571922 11.6478 0.352252C11.4281 0.132583 11.0719 0.132583 10.8523 0.352252L6.00001 5.20452L1.14775 0.352255C0.928078 0.132585 0.571922 0.132585 0.352252 0.352255C0.132583 0.571925 0.132583 0.92808 0.352252 1.14775L5.20451 6.00001L0.352273 10.8523C0.132603 11.0719 0.132603 11.4281 0.352273 11.6477C0.571943 11.8674 0.928098 11.8674 1.14777 11.6477L6.00001 6.79551L10.8523 11.6477C11.0719 11.8674 11.4281 11.8674 11.6477 11.6477C11.8674 11.4281 11.8674 11.0719 11.6477 10.8523L6.7955 6.00001L11.6478 1.14775Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: auto;
}

.basket__product-article {
    font-size: 14px;
    line-height: normal;
    color: rgba(31, 31, 31, 0.60);
    display: flex;
    align-items: center;
    gap: 4px;
}

.basket__product-article span {
    color: #1F1F1F;
}

.basket__product-price {
    font-size: 18px;
    gap: 9px;
}

.basket__product-count {
    width: 100%;
    max-width: 133px;
    padding: 10px 14px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    background: #F0F0F0;
}

.basket__product-count button {
    padding: 5px;
}

.basket__product-count button,
.basket__product-amount {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__recommendation-top {
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket__recommendation-buttons {
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.basket__recommendation {
    margin-top: 23px;
    max-width: 263px;
    user-select: none;
}

.basket__recommendation-slide {
    display: flex;
    gap: 14px;
    align-items: center;
}

.basket__recommendation-image {
    width: 120px;
    height: 120px;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    overflow: hidden;
    padding: 8px;
}

.basket__recommendation-image img {
    max-height: 100%;
    width: max-content;
    max-width: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

.basket__recommendation-image:hover img {
    transform: scale(1.1);
}

.basket__recommendation-content {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.basket__recommendation-name {
    max-width: max-content;
}

.basket__recommendation-name h3 {
    transition: all .2s ease;
}

.basket__recommendation-name:hover h3 {
    color: #245435;
}

.basket__recommendation-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #245435;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.basket__recommendation-btn {
    height: 41px;
    font-size: 12px;
    width: 100%;
}

.basket__fixed {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 20px 50px;
    z-index: 10;
    border-top: 1px solid rgba(31, 31, 31, 0.18);
}

.basket__form {
    position: relative;
    width: 100%;
}

.basket__form input {
    padding-right: 130px;
    border-radius: 8px;
    border-color: rgba(31, 31, 31, 0.18) !important;
}

.basket__form-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.basket__bottom {
    margin-top: 20px;
}

.basket__bottom-descr:first-child {
    display: none;
}

.basket__bottom-total,
.basket__bottom-descr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.basket__bottom-descr span {
    font-weight: 600;
    line-height: 18px;
    text-align: right;
}

.basket__bottom-descr+.basket__bottom-descr {
    margin-top: 4px;
}

.basket__bottom-total {
    margin-top: 4px;
}

.basket__bottom-total span {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    color: #245435;
    text-align: right;
}

.basket__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 17px;
}

.basket__buttons>* {
    width: 100%;
    max-width: 206px;
    height: 41px;
}

.basket__buttons #button-confirm {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    height: 50px;
}

.basket__close-btn {
    border-radius: 8px;
    background: #F0F0F0;
    color: #1F1F1F;
}

.basket__close-btn:hover {
    color: #F0F0F0;
}

.basket__close-back {
    display: none;
}

.basket .alert {
    position: relative;
    font-size: 14px;
    line-height: 115%;
    margin-top: 8px;
}

.basket .alert .close {
    position: absolute;
    top: 2px;
    right: 4px;
}

.basket__delivery {
    margin-bottom: 40px;
}

.basket__delivery-title {
    font-size: 18px;
    line-height: 115%;
    margin-bottom: 12px;
}

.basket__delivery-title strong {
    color: #245435;
}

.basket__delivery-line {
    --lineWidth: 0%;
    position: relative;
    width: 100%;
    height: 10px;
    background: #eaeaea;
    border-radius: 10px;
    transition: 0.8s ease;
}

.basket__delivery-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--lineWidth);
    height: 10px;
    background: #245435;
    border-radius: 10px;
    transition: 0.8s ease;
}

@media (max-width: 767px) {
    .basket__top {
        padding: 19px 15px;
    }

    .basket__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .basket__content {
        padding: 30px 15px 300px;
    }

    .basket__product-title {
        font-size: 16px;
        line-height: 16px;
        /* 100% */
    }

    .basket__product-article {
        font-size: 12px;
    }

    .basket__recommendation-price::before,
    .basket__product-price::before {
        font-size: 10px;
    }

    .basket__recommendation-title {
        font-size: 16px;
        font-weight: 500;
        line-height: 16px;
    }

    .basket__product-item {
        gap: 19px;
        padding-bottom: 18px;
        align-items: start;
    }

    .basket__product-content {
        gap: 7px;
    }

    .basket__product-image {
        width: 120px;
        height: 120px;
        min-width: 120px;
    }

    .basket__product-article {
        font-size: 10px;
    }

    .basket__product-count {
        max-width: 118px;
        height: 34px;
    }

    .basket__recommendation-price {
        font-size: 14px;
    }

    .basket__buttons {
        flex-direction: column-reverse;
        margin-top: 10px;
    }

    .basket__product-price {
        font-size: 16px;
    }

    .basket__inner {
        max-width: 334px;
    }

    .basket__product-image {
        width: 96px;
        height: 96px;
        min-width: 96px;
    }

    .basket__recommendation-top {
        margin-top: 30px;
    }

    .basket__recommendation-buttons {
        display: none;
    }

    .basket__recommendation {
        margin-top: 20px;
        max-width: 200px;
    }

    .basket__recommendation-image {
        width: 80px;
        height: 80px;
        min-width: 80px;
    }

    .basket__recommendation-slide {
        display: grid;
        grid-template-columns: 80px 1fr;
        gap: 12px 14px;
    }

    .basket__recommendation-btn {
        grid-column: span 2;
    }

    .basket__bottom {
        margin-top: 10px;
    }

    .basket__bottom-descr+.basket__bottom-descr,
    .basket__bottom-total {
        margin-top: 2px;
    }

    .basket__buttons>* {
        max-width: 100%;
        height: 44px;
    }

    /* .basket__close-back {
        display: flex;
        justify-content: center;
        height: auto;
    } */

    .basket__fixed {
        padding: 15px;
    }
}

.fixedBtns {
    position: fixed;
    right: 36px;
    bottom: 167px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    z-index: 90;
}

.fixedBtns__tel,
.fixedBtns__link {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .2s ease;
    position: relative;
    z-index: 1;
}

.fixedBtns__tel::before,
.fixedBtns__tel::after,
.fixedBtns__link::before,
.fixedBtns__link::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: pulse 1.5s infinite ease-in-out;
}

.fixedBtns__tel {
    background-color: #BB974D;
}

.fixedBtns__tel::before {
    background-color: rgba(187, 151, 77, 0.21);
    width: 56px;
    height: 56px;
    opacity: 0;
}

.fixedBtns__tel::after {
    background-color: rgba(187, 151, 77, 0.11);
    width: 66px;
    height: 66px;
    z-index: -2;
    opacity: 0;
}

.fixedBtns__link {
    background-color: #245435;
}

.fixedBtns__link::before {
    background-color: rgba(36, 84, 53, 0.21);
    width: 56px;
    height: 56px;
}

.fixedBtns__link::after {
    background-color: rgba(36, 84, 53, 0.11);
    width: 66px;
    height: 66px;
    z-index: -2;
}

.fixedBtns__block-content,
.fixedBtns__block {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.fixedBtns__block {
    gap: 10px;
}

.fixedBtns__block-content {
    overflow: hidden;
    height: 0px;
    transition: all .3s ease;
    margin-bottom: -30px;
}

.fixedBtns__block.active .fixedBtns__block-content {
    height: 152px;
    /* height: 186px; */
    padding-bottom: 30px;
}

@keyframes pulse {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* faq */
.faq {
    margin: 72px 0;
}

.faq-article {
    margin: 72px 0 0;
}

.faq__inner {
    display: flex;
    gap: 34px;
}

.faq__title {
    width: 100%;
    max-width: 318px;
}

.faq__box-tabs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.faq__box-tab {
    outline: none;
    height: 40px;
    width: 100%;
}

.faq__box-tab:not(._active) {
    border: 1px solid #245435;
    color: #245435;
    background-color: transparent;
}

.faq__box-tab:not(._active):hover {
    color: #fff;
    background-color: #245435;
}

.faq__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.faq__block._hidden {
    display: none;
}

.faq__item {
    background-color: #fff;
    border-radius: 12px;
    width: 100%;
}

.faq__item h3 {
    padding: 18px 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.faq__item h3::after {
    content: '+';
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.faq__item p {
    padding: 0px 32px 22px;
    border-radius: 12px;
    display: none;
}

.faq__item.active h3 {
    color: #245435;
    font-weight: 600;
}

.faq__item.active h3::after {
    content: '-';
}

.faq__item.active p {
    display: inline-block;
}

.faq__item:hover h3 {
    color: #245435;
}

@media (max-width: 999px) {
    .faq__inner {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .faq {
        margin: 42px 0;
    }

    .faq-article {
        margin: 42px 0 0;
    }

    .faq__inner {
        gap: 12px;
    }

    .faq__box-tabs {
        gap: 6px;
        margin-top: 14px;
    }

    .faq__box-tab {
        height: 34px;
    }

    .faq__item h3 {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .faq__item p {
        padding: 10px 20px;
    }


}


/* articleLinks */
.articleLinks {}

.articleLinks__inner {
    display: flex;
    gap: 34px;
}

.articleLinks__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.articleLinks__item {
    background-color: #fff;
    border-radius: 12px;
    width: 100%;
}

.articleLinks__item h3 {
    padding: 18px 32px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.articleLinks__item h3::after {
    content: '+';
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}

.articleLinks__item>div {
    padding: 0px 32px 22px;
    border-radius: 12px;
    display: none;
}

.articleLinks__item>div a:hover {
    color: #245435;
}


.articleLinks__item.active h3 {
    color: #245435;
    font-weight: 600;
}

.articleLinks__item.active h3::after {
    content: '-';
}

.articleLinks__item.active>div {
    display: inline-block;
}

.articleLinks__item:hover h3 {
    color: #245435;
}

@media (max-width: 999px) {
    .articleLinks__inner {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .articleLinks__inner {
        gap: 12px;
    }

    .articleLinks__item h3 {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 24px;
    }

    .articleLinks__item>div {
        padding: 10px 20px;
    }
}

/* author */
.author {
    margin: 30px 0 0;
    border-top: 1px solid rgba(31, 31, 31, 0.08);
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
    padding: 22px 0;
}

.author__inner {
    display: flex;
    align-items: center;
    gap: 14px;
}

.author__image {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    overflow: hidden;
}

.author__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.author__info-name {
    font-size: 20px;
    color: #245435;
    font-weight: 500;
}



/* seoText */
.seoText {
    margin: 72px 0;
}

.seoText__inner {
    padding: 64px 55px;
    border-radius: 20px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
}

.seoText h2 {
    margin-bottom: 20px;
}

.seoText p+p {
    margin-top: 8px;
}

@media (max-width: 767px) {
    .seoText {
        margin: 42px 0;
    }

    .seoText__inner {
        padding: 28px 20px;
        border-radius: 12px;
    }

    .seoText h2 {
        margin-bottom: 12px;
    }
}

/* catalog */
.catalog {
    padding: 42px 0 82px;
}

.catalog__select {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px 24px;
    flex-wrap: wrap;
    margin-bottom: 72px;
}

.catalog__select-item {
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    padding: 10px 14px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.catalog__select-item::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    border-radius: 5px;
    z-index: -1;
}

.catalog__select-item {
    text-wrap: nowrap;
    white-space: nowrap;
}

.catalog__select-item:hover,
.catalog__select-item.active {
    background: #BB974D;
    color: #fff;
}

.catalog__select-item:hover::after,
.catalog__select-item.active::after {
    content: none;
}

.catalog__select-item:active {
    background: #856a36;
    color: #fff;
}

.catalog__select-item:active::after {
    content: none;
}

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

.catalog__content {
    margin-top: 34px;
    display: flex;
    justify-content: space-between;
    gap: 26px;
}

.catalog__filter {
    width: 100%;
    max-width: 242px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.catalog__filter-price {
    margin-top: 8px;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 17px 8px 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.price-name {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.price-slider::-webkit-slider-thumb {
    appearance: none;
    width: 12px;
    height: 12px;
    background-color: #245435;
    border-radius: 50%;
    cursor: pointer;
}

input[type="range"].price-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 4px;
    background: transparent;
    border-radius: 5px;
    outline: none;
    border: none;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
}

input[type="range"].price-slider::-webkit-slider-runnable-track {
    height: 4px;
    background: transparent;
}

input[type="range"].price-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #245435;
    border: 2px solid #fff;
    margin-top: -5px;
    cursor: pointer;
}

input[type="range"].price-slider::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #245435;
    border: 2px solid #fff;
    cursor: pointer;
}

input[type="range"].price-slider::-moz-range-track {
    height: 4px;
    background: transparent;
}

input[type="range"].price-slider::-ms-track {
    width: 100%;
    height: 4px;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

input[type="range"].price-slider::-ms-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #245435;
    border: 2px solid #fff;
    cursor: pointer;
}

.catalog__filter-box {
    display: flex;
    flex-direction: column;
}

.catalog__filter-box:not(:nth-of-type(2)):not(:nth-of-type(3)) {
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
}

.catalog__filter-name {
    transition: all .2s ease;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
}

.catalog__filter-name+.catalog__filter-name {
    margin-top: 12px;
}

.catalog__filter-name:hover {
    color: #245435;
}

.catalog__filter-top {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.catalog__filter-top::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.49219 7.27648L8.99999 11.7843L13.5078 7.27648L12.4471 6.21582L8.99999 9.66297L5.55285 6.21582L4.49219 7.27648Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.catalog__filter-block {
    display: none;
    flex-direction: column;
    gap: 6px;
    margin-top: 12px;
}

.catalog__filter-box.active .catalog__filter-block {
    display: flex;
}

.catalog__filter-box.active {
    padding-bottom: 12px !important;
}

.catalog__filter-box.active .catalog__filter-top::after {
    transform: rotate(-180deg);
}

.catalog__result-content {
    width: 100%;
}

.catalog__result {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 42px 12px;
    align-items: stretch
}

.catalog__result-more {
    gap: 12px;
    margin: 39px auto 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.catalog__result-more::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M2.55709 7.12272C3.03985 3.84204 6.09072 1.57389 9.3714 2.05665C10.4907 2.22135 11.5407 2.69895 12.4004 3.43442L11.6265 4.20834C11.3671 4.4678 11.3671 4.88844 11.6266 5.14784C11.7512 5.27234 11.9201 5.34231 12.0962 5.34234H15.1428C15.5097 5.34234 15.8071 5.04492 15.8071 4.67803V1.63143C15.807 1.26454 15.5095 0.967182 15.1426 0.967245C14.9665 0.967276 14.7976 1.03725 14.6731 1.16175L13.8094 2.02536C10.516 -0.910382 5.4663 -0.620467 2.53056 2.67292C1.49051 3.83964 0.815575 5.28586 0.589373 6.8324C0.500187 7.38068 0.872343 7.89746 1.4206 7.98664C1.46999 7.99468 1.51987 7.999 1.56991 7.99963C2.07152 7.99421 2.49257 7.62018 2.55709 7.12272Z' fill='%23245435'/%3E%3Cpath d='M15.4289 7.99947C14.9273 8.00489 14.5063 8.37891 14.4417 8.87638C13.959 12.157 10.9081 14.4252 7.62743 13.9425C6.50813 13.7778 5.45815 13.3002 4.59843 12.5647L5.37235 11.7908C5.63175 11.5313 5.63169 11.1107 5.3722 10.8513C5.24767 10.7268 5.07877 10.6568 4.90267 10.6568H1.85613C1.48924 10.6568 1.19182 10.9542 1.19182 11.3211V14.3677C1.19191 14.7346 1.48939 15.0319 1.85629 15.0319C2.03239 15.0318 2.20129 14.9619 2.32582 14.8374L3.18943 13.9738C6.48203 16.9098 11.5314 16.6208 14.4675 13.3282C15.5081 12.1612 16.1833 10.7145 16.4095 9.16738C16.499 8.61916 16.1272 8.10214 15.579 8.01258C15.5294 8.00445 15.4792 8.00006 15.4289 7.99947Z' fill='%23245435'/%3E%3C/svg%3E");
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.catalog__filter-open,
.catalog__filter-mobile {
    display: none;
}

.catalog__filter-open {
    gap: 7px;
    display: none;
    align-items: center;
    padding: 10px;
    height: 44px;
    background-color: #fff;
    border-radius: 5px;
}

.catalog__sort {
    display: flex;
    align-items: center;
    justify-content: end;
}

.catalog__sort select {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    color: #1f1f1f;
    font-family: "Onest", sans-serif;
    text-align: justify;
    font-size: 16px;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' width='24' height='24' class='sH5YpbW'%3E%3Cpath fill-rule='evenodd' d='M18.2546728,8.18171329 L18.9617796,8.88882007 L12.5952867,15.2537133 L12.5978964,15.2558012 L11.8907896,15.962908 L11.8882867,15.9607133 L11.8874628,15.9617796 L11.180356,15.2546728 L11.1812867,15.2527133 L4.81828671,8.88882007 L5.52539349,8.18171329 L11.8882867,14.5457133 L18.2546728,8.18171329 Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: right 5px center;
    background-repeat: no-repeat, repeat;
    background-size: 23px;
    margin: 0;
    max-width: 100%;
    overflow: hidden;
    padding-right: 24px;
    text-align: left;
    width: 100%;
    max-width: 250px;
    margin-left: auto;
    border-radius: 3px;
    padding: 5px 33px 5px 13px;
    height: 35px;
    border: none;
    outline: none;
    box-shadow: none;
}

.catalog__filter-bg {
    display: none;
}

.catalog__filter-btns {
    display: none;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

@media (max-width: 1279px) {
    .catalog__result {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 999px) {
    .catalog__result {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .catalog {
        padding: 24px 0 42px;
    }

    .catalog__select {
        gap: 10px;
        margin: 0 -20px 24px;
        padding: 0 20px 10px;
        overflow: auto;
        flex-wrap: nowrap;
    }

    .catalog__select-item {
        font-size: 12px;
        padding: 10px 14px;
        height: 36px;
        line-height: 16px;
    }

    .catalog__content {
        flex-direction: column;
        margin-top: 10px;
        gap: 10px;
    }

    .catalog__filter {
        position: fixed;
        inset: 0;
        z-index: 120;
        max-width: 282px;
        padding: 20px 15px;
        background: #F0F0F0;
        overflow: auto;
        gap: 12px;
        transform: translateX(100%);
        transition: all .2s ease;
        left: initial;
    }

    .catalog__filter.active {
        transform: translateX(0%);
    }

    .catalog__filter-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .catalog__filter-close svg {
        max-width: 15px;
        max-height: 15px;
    }

    .catalog__filter-open {
        padding: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .catalog__filter-btns {
        display: flex;
        margin-top: 25px;
    }

    .catalog__filter-submit {
        width: 100%;
        border-radius: 5px;
        border: 1px solid #245435;
        height: 48px;
    }

    .catalog__filter-submit:active {
        background-color: #245435;
        color: #fff;
    }

    .catalog__filter-back {
        width: 100%;
        border-radius: 5px;
        border: 1px solid rgba(31, 31, 31, 0.60);
        height: 48px;
    }

    .catalog__filter-back:active {
        background-color: rgba(31, 31, 31, 0.60);
        color: #fff;
    }

    .catalog__result {
        gap: 16px 6px;
    }

    .catalog__result-more {
        margin-top: 24px;
        font-size: 14px;
        line-height: 24px;
        gap: 7px;
    }

    .catalog__result-more::before {
        width: 14px;
        height: 14px;
        background-size: 100%;
    }

    .catalog__sort select {
        font-size: 14px;
        margin-left: 0;
        transform: translateX(-13px);
    }

    .catalog__filter-bg {
        display: flex;
        position: fixed;
        inset: 0;
        background-color: rgba(31, 31, 31, 0.60);
        z-index: 110;
        opacity: 0;
        pointer-events: none;
        transition: all .2s ease;
    }

    .catalog__filter-bg.active {
        opacity: 1;
        pointer-events: all;
    }

    .catalog__title-top {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .catalog__sort {
        max-width: 100%;
        justify-content: start;
    }
}

/* contacts */
.contacts {
    padding: 72px 0 86px;
}

.contacts__inner {
    display: flex;
    align-items: stretch;
    min-height: 559px;
    border-radius: 20px;
    overflow: hidden;
}

.contacts__content {
    padding: 20px 81px;
    width: 100%;
    max-width: 650px;
    height: auto;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}

.contacts__descr {
    margin-top: 6px;
}

.contacts .footer__block {
    margin-top: 18px;
}

.contacts .footer__email,
.contacts .footer__adress {
    font-size: 16px;
    line-height: 18px;
    max-width: 320px;
}

.contacts .footer__box-socials {
    margin-top: 24px;
}

.contacts__btn {
    margin-top: 24px;
    gap: 4px;
    height: 39px;
    max-width: 163px;
    width: 100%;
}

.contacts__map {
    display: flex;
    align-items: center;
    height: auto;
    width: 100%;
    max-width: 590px;
}

.contacts__map iframe {
    height: 100%;
}

.contactsPopup {
    position: fixed;
    overflow: auto;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

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

.contactsPopup__inner {
    margin: 7% auto 5%;
    width: 100%;
    max-width: 549px;
    border-radius: 15px;
    background: #FFF;
    padding: 68px;
    position: relative;
}

.contactsPopup__title {
    text-align: center;
}

.contactsPopup__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.contactsPopup__rating {
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.contactsPopup__rating label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.contactsPopup__form {
    max-width: 329px;
    margin: 18px auto 0;
}

.contactsPopup__form-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contactsPopup__form textarea {
    height: 173px;
}

.contactsPopup__form textarea::placeholder,
.contactsPopup__form input::placeholder {
    color: rgba(31, 31, 31, 0.60);
}

.contactsPopup__form-file {
    color: #BB974D;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.contactsPopup__form-file::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.5 1.5H2.5C1.9485 1.5 1.5 1.9485 1.5 2.5V9.5C1.5 10.0515 1.9485 10.5 2.5 10.5H9.5C10.0515 10.5 10.5 10.0515 10.5 9.5V2.5C10.5 1.9485 10.0515 1.5 9.5 1.5ZM2.5 9.5V2.5H9.5L9.501 9.5H2.5Z' fill='%23BB974D'/%3E%3Cpath d='M5 7L4.5 6.5L3 8.5H9L6.5 5L5 7Z' fill='%23BB974D'/%3E%3Cpath d='M4.25 5.5C4.66421 5.5 5 5.16421 5 4.75C5 4.33579 4.66421 4 4.25 4C3.83579 4 3.5 4.33579 3.5 4.75C3.5 5.16421 3.83579 5.5 4.25 5.5Z' fill='%23BB974D'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.contactsPopup__form-btn {
    margin: 19px auto 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    height: 48px;
    width: 100%;
    max-width: 203px;
}

.contactsPopup__imagePreview {
    display: none;
    position: relative;
}

.contactsPopup__imagePreview-delete {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.6478 1.14775C11.8674 0.928078 11.8674 0.571922 11.6478 0.352252C11.4281 0.132583 11.0719 0.132583 10.8523 0.352252L6.00001 5.20452L1.14775 0.352255C0.928078 0.132585 0.571922 0.132585 0.352252 0.352255C0.132583 0.571925 0.132583 0.92808 0.352252 1.14775L5.20451 6.00001L0.352273 10.8523C0.132603 11.0719 0.132603 11.4281 0.352273 11.6477C0.571943 11.8674 0.928098 11.8674 1.14777 11.6477L6.00001 6.79551L10.8523 11.6477C11.0719 11.8674 11.4281 11.8674 11.6477 11.6477C11.8674 11.4281 11.8674 11.0719 11.6477 10.8523L6.7955 6.00001L11.6478 1.14775Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 2px;
}

@media (max-width: 1279px) {
    .contacts__map {
        max-width: 460px;
    }
}

@media (max-width: 999px) {
    .contacts__content {
        padding: 20px 40px;
    }

    .contacts__map {
        max-width: 340px;
    }
}

@media (max-width: 767px) {
    .contacts {
        padding: 32px 0 42px;
    }

    .contacts__inner {
        border-radius: 12px;
        flex-direction: column;
    }

    .contacts__content {
        padding: 22px;
        gap: 0;
    }

    .contacts__map {
        height: 265px;
    }

    .contacts .footer__box-socials {
        margin-top: 12px;
    }

    .contacts__btn {
        margin-top: 12px;
    }

    .contacts .footer__block {
        margin-top: 12px;
    }

    .contacts .footer__socials {
        margin-top: 16px;
    }

    .contacts .footer__email,
    .contacts .footer__adress {
        margin-top: 16px;
    }

    .contacts__btn,
    .contacts .footer__box-socials {
        margin-top: 18px;
    }

    .contactsPopup__inner {
        margin: 10% auto 5%;
        padding: 32px 25px;
    }

    .contactsPopup__close {
        top: 14px;
        right: 14px;
    }

    .contactsPopup__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .contactsPopup__form-btn {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }
}

/* blogsSlider */
.blogsSlider {
    margin: 118px 0 86px;
}

.blogsSlider__inner {
    position: relative;
}

.blogsSlider__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.blogsSlider__btn {
    gap: 4px;
}

.blogsSlider__slider {
    margin-top: 20px;
    overflow: hidden;
}

.blogsSlider__slide {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

.blogsSlider__slide-favourite {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8468 1.9356C18.5193 0.581763 17.0414 0.162939 15.6535 0.264543C14.3031 0.363399 13.087 0.949169 12.1988 1.5126C11.4984 1.95692 10.5014 1.95692 9.80091 1.5126C8.9127 0.949176 7.6966 0.363413 6.34624 0.264558C4.95834 0.162957 3.48046 0.581778 2.1529 1.9356C0.58562 3.53389 0.0939029 5.50692 0.291357 7.50268C0.486535 9.47545 1.35186 11.4809 2.50598 13.2579C3.66317 15.0396 5.14136 16.6393 6.62433 17.8008C8.07467 18.9368 9.65271 19.75 10.9999 19.75C12.3471 19.75 13.9251 18.9368 15.3754 17.8008C16.8584 16.6393 18.3366 15.0396 19.4938 13.2579C20.6479 11.4809 21.5132 9.47544 21.7084 7.50268C21.9058 5.50691 21.4141 3.53389 19.8468 1.9356ZM13.0023 2.77925C13.7877 2.281 14.7599 1.83397 15.763 1.76054C16.7285 1.68986 17.7692 1.95926 18.7758 2.98582C19.9791 4.21285 20.3774 5.7199 20.2157 7.355C20.0516 9.0131 19.3084 10.7893 18.2358 12.4408C17.1663 14.0876 15.7996 15.5633 14.4505 16.6199C13.0688 17.7021 11.8278 18.25 10.9999 18.25C10.172 18.25 8.93093 17.7021 7.54926 16.6199C6.20021 15.5633 4.83348 14.0876 3.76394 12.4408C2.69132 10.7893 1.94812 9.0131 1.78407 7.355C1.6223 5.7199 2.02067 4.21286 3.2239 2.98582C4.23053 1.95928 5.27119 1.68987 6.23672 1.76056C7.23978 1.83398 8.21197 2.28101 8.99742 2.77925C10.1883 3.5347 11.8114 3.5347 13.0023 2.77925Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

.blogsSlider__slide-favourite:hover,
.blogsSlider__slide-favourite.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.8468 1.9356C18.5193 0.581763 17.0414 0.162939 15.6535 0.264543C14.3031 0.363399 13.087 0.949169 12.1988 1.5126C11.4984 1.95692 10.5014 1.95692 9.80091 1.5126C8.9127 0.949176 7.6966 0.363413 6.34624 0.264558C4.95834 0.162957 3.48046 0.581778 2.1529 1.9356C0.58562 3.53389 0.0939029 5.50692 0.291357 7.50268C0.486535 9.47545 1.35186 11.4809 2.50598 13.2579C3.66317 15.0396 5.14136 16.6393 6.62433 17.8008C8.07467 18.9368 9.65271 19.75 10.9999 19.75C12.3471 19.75 13.9251 18.9368 15.3754 17.8008C16.8584 16.6393 18.3366 15.0396 19.4938 13.2579C20.6479 11.4809 21.5132 9.47544 21.7084 7.50268C21.9058 5.50691 21.4141 3.53389 19.8468 1.9356Z' fill='%23245435'/%3E%3C/svg%3E");
}

.blogsSlider__slide-link {
    position: relative;
    height: 100%;
    width: 100%;
}

.blogsSlider__slide-image {
    position: relative;
    z-index: 1;
}

.blogsSlider__slide-image:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32.29%, rgba(0, 0, 0, 0.8) 100%);
    z-index: 2;
}

.blogsSlider__slide-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 225px;
    /* height: 304px; */
}

.blogsSlider__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s ease;
}

.blogsSlider__slide-link:hover .blogsSlider__slide-image img {
    transform: scale(1.1);
}

.blogsSlider__slide-content {
    position: absolute;
    bottom: 19px;
    left: 20px;
    right: 20px;
    z-index: 2;
}

.blogsSlider__slide-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    transition: all .2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.blogsSlider__slide-link:hover .blogsSlider__slide-title {
    color: #F0F0F0;
}

.blogsSlider__slide-bottom {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.blogsSlider__slide-time {
    margin-left: auto;
}

.blogsSlider__slide-bottom p {
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
}

.blogsSlider__slide-time::before,
.blogsSlider__slide-views::before {
    content: '';
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blogsSlider__slide-time::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00065 1.33325C4.32465 1.33325 1.33398 4.32392 1.33398 7.99992C1.33398 11.6759 4.32465 14.6666 8.00065 14.6666C11.6767 14.6666 14.6673 11.6759 14.6673 7.99992C14.6673 4.32392 11.6767 1.33325 8.00065 1.33325ZM8.00065 13.3333C5.05998 13.3333 2.66732 10.9406 2.66732 7.99992C2.66732 5.05925 5.05998 2.66659 8.00065 2.66659C10.9413 2.66659 13.334 5.05925 13.334 7.99992C13.334 10.9406 10.9413 13.3333 8.00065 13.3333Z' fill='white' fill-opacity='0.4'/%3E%3Cpath d='M8.66732 4.66658H7.33398V8.66658H11.334V7.33325H8.66732V4.66658Z' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E");
}

.blogsSlider__slide-views::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.00065 5.99992C6.90598 5.99992 6.00065 6.90592 6.00065 7.99992C6.00065 9.09459 6.90598 9.99992 8.00065 9.99992C9.09465 9.99992 10.0007 9.09459 10.0007 7.99992C10.0007 6.90592 9.09465 5.99992 8.00065 5.99992Z' fill='white' fill-opacity='0.4'/%3E%3Cpath d='M8.00065 3.33325C2.93932 3.33325 1.4182 7.74459 1.40427 7.78925L1.33398 7.99992L1.40361 8.21059C1.4182 8.25525 2.93932 12.6666 8.00065 12.6666C13.062 12.6666 14.5831 8.25525 14.597 8.21059L14.6673 7.99992L14.5977 7.78925C14.5831 7.74459 13.062 3.33325 8.00065 3.33325ZM8.00065 11.3333C4.45248 11.3333 3.0779 8.76925 2.74503 7.99992C3.07923 7.22792 4.45447 4.66659 8.00065 4.66659C11.5488 4.66659 12.9234 7.23059 13.2563 7.99992C12.9221 8.77192 11.5468 11.3333 8.00065 11.3333Z' fill='white' fill-opacity='0.4'/%3E%3C/svg%3E");
}

.blogsSlider__btn.on-mobile {
    display: none;
}

.blogsSlider__slider-pagination {
    margin-top: 28px;
}

.blogsSlider__slider-prev {
    position: absolute;
    bottom: -6px;
    transform: rotate(-135deg);
    left: 10px;
    z-index: 10;
}

.blogsSlider__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blogsSlider__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blogsSlider__slider-next {
    position: absolute;
    bottom: -14px;
    transform: rotate(45deg);
    right: 10px;
    z-index: 10;
}

.blogsSlider__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.blogsSlider__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


@media (max-width: 767px) {
    .blogsSlider {
        margin: 42px 0;
    }

    .blogsSlider__slider {
        width: 100%;
        max-width: 252px;
        overflow: visible;
    }

    .blogsSlider__btn {
        display: none;
    }

    .blogsSlider__btn.on-mobile {
        display: flex;
        max-width: max-content;
        margin: 20px auto 0;
    }

    .blogsSlider__slide-image {
        height: 200px;
    }

    .blogsSlider__slider-prev {
        bottom: 34px;

    }

    .blogsSlider__slider-next {
        bottom: 28px;
    }
}

/* certificates */
.certificates {
    margin: 84px 0 86px;
}

.certificates__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.certificates__block {
    width: 100%;
    max-width: 459px;
    padding: 31px 27px;
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.08);
    background: #F0F0F0;
    display: flex;
    align-items: center;
    gap: 22px;
    position: relative;
}

.certificates__slide-download {
    position: absolute;
    z-index: 1;
    top: 31px;
    right: 25px;
    display: none;
    ;
    align-items: center;
    justify-content: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8.56251 1.25C8.56251 0.93934 8.31067 0.6875 8.00001 0.6875C7.68935 0.6875 7.43751 0.93934 7.43751 1.25V10.8579C7.19551 10.6123 6.90782 10.2508 6.48915 9.72275L5.44077 8.40052C5.24776 8.1571 4.89395 8.11623 4.65053 8.30924C4.4071 8.50225 4.36623 8.85605 4.55924 9.09948L5.62893 10.4486C6.02882 10.9529 6.35879 11.3691 6.65414 11.6656C6.95722 11.9699 7.29362 12.2221 7.7235 12.2906C7.81508 12.3052 7.90747 12.3125 8.00001 12.3125C8.09255 12.3125 8.18493 12.3052 8.27651 12.2906C8.70639 12.2221 9.04279 11.9699 9.34587 11.6656C9.64122 11.3691 9.9712 10.9529 10.3711 10.4486L11.4408 9.09948C11.6338 8.85605 11.5929 8.50225 11.3495 8.30924C11.1061 8.11623 10.7523 8.15709 10.5592 8.40052L9.51086 9.72275C9.0922 10.2508 8.8045 10.6123 8.56251 10.8579V1.25Z' fill='%23245435'/%3E%3Cpath d='M14.45 6.91217C14.2635 6.66378 13.9108 6.61367 13.6625 6.80024C13.4141 6.98682 13.3639 7.33943 13.5505 7.58782C13.9506 8.12051 14.1875 8.78178 14.1875 9.5V10.25C14.1875 10.9682 14.1858 11.2619 14.1483 11.4986C13.9322 12.8625 12.8625 13.9322 11.4986 14.1483C11.2619 14.1858 10.9683 14.1875 10.25 14.1875H5.75001C5.03176 14.1875 4.73812 14.1858 4.50137 14.1483C3.13746 13.9322 2.06777 12.8625 1.85175 11.4986C1.81425 11.2619 1.81251 10.9682 1.81251 10.25V9.5C1.81251 8.78178 2.04938 8.12051 2.44949 7.58782C2.63606 7.33943 2.58595 6.98682 2.33756 6.80024C2.08916 6.61367 1.73655 6.66378 1.54998 6.91217C1.00855 7.63299 0.687506 8.52981 0.687506 9.5L0.687503 10.3106C0.687452 10.9496 0.687422 11.3389 0.7406 11.6746C1.03286 13.5199 2.4801 14.9671 4.32538 15.2594C4.66114 15.3126 5.05038 15.3126 5.68941 15.3125H10.3106C10.9496 15.3126 11.3389 15.3126 11.6746 15.2594C13.5199 14.9671 14.9671 13.5199 15.2594 11.6746C15.3126 11.3389 15.3126 10.9496 15.3125 10.3106L15.3125 9.5C15.3125 8.52981 14.9915 7.63299 14.45 6.91217Z' fill='%23245435'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.certificates__slide-download.active {
    display: flex;
}

.certificates__slider {
    padding: 22px 30px;
    border-radius: 20px;
    background: #FFF;
    overflow: hidden;
    height: 427px;
}

.certificates__slider .swiper-slide {
    position: initial;
}

.certificates__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.certificates__content {
    width: 100%;
    max-width: 648px;
}

.certificates__content h2 {
    max-width: 332px;
}

.certificates__name {
    margin-top: 6px;
}

.certificates__descr {
    margin-top: 18px;
}

@media (max-width: 999px) {
    .certificates__inner {
        flex-direction: column-reverse;
    }

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

@media (max-width: 767px) {
    .certificates {
        margin: 32px 0 42px;
    }

    .certificates__inner {
        gap: 16px;
    }

    .certificates__block {
        padding: 19px 19px 59px;
        gap: 0;
        border-radius: 8px;
    }

    .certificates__slider {
        padding: 10px;
        border-radius: 12px;
        background: #FFF;
        overflow: hidden;
        height: 330px;
    }

    .certificates__slide-download {
        top: initial;
        right: initial;
        left: 19px;
        bottom: 19px;
    }

    .certificates__name {
        margin-top: 4px;
    }

    .certificates__descr {
        margin-top: 12px;
    }

    .certificates__slide-prev {
        position: absolute;
        bottom: 18px;
        right: 52px;
    }

    .certificates__slide-next {
        position: absolute;
        bottom: 18px;
        right: 19px;
    }
}

/* generalBlock */
.generalBlock {
    padding: 72px 0 86px;
}

.generalBlock__inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.generalBlock__select {
    display: flex;
    flex-direction: column;
    gap: 7px;
    max-width: 263px;
    width: 100%;
}

.generalBlock__select-btn {
    border-radius: 8px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    padding: 13px 23px;
}

.generalBlock__select-btn:hover,
.generalBlock__select-btn.active {
    background: #245435;
    color: #fff;
}

.generalBlock__select-btn:active {
    background: #163521;
}

.generalBlock__content {
    width: 100%;
    max-width: 881px;
}

.generalBlock__title {
    margin-bottom: 20px;
}

.generalBlock__box {
    border-radius: 8px;
    background: #FFF;
    padding: 42px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.generalBlock__box+.generalBlock__box {
    margin-top: 18px;
}

.generalBlock__box-top {
    display: flex;
    align-items: center;
    gap: 8px;
}

.generalBlock__box-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.generalBlock__box-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 767px) {
    .generalBlock {
        padding: 32px 0 42px;
    }

    .generalBlock__inner {
        flex-direction: column;
    }

    .generalBlock__box {
        padding: 30px 20px;
        gap: 12px;
    }

    .generalBlock__box-block {
        gap: 4px;
    }

    .generalBlock__select {
        max-width: 100%;
        gap: 4px;
    }

    .generalBlock__select-btn {
        text-align: center;
        height: 46px;
    }

    .generalBlock__content {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .generalBlock__title {
        order: -1;
        margin: 0;
    }

    .generalBlock__box+.generalBlock__box {
        margin-top: 0;
    }
}

/* infoBlock */
.infoBlock {
    margin: 86px 0;
}

.infoBlock__inner {
    border-radius: 20px;
    border: 1px solid rgba(31, 31, 31, 0.08);
    background: #F0F0F0;
    padding: 38px;
    display: flex;
    align-items: center;
    gap: 80px;
}

.infoBlock__content {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 100%;
    max-width: 484px;
}

.infoBlock__image {
    display: flex;
    align-items: center;
    height: 404px;
    overflow: hidden;
    width: 100%;
    max-width: 541px;
    border-radius: 20px 0 0 20px;
}

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

.infoBlock-reverse .infoBlock__inner {
    flex-direction: row-reverse;
}

.infoBlock-reverse .infoBlock__image {
    border-radius: 0px 20px 20px 0px;
}

@media (max-width: 1279px) {
    .infoBlock__inner {
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .infoBlock {
        margin: 42px 0;
    }

    .infoBlock__inner {
        border-radius: 12px;
        gap: 30px;
    }

    .infoBlock-reverse .infoBlock__inner,
    .infoBlock__inner {
        flex-direction: column;
        padding: 24px 20px;
    }

    .infoBlock-reverse .infoBlock__image,
    .infoBlock__image {
        border-radius: 12px 12px 0 0;
    }

    .infoBlock__content {
        gap: 10px;
    }

    .infoBlock__content h2 {
        width: 90%;
    }

    .infoBlock__image {
        height: 224px;
    }
}

/* article */
.article {
    margin: 76px 0;
}

.article__inner {
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
}

.article__about {
    margin: 22px 0;
    display: flex;
    align-items: center;
    gap: 10px 53px;
}

.article__about-block {
    display: flex;
    align-items: center;
    gap: 10px 25px;
}

.article__about-date,
.article__about-block>* {
    font-size: 14px;
    line-height: normal;
}

.article__about-block>* {
    display: flex;
    align-items: center;
    gap: 6px;
}

.article__about-block>*::before {
    content: '';
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
}

.article__about-time::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 1.49982C4.8645 1.49982 1.5 4.86432 1.5 8.99982C1.5 13.1353 4.8645 16.4998 9 16.4998C13.1355 16.4998 16.5 13.1353 16.5 8.99982C16.5 4.86432 13.1355 1.49982 9 1.49982ZM9 14.9998C5.69175 14.9998 3 12.3081 3 8.99982C3 5.69157 5.69175 2.99982 9 2.99982C12.3082 2.99982 15 5.69157 15 8.99982C15 12.3081 12.3082 14.9998 9 14.9998Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath d='M9.75 5.24982H8.25V9.74982H12.75V8.24982H9.75V5.24982Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.article__about-views::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M9 6.74982C7.7685 6.74982 6.75 7.76907 6.75 8.99982C6.75 10.2313 7.7685 11.2498 9 11.2498C10.2308 11.2498 11.25 10.2313 11.25 8.99982C11.25 7.76907 10.2308 6.74982 9 6.74982Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath d='M9 3.74982C3.306 3.74982 1.59474 8.71257 1.57907 8.76282L1.5 8.99982L1.57833 9.23682C1.59474 9.28707 3.306 14.2498 9 14.2498C14.694 14.2498 16.4053 9.28707 16.4209 9.23682L16.5 8.99982L16.4217 8.76282C16.4053 8.71257 14.694 3.74982 9 3.74982ZM9 12.7498C5.00831 12.7498 3.46191 9.86532 3.08743 8.99982C3.4634 8.13132 5.01054 5.24982 9 5.24982C12.9917 5.24982 14.5381 8.13432 14.9126 8.99982C14.5366 9.86832 12.9895 12.7498 9 12.7498Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.article__about-comments::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.9375 6C6.9375 5.68934 7.18934 5.4375 7.5 5.4375H10.5C10.8107 5.4375 11.0625 5.68934 11.0625 6C11.0625 6.31066 10.8107 6.5625 10.5 6.5625H7.5C7.18934 6.5625 6.9375 6.31066 6.9375 6Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath d='M5.4375 9C5.4375 8.68934 5.68934 8.4375 6 8.4375H12C12.3107 8.4375 12.5625 8.68934 12.5625 9C12.5625 9.31066 12.3107 9.5625 12 9.5625H6C5.68934 9.5625 5.4375 9.31066 5.4375 9Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.47483 0.9375H10.5252C11.554 0.937497 12.3605 0.937494 13.0088 0.990459C13.6689 1.04439 14.2142 1.15603 14.7078 1.40753C15.5193 1.82099 16.179 2.48072 16.5925 3.29217C16.844 3.78576 16.9556 4.3311 17.0095 4.9912C17.0625 5.63946 17.0625 6.44603 17.0625 7.47482V8.38816C17.0625 8.42534 17.0625 8.46206 17.0625 8.49834C17.0627 9.65981 17.0628 10.3683 16.8883 10.9634C16.475 12.3728 15.3728 13.475 13.9634 13.8883C13.3683 14.0628 12.6598 14.0627 11.4983 14.0625C11.462 14.0625 11.4253 14.0625 11.3882 14.0625H10.9766L10.9313 14.0626C10.2809 14.0667 9.64737 14.2698 9.11569 14.6444L9.07886 14.6706L7.12081 16.0693C5.99243 16.8752 4.50966 15.7113 5.02466 14.4238C5.09387 14.2507 4.96643 14.0625 4.78006 14.0625H4.32874C2.45581 14.0625 0.9375 12.5442 0.9375 10.6713L0.9375 7.47483C0.937497 6.44604 0.937494 5.63946 0.990459 4.9912C1.04439 4.3311 1.15603 3.78576 1.40753 3.29217C1.82099 2.48072 2.48072 1.82099 3.29217 1.40753C3.78576 1.15603 4.3311 1.04439 4.9912 0.990459C5.63946 0.937494 6.44604 0.937497 7.47483 0.9375ZM5.08281 2.11172C4.49228 2.15997 4.11148 2.25269 3.80291 2.40992C3.20314 2.71551 2.71551 3.20314 2.40992 3.80291C2.25269 4.11148 2.15997 4.49228 2.11172 5.08281C2.06294 5.67991 2.0625 6.44062 2.0625 7.5V10.6713C2.0625 11.9229 3.07713 12.9375 4.32874 12.9375H4.78006C5.76233 12.9375 6.434 13.9296 6.06919 14.8416C5.97148 15.0859 6.25282 15.3067 6.46691 15.1538L8.42496 13.7552L8.46767 13.7248C9.187 13.2179 10.0442 12.9432 10.9241 12.9376L10.9766 12.9375H11.3882C12.6946 12.9375 13.2272 12.9318 13.6469 12.8087C14.6886 12.5033 15.5033 11.6886 15.8087 10.6469C15.9318 10.2272 15.9375 9.6946 15.9375 8.38816V7.5C15.9375 6.44062 15.9371 5.67991 15.8883 5.08281C15.84 4.49228 15.7473 4.11148 15.5901 3.80291C15.2845 3.20314 14.7969 2.71551 14.1971 2.40992C13.8885 2.25269 13.5077 2.15997 12.9172 2.11172C12.3201 2.06294 11.5594 2.0625 10.5 2.0625H7.5C6.44062 2.0625 5.67991 2.06294 5.08281 2.11172Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.article__about-user::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.00018 3.18757C7.03266 3.18757 5.43768 4.78256 5.43768 6.75007C5.43768 8.71759 7.03266 10.3126 9.00018 10.3126C10.9677 10.3126 12.5627 8.71759 12.5627 6.75007C12.5627 4.78256 10.9677 3.18757 9.00018 3.18757ZM6.56268 6.75007C6.56268 5.40388 7.65398 4.31257 9.00018 4.31257C10.3464 4.31257 11.4377 5.40388 11.4377 6.75007C11.4377 8.09627 10.3464 9.18757 9.00018 9.18757C7.65399 9.18757 6.56268 8.09627 6.56268 6.75007Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.21402 0.773006C9.07155 0.765932 8.92881 0.765932 8.78633 0.773006C8.23631 0.800313 7.72994 0.960131 7.16545 1.22209C6.6159 1.47711 5.97733 1.84579 5.16945 2.31222L5.1237 2.33864C4.31582 2.80507 3.67724 3.17375 3.18161 3.52216C2.6725 3.88004 2.28091 4.23867 1.98225 4.70134C1.90489 4.82119 1.83352 4.94481 1.76841 5.07174C1.51705 5.56172 1.40226 6.08016 1.34688 6.70001C1.29296 7.30344 1.29296 8.0408 1.29297 8.97366V9.02649C1.29296 9.95935 1.29296 10.6967 1.34688 11.3001C1.40226 11.92 1.51705 12.4384 1.76841 12.9284C1.83352 13.0553 1.90489 13.179 1.98225 13.2988C2.34845 13.8661 2.856 14.2786 3.54752 14.7232C3.97955 15.0009 4.50516 15.3044 5.13583 15.6685L5.16944 15.6879C5.97732 16.1544 6.6159 16.523 7.16545 16.7781C7.72994 17.04 8.23631 17.1998 8.78633 17.2271C8.92881 17.2342 9.07155 17.2342 9.21402 17.2271C9.76404 17.1998 10.2704 17.04 10.8349 16.7781C11.3845 16.523 12.023 16.1544 12.8309 15.6879L12.865 15.6682C13.5016 15.3007 14.0312 14.9949 14.4657 14.7149C15.1506 14.2735 15.6541 13.8626 16.0181 13.2988C16.0955 13.179 16.1668 13.0553 16.232 12.9284C16.4833 12.4384 16.5981 11.92 16.6535 11.3001C16.7074 10.6967 16.7074 9.95937 16.7074 9.02653V8.97367C16.7074 8.04083 16.7074 7.30343 16.6535 6.70001C16.5981 6.08016 16.4833 5.56172 16.232 5.07174C16.1668 4.94481 16.0955 4.82119 16.0181 4.70134C15.7194 4.23867 15.3279 3.88004 14.8187 3.52216C14.3231 3.17375 13.6845 2.80507 12.8767 2.33864L12.8309 2.31222C12.023 1.84579 11.3845 1.47711 10.8349 1.22209C10.2704 0.960131 9.76404 0.800313 9.21402 0.773006ZM8.84212 1.89662C8.94743 1.89139 9.05293 1.89139 9.15824 1.89662C9.51286 1.91423 9.87243 2.01567 10.3614 2.24256C10.86 2.47398 11.4555 2.81717 12.2913 3.29971C13.1271 3.78226 13.722 4.12634 14.1718 4.44251C14.6127 4.75248 14.8804 5.01316 15.0729 5.31146C15.1301 5.40005 15.1829 5.49142 15.231 5.58523C15.393 5.90114 15.485 6.26327 15.5329 6.80013C15.5819 7.34772 15.5824 8.03498 15.5824 9.00007C15.5824 9.96516 15.5819 10.6524 15.5329 11.2C15.485 11.7369 15.393 12.099 15.231 12.4149C15.1829 12.5087 15.1301 12.6001 15.0729 12.6887C14.9193 12.9266 14.7186 13.1399 14.4204 13.3736C13.8296 12.2243 12.6323 11.4376 11.2502 11.4376H6.75018C5.36807 11.4376 4.17077 12.2243 3.57996 13.3736C3.28173 13.1399 3.08105 12.9267 2.92744 12.6887C2.87026 12.6001 2.81751 12.5087 2.76938 12.4149C2.60732 12.099 2.51539 11.7369 2.46741 11.2C2.41849 10.6524 2.41797 9.96516 2.41797 9.00007C2.41797 8.03498 2.41849 7.34772 2.46741 6.80013C2.51539 6.26327 2.60732 5.90114 2.76938 5.58523C2.81751 5.49142 2.87026 5.40005 2.92744 5.31146C3.12 5.01316 3.38764 4.75248 3.82859 4.44251C4.27835 4.12634 4.87328 3.78226 5.70907 3.29971C6.54487 2.81717 7.14031 2.47398 7.639 2.24256C8.12792 2.01567 8.4875 1.91423 8.84212 1.89662ZM11.2502 12.5626C12.2417 12.5626 13.0961 13.155 13.4766 14.0061C13.1431 14.2085 12.7535 14.4335 12.2913 14.7004C11.4555 15.183 10.86 15.5262 10.3614 15.7576C9.87243 15.9845 9.51286 16.0859 9.15824 16.1035C9.05293 16.1088 8.94743 16.1088 8.84212 16.1035C8.4875 16.0859 8.12792 15.9845 7.639 15.7576C7.14031 15.5262 6.54487 15.183 5.70907 14.7004C5.24687 14.4336 4.85731 14.2086 4.52372 14.0061C4.90425 13.155 5.75861 12.5626 6.75018 12.5626H11.2502Z' fill='%231F1F1F' fill-opacity='0.6'/%3E%3C/svg%3E");
}

.article__image {
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
    height: 477px;
    margin-bottom: 22px;
}

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

.article__content p {
    margin-top: 8px;
}

.article__content h3 {
    margin-top: 22px;
    margin-bottom: 10px;
}

.article__content ul {
    margin-bottom: 22px;
}

.article__product {
    margin-top: 22px;
    border-radius: 20px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    width: 100%;
    max-width: 687px;
    padding: 39px 61px;
    display: flex;
    align-items: center;
    gap: 36px;
}

.article__product-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 220px;
    height: 220px;
    padding: 29px 23px;
    border-radius: 12px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
}

.article__product-image img {
    width: max-content;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .5s ease;
    max-width: 100%;
}

.article__product-image:hover img {
    transform: scale(1.1);
}

.article__product-title {
    max-width: max-content;
}

.article__product-title h3 {
    transition: all .2s ease;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.article__product-title:hover h3 {
    color: #245435;
}

.article__product-price {
    font-size: 18px;
    margin-top: 14px;
    margin-bottom: 27px;
}

.article__product-price::before {
    font-size: 18px;
}

.article__product-btn {
    width: 100%;
    max-width: 169px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.article__share {
    margin-top: 22px;
    display: flex;
    align-items: center;
    gap: 28px;
}

.article__share-link {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.article__share-link svg path {
    transition: all .2s ease;
}

.article__share-link._active svg path,
.article__share-link:hover svg path {
    fill: #245435;
}

.article__bottom {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid rgba(31, 31, 31, 0.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-right: 13px;
}

.article__bottom-info {
    display: flex;
    align-items: center;
    gap: 30px;
}

.article__bottom-favourite {
    font-size: 16px;
    line-height: 28px;
    gap: 7px;
}

.article__bottom-favourite::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' viewBox='0 0 17 14' fill='none'%3E%3Cpath d='M8.44478 13.967C8.4326 13.9753 8.41981 13.9853 8.4077 13.9974L8.44478 13.967ZM8.44478 13.967L8.49448 13.9263C8.10965 14.1826 9.33127 13.3891 9.89559 13.0008C10.8406 12.3507 11.7694 11.6584 12.6364 10.9373C14.0368 9.77266 15.1411 8.64325 15.8367 7.60246C15.957 7.42253 16.0642 7.24636 16.1543 7.0809C17.0264 5.43016 17.2403 3.8115 16.72 2.5057C16.3918 1.52075 15.5561 0.70692 14.4418 0.241585C12.6255 -0.451318 10.2559 0.394357 8.95478 2.16334L8.51068 2.76713L8.05579 2.17184C6.74405 0.455243 4.53992 -0.412159 2.62773 0.253458C1.54728 0.586587 0.741553 1.41595 0.2714 2.63861C-0.237742 3.91373 -0.020499 5.53142 0.838769 7.06086C1.07413 7.46704 1.39656 7.90526 1.79868 8.36973C2.46814 9.14301 3.33989 9.96901 4.37104 10.8296C5.79499 12.0181 8.68138 14.0832 8.59549 13.9974C8.54626 13.9482 8.48585 13.9332 8.5021 13.9332C8.51363 13.9332 8.48207 13.9418 8.44478 13.967Z' fill='%23245435'/%3E%3C/svg%3E");
    width: 17px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
}

.article__comments {
    margin-top: 54px;
}

.article__comments-list {
    margin-top: 19px;
}

.article__comments-list>*+* {
    margin-top: 10px;
}

.article__comments-add {
    margin-top: 19px;
    gap: 4px;
    font-weight: 600;
}

.article~.blogsSlider {
    margin-top: 86px;
}

.article~.blogsSlider .blogsSlider__inner {
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .article {
        margin: 32px 0 42px;
    }

    .article__about {
        margin: 12px 0;
        gap: 20px;
    }

    .article__about-date,
    .article__about-block>* {
        font-size: 10px;
        line-height: normal;
        font-weight: 300;
    }

    .article__image {
        height: 209px;
        border-radius: 5px;
    }

    .article__product {
        border-radius: 8px;
        margin-top: 20px;
        padding: 24px;
        gap: 16px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

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

    .article__product-image {
        width: 100%;
        height: 246px;
        min-width: 120px;
        padding: 30px;
    }

    .article__product-price {
        font-size: 16px;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .article__product-btn {
        width: 100%;
        max-width: 100%;
        height: 44px;
        font-size: 12px;
        font-weight: 600;
        line-height: 24px;
    }

    .article__product-title h3 {
        font-size: 16px;
    }

    .article__comments {
        margin-top: 45px;
    }

    .article__comments-list {
        margin-top: 10px;
    }

    .article__comments-add {
        margin-top: 10px;
    }

    .article~.blogsSlider {
        margin-top: 42px;
    }

    .article__about-block>*::before {
        width: 12px;
        height: 12px;
        min-width: 12px;
    }

    .article__about-block>* {
        gap: 4px;
    }

    .article__about-block {
        gap: 5px;
        width: 100%;
        justify-content: space-between;
    }

    .article__content p {
        margin-top: 6px;
    }

    .article__content h3 {
        margin-top: 22px;
        margin-bottom: 8px;
    }

    .article__content ul {
        margin-bottom: 6px;
    }
}

/* thanks */
.thanks {
    margin: 131px 0 86px;
}

.thanks__top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 469px;
    margin: 0 auto;
}

.thanks__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    max-width: 72px;
    min-height: 72px;
    max-height: 72px;
    background-color: #245435;
    border-radius: 50%;
}

.thanks__descr {
    margin-top: 15px;
}

.thanks__buttons {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.thanks__link {
    border-radius: 12px;
    border: 1px solid #BB974D;
    color: #BB974D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    padding: 10px 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    max-width: 217px;
    height: 50px;
}

.thanks__link::after {
    content: '';
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    background-image: url("data:image/svg+xml, %3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' width='28' height='28' rx='14' fill='url(%23paint0_radial_1_1491)'/%3E%3Cpath d='M14.5 9.08434C16.0904 9.08434 16.3072 9.08434 16.9578 9.08434C17.5361 9.08434 17.8253 9.22892 18.0422 9.30121C18.3313 9.44578 18.5482 9.51807 18.7651 9.73494C18.9819 9.95181 19.1265 10.1687 19.1988 10.4578C19.2711 10.6747 19.3434 10.9639 19.4157 11.5422C19.4157 12.1928 19.4157 12.3373 19.4157 14C19.4157 15.6627 19.4157 15.8072 19.4157 16.4578C19.4157 17.0361 19.2711 17.3253 19.1988 17.5422C19.0542 17.8313 18.9819 18.0482 18.7651 18.2651C18.5482 18.4819 18.3313 18.6265 18.0422 18.6988C17.8253 18.7711 17.5361 18.8434 16.9578 18.9157C16.3072 18.9157 16.1627 18.9157 14.5 18.9157C12.8373 18.9157 12.6928 18.9157 12.0422 18.9157C11.4639 18.9157 11.1747 18.7711 10.9578 18.6988C10.6687 18.5542 10.4518 18.4819 10.2349 18.2651C10.0181 18.0482 9.87349 17.8313 9.80121 17.5422C9.72892 17.3253 9.65663 17.0361 9.58434 16.4578C9.58434 15.8072 9.58434 15.6627 9.58434 14C9.58434 12.3373 9.58434 12.1928 9.58434 11.5422C9.58434 10.9639 9.72892 10.6747 9.80121 10.4578C9.94578 10.1687 10.0181 9.95181 10.2349 9.73494C10.4518 9.51807 10.6687 9.37349 10.9578 9.30121C11.1747 9.22892 11.4639 9.15663 12.0422 9.08434C12.6928 9.08434 12.9096 9.08434 14.5 9.08434ZM14.5 8C12.8373 8 12.6928 8 12.0422 8C11.3916 8 10.9578 8.14458 10.5964 8.28916C10.2349 8.43374 9.87349 8.6506 9.51205 9.01205C9.1506 9.37349 9.00602 9.66265 8.78916 10.0964C8.64458 10.4578 8.57229 10.8916 8.5 11.5422C8.5 12.1928 8.5 12.4096 8.5 14C8.5 15.6627 8.5 15.8072 8.5 16.4578C8.5 17.1084 8.64458 17.5422 8.78916 17.9036C8.93374 18.2651 9.1506 18.6265 9.51205 18.988C9.87349 19.3494 10.1627 19.494 10.5964 19.7108C10.9578 19.8554 11.3916 19.9277 12.0422 20C12.6928 20 12.9096 20 14.5 20C16.0904 20 16.3072 20 16.9578 20C17.6084 20 18.0422 19.8554 18.4036 19.7108C18.7651 19.5663 19.1265 19.3494 19.488 18.988C19.8494 18.6265 19.994 18.3374 20.2108 17.9036C20.3554 17.5422 20.4277 17.1084 20.5 16.4578C20.5 15.8072 20.5 15.5904 20.5 14C20.5 12.4096 20.5 12.1928 20.5 11.5422C20.5 10.8916 20.3554 10.4578 20.2108 10.0964C20.0663 9.73494 19.8494 9.37349 19.488 9.01205C19.1265 8.6506 18.8374 8.50602 18.4036 8.28916C18.0422 8.14458 17.6084 8.07229 16.9578 8C16.3072 8 16.1627 8 14.5 8Z' fill='white'/%3E%3Cpath d='M14.5 10.8916C12.7651 10.8916 11.3916 12.2651 11.3916 14C11.3916 15.7349 12.7651 17.1084 14.5 17.1084C16.2349 17.1084 17.6084 15.7349 17.6084 14C17.6084 12.2651 16.2349 10.8916 14.5 10.8916ZM14.5 16.0241C13.4157 16.0241 12.4759 15.1566 12.4759 14C12.4759 12.9157 13.3434 11.9759 14.5 11.9759C15.5843 11.9759 16.5241 12.8434 16.5241 14C16.5241 15.0843 15.5843 16.0241 14.5 16.0241Z' fill='white'/%3E%3Cpath d='M17.6807 11.5422C18.08 11.5422 18.4036 11.2185 18.4036 10.8193C18.4036 10.42 18.08 10.0964 17.6807 10.0964C17.2815 10.0964 16.9578 10.42 16.9578 10.8193C16.9578 11.2185 17.2815 11.5422 17.6807 11.5422Z' fill='white'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_1_1491' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(29.0633 0.568751) scale(64.6603)'%3E%3Cstop stop-color='%23F9ED32'/%3E%3Cstop offset='0.36' stop-color='%23EE2A7B'/%3E%3Cstop offset='0.44' stop-color='%23D22A8A'/%3E%3Cstop offset='0.6' stop-color='%238B2AB2'/%3E%3Cstop offset='0.83' stop-color='%231B2AF0'/%3E%3Cstop offset='0.88' stop-color='%23002AFF'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E ");
}

.thanks__link:active {
    color: #fff;
    background-color: #BB974D;
}

.thanks__btn {
    padding: 11px 20px;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .thanks {
        margin: 32px 0 42px;
    }

    .thanks__icon {
        width: 64px;
        height: 64px;
        min-width: 64px;
        min-height: 64px;
        max-height: 64px;
        max-width: 64px;
    }

    .thanks__icon svg {
        max-width: 28px;
        max-height: 25px;
    }

    .thanks__descr {
        margin-top: 8px;
    }

    .thanks__buttons {
        flex-direction: column;
        max-width: 264px;
        width: 100%;
        margin: 16px auto 0;
    }

    .thanks__btn,
    .thanks__link {
        font-size: 14px;
        width: 100%;
        max-width: 100%;
        height: 50px;
    }

    .thanks__btn {
        font-size: 14px;
    }

    .thanks__top {
        flex-direction: column;
    }
}

/* order */
.order {
    padding: 72px 0 86px;
}

.order__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.order__link {
    font-weight: 600;
    gap: 4px;
}

.order__click {
    margin-top: 26px;
    padding: 25px 31px;
    border-radius: 12px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: center;
    gap: 20px 26px;
}

.order__click-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

.order__click-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
}

.order__click-name {
    width: 100%;
    max-width: 174px;
}

.order__click-btn {
    height: 41px;
    width: 100%;
    max-width: 189px;
}

.order__bottom {
    margin-top: 19px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.order__left {
    margin-top: 21px;
    width: 100%;
    max-width: 770px;
}

.order__select {
    display: flex;
    align-items: center;
    gap: 20px;
}

.order__select-btn {
    padding: 14px 11px;
    color: rgba(31, 31, 31, 0.60);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    border-bottom: 2px solid rgba(31, 31, 31, 0.60);
    transition: all .2s ease;
}

.order__select-btn:hover,
.order__select-btn.active {
    color: #1F1F1F;
    border-color: #245435;
}

.order__content {
    margin-top: 27px;
    width: 100%;
    display: none;
}

.order__content.active {
    display: block;
}

.order__block-item {
    width: 100%;
}

.order__block-item input {
    margin-top: 6px;
    background: #F0F0F0 !important;
}

.order__block-item label span {
    color: #F52929;
}

.order__block-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.order__block-box {
    display: flex;
    align-items: center;
    gap: 24px;
}

.order__block-checkbox {
    display: inline-block;
    margin-top: 26px;
}

.order__content input[type="radio"]+span:before,
.order__content input[type="checkbox"]+span:before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%23F0F0F0'/%3E%3Crect x='0.2' y='0.2' width='19.6' height='19.6' rx='2.8' stroke='%231F1F1F' stroke-opacity='0.6' stroke-width='0.4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
}

.order__content input[type="radio"]+span:before,
.order__content input[type="checkbox"]+span:before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%23F0F0F0'/%3E%3Crect x='0.2' y='0.2' width='19.6' height='19.6' rx='2.8' stroke='%231F1F1F' stroke-opacity='0.6' stroke-width='0.4'/%3E%3C/svg%3E%0A");
}

.order__content hr {
    display: inline-block;
    margin: 50px 0;
    width: 100%;
    border: none;
    height: 1px;
    background: rgba(36, 84, 53, 0.24);
}

.order__info,
.order__info-content {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order__info {
    gap: 16px;
}

.order__info-descr {
    width: 100%;
    padding: 12px 16px;
    border-radius: 8px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    font-size: 14px;
    line-height: normal;
}

.order__block-name {
    margin-bottom: 16px;
}

.order__block textarea {
    resize: none;
    height: 241px;
    width: 100%;
    margin-top: 4px;
    background: #F0F0F0;
}

.order__right {
    width: 100%;
    max-width: 420px;
    position: sticky;
    top: 120px;
    height: max-content;
}

.order__right-title {
    margin-bottom: 17px
}

.order__basket {
    border-radius: 12px;
    background-color: #fff;
    padding: 42px 38px;
}

.order__basket .basket__product-item+.basket__product-item {
    margin-top: 30px;
}

.order__basket .basket__product-item:last-of-type {
    border-bottom: none;
}

.order__right .basket__form {
    margin-top: 6px;
}

.order__right .basket__form input {
    border: none !important;
}

.order__right .basket__bottom {
    margin-top: 26px;
}

.order__right .basket__bottom-total span {
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
}

.order__right .basket__buttons {
    margin-top: 30px;
}

.order__right .basket__close-order {
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    height: 50px;
}

.order__login {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 26px;
}

.order__login-btn {
    padding: 14px 24px;
    gap: 6px;
    border-radius: 8px;
    border: 1px solid rgba(36, 84, 53, 0.24);
}

.order__login-btn:hover {
    background-color: #245435;
    border-color: #245435;
    color: #fff;
}

.order__login-btn:active {
    background-color: #BB974D;
    border-color: #BB974D;
    color: #fff;
}

.order__block-btn {
    height: 50px;
    width: 100%;
    max-width: 184px;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width: 999px) {
    .order__bottom {
        flex-direction: column;
    }

    .order__left {
        margin-top: 0;
    }

    .order__right {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .order {
        padding: 24px 0 42px;
    }

    .order__link {
        display: none;
    }

    .order__right {
        max-width: 100%;
    }

    .order__right {
        margin-top: 10px;
    }

    .order__bottom {
        gap: 30px;
    }

    .order__click {
        margin-top: 10px;
        padding: 16px 22px;
        gap: 10px;
    }

    .order__click-icon {
        display: none;
    }

    .order__click-btn {
        font-size: 10px;
        height: 36px;
        width: 100%;
        max-width: 137px;
    }

    .order__select-btn {
        padding: 8px 0px;
        font-size: 14px;
        line-height: 24px;
        width: 100%;
    }

    .order__select-btn.order__select-btn:last-of-type {
        font-size: 0;
    }

    .order__select-btn:last-of-type::after {
        content: 'Я зареєстрований';
        color: rgba(31, 31, 31, 0.60);
        text-align: center;
        font-family: 'Onest', sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        /* 171.429% */
        width: 100%;
    }

    .order__select-btn.active::after {
        color: #245435;
    }

    .order__content {
        margin-top: 20px;
    }

    .order__block-box {
        flex-direction: column;
    }

    .order__block-box {
        gap: 20px;
    }

    .order__content hr {
        margin: 28px 0;
    }

    .order__right .basket__bottom-total span {
        font-size: 24px;
        line-height: 27px;
    }

    .order__right .basket__buttons {
        flex-direction: column;
        gap: 24px;
    }

    .order__basket {
        padding: 16px;
    }

    .order__login {
        flex-direction: column;
    }

    .order__login-btn {
        width: 100%;
    }

    .order__block-content {
        gap: 12px;
    }

    .order__block-item input {
        margin-top: 4px;
    }

    .order__content input[type="radio"]+span:before,
    .order__content input[type="checkbox"]+span:before {
        width: 16px;
        height: 16px;
    }

    .order__content input[type="radio"]+span:before,
    .order__content input[type="checkbox"]+span:before {
        width: 16px;
        height: 16px;
    }

    .order__info {
        gap: 12px;
    }

    .order__info-descr {
        padding: 8px 10px;
        font-size: 12px;
        line-height: 16px;
    }

    .order__block-name {
        font-size: 16px;
        line-height: 16px;
    }

    .order__block textarea {
        margin-top: 12px;
        height: 180px;
    }

    .order__block-btn {
        height: 46px;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
    }
}

/* product-page */
.product {
    background-color: #fff;
}

#product-product {
    padding-bottom: 30px;
}

.product .container {}

@media (max-width: 1440px) and (min-width: 1280px) {
    .product .container {
        max-width: unset;
        padding-left: 0;
        padding-right: calc((100vw - 1270px) / 2);
    }
}

@media (max-width: 1279px) and (min-width: 1000px) {
    .product .container {
        max-width: unset;
        padding-left: 0;
        padding-right: calc((100vw - 1000px) / 2);
    }
}

@media (max-width: 999px) and (min-width: 768px) {
    .product .container {
        max-width: unset;
        padding-left: 0;
        padding-right: calc((100vw - 768px) / 2);
    }
}

@media (max-width: 767px) {
    .product .container {
        max-width: unset;
        padding: 0;
    }
}

.product__inner {
    display: flex;
    /* gap: 40px; */
    /* justify-content: space-between; */
}

.product__slider-content {
    width: 50%;
    height: 100%;
    padding: 0;
    /* padding: 77px 44px; */
    max-width: max-content;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.product__slider {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: unset;
    /* max-width: 600px; */
}

.product__slide {
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding: 0 1px; */
    width: 100%;
    height: auto;
    position: relative;
}

.product__slide-wrapper {
    position: relative;
    /* padding-top: 100%; */
    width: 100%;
    height: 100%;
}

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

.product__slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    bottom: 26px;
    left: 50%;
    transform: translateX(-50%);
    top: initial;
}

.product__thumbs {
    margin-top: 16px;
    width: 100%;
    padding: 0 15px;
    display: flex;
    justify-content: center;
}

.product__thumbs .swiper-wrapper {
    width: fit-content;
}

.product__thumb {
    cursor: pointer;
    opacity: 0.5;
    border-radius: 6px;
    overflow: hidden;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__thumb.swiper-slide-thumb-active {
    opacity: 1;
    border-color: #245435;
    /* активная миниатюра */
}


.product__content {
    /* border-left: 1px solid rgba(31, 31, 31, 0.10); */
    padding: 77px 0 77px 69px;
    width: 50%;
    max-width: 632px;
}

.product__about {
    margin-top: 19px;
    border-radius: 5px;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
}

.product__about-left {
    display: flex;
    align-items: center;
    gap: 24px;
}

.product__about-stock::before {
    content: 'В наявності';
    color: #245435;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.product__about-stock[data-stock="no"]::before {
    content: 'Не має в наявності';
    color: #F52929;
}

.product__about-article {
    color: rgba(31, 31, 31, 0.60);
    font-size: 14px;
    line-height: normal;
}

.product__about-article span {
    color: #1F1F1F;
}

.product__about-star,
.product__about-stars,
.product__about-right {
    display: flex;
    align-items: center;
    gap: 11px;
}

.product__about-stars {
    gap: 6px;
}

.product__about-star {
    gap: 0;
}

.product__about-num {
    font-size: 14px;
    line-height: 18px;
}

.product__about-views {
    color: #245435;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration: underline;
    -webkit-text-decoration-style: underline;
    text-decoration-style: underline;
    text-underline-position: under;
}

.product__about-views:hover {
    text-decoration: none;
}

.product__info {
    margin-top: 32px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.product__info-price {
    gap: 8px;
    color: #245435;
    font-size: 32px;
    font-weight: 500;
    line-height: 36px;
}

.product__info-price::before {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.product__info-about {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product__info-icon {
    display: flex;
    align-items: center;
}

.product__info-name {
    font-size: 14px;
    line-height: normal;
}

.product__info-name span {
    font-size: 14px;
    font-weight: 600;
    color: #245435;
    line-height: normal;
}

.product__info-favourite {
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5968 1.68557C18.2693 0.331733 16.7914 -0.0870913 15.4035 0.0145124C14.0531 0.113369 12.837 0.699139 11.9488 1.26257C11.2484 1.70689 10.2514 1.70689 9.55091 1.26257C8.6627 0.699145 7.4466 0.113382 6.09624 0.0145278C4.70834 -0.0870739 3.23046 0.331747 1.9029 1.68557C0.33562 3.28386 -0.156097 5.25689 0.0413567 7.25265C0.236535 9.22542 1.10186 11.2308 2.25598 13.0078C3.41317 14.7896 4.89136 16.3892 6.37433 17.5508C7.82467 18.6868 9.40271 19.5 10.7499 19.5C12.0971 19.5 13.6751 18.6868 15.1254 17.5508C16.6084 16.3892 18.0866 14.7896 19.2438 13.0078C20.3979 11.2308 21.2632 9.22541 21.4584 7.25265C21.6558 5.25688 21.1641 3.28386 19.5968 1.68557ZM12.7523 2.52922C13.5377 2.03097 14.5099 1.58394 15.513 1.51051C16.4785 1.43983 17.5192 1.70923 18.5258 2.73579C19.7291 3.96282 20.1274 5.46987 19.9657 7.10497C19.8016 8.76307 19.0584 10.5393 17.9858 12.1908C16.9163 13.8376 15.5496 15.3132 14.2005 16.3699C12.8188 17.4521 11.5778 18 10.7499 18C9.922 18 8.68093 17.4521 7.29926 16.3699C5.95021 15.3132 4.58348 13.8376 3.51394 12.1908C2.44132 10.5393 1.69812 8.76307 1.53407 7.10497C1.3723 5.46987 1.77067 3.96283 2.9739 2.73579C3.98053 1.70925 5.02119 1.43984 5.98672 1.51052C6.98978 1.58395 7.96197 2.03098 8.74742 2.52922C9.93834 3.28467 11.5614 3.28467 12.7523 2.52922Z' fill='%23245435'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.product__info-favourite:hover,
.product__info-favourite.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='20' viewBox='0 0 22 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5968 1.68557C18.2693 0.331733 16.7914 -0.0870913 15.4035 0.0145124C14.0531 0.113369 12.837 0.699139 11.9488 1.26257C11.2484 1.70689 10.2514 1.70689 9.55091 1.26257C8.6627 0.699145 7.4466 0.113382 6.09624 0.0145278C4.70834 -0.0870739 3.23046 0.331747 1.9029 1.68557C0.33562 3.28386 -0.156097 5.25689 0.0413567 7.25265C0.236535 9.22542 1.10186 11.2308 2.25598 13.0078C3.41317 14.7896 4.89136 16.3892 6.37433 17.5508C7.82467 18.6868 9.40271 19.5 10.7499 19.5C12.0971 19.5 13.6751 18.6868 15.1254 17.5508C16.6084 16.3892 18.0866 14.7896 19.2438 13.0078C20.3979 11.2308 21.2632 9.22541 21.4584 7.25265C21.6558 5.25688 21.1641 3.28386 19.5968 1.68557Z' fill='%23E31E23'/%3E%3C/svg%3E");
}

.product__block {
    margin-top: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
}

.product__block-count {
    width: 100%;
    max-width: 137px;
    padding: 10px 18px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    background: #F0F0F0;
}

.product__block-count button {
    padding: 5px;
}

.product__block-count button,
.product__block-amount {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.basket__product-amount,
.product__block-amount {
    background-color: transparent;
    border: none;
    outline: none;
    text-align: center;
    font-family: "Onest", sans-serif;
}

.product__block-btn {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    height: 48px;
}

.product__block-click {
    color: #BB974D;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 112.5% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    width: 100%;
    max-width: max-content;
}

.product__block-click:hover {
    color: #245435;
}

.product__instructions {
    padding-top: 30px;
    margin-top: 37px;
    border-top: 1px solid rgba(31, 31, 31, 0.08);
}

.product__instructions ul {
    margin-top: 14px;
}

.product__instructions ul li {
    margin-top: 0;
    font-size: 14px;
    line-height: normal;
    padding-left: 22px;
}

.product__instructions ul li::before {
    left: 9px;
    top: 8px;
    width: 3px;
    height: 3px;
}

.product__instructions ul li+li {
    margin-top: 7px;
}

.product__instructions-more {
    max-width: max-content;
    gap: 4px;
    margin-top: 19px;
}

.product__instructions-more::after {
    content: '';
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2950)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2950'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
}

.product-whywe {
    padding: 0;
    margin: 42px 0 72px;
    background-color: transparent;
}

.product-whywe .whywe__inner {
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
    padding-bottom: 27px;
}

.product-whywe .whywe__item {
    max-width: 237px;
}

@media (max-width: 1279px) {
    .product__slider-content {
        padding: 0;
        /* padding: 77px 20px; */
    }

    .product__slider {
        /* max-width: 350px; */
    }

    .product__content {
        padding-left: 40px;
    }
}

@media (max-width: 999px) {
    .product__content {
        padding: 50px 0 50px 40px;
    }

    .product__about {
        flex-direction: column;
        gap: 15px;
    }

    .product__info {
        flex-wrap: wrap;
        gap: 20px 10px;
    }

    .product__info-price {
        width: 100%;
    }

    .product__block {
        display: grid;
        grid-template-columns: 0.5534fr 1fr;
        gap: 20px 10px;
        margin-top: 20px;
    }

    .product__block-click {
        grid-column: span 2;
    }

    .product__instructions {
        margin-top: 20px;
        padding-top: 20px;
    }

    .product-whywe .whywe__block {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .product {
        padding: 0 0 32px;
    }

    .product__inner {
        flex-direction: column;
    }

    .product__slider-content {
        width: 100%;
        padding: 0;
    }

    .product__slider-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        /* bottom: -10px; */
    }

    .product__content {
        width: 100%;
        padding: 0;
        border: none;
        padding: 24px 15px 0;
        position: relative;
        max-width: 400px;
        margin: 0 auto;
    }

    /* .product__content::before {
        content: '';
        position: absolute;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        top: 0;
        background-color: rgba(31, 31, 31, 0.10);
    } */

    .product__about {
        align-items: start;
        flex-direction: row;
    }

    .product__about-right,
    .product__about-left {
        flex-direction: column;
        align-items: start;
        gap: 8px;
    }

    .product__block-count {
        max-width: 100%;
    }

    .product__slider-content {
        margin: 0 auto;
    }

    .product__slider {
        width: 100%;
        max-width: 540px;
        height: 100%;
        /* max-width: 256px; */
        /* height: 273px; */
        margin: 0 auto;
    }

    .product-whywe {
        margin: 42px 0;
    }

    .product-whywe .whywe__inner {
        margin-bottom: 18px;
    }

    .product-whywe .whywe__block {
        gap: 18px;
        grid-template-columns: 1fr;
    }

    .product__info {
        gap: 10px 16px;
    }

    .product__info-favourite {
        order: -1;
    }

    .product__info-price {
        order: -2;
        width: calc(100% - 56px);
    }

    .product__info-content {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .product__info-icon svg {
        max-width: 20px;
        max-height: 20px;
    }

    .product__info-name {
        font-size: 12px;
        line-height: 16px;
    }

    .product__block-click {
        font-size: 12px;
        line-height: 18px;
    }

    .product__instructions {
        margin-top: 26px;
        padding-top: 26px;
    }

    .product__instructions ul {
        margin-top: 6px;
    }

    .product-whywe .whywe__item {
        max-width: 100%;
    }
}

/* productAbout */
.productAbout {
    position: relative;
}

#productAbout {
    position: absolute;
    top: -150px;
}

.productAbout__select {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 33px;
    scrollbar-width: none;
}

.productAbout__select-btn {
    color: rgba(31, 31, 31, 0.60);
    font-size: 18px;
    line-height: 18px;
    position: relative;
    padding-bottom: 14px;
    transition: all .2s ease;
    text-wrap: nowrap;
}

.productAbout__select::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.productAbout__select-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #245435;
    opacity: 0;
    transition: all .2s ease;
}

.productAbout__select-btn:hover {
    color: #245435;
}

.productAbout__select-btn.active {
    color: #245435;
    font-weight: 600;
}

.productAbout__select-btn:hover::after,
.productAbout__select-btn.active::after {
    opacity: 1;
}

.productAbout__bottom {
    background-color: rgba(255, 255, 255, 0.64);
    padding: 52px 0 72px;
}

.productAbout__content {
    display: none;
    flex-direction: column;
    gap: 15px;
}

.productAbout__content.active {
    display: flex;
}

.productAbout__content h4+h4 {
    margin-top: -7px;
}

.productAbout__research-item {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
}

.productAbout__research-item+.productAbout__research-item {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(31, 31, 31, 0.10);
}

.productAbout__research-right {
    max-width: 200px;
    width: 100%;
}

.productAbout__research-content {
    width: 100%;
    max-width: 550px;
}

.productAbout__research-content a {
    color: #BB974D;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 175% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    word-wrap: break-word;
    word-break: break-all;
}

.productAbout__research-content a:hover {
    color: #245435;
}

.productAbout__research-content p {
    margin-top: 1px;
}

.productAbout__research-copy {
    padding-top: 5px;
    gap: 4px;
}

.productAbout__research-copy::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2454)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2454'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
}

.productAbout__certificate-block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.productAbout__certificate-item {
    border-radius: 8px;
    background: #F0F0F0;
    width: 100%;
    max-width: 135px;
    height: 163px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 19px;
    position: relative;
}

.productAbout__certificate-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='125' viewBox='0 0 96 125' fill='none'%3E%3Cpath d='M95.9991 19.1181V120.627C95.9991 123.033 94.0489 124.995 91.6583 124.995H11.6376C9.24708 124.995 7.29688 123.033 7.29688 120.627V4.36803C7.29688 1.96245 9.24708 0 11.6376 0H76.969L95.9991 19.1181Z' fill='white'/%3E%3Cpath d='M95.9999 19.1181V120.627C95.9999 123.033 94.0497 124.995 91.6591 124.995H85.4626C87.8531 124.995 89.8033 123.033 89.8033 120.627V19.1181L70.8047 0H77.0013L95.9999 19.1181Z' fill='%23E5E5E5'/%3E%3Cpath d='M95.9988 19.1181H81.3095C78.919 19.1181 76.9688 17.1556 76.9688 14.75V0L95.9988 19.1181Z' fill='%23CECECE'/%3E%3Cpath d='M77.6624 59.1901H26.1396C24.4096 59.1901 22.9941 57.7657 22.9941 56.0249C22.9941 54.284 24.4096 52.8596 26.1396 52.8596H77.6624C79.3924 52.8596 80.8078 54.284 80.8078 56.0249C80.8078 57.7974 79.4238 59.1901 77.6624 59.1901Z' fill='%23CECECE'/%3E%3Cpath d='M77.6624 75.4277H26.1396C24.4096 75.4277 22.9941 74.0033 22.9941 72.2624C22.9941 70.5215 24.4096 69.0972 26.1396 69.0972H77.6624C79.3924 69.0972 80.8078 70.5215 80.8078 72.2624C80.8078 74.0349 79.4238 75.4277 77.6624 75.4277Z' fill='%23CECECE'/%3E%3Cpath d='M77.6624 91.6654H26.1396C24.4096 91.6654 22.9941 90.2411 22.9941 88.5002C22.9941 86.7593 24.4096 85.335 26.1396 85.335H77.6624C79.3924 85.335 80.8078 86.7593 80.8078 88.5002C80.8078 90.2727 79.4238 91.6654 77.6624 91.6654Z' fill='%23CECECE'/%3E%3Cpath d='M43.5647 42.7307H0V24.9737C0 23.6443 1.06944 22.5365 2.42199 22.5365H43.5647C44.8858 22.5365 45.9867 23.6127 45.9867 24.9737V40.2935C45.9867 41.6229 44.9173 42.7307 43.5647 42.7307Z' fill='%23F55B4B'/%3E%3Cpath d='M45.9867 39.977V40.2935C45.9867 41.6229 44.9173 42.7307 43.5647 42.7307H0V24.9737C0 23.6443 1.06944 22.5365 2.42199 22.5365H3.64873V28.867C3.64873 35.0075 8.58712 40.0086 14.7208 40.0086H45.9867V39.977Z' fill='%23DD4E43'/%3E%3Cpath d='M0 42.7308L7.29747 51.087V42.7308H0Z' fill='%23DB1B1B'/%3E%3Cpath d='M11.7947 36.4636V38.5843H5.2207V36.4636H6.82488V28.139H5.2207V26.0183H11.7947C13.336 26.0183 14.4998 26.3665 15.3491 27.0945C16.1984 27.8225 16.6073 28.8037 16.6073 30.0065C16.6073 30.7029 16.45 31.3359 16.1669 31.9057C15.8838 32.4754 15.5064 32.9185 15.0346 33.2034C14.5627 33.5199 14.0595 33.7098 13.4618 33.8365C12.8642 33.9631 12.1407 33.9947 11.26 33.9947H10.0647V36.432H11.7947V36.4636ZM10.0647 31.9057H10.5366C11.6375 31.9057 12.3609 31.7157 12.6755 31.3676C12.99 31.0194 13.1473 30.5446 13.1473 30.0065C13.1473 29.5634 13.0215 29.1519 12.8013 28.8354C12.5811 28.5188 12.3295 28.3289 12.0464 28.234C11.7633 28.1707 11.2915 28.1074 10.6309 28.1074H10.0333V31.9057H10.0647Z' fill='white'/%3E%3Cpath d='M17.3633 38.5843V36.4636H19.2506V28.139H17.3633V26.0183H23.2768C24.535 26.0183 25.5101 26.0816 26.2964 26.2399C27.0513 26.3981 27.7748 26.7463 28.4668 27.2528C29.1588 27.7908 29.725 28.4872 30.1339 29.3735C30.5428 30.2597 30.763 31.241 30.763 32.3171C30.763 33.2034 30.6057 34.0264 30.3226 34.8177C30.0395 35.609 29.6621 36.242 29.2217 36.7485C28.7813 37.2233 28.2781 37.6347 27.649 37.9196C27.0513 38.2045 26.4851 38.3944 25.9819 38.4894C25.4786 38.5843 24.6922 38.616 23.6228 38.616H17.3633V38.5843ZM22.5219 36.4636H23.3082C24.2519 36.4636 25.0068 36.337 25.573 36.0838C26.1391 35.8306 26.5795 35.3874 26.8941 34.786C27.2401 34.153 27.3973 33.3617 27.3973 32.3488C27.3973 31.3992 27.2401 30.5763 26.8941 29.9116C26.5481 29.2469 26.1077 28.7721 25.5101 28.5188C24.9439 28.2656 24.189 28.139 23.3082 28.139H22.5219V36.4636Z' fill='white'/%3E%3Cpath d='M32.209 38.5843V36.4636H34.0019V28.139H32.209V26.0183H43.4069V29.9116H41.0163V28.1707H37.2732V31.0827H39.9783V33.2034H37.2732V36.4636H39.1919V38.5843H32.209Z' fill='white'/%3E%3Cpath d='M38.7828 48.6181H7.32812V42.7307H43.7212V43.6803C43.6897 46.4024 41.4879 48.6181 38.7828 48.6181Z' fill='%23E5E5E5'/%3E%3C/svg%3E");
    width: 96px;
    height: 125px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productAbout__certificate-download {
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' viewBox='0 0 31 31' fill='none'%3E%3Cpath d='M31 15.5C31 24.0604 24.0604 31 15.5 31C6.93959 31 0 24.0604 0 15.5C0 6.93959 6.93959 0 15.5 0C24.0604 0 31 6.93959 31 15.5Z' fill='%23245435'/%3E%3Cpath d='M16.4375 10.75C16.4375 10.5084 16.2416 10.3125 16 10.3125C15.7584 10.3125 15.5625 10.5084 15.5625 10.75V18.2228C15.3743 18.0318 15.1505 17.7506 14.8249 17.3399L14.0095 16.3115C13.8594 16.1222 13.5842 16.0904 13.3948 16.2405C13.2055 16.3906 13.1737 16.6658 13.3238 16.8552L14.1558 17.9044C14.4668 18.2967 14.7235 18.6204 14.9532 18.851C15.1889 19.0877 15.4506 19.2838 15.7849 19.3371C15.8562 19.3485 15.928 19.3542 16 19.3542C16.072 19.3542 16.1438 19.3485 16.2151 19.3371C16.5494 19.2838 16.811 19.0877 17.0468 18.851C17.2765 18.6204 17.5331 18.2967 17.8442 17.9044L18.6761 16.8551C18.8263 16.6658 18.7945 16.3906 18.6051 16.2405C18.4158 16.0904 18.1406 16.1222 17.9905 16.3115L17.1751 17.3399C16.8495 17.7506 16.6257 18.0318 16.4375 18.2228V10.75Z' fill='white'/%3E%3Cpath d='M21.0167 15.1539C20.8716 14.9607 20.5973 14.9217 20.4041 15.0669C20.2109 15.212 20.1719 15.4862 20.3171 15.6794C20.6283 16.0937 20.8125 16.6081 20.8125 17.1667V17.75C20.8125 18.3086 20.8111 18.537 20.782 18.7212C20.614 19.782 19.782 20.614 18.7212 20.782C18.537 20.8111 18.3086 20.8125 17.75 20.8125H14.25C13.6914 20.8125 13.463 20.8111 13.2788 20.782C12.218 20.614 11.386 19.782 11.218 18.7212C11.1889 18.537 11.1875 18.3086 11.1875 17.75V17.1667C11.1875 16.6081 11.3717 16.0937 11.6829 15.6794C11.828 15.4862 11.7891 15.212 11.5959 15.0669C11.4027 14.9217 11.1284 14.9607 10.9833 15.1539C10.5622 15.7145 10.3125 16.4121 10.3125 17.1667L10.3125 17.7971C10.3125 18.2942 10.3124 18.5969 10.3538 18.858C10.5811 20.2933 11.7067 21.4189 13.142 21.6462C13.4031 21.6876 13.7058 21.6875 14.2029 21.6875H17.7971C18.2941 21.6875 18.5969 21.6876 18.858 21.6462C20.2933 21.4189 21.4189 20.2933 21.6462 18.858C21.6876 18.5969 21.6875 18.2942 21.6875 17.7971L21.6875 17.1667C21.6875 16.4121 21.4378 15.7145 21.0167 15.1539Z' fill='white'/%3E%3C/svg%3E");
    right: 0;
    bottom: 0;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
}

.productAbout__more {
    max-width: max-content;
    gap: 4px;
}

.productAbout__more::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2831)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2831'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.productAbout__content ul li {
    margin-top: 0;
}

.productAbout__content ul li+li {
    margin-top: 4px;
}

@media (max-width: 767px) {
    #productAbout {
        top: -100px;
    }

    .productAbout__content {
        gap: 6px;
    }

    .productAbout__content ul li+li {
        margin-top: 0px;
    }

    .productAbout__select-btn {
        font-size: 14px;
        line-height: 16px;
        padding-bottom: 5px;
    }

    .productAbout__select {
        gap: 18px;
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0 -20px;
        padding: 0 20px;
    }

    .productAbout__select-btn::after {
        height: 2px;
    }

    .productAbout__bottom {
        margin-top: 20px;
        padding: 30px 0;
    }

    .productAbout__research-item {
        flex-direction: column;
        gap: 8px;
    }

    .productAbout__research-content p {
        margin-top: 4px;
    }

    .productAbout__research-item+.productAbout__research-item {
        margin-top: 18px;
        padding-top: 18px;
    }

    .productAbout__research-content a {
        font-size: 14px;
        line-height: 24px;
    }

    .productAbout__certificate-item {
        background-color: transparent;
        max-width: max-content;
        height: auto;
        padding: 15px;
    }

    .productAbout__certificate-icon {
        width: 82px;
        height: 106px;
        background-size: 100%;
    }
}

.reviewProduct {
    margin: 72px 0;
    position: relative;
}

#reviewProduct {
    position: absolute;
    top: -130px;
}

.reviewProduct__title {
    max-width: 373px;
}

.reviewProduct__box {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    gap: 37px;
}

.reviewProduct__content {
    width: 100%;
    max-width: 373px;
}

.reviewProduct__about {
    display: flex;
    flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    background: linear-gradient(to bottom, #D2EBDB 0%, #ECE7DC 100%);
    position: relative;
    z-index: 1;
    padding: 32px 42px;
}

.reviewProduct__about::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    border-radius: 6px;
    z-index: -1;
}

.reviewProduct__about-num {
    font-size: 54px;
    line-height: normal;
}

.reviewProduct__about-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px;
}

.reviewProduct__about-star {
    display: flex;
    align-items: center;
    gap: 6px;
}

.reviewProduct__about-stars {
    display: flex;
    align-items: center;
}

.reviewProduct__about-count {
    font-size: 14px;
    line-height: 18px;
}

.reviewProduct__about-reviews {
    color: rgba(31, 31, 31, 0.60);
    font-size: 14px;
    line-height: normal;
}

.reviewProduct__add {
    margin-top: 23px;
    width: 100%;
    gap: 10px;
    height: 48px;
    font-size: 16px;
    line-height: 28px;
}

.reviewProduct__block {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.reviewProduct__item {
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.64);
    padding: 42px 32px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

.reviewProduct__item-about {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
    max-width: 147px;
}

.reviewProduct__item-star,
.reviewProduct__item-stars {
    display: flex;
    align-items: center;
}

.reviewProduct__item-stars {
    gap: 6px;
}

.reviewProduct__item-date {
    font-size: 14px;
    line-height: normal;
}

.reviewProduct__item-content {
    width: 100%;
    max-width: 559px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: start;
}

.reviewPopup__imagePreview,
.reviewProduct__item-image {
    width: 100px;
    height: 100px;
    min-width: 100px;
    overflow: hidden;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

.reviewPopup__imagePreview img,
.reviewProduct__item-image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

.reviewProduct__item-media {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.reviewProduct__item-more {
    color: #245435;
    gap: 4px;
}

.reviewProduct__item-more::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2659)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2659'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.reviewProduct__item-reaction {
    display: flex;
    align-items: center;
    gap: 22px;
}

.reviewProduct__item-reaction button {
    gap: 6px;
}

.reviewProduct__item-reaction button::before {
    content: '';
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate(0px, 0px) rotate(0deg);
    transition: transform 0.5s ease-in-out;
}

.reviewProduct__item-like::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 17.7084C8.7811 17.7084 7.69089 17.1574 6.96477 16.291C6.50614 17.1353 5.61167 17.7084 4.58333 17.7084C3.08756 17.7084 1.875 16.4958 1.875 15V8.33337C1.875 6.8376 3.08756 5.62504 4.58333 5.62504C5.6186 5.62504 6.5182 6.20591 6.97399 7.05952C7.04844 6.93705 7.12867 6.80671 7.21512 6.66627L9.11389 3.58077C9.44752 3.03862 10.0385 2.70837 10.6751 2.70837C11.7986 2.70837 12.6578 3.70982 12.4869 4.82026L12.2844 6.13674C12.1236 7.1822 12.9324 8.12504 13.9902 8.12504H14.565C17.1438 8.12504 18.821 10.8389 17.6678 13.1454L16.7107 15.0596C15.899 16.6829 14.2398 17.7084 12.4249 17.7084H10ZM10.1785 4.23589C10.2846 4.06343 10.4726 3.95837 10.6751 3.95837C11.0325 3.95837 11.3058 4.27694 11.2515 4.63019L11.0489 5.94667C10.7716 7.74933 12.1663 9.37504 13.9902 9.37504H14.565C16.2145 9.37504 17.2874 11.111 16.5497 12.5864L15.5926 14.5006C14.9927 15.7004 13.7663 16.4584 12.4249 16.4584H10C8.50423 16.4584 7.29167 15.2458 7.29167 13.75V10.8884C7.29167 9.90882 7.29526 9.51474 7.38039 9.1416C7.40746 9.02298 7.44061 8.90583 7.47973 8.79062C7.60279 8.42822 7.80627 8.09071 8.31969 7.25641L10.1785 4.23589ZM4.58333 6.87504C5.38875 6.87504 6.04167 7.52796 6.04167 8.33337V15C6.04167 15.8055 5.38875 16.4584 4.58333 16.4584C3.77792 16.4584 3.125 15.8055 3.125 15V8.33337C3.125 7.52796 3.77792 6.87504 4.58333 6.87504Z' fill='%23245435'/%3E%3C/svg%3E");
}

@keyframes like-animation {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    50% {
        transform: translate(0px, -6px) rotate(-30deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.reviewProduct__item-dislike::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2.29163C8.7811 2.29163 7.69089 2.84256 6.96477 3.70899C6.50614 2.86474 5.61167 2.29163 4.58333 2.29163C3.08756 2.29163 1.875 3.50419 1.875 4.99996V11.6666C1.875 13.1624 3.08756 14.375 4.58333 14.375C5.6186 14.375 6.5182 13.7941 6.97399 12.9405C7.04844 13.0629 7.12867 13.1933 7.21512 13.3337L9.11389 16.4192C9.44752 16.9614 10.0385 17.2916 10.6751 17.2916C11.7986 17.2916 12.6578 16.2902 12.4869 15.1797L12.2844 13.8633C12.1236 12.8178 12.9324 11.875 13.9902 11.875H14.565C17.1438 11.875 18.821 9.16112 17.6678 6.85459L16.7107 4.9404C15.899 3.31706 14.2398 2.29163 12.4249 2.29163H10ZM10.1785 15.7641C10.2846 15.9366 10.4726 16.0416 10.6751 16.0416C11.0325 16.0416 11.3058 15.7231 11.2515 15.3698L11.0489 14.0533C10.7716 12.2507 12.1663 10.625 13.9902 10.625H14.565C16.2145 10.625 17.2874 8.88901 16.5497 7.4136L15.5926 5.49941C14.9927 4.29955 13.7663 3.54163 12.4249 3.54163H10C8.50423 3.54163 7.29167 4.75419 7.29167 6.24996V9.11156C7.29167 10.0912 7.29526 10.4853 7.38039 10.8584C7.40746 10.977 7.44061 11.0942 7.47973 11.2094C7.60279 11.5718 7.80627 11.9093 8.31969 12.7436L10.1785 15.7641ZM4.58333 13.125C5.38875 13.125 6.04167 12.472 6.04167 11.6666V4.99996C6.04167 4.19454 5.38875 3.54163 4.58333 3.54163C3.77792 3.54163 3.125 4.19454 3.125 4.99996V11.6666C3.125 12.472 3.77792 13.125 4.58333 13.125Z' fill='%23F52929'/%3E%3C/svg%3E");
}

@keyframes dislike-animation {
    0% {
        transform: translate(0px, 0px) rotate(0deg);
    }

    50% {
        transform: translate(0px, 6px) rotate(30deg);
    }

    100% {
        transform: translate(0px, 0px) rotate(0deg);
    }
}

.like-animation-active::before {
    animation: like-animation 1s ease-in-out;
}

.dislike-animation-active::before {
    animation: dislike-animation 1s ease-in-out;
}

.reviewProduct__block-more {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    gap: 12px;
}

.reviewProduct__block-more::before {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cg clip-path='url(%23clip0_1_2750)'%3E%3Cpath d='M2.55709 7.12272C3.03985 3.84204 6.09072 1.57389 9.3714 2.05665C10.4907 2.22135 11.5407 2.69895 12.4004 3.43442L11.6265 4.20834C11.3671 4.4678 11.3671 4.88844 11.6266 5.14784C11.7512 5.27234 11.9201 5.34231 12.0962 5.34234H15.1428C15.5097 5.34234 15.8071 5.04492 15.8071 4.67803V1.63143C15.807 1.26454 15.5095 0.967182 15.1426 0.967245C14.9665 0.967276 14.7976 1.03725 14.6731 1.16175L13.8094 2.02536C10.516 -0.910382 5.4663 -0.620467 2.53056 2.67292C1.49051 3.83964 0.815575 5.28586 0.589373 6.8324C0.500187 7.38068 0.872343 7.89746 1.4206 7.98664C1.46999 7.99468 1.51987 7.999 1.56991 7.99963C2.07152 7.99421 2.49257 7.62018 2.55709 7.12272Z' fill='%23245435'/%3E%3Cpath d='M15.4285 7.99951C14.9269 8.00493 14.5058 8.37895 14.4413 8.87642C13.9586 12.1571 10.9077 14.4252 7.62702 13.9425C6.50772 13.7778 5.45773 13.3002 4.59802 12.5647L5.37194 11.7908C5.63134 11.5314 5.63128 11.1107 5.37179 10.8513C5.24726 10.7268 5.07835 10.6569 4.90225 10.6568H1.85572C1.48883 10.6568 1.19141 10.9542 1.19141 11.3211V14.3677C1.1915 14.7346 1.48898 15.032 1.85588 15.0319C2.03197 15.0319 2.20088 14.9619 2.32541 14.8374L3.18902 13.9738C6.48162 16.9098 11.531 16.6208 14.467 13.3282C15.5077 12.1612 16.1829 10.7145 16.409 9.16742C16.4986 8.6192 16.1268 8.10218 15.5786 8.01262C15.529 8.00449 15.4788 8.0001 15.4285 7.99951Z' fill='%23245435'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_2750'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 999px) {
    .reviewProduct__box {
        gap: 40px;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .reviewProduct {
        margin: 42px 0;
    }

    .reviewProduct__box {
        margin-top: 20px;
    }

    .reviewProduct__content {
        max-width: 100%;
    }

    .reviewProduct__about {
        padding: 26px;
        gap: 8px;
    }

    .reviewProduct__about-num {
        font-size: 40px;
    }

    .reviewProduct__item {
        flex-direction: column;
        padding: 24px 18px;
        gap: 18px;
    }

    .reviewProduct__add {
        margin-top: 12px;
        font-size: 14px;
    }

    .reviewPopup__imagePreview,
    .reviewProduct__item-image {
        width: 81px;
        height: 81px;
        min-width: 81px;
    }

    .reviewProduct__item-about {
        gap: 4px;
    }

    .reviewProduct__block-more {
        justify-content: start;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
    }

    .reviewProduct__block-more::before {
        width: 14px;
        height: 14px;
        background-size: 100%;
    }
}

/* reviewPopup */
.reviewPopup {
    position: fixed;
    overflow: auto;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
}

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

.reviewPopup__inner {
    margin: 7% auto 5%;
    width: 100%;
    max-width: 549px;
    border-radius: 15px;
    background: #FFF;
    padding: 68px;
    position: relative;
}

.reviewPopup__title {
    text-align: center;
}

.reviewPopup__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.reviewPopup__rating {
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.reviewPopup__rating label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.reviewPopup__form {
    max-width: 329px;
    margin: 18px auto 0;
}

.reviewPopup__form-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.reviewPopup__form textarea {
    height: 173px;
}

.reviewPopup__form textarea::placeholder,
.reviewPopup__form input::placeholder {
    color: rgba(31, 31, 31, 0.60);
}

.reviewPopup__form-file {
    color: #BB974D;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.reviewPopup__form-file::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.5 1.5H2.5C1.9485 1.5 1.5 1.9485 1.5 2.5V9.5C1.5 10.0515 1.9485 10.5 2.5 10.5H9.5C10.0515 10.5 10.5 10.0515 10.5 9.5V2.5C10.5 1.9485 10.0515 1.5 9.5 1.5ZM2.5 9.5V2.5H9.5L9.501 9.5H2.5Z' fill='%23BB974D'/%3E%3Cpath d='M5 7L4.5 6.5L3 8.5H9L6.5 5L5 7Z' fill='%23BB974D'/%3E%3Cpath d='M4.25 5.5C4.66421 5.5 5 5.16421 5 4.75C5 4.33579 4.66421 4 4.25 4C3.83579 4 3.5 4.33579 3.5 4.75C3.5 5.16421 3.83579 5.5 4.25 5.5Z' fill='%23BB974D'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.reviewPopup__form-btn {
    margin: 19px auto 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    height: 48px;
    width: 100%;
    max-width: 203px;
}

.reviewPopup__imagePreview {
    display: none;
    position: relative;
}

.reviewPopup__imagePreview-delete {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.6478 1.14775C11.8674 0.928078 11.8674 0.571922 11.6478 0.352252C11.4281 0.132583 11.0719 0.132583 10.8523 0.352252L6.00001 5.20452L1.14775 0.352255C0.928078 0.132585 0.571922 0.132585 0.352252 0.352255C0.132583 0.571925 0.132583 0.92808 0.352252 1.14775L5.20451 6.00001L0.352273 10.8523C0.132603 11.0719 0.132603 11.4281 0.352273 11.6477C0.571943 11.8674 0.928098 11.8674 1.14777 11.6477L6.00001 6.79551L10.8523 11.6477C11.0719 11.8674 11.4281 11.8674 11.6477 11.6477C11.8674 11.4281 11.8674 11.0719 11.6477 10.8523L6.7955 6.00001L11.6478 1.14775Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 2px;
}

@media (max-width: 767px) {
    .reviewPopup__inner {
        margin: 10% auto 5%;
        padding: 32px 25px;
    }

    .reviewPopup__close {
        top: 14px;
        right: 14px;
    }

    .reviewPopup__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .reviewPopup__form-btn {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }
}

/* popupFast */
.popupFast {
    position: fixed;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    overflow: auto;
}

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

.popupFast__inner {
    margin: 15% auto 5%;
    width: 100%;
    max-width: 653px;
    border-radius: 15px;
    background: #FFF;
    padding: 68px;
    position: relative;
}

.popupFast__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.popupFast__title {
    text-align: center;
}

.popupFast__descr {
    text-align: center;
    margin: 11px auto 24px;
    font-size: 14px;
    line-height: normal;
    max-width: 496px;
}

.popupFast__form {
    max-width: 467px;
    margin: 0 auto;
}

.popupFast__form input::placeholder {
    color: rgba(31, 31, 31, 0.60);
}

.popupFast__form-btn {
    margin: 27px auto 0;
    width: 100%;
    max-width: 191px;
    height: 48px;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .popupFast__inner {
        padding: 32px 25px;
    }

    .popupFast__close {
        top: 14px;
        right: 14px;
    }

    .popupFast__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .popupFast__form-btn {
        max-width: 100%;
        height: 46px;
        font-size: 14px;
        line-height: 24px;
    }
}

/* popupCallback */
.popupCallback {
    position: fixed;
    inset: 0;
    background-color: rgba(31, 31, 31, 0.60);
    z-index: 101;
    opacity: 0;
    pointer-events: none;
    transition: all .2s ease;
    overflow: auto;
}

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

.popupCallback__inner {
    margin: 15% auto 5%;
    width: 100%;
    max-width: 653px;
    border-radius: 15px;
    background: #FFF;
    padding: 68px;
    position: relative;
}

.popupCallback__close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.popupCallback__title {
    text-align: center;
}

.popupCallback__descr {
    text-align: center;
    margin: 11px auto 24px;
    font-size: 14px;
    line-height: normal;
    max-width: 496px;
}

.popupCallback__form {
    max-width: 467px;
    margin: 0 auto;
}

.popupCallback__form input::placeholder {
    color: rgba(31, 31, 31, 0.60);
}

.popupCallback__form input+input {
    margin-top: 14px;
}

.popupCallback__form-btn {
    margin: 27px auto 0;
    width: 100%;
    max-width: 191px;
    height: 48px;
    font-size: 16px;
    line-height: 28px;
}

@media (max-width: 767px) {
    .popupCallback__inner {
        padding: 32px 25px;
    }

    .popupCallback__close {
        top: 14px;
        right: 14px;
    }

    .popupCallback__close svg {
        max-width: 12px;
        max-height: 12px;
    }

    .popupCallback__form-btn {
        max-width: 100%;
        height: 46px;
        font-size: 14px;
        line-height: 24px;
    }
}

.personal {
    margin: 83px 0 75px;
}

.personal__select {
    margin-top: 24px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 21px;
}

.personal__select-btn {
    background-color: rgba(31, 31, 31, 0.18);
    height: 38px;
    padding: 10px 18px;
    gap: 10px;
    border-radius: 5px;
    transition: all .2s ease;
}

.personal__select-btn::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_548)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_548'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
}

.personal__select-btn:hover,
.personal__select-btn.active {
    background-color: #245435;
}

.personal__select-btn:hover::after,
.personal__select-btn.active::after {
    transform: rotate(90deg);
}

.personal__content {
    margin-top: 19px;
    border-radius: 12px;
    background: #FFF;
}

.personal__content-title {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 33px 50px 30px;
    width: 100%;
    border-bottom: 1px solid rgba(31, 31, 31, 0.08);
}

.personal__content-title span {
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
}

.personal__history-top {
    padding: 30px 50px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
}

.personal__history-top::after {
    content: '';
    position: absolute;
    height: 1px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    left: 20px;
    right: 20px;
    bottom: 0;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.personal__history-block {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.personal__history-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.personal__history-info p {
    font-weight: 600;
    line-height: 18px;
}

.personal__history-btn {
    height: 54px;
    width: 100%;
    max-width: 275px;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.personal__history-btn::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_1_531)'%3E%3Cpath d='M3.5 10.5L10.5 3.5' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 3.5H10.5V9.1875' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_531'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .2s ease;
}

.personal__history-bottom {
    padding: 36px 116px 58px 50px;
    width: 100%;
}

.personal__history-product {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 41px;
}

.personal__history-product+.personal__history-product {
    margin-top: 34px;
}

/* .personal__history-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 14px 4px;
} */

.personal__history-content {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 4px;
}

.personal__history-image {
    width: 116px;
    height: 116px;
    min-width: 116px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(31, 31, 31, 0.10);
    background: #FFF;
    overflow: hidden;
    padding: 12px;
}

.personal__history-image img {
    max-height: 100%;
    width: max-content;
    max-width: 100%;
    object-fit: cover;
    transition: all .5s ease;
}

.personal__history-image:hover img {
    transform: scale(1.1);
}

.personal__history-about {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.personal__history-title {
    max-width: max-content;
}

.personal__history-title h3 {
    transition: all .2s ease;
}

.personal__history-title:hover h3 {
    color: #245435;
}

.personal__history-article {
    color: rgba(31, 31, 31, 0.60);
    font-size: 14px;
    line-height: normal;
}

.personal__history-article span {
    color: #1F1F1F;
}

.personal__history-count,
.personal__history-price {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
}

.personal__history-count {
    text-align: center;
}

.personal__history-price {
    color: #245435;
    text-align: right;
}

.personal__selected {
    display: none;
}

.personal__selected.active {
    display: block;
}

.personal__data-form {
    padding: 34px 50px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 100%;
    max-width: 770px;
}

.personal__data-form input:not([type="submit"]) {
    background-color: transparent !important;
}

.personal__data-btn {
    width: 100%;
    max-width: 200px;
    height: 54px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin-top: 10px;
}

.personal__products-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    max-width: 1114px;
    padding: 36px 50px 81px;
    gap: 26px;
}

.personal__products .product__item-image {
    padding: 0;
}

.personal__products .product__item-image img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

/* personal-doctor */
.personal__doctor {
    margin-top: 30px;
    border-radius: 12px;
    background: #FFF;
    padding: 40px 40px 50px;
}

.personal__doctor-top {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: start;
}

.personal__doctor-block {
    display: flex;
    align-items: stretch;
    gap: 21px;
    width: 100%;
    max-width: 782px;
}

.personal__doctor-item {
    height: auto;
    padding: 34px 35px 35px;
    border-radius: 12px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    display: flex;
    flex-direction: column;
    gap: 19px;
    width: 100%;
    max-width: 236px;
    position: relative;
}

.personal__doctor-item:last-of-type {
    max-width: 100%;
    padding: 27px;
}

.personal__doctor-item:last-of-type,
.personal__doctor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.personal__doctor-num {
    font-size: 48px;
    font-weight: 600;
    line-height: 49px;
}

.personal__doctor-descr {
    font-size: 14px;
    line-height: 129%;
}

.personal__doctor-btn {
    position: absolute;
    gap: 10px;
    width: 100%;
    max-width: 203px;
    height: 51px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.personal__doctor-promo {
    display: flex;
    align-items: start;
    gap: 35px;
    width: 100%;
    max-width: 356px;
}

.personal__promo-block {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    height: 171px;
    overflow-y: auto;
}

.personal__promo-item {
    padding: 12px 14px 12px 25px;
    border-radius: 8px;
    background: #F0F0F0;
    width: 100%;
    display: flex;
    align-items: start;
    gap: 5px;
    justify-content: space-between;
}

.personal__promo-item p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 156.8%;
}

.personal__promo-btn {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 2H20C21.1523 2 22 2.84772 22 4V14C22 15.1523 21.1523 16 20 16H16V20C16 21.1523 15.1523 22 14 22H4C2.84772 22 2 21.1523 2 20V10C2 8.84772 2.84772 8 4 8H8V4C8 2.84772 8.84772 2 10 2ZM8 10H4V20H14V16H10C8.84772 16 8 15.1523 8 14V10ZM10 4V14H20V4H10Z' fill='%23245435'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.personal__doctor-result {
    margin: 30px 10px 0;
}

.personal__history-product-content {
    padding-top: 22px;
    position: relative;
}

.personal__history-product-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    height: 1px;
}

.personal__history-product-content+.personal__history-product-content {
    margin-top: 22px;
}

.personal__doctor-result .personal__history-bottom {
    padding: 0;
    position: relative;
}

.personal__history-more {
    gap: 4px;
    margin-top: -27px;
    width: 96px;
    justify-content: end;
}

.personal__history-more::before {
    content: 'Детальніше';
    font-family: "Onest", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.personal__history-more::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cg clip-path='url(%23clip0_1_220)'%3E%3Cpath d='M3.5 11L10.5 4' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 4H10.5V9.6875' stroke='%23245435' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_220'%3E%3Crect width='14' height='14' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.personal__history-product--more {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px 20px;
    border-radius: 3px;
    background: rgba(31, 31, 31, 0.04);
    padding: 32px 42px;
    margin-top: 13px;
}

.personal__history-product--more {
    counter-reset: item;
}

.personal__history-product--more li {
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.16px;
    counter-increment: item;
    display: flex;
    align-items: start;
    gap: 10px;
}

.personal__history-product--more li::before {
    content: counter(item) ".";
    font-family: "Onest", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.16px;
}

.personal__history-product-content.active .personal__history-product--more {
    display: grid;
}

.personal__history-product-content.active .personal__history-more::before {
    content: 'Закрити';
}

.personal__history-product-content.active .personal__history-more::after {
    transform: rotate(90deg);
}

.personal__docrot-download {
    margin-top: 21px;
    margin-left: auto;
    height: 56px;
    width: 100%;
    max-width: 251px;
    gap: 11px;
    background-color: #BB974D;
    border-radius: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
}

.personal__docrot-download:active {
    background-color: #796131;
}

.copypopup {
    position: fixed;
    left: 20px;
    bottom: 20px;
    background-color: #F0F0F0;
    border: 1px solid #BFCBC3;
    padding: 20px;
    border-radius: 12px;
    opacity: 0;
    transform: translateY(100px);
    transition: all .5s ease;
}

.copypopup.active {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1279px) {
    .personal__history-bottom {
        padding: 36px 50px 50px;
    }

    .personal__history-top::after {
        width: auto;
        left: 50px;
        right: 50px;
    }

    .personal__doctor-top {
        flex-direction: column;
    }

    .personal__doctor-item,
    .personal__doctor-block,
    .personal__doctor-promo {
        max-width: 100%;
    }

    .personal__promo-block {
        height: auto;
        overflow: visible;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 999px) {
    .personal {
        margin: 77px 0 75px;
    }

    .personal__products-block {
        grid-template-columns: 1fr 1fr;
    }

    .personal__doctor-btn {
        max-width: 170px;
        font-size: 14px;
    }

    .personal__history-product--more {
        padding: 20px;
        margin-top: 20px;
    }

    .personal__history-product--more,
    .personal__promo-block {
        grid-template-columns: repeat(3, 1fr);
    }

    /* .personal__history-content {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    } */

    .personal__history-more {
        margin-top: 0;
        grid-column: 3;
        grid-row: 2;
        justify-content: start;
    }
}

@media (max-width: 767px) {
    .personal {
        margin: 32px 0 42px;
    }

    .personal__history-top::after {
        left: 20px;
        right: 20px;
    }

    .personal__data-btn,
    .personal__history-btn {
        height: 44px;
        max-width: 225px;
        gap: 10px;
        font-size: 14px;
    }

    .personal__history-product+.personal__history-product {
        margin-top: 12px;
    }

    .personal__history-product {
        gap: 18px;
    }

    .personal__history-content {
        grid-template-columns: 1fr;
        align-items: start;
        gap: 4px;
    }

    .personal__history-content>.personal__history-block:nth-of-type(2) {
        gap: 6px;
        flex-direction: row;
    }

    .personal__history-content>.personal__history-block:nth-of-type(3) {
        gap: 0px;
    }

    .personal__history-about {
        width: 100%;
        gap: 6px;
    }

    .personal__products-block {
        gap: 10px;
    }

    .personal__history-title h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .personal__history-article {
        font-size: 12px;
        line-height: 18px;
    }

    .personal__history-count,
    .personal__history-price {
        font-size: 14px;
        line-height: 24px;
        text-align: left;
    }

    .personal__data-form {
        gap: 13px;
        padding: 12px;
    }

    .personal__doctor {
        padding: 18px 12px;
        margin-top: 12px;
    }

    .personal__doctor-top {
        gap: 20px;
    }

    .personal__doctor-block {
        gap: 10px;
        flex-direction: column;
    }

    .personal__doctor-item:last-of-type,
    .personal__doctor-item {
        padding: 20px 26px;
        gap: 2px;
    }

    .personal__doctor-num {
        font-size: 36px;
        font-weight: 500;
        line-height: normal;
    }

    .personal__doctor-promo {
        flex-direction: column;
        gap: 10px;
    }

    .personal__promo-block {
        grid-template-columns: 1fr;
    }

    .personal__doctor-result {
        margin: 24px 0 0;
    }

    .personal__history-product-content {
        padding-top: 16px;
    }

    .personal__doctor-icon svg {
        max-height: 65px;
    }

    .personal__doctor-btn {
        max-width: 168px;
        font-size: 14px;
        line-height: 24px;
        height: 44px;
    }

    .personal__history-more {
        grid-column: auto;
        grid-row: auto;
    }

    .personal__history-product--more {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 12px;
    }

    .personal__history-product--more li::before,
    .personal__history-product--more li {
        font-size: 14px;
        line-height: 24px;
    }

    .personal__docrot-download {
        height: 46px;
        max-width: 201px;
        font-size: 12px;
        margin-top: 14px;
    }

    .personal__docrot-download svg {
        max-width: 12px;
        max-height: 12px;
    }

    .personal__select {
        flex-wrap: nowrap;
        overflow: scroll;
        margin: 8px -20px 0;
        padding: 0 20px;
        gap: 4px;
    }

    .personal__select::-webkit-scrollbar {
        display: none;
    }

    .personal__select-btn {
        text-wrap: nowrap;
        padding: 6px 12px;
        height: 36px;
    }

    .personal__content-title {
        font-size: 16px;
        line-height: 16px;
        padding: 18px 12px 12px;
    }

    .personal__content-title span {
        width: 14px;
        height: 14px;
    }

    .personal__content-title span svg {
        width: 100%;
    }

    .personal__history-top {
        padding: 14px 12px 12px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .personal__history-block {
        gap: 4px;
    }

    .personal__history-btn {
        max-width: 100%;
        height: 44px;
    }

    .personal__history-bottom {
        padding: 22px 12px;
    }

    .personal__history-top::after {
        left: 0;
        right: 0;
    }

    .personal__history-product-content::before {
        left: -12px;
        right: -12px;
    }

    .personal__data-btn {
        max-width: 100%;
        height: 48px;
    }

    .personal__products-block {
        padding: 12px;
        gap: 20px 10px;
    }

    .product__item-favourite {
        top: 6px;
        right: 6px;
    }

    .personal__promo-item {
        padding: 9px 11px 9px 15px;
        border-radius: 5px;
    }

    .personal__promo-btn {
        width: 18px;
        height: 18px;
        background-size: 100%;
    }
}

/* userContent */
.userContent {
    margin: 100px 0 134px;
}

@media (max-width: 767px) {
    .userContent {
        margin: 42px 0;
    }
}

/* howgoin */
.howgoin {
    margin: 86px 0;
}

.howgoin__inner {
    display: flex;
    gap: 46px;
    align-items: start;
}

.howgoin__title {
    max-width: 221px;
}

.howgoin__block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 21px;
}

.howgoin__item {
    position: relative;
    z-index: 1;
    border-radius: 8px;
    padding: 32px 28px;
    display: flex;
    align-items: start;
    gap: 18px;
}

.howgoin__item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    pointer-events: none;
}

.howgoin__item::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    z-index: -1;
    border-radius: 8px;
    pointer-events: none;
}

.howgoin__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.howgoin__item-icon svg {
    max-width: 67px;
    max-height: 67px;
}

@media (max-width: 999px) {
    .howgoin__block {
        grid-template-columns: 1fr;
    }

    .howgoin__item {
        min-height: 100px;
    }

    .howgoin__item p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .howgoin {
        margin: 42px 0;
    }

    .howgoin__inner {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .howgoin__title {
        max-width: 100%;
    }

    .howgoin__block {
        gap: 10px;
    }

    .howgoin__item {
        padding: 20px;
    }

    .howgoin__item-icon svg {
        max-width: 50px;
        max-height: 50px;
    }
}

.youget {
    margin: 86px 0;
}

.youget__title {
    max-width: 293px;
}

.youget__block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 13px;
    margin-top: 24px;
}

.youget__item {
    width: 100%;
    padding: 28px 32px;
    position: relative;
    z-index: 1;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 18px;
}

.youget__item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    pointer-events: none;
}

.youget__item::after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #fff;
    z-index: -1;
    border-radius: 8px;
    pointer-events: none;
}

.youget__item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: max-content;
}

@media (max-width: 999px) {
    .youget__block {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .youget {
        margin: 42px 0;
    }

    .youget__block {
        grid-template-columns: 1fr;
        margin-top: 20px;
    }

    .youget__item {
        padding: 20px;
        min-height: 140px;
    }
}

.alert a {
    text-decoration: underline;
}

.pagination {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-bottom: 40px;
    flex-wrap: wrap;
    list-style: none;
}

.pagination li {
    padding: 0;
}

.pagination li::before {
    content: none;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #245435;
    border-color: #245435;
    color: #fff;

}

.pagination>li>a,
.pagination>li>span {
    border-color: rgba(31, 31, 31, 0.10);
    background: #fff;
    color: #245435;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    background-color: #245435;
    border-color: #245435;
    color: #fff;
}

.row-shipping_address_address_id {
    display: none;
}

#simplecheckout_payment_form {
    display: none !important;
}

#bwc-widget-action {
    flex-direction: column;
}

.bwc-slide {
    display: none !important;
}

#simplecheckout_customer label span.red {
    color: red;
}

.slerror {
    position: relative !important;
    top: 0 !important;
    line-height: 115%;
    padding: 0 !important;
}

.iti__country-container {
    height: 54px;
}

@media (max-width: 767px) {
    .iti__country-container {
        height: 46px;
    }
}

.dropdown-address li {
    padding-left: 10px;
}

.dropdown-address li:before {
    content: none;
}

.disclaimer__wrapper {
    width: 100%;
    padding: 26px;
    border-radius: 8px;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    font-size: 16px;
    line-height: 150%;
    text-align: center;
}

.shipping-collapse {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

.shipping-collapse:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M9.84883 4.88901C10.0517 4.68436 10.0502 4.35401 9.84554 4.15117C9.64088 3.94833 9.31053 3.9498 9.10769 4.15446L7.89217 5.38088C7.39886 5.87861 7.05936 6.22004 6.77168 6.45107C6.49224 6.67548 6.31275 6.75247 6.152 6.77296C6.05107 6.78583 5.94893 6.78583 5.848 6.77296C5.68725 6.75247 5.50776 6.67548 5.22832 6.45107C4.94065 6.22004 4.60114 5.87861 4.10783 5.38088L2.89231 4.15446C2.68947 3.94981 2.35912 3.94833 2.15446 4.15117C1.9498 4.35401 1.94833 4.68436 2.15117 4.88902L3.38859 6.13752C3.85464 6.60776 4.23554 6.9921 4.57493 7.26466C4.92785 7.54809 5.28607 7.75326 5.71606 7.80806C5.9046 7.8321 6.0954 7.8321 6.28394 7.80806C6.71393 7.75326 7.07215 7.54809 7.42507 7.26466C7.76446 6.9921 8.14536 6.60777 8.61141 6.13753L9.84883 4.88901Z' fill='black'/%3E%3C/svg%3E");
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.shipping-collapse.active:after {
    transform: rotate(180deg);
}

.shipping-collapse-box {
    display: none;
    flex-direction: column;
    gap: 12px;
}

.cookie {
    position: fixed;
    bottom: 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    width: 100%;
    padding: 20px 0;
    z-index: 100000000;
}

.cookie a {
    text-decoration: underline;
}

.cookie a:hover {
    text-decoration: none;
}

.cookie__close {
    position: absolute;
    top: 6px;
    right: 6px;
    display: flex;
    align-items: center;
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M11.6478 1.14775C11.8674 0.928078 11.8674 0.571922 11.6478 0.352252C11.4281 0.132583 11.0719 0.132583 10.8523 0.352252L6.00001 5.20452L1.14775 0.352255C0.928078 0.132585 0.571922 0.132585 0.352252 0.352255C0.132583 0.571925 0.132583 0.92808 0.352252 1.14775L5.20451 6.00001L0.352273 10.8523C0.132603 11.0719 0.132603 11.4281 0.352273 11.6477C0.571943 11.8674 0.928098 11.8674 1.14777 11.6477L6.00001 6.79551L10.8523 11.6477C11.0719 11.8674 11.4281 11.8674 11.6477 11.6477C11.8674 11.4281 11.8674 11.0719 11.6477 10.8523L6.7955 6.00001L11.6478 1.14775Z' fill='%231F1F1F'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: auto;
}

.upg {
    padding: 75px 0;
}

.main.main-information .upg {
    background-color: #fff;
}

.upg__slider {
    position: relative;
    margin-top: 28px;
}

.upg__slide {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.upg__video {
    width: 100%;
    position: relative;
    padding-top: 178%;
}

.upg__video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.upg__box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.main.main-information .upg__box {
    background-color: #F0F0F0;
}


.upg__image {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}

.upg__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.upg__slider-pagination {
    margin-top: 33px;
}

.upg__slider-prev {
    position: absolute;
    top: calc(40%);
    transform: rotate(-135deg);
    left: 10px;
    z-index: 10;
}

.upg__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.upg__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.upg__slider-next {
    position: absolute;
    top: calc(40% + 4px);
    transform: rotate(45deg);
    right: 10px;
    z-index: 10;
}

.upg__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.upg__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 999px) {
    .upg__slider-prev {
        top: unset;
        bottom: -10px;

    }

    .upg__slider-next {
        top: unset;
        bottom: -14px;
    }
}

@media (max-width: 768px) {
    .upg {
        padding: 50px 0;
    }

    .upg__slider-pagination {
        margin-top: 16px;
    }
}

.doctor {
    padding: 75px 0;
    background-color: #fff;
    margin-bottom: 75px;
}

.doctor__descr {
    margin-top: 14px;
    font-size: 18px;
    max-width: 700px;
}

.doctor__inner {
    display: flex;
    align-items: flex-end;
    gap: 50px;
    width: 100%;
}

.doctor__author {
    position: relative;
    width: 46%;
    z-index: 2;
}

.doctor__author::before {
    content: '';
    position: absolute;
    background-color: #fff;
    top: -54px;
    right: -50px;
    bottom: -72px;
    width: 100vw;
    z-index: -1;
}

.doctor__author .swiper {
    width: 100%;
}

.doctor__author-quote {
    position: relative;
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 14px;
    font-size: 20px;
    line-height: 135%;
}

.doctor__author-quote:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 50 24' width='50' height='24' data-v-5e3b116d=''%3E%3Cpath fill='%23F0F0F0' d='M2.162 14.5C.17 7 1.11 0 1.11 0l48.78 3S30.478 2 23.51 5.5C15.728 9.407 9.295 18 6.143 24c-.498-1-2.481-3.845-3.982-9.5'%3E%3C/path%3E%3C/svg%3E");
    width: 50px;
    height: 24px;
    position: absolute;
    top: 96%;
    left: 40px;
}

.doctor__author-box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.doctor__author-image {
    min-width: 150px;
    width: 150px;
    height: 150px;
}

.doctor__author-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
}

.doctor__author-info p strong {
    font-size: 22px;
    font-weight: 600;
}

.doctor__author-info p {
    font-size: 18px;
    line-height: 120%;
    margin-top: 8px;
}

.doctor__slider {
    width: 46%;
    position: relative;
    z-index: 1;
}

.doctor__slider .swiper {
    width: 100%;
}

.doctor__video {
    position: relative;
    width: 100%;
    padding-top: 56%;
    border-radius: 14px;
    overflow: hidden;
}

.doctor__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doctor__slider-prev {
    position: absolute;
    bottom: -6px;
    transform: rotate(-135deg);
    left: 10px;
    z-index: 10;
}

.doctor__slider-prev:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.doctor__slider-prev:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.doctor__slider-next {
    position: absolute;
    bottom: -10px;
    transform: rotate(45deg);
    right: 10px;
    z-index: 10;
}

.doctor__slider-next:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23245435'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23F0F0F0' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.doctor__slider-next:hover:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z' fill='%23F0F0F0'/%3E%3Cpath d='M8.76953 15.2308L15.2311 8.76929' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.98047 8.76929H15.2305V14.0193' stroke='%23245435' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.doctor__slider-pagination {
    margin-top: 25px;
}


@media (max-width: 1279px) {
    .doctor__inner {
        margin-top: 20px;
    }

    .doctor__author:before {
        top: -2px;
    }

    .doctor__author-quote {
        font-size: 18px;
    }
}

@media (max-width: 999px) {
    .doctor__author-quote {
        font-size: 16px;
    }

    .doctor__author-image {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

    .doctor__author-info p strong {
        font-size: 20px;
    }

    .doctor__author-info p {
        font-size: 16px;
        line-height: 120%;
        margin-top: 4px;
    }
}

@media (max-width: 768px) {
    .doctor {
        padding: 50px 0;
        margin-bottom: 50px;
    }

    .doctor__descr {
        margin-top: 10px;
        font-size: 16px;
        max-width: unset;
    }

    .doctor__inner {
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }

    .doctor__author {
        width: 100%;
    }

    .doctor__author:before {
        content: none;
    }

    .doctor__author-quote {
        font-size: 165x;
        padding: 12px 16px;
    }

    .doctor__author-quote:before {
        width: 28px;
        height: 24px;
        top: 96%;
        left: 21px;
    }

    .doctor__author-image {
        min-width: 80px;
        width: 80px;
        height: 80px;
    }

    .doctor__author-info p strong {
        font-size: 18px;
    }

    .doctor__author-info p {
        font-size: 14px;
        line-height: 120%;
        margin-top: 4px;
    }

    .doctor__slider {
        width: 100%;
    }

    .doctor__slider-next {
        bottom: -14px;
    }
}

.message {
    text-align: center;
    padding: 10px 0;
    background: linear-gradient(180deg, #D2EBDB 0%, #ECE7DC 100%);
    width: 100%;
    margin-bottom: 24px;
    line-height: 120%;
}
.header {
    padding-top: 0;
}
@media (max-width: 768px) {
 
    .message {
        margin-bottom: 12px;
    }
}