/* Start:/local/templates/main-25/icons/icons.css?17932549947638*/
/*
 * Шрифты fontawesome/*.woff2 урезаны до иконок из этого файла (было ~330 КБ на шрифт, стало ~4 КБ).
 * Новая иконка: добавить класс с content сюда и пересобрать woff2 из полного .ttf, например
 * pyftsubset fa-solid-900.ttf --unicodes=<все content из этого файла> --flavor=woff2 --output-file=fa-solid-900.woff2
 */
.fa,
.fa-brands,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fal,
.far,
.fas,
.fat {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fa-xmark:before {
  content: "\f00d";
}

.fa-user:before {
  content: "\f007";
}

.fa-plus:before {
  content: "\2b";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-flag:before {
  content: "\f024";
}

.fa-arrow-up-right:before {
  content: "\e09f";
}

.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-arrow-down-to-line:before {
  content: "\f33d";
}

.fa-images:before {
  content: "\f302";
}

.fa-file:before {
  content: "\f15b";
}

.fa-reply:before {
  content: "\f3e5";
}

.fa-heart:before {
  content: "\f004";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-house:before {
  content: "\f015";
}

.fa-badge-check:before {
  content: "\f336";
}

.fa-users:before {
  content: "\f0c0";
}

.fa-head-side-headphones:before {
  content: "\f8c2";
}

.fa-newspaper:before {
  content: "\f1ea";
}
.fa-message:before {
  content: "\f075";
}
.fa-trash:before {
  content: "\f2ed";
}
.fa-pen:before {
  content: "\f304";
}
.fa-book:before {
  content: "\f02d";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-money-simple-from-bracket:before {
  content: "\f648";
}
.fa-pencil:before {
  content: "\f303";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-search:before {
  content: "\f002";
}

.fa-ellipsis-vertical:before {
  content: "\f142";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-left:before {
  content: "\f060";
}

.fa-basket-shopping:before {
  content: "\f291";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-minus:before {
  content: "\f068";
}

.fa-heart:before {
  content: "\f004";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

/*---------------------------------*/

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-brands-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-brands-400.ttf) format("truetype");
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}

:host,
:root {
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
}

@font-face {
  font-family: "Font Awesome 6 Duotone";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-duotone-900.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-duotone-900.ttf) format("truetype");
}

.fa-duotone,
.fad {
  position: relative;
  font-family: "Font Awesome 6 Duotone";
  font-weight: 900;
  letter-spacing: normal;
}

:host,
:root {
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-light-300.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-light-300.ttf) format("truetype");
}

.fa-light,
.fal {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
}

:host,
:root {
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-regular-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-regular-400.ttf) format("truetype");
}

.fa-regular,
.far {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
}

:host,
:root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-solid-900.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-solid-900.ttf) format("truetype");
}

.fa-solid,
.fas {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
}

:host,
:root {
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}

@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 100;
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-thin-100.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-thin-100.ttf) format("truetype");
}

.fa-thin,
.fat {
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url(/local/templates/main-25/icons/fontawesome/fa-brands-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-brands-400.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 900;
  src: url(/local/templates/main-25/icons/fontawesome/fa-solid-900.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-solid-900.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 400;
  src: url(/local/templates/main-25/icons/fontawesome/fa-regular-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-regular-400.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  font-display: block;
  font-weight: 300;
  src: url(/local/templates/main-25/icons/fontawesome/fa-light-300.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-light-300.ttf) format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Duotone";
  font-display: block;
  font-weight: 900;
  src: url(/local/templates/main-25/icons/fontawesome/fa-duotone-900.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-duotone-900.ttf) format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-solid-900.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-solid-900.ttf) format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-brands-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-brands-400.ttf) format("truetype");
}

@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url(/local/templates/main-25/icons/fontawesome/fa-regular-400.woff2?v=2) format("woff2"),
    url(/local/templates/main-25/icons/fontawesome/fa-regular-400.ttf) format("truetype");
  unicode-range: u+f003, u+f006, u+f014, u+f016-f017, u+f01a-f01b, u+f01d,
    u+f022, u+f03e, u+f044, u+f046, u+f05c-f05d, u+f06e, u+f070, u+f087-f088,
    u+f08a, u+f094, u+f096-f097, u+f09d, u+f0a0, u+f0a2, u+f0a4-f0a7, u+f0c5,
    u+f0c7, u+f0e5-f0e6, u+f0eb, u+f0f6-f0f8, u+f10c, u+f114-f115, u+f118-f11a,
    u+f11c-f11d, u+f133, u+f147, u+f14e, u+f150-f152, u+f185-f186, u+f18e,
    u+f190-f192, u+f196, u+f1c1-f1c9, u+f1d9, u+f1db, u+f1e3, u+f1ea, u+f1f7,
    u+f1f9, u+f20a, u+f247-f248, u+f24a, u+f24d, u+f255-f25b, u+f25d,
    u+f271-f274, u+f278, u+f27b, u+f28c, u+f28e, u+f29c, u+f2b5, u+f2b7, u+f2ba,
    u+f2bc, u+f2be, u+f2c0-f2c1, u+f2c3, u+f2d0, u+f2d2, u+f2d4, u+f2dc;
}

/* End */


/* Start:/local/templates/main-25/css/slick.css?17734140601776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/templates/main-25/css/style.css?1793254503220296*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(98, 110, 82, 0.4392156863);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #788865;
}

* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
    scroll-behavior: smooth;
    font-family: "Jost", sans-serif;
}

a {
    text-decoration: none;
}

@media (max-width: 992px) {
    html {
        font-size: 14px;
    }
}

.d-none {
    display: none;
}

.btn-white {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 45px;
    font-size: 18px;
    font-weight: 400;
    color: white;
    padding: 31px 73px;
    border: 1px solid white;
    cursor: pointer;
    gap: 10px;
    transition: all 0.3s ease;
}

.btn-white:active {
    background-color: rgba(133, 140, 104, 0.2509803922) !important;
}

.btn-white i {
    transition: all 0.3s ease;
}

.btn-white:hover {
    background-color: white;
    color: #8b957c;
    transition: all 0.3s ease;
}

.btn-white:hover i {
    transform: translateX(5px);
}

.container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 1432px) {
    .container {
        padding: 0 16px;
    }
}

.container.home {
    max-width: 1860px;
    padding: 0 16px;
}

.container.max {
    max-width: 1820px;
}

@media (max-width: 1820px) {
    .container.max {
        padding: 0 16px;
    }
}

.btn-white-outline {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eee;
    border-radius: 45px;
    font-size: 18px;
    font-weight: 400;
    color: #858c68;
    padding: 31px 73px;
    cursor: pointer;
}

.btn-white-outline:hover {
    background-color: white;
    transition: all 0.3s ease;
}

.btn-green {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #858c68;
    border-radius: 45px;
    font-size: 18px;
    font-weight: 400;
    color: white;
    padding: 31px 73px;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 1px solid #858c68;
}

@media (max-width: 768px) {
    .btn-green {
        padding: 18px;
    }
}

.btn-green:hover {
    background: #a3aa87;
    transition: all 0.5s ease;
}

.btn-green:active {
    background: transparent;
    border: 1px solid #858c68;
    color: #858c68;
    transition: all 0.1s ease;
}

.btn-green:disabled {
    background: rgba(133, 140, 104, 0.4196078431);
    border: none;
    color: white;
    cursor: not-allowed;
}

.btn-green-outline {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #858c68;
    border-radius: 45px;
    font-size: 18px;
    font-weight: 400;
    padding: 31px 73px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #8b957c;
}

.btn-green-outline:hover {
    color: white;
    background: #858c68;
    border: 1px solid rgba(0, 0, 0, 0);
}

.input-name,
.input-phone,
.input-comment {
    margin-bottom: 20px;
    display: block;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 45px;
    padding: 16px 0;
    padding-left: 32px;
    padding-right: 250px;
}

.input-name::placeholder,
.input-phone::placeholder,
.input-comment::placeholder {
    color: white;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.btn-input {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: block;
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 45px;
    padding: 16px 0;
    padding-left: 32px;
    padding-right: 212px;
}

.btn-input input {
    background-color: transparent;
}

.btn-input:hover {
    transition: all 0.3s ease;
}

.header {
    background-color: #8b957c;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header.header-banner {
    position: relative;
    z-index: 999;
}

.header-logo-mobile {
    display: none;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 1400px) {
    .header-logo-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
        border-bottom: none;
    }
}

@media (max-width: 1400px) and (max-width: 990px) {
    .header-logo-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px;
    }
}

@media (max-width: 450px) {
    .header-img {
        width: 200px;
    }
}

@media (max-width: 350px) {
    .header-img {
        width: 170px;
    }
}

.header-mobile-menu {
    font-size: 18px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media (max-width: 1400px) {
    .header-mobile-menu {
        display: none;
    }
}

@media (max-width: 990px) {
    .header-mobile-menu {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}

.header.header-banner .bg-header {
    padding-top: 83px;
}

.header .bg-header {
    background: #8c977c;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 300px;
}

.header .bg-header.dont-header {
    padding-bottom: 0;
}

.header .bg-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/local/templates/main-25/css/../images/bg-header.png) repeat center center;
    background-image: image-set(url(/local/templates/main-25/css/../images/bg-header.webp) type("image/webp"), url(/local/templates/main-25/css/../images/bg-header.png) type("image/png"));
    opacity: 0.07;
}

.header .bg-header .header-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    position: relative;
    height: 88px;
}

@media (max-width: 990px) {
    .header .bg-header .header-menu {
        padding: 0;
        display: none;
    }
}

.header .bg-header .header-menu ul {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 50px;
}

@media (max-width: 1600px) {
    .header .bg-header .header-menu ul {
        gap: 30px;
    }
}

@media (max-width: 1400px) {
    .header .bg-header .header-menu ul {
        gap: 90px;
    }
}

@media (max-width: 1300px) {
    .header .bg-header .header-menu ul {
        gap: 40px;
    }
}

@media (max-width: 1250px) {
    .header .bg-header .header-menu ul {
        gap: 50px;
    }
}

@media (max-width: 1150px) {
    .header .bg-header .header-menu ul {
        gap: 40px;
    }
}

@media (max-width: 1070px) {
    .header .bg-header .header-menu ul {
        gap: 30px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-menu ul {
        display: none;
    }
}

.header .bg-header .header-menu li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    color: white;
    cursor: pointer;
}

.header .bg-header .header-menu li.active a {
    color: #858c68;
}

.header .bg-header .header-menu li.active i {
    transform: rotate(180deg);
}

.header .bg-header .header-menu li i {
    font-size: 12px;
    transition: all 0.3s ease;
}

.header .bg-header .header-menu li span,
.header .bg-header .header-menu li a {
    color: white;
    font-size: 18px;
    white-space: nowrap;
}

.header .bg-header .header-menu .header-logo {
    width: 275px;
}

@media (max-width: 1400px) {
    .header .bg-header .header-menu .header-logo {
        display: none;
    }
}

.header .bg-header .header-menu .header-menu-contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

@media (max-width: 1400px) {
    .header .bg-header .header-menu .header-menu-contact {
        gap: 60px;
    }
}

@media (max-width: 1300px) {
    .header .bg-header .header-menu .header-menu-contact {
        gap: 60px;
    }
}

@media (max-width: 1200px) {
    .header .bg-header .header-menu .header-menu-contact {
        gap: 50px;
    }
}

@media (max-width: 1150px) {
    .header .bg-header .header-menu .header-menu-contact {
        gap: 30px;
    }
}

@media (max-width: 1070px) {
    .header .bg-header .header-menu .header-menu-contact {
        gap: 20px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-menu .header-menu-contact {
        display: none;
        padding: 0;
    }
}

.header .bg-header .header-menu .header-menu-contact .search-midea {
    display: none;
    cursor: pointer;
}

@media (max-width: 1500px) {
    .header .bg-header .header-menu .header-menu-contact .search-midea {
        display: block;
    }
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper {
    position: relative;
}

@media (max-width: 1500px) {
    .header .bg-header .header-menu .header-menu-contact .search-wrapper {
        display: none;
    }
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border: 1px solid white;
    border-radius: 27px;
    padding: 8px;
    position: relative;
    z-index: 10;
    backdrop-filter: blur(2px);
    transition: all 0.3s ease;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label svg path {
    transition: all 0.3s ease;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label.active {
    background-color: white;
    border-color: rgba(139, 151, 124, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 27px 27px 0 0;
    border: 1px solid transparent;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label.active svg path {
    stroke: #4b4b4b;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label input {
    background-color: transparent;
    color: #4b4b4b;
    border: none;
    outline: none;
    flex: 1;
    font-size: 16px;
    font-weight: 400;
    color: white;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper label input::placeholder {
    color: #b1b1b1;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 0 0 27px 27px;
    margin-top: 0;
    display: none;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid rgba(139, 151, 124, 0.2);
    border-top: none;
    padding-bottom: 12px;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown.active {
    display: block;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown .search-suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-direction: column;
    gap: 0;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown .search-suggestions li {
    width: 100%;
    padding: 2px 12px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown .search-suggestions li:hover {
    background-color: rgba(139, 151, 124, 0.1);
}

.header .bg-header .header-menu .header-menu-contact .search-wrapper .search-dropdown .search-suggestions li:first-child {
    border-top: 1px solid rgba(139, 151, 124, 0.1);
}

.header .bg-header .header-menu p {
    color: white;
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 1500px) {
    .header .bg-header .header-menu p {
        font-size: 15px;
    }
}

@media (max-width: 1400px) {
    .header .bg-header .header-menu p {
        font-size: 18px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-menu p {
        display: none;
    }
}

.header .bg-header .header-menu .header-menu-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

@media (max-width: 1400px) {
    .header .bg-header .header-menu .header-menu-icons {
        gap: 30px;
    }
}

@media (max-width: 1300px) {
    .header .bg-header .header-menu .header-menu-icons {
        gap: 40px;
    }
}

@media (max-width: 1200px) {
    .header .bg-header .header-menu .header-menu-icons {
        gap: 30px;
    }
}

@media (max-width: 1070px) {
    .header .bg-header .header-menu .header-menu-icons {
        gap: 20px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-menu .header-menu-icons {
        display: none;
    }
}

.header .bg-header .header-menu .header-menu-icons .header-menu-icons-basket {
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.header .bg-header .header-menu .header-menu-icons .header-menu-icons-basket .header-menu-icons-basket-count {
    background-color: red;
    border-radius: 50%;
    padding: 5px;
    width: 16px;
    height: 16px;
    font-weight: 600;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -10px;
    right: -6px;
    outline: 2px solid #899179;
}

.header .bg-header .header-menu .header-menu-icons .header-menu-icons-basket .header-menu-icons-basket-count p {
    font-size: 12px;
}

@media (max-width: 990px) {
    .header .bg-header .header-menu .header-menu-icons .header-menu-icons-basket .header-menu-icons-basket-count {
        display: none;
    }
}

.header .bg-header .header-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: 83px;
    position: relative;
    gap: 80px;
}

@media (max-width: 990px) {
    .header .bg-header .header-content {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        padding-bottom: 80px;
        padding: 0 20px;
        width: 100%;
        gap: 20px;
        margin-top: 32px;
        order: 1;
        width: 100%;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-content-images {
        order: 1;
        width: 100%;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-content .header-content-des {
        width: 100%;
        order: 2;
    }
}

.header .bg-header .header-content .header-content-des-title {
    color: white;
    font-size: 84px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 117.84%;
    letter-spacing: 0.84px;
}

@media (max-width: 1650px) {
    .header .bg-header .header-content .header-content-des-title {
        font-size: 60px;
    }
}

@media (max-width: 1400px) {
    .header .bg-header .header-content .header-content-des-title {
        font-size: 50px;
    }
}

@media (max-width: 1300px) {
    .header .bg-header .header-content .header-content-des-title {
        font-size: 40px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-content .header-content-des-title {
        font-size: 60px;
    }
}

@media (max-width: 700px) {
    .header .bg-header .header-content .header-content-des-title {
        font-size: 32px;
    }
}

.header .bg-header .header-content .header-content-des p {
    color: white;
    font-size: 20px;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 57px;
}

@media (max-width: 1100px) {
    .header .bg-header .header-content .header-content-des p {
        padding-top: 15px;
        padding-bottom: 30px;
    }
}

@media (max-width: 600px) {
    .header .bg-header .header-content .header-content-des p {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.18px;
    }
}

.header .bg-header .header-content .header-content-images-box {
    position: relative;
    width: 700px;
    height: 600px;
    z-index: 1;
}

@media (max-width: 1650px) {
    .header .bg-header .header-content .header-content-images-box {
        width: 600px;
        height: 500px;
    }
}

@media (max-width: 1400px) {
    .header .bg-header .header-content .header-content-images-box {
        width: 450px;
        height: 350px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-content .header-content-images-box {
        width: 320px;
        height: 400px;
    }
}

@media (max-width: 990px) {
    .header .bg-header .header-content .header-content-images-box {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .header .bg-header .header-content .header-content-images-box {
        height: 248px;
    }
}

.header .bg-header .header-content .header-content-images-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: opacity 0.3s ease;
    opacity: 1;
}

.header .bg-header .header-content .header-content-images video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.header .bg-header .header-content .header-content-images video.playing {
    opacity: 1;
    z-index: 2;
}

.header .bg-header .header-content .header-content-images-controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

.header .bg-header .header-content .header-content-images-box .header-video-play-pause {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(132, 143, 117, 0.7);
    backdrop-filter: blur(16.5px);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    color: white;
    font-size: 24px;
    pointer-events: auto;
    z-index: 4;
}

@media (max-width: 600px) {
    .header .bg-header .header-content .header-content-images-box .header-video-play-pause {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
}

.header .bg-header .header-content .header-content-images-box .header-video-play-pause:hover {
    background: rgba(132, 143, 117, 0.9);
    transform: translate(-50%, -50%) scale(1.05);
}

.header .bg-header .header-content .header-content-images-box .header-video-play-pause i {
    margin-left: 2px;
}

.header .bg-header .header-content .header-content-images-box .header-video-fullscreen {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: rgba(132, 143, 117, 0.7);
    backdrop-filter: blur(16.5px);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: none;
    transition: all 0.3s ease;
    color: white;
    font-size: 18px;
    pointer-events: auto;
    z-index: 4;
}

@media (max-width: 600px) {
    .header .bg-header .header-content .header-content-images-box .header-video-fullscreen {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right: 15px;
        font-size: 14px;
    }
}

.header .bg-header .header-content .header-content-images-box .header-video-fullscreen:hover {
    background: rgba(132, 143, 117, 0.9);
    transform: scale(1.05);
}

.header .bg-header .header-content .header-content-images-box .header-video-fullscreen i {
    font-size: 18px;
}

@media (max-width: 600px) {
    .header .bg-header .header-content .header-content-images-box .header-video-fullscreen i {
        font-size: 14px;
    }
}

.header .bg-header .header-content-mobile {
    display: none;
}

@media (max-width: 990px) {
    .header .bg-header .header-content-mobile {
        display: block;
        z-index: 1;
    }
}

.header .bg-header .header-content-mobile-box {
    position: relative;
    width: 100%;
    height: 50%;
}

.header .bg-header .header-content-mobile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .bg-header .header-content-mobile-pauza {
    background: rgba(132, 143, 117, 0.7);
    backdrop-filter: blur(16.5px);
    border-radius: 107px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 45%;
    left: 45%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.header .bg-header .header-content-mobile-pauza:hover {
    background: rgba(132, 143, 117, 0.9);
}

.header .bg-header .header-content-mobile-pauza img {
    transform: translateX(5px);
    margin-left: -3px;
}

@media (max-width: 1100px) {
    .header .bg-header .header-content-btn {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .header .bg-header .header-content-btn {
        padding: 18px 13px;
        height: 63px;
    }
}

.header .bg-header-descphoto {
    position: absolute;
    bottom: -30px;
    right: 40%;
    transform: translateX(50%);
}

.header .bg-header-descphoto img {
    width: 100%;
}

@media (max-width: 1450px) {
    .header .bg-header-descphoto {
        bottom: 45%;
        right: 30%;
        transform: translateX(0%);
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 990px) {
    .header .bg-header-descphoto {
        bottom: 59%;
        left: 69%;
    }
}

.header-info {
    background: #f7f9f4;
}

.top-header {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    transform: translateY(-50%);
}

@media (max-width: 1450px) {
    .top-header {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 16px;
        transform: translateY(-40%);
    }
}

@media (max-width: 650px) {
    .top-header {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        transform: translateY(-240px);
    }
}

.top-header-block {
    padding: 15px;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.top-header-block:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    cursor: pointer;
}

.top-header-content {
    padding: 0 27px;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 40px;
    border: 1px solid rgba(139, 151, 124, 0.25);
}

@media (max-width: 600px) {
    .top-header-content {
        padding: 40px 12px;
    }
}

.top-header-content h5 {
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
}

.top-header-content p {
    color: #717171;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.product-card {
    background-color: white;
    border-radius: 30px;
    box-shadow: 0 49px 64.8px -21px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: calc(25% - 50px);
    cursor: pointer;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.product-card:hover {
    box-shadow: 0 96px 120px 3px rgba(0, 0, 0, 0.15);
    transform: translateY(-20px);
}

.product-card-images picture,
.block-description .images picture,
.block-news-content-main-images picture,
.product-page-content-left picture,
.catalog-result-ingredients-item picture,
.header-content-images-box picture {
    display: contents;
}

.product-card-images {
    background: #f5f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.product-card-images .view-product-type {
    width: 44px;
    height: 44px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card-images .view-product-type img {
    width: 60%;
    height: 60%;
}

.product-card-images .img-product {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-card-des {
    padding: 0 15px;
}

.product-card-des h5 {
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
    padding-top: 20px;
    text-transform: uppercase;
    height: 130px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
}

@media (max-width: 768px) {
    .product-card-des h5 {
        font-size: 20px;
        line-height: 24px;
        height: 80px;
    }
}

.product-card-des-description {
    font-size: 16px;
    color: #4b4b4b;
    text-align: center;
    padding-top: 12px;
    font-weight: 300;
    padding: 24px 0;
}

.product-card-des-price {
    font-size: 30px;
    color: #4b4b4b;
    font-weight: 300;
    text-align: center;
    padding-bottom: 24px;
}

.product-card-des-price span {
    font-size: 16px;
    text-decoration: line-through;
    color: #b1b1b1;
    font-weight: 400;
}

.product-card-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    padding-bottom: 15px;
    gap: 10px;
}

.product-card-btn {
    width: 100%;
    white-space: nowrap;
    padding: 31px 30px;
}

.product-card-btn i {
    display: none;
}

@media (max-width: 1450px) {
    .product-card-btn i {
        display: block;
    }
}

@media (max-width: 1450px) {
    .product-card-btn .text {
        display: none;
    }
}

@media (max-width: 768px) {
    .product-card-btn {
        padding: 18px 13px;
    }
}

.product-card-quantity-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 45px;
    width: 100%;
    min-height: 48px;
}

.product-card-quantity-selector.hidden {
    display: none;
}

@media (max-width: 768px) {
    .product-card-quantity-selector {
        min-height: 63px;
    }
}

.product-card-quantity-selector .quantity-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    height: 88px;
    min-width: 32px;
    background: #eee;
    border: none;
    border-radius: 1000px;
    color: #858c68;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

@media (max-width: 768px) {
    .product-card-quantity-selector .quantity-btn {
        width: 62px;
        height: 62px;
    }
}

.product-card-quantity-selector .quantity-btn:hover {
    background: #f0f0f0;
}

.product-card-quantity-selector .quantity-btn:active {
    background: #e8e8e8;
}

.product-card-quantity-selector .quantity-btn i {
    font-size: 14px;
    color: #858c68;
}

.product-card-quantity-selector .quantity-value {
    color: #434540;
    font-size: 18px;
    font-weight: 400;
    min-width: 20px;
    text-align: center;
}

.product-card-heart {
    background: #eee;
    border-radius: 70px;
    cursor: pointer;
    border: 1px solid #eee;
    width: 95px;
    height: 95px;
    min-width: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card-heart img {
    position: relative;
}

.product-card-heart:active {
    background: #fff;
    border: 1px solid #858c68;
    color: #858c68;
    transition: all 0.1s ease;
}

@media (max-width: 768px) {
    .product-card-heart {
        width: 62px;
        min-width: 62px;
        height: 62px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.product-card-heart:hover {
    background: rgba(133, 140, 104, 0.25);
    transition: all 0.3s ease;
}

.product-card-description {
    font-size: 16px;
    color: #4b4b4b;
    text-align: center;
    padding-top: 12px;
    font-weight: 300;
    padding: 24px 0;
}

.product-card-price {
    font-size: 30px;
    color: #4b4b4b;
    font-weight: 300;
    text-align: center;
    padding-bottom: 24px;
}

.product-card-manufacturer {
    font-size: 20px;
    line-height: 1.3;
    min-height: 1.3em;
    color: #4b4b4b;
    font-weight: 300;
    text-align: center;
    margin-bottom: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card-price span {
    font-size: 16px;
    text-decoration: line-through;
    color: #b1b1b1;
    font-weight: 400;
}

.block-popular-products {
    margin-top: -16px;
    background: #f7f9f4;
}

@media (max-width: 1450px) {
    .block-popular-products {
        margin-top: -140px;
    }
}

@media (max-width: 1200px) {
    .block-popular-products {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .block-popular-products {
        margin-top: -200px;
    }
}

.block-popular-products-top-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 53px;
}

@media (max-width: 1900px) {
    .block-popular-products-top-block {
        padding: 0 16px;
    }
}

@media (max-width: 576px) {
    .block-popular-products-top-block {
        padding: 0 16px;
    }
}

.block-popular-products-top-block-title {
    color: #434540;
    font-size: 100px;
    font-weight: 200;
    text-transform: uppercase;
}

@media (max-width: 1500px) {
    .block-popular-products-top-block-title {
        font-size: 60px;
    }
}

@media (max-width: 1100px) {
    .block-popular-products-top-block-title {
        font-size: 64px;
        color: #434540;
    }
}

@media (max-width: 992px) {
    .block-popular-products-top-block-title {
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .block-popular-products-top-block-title {
        font-size: 32px;
        line-height: 117.84%;
        letter-spacing: -0.32px;
    }
}

.block-popular-products-top-block-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

@media (max-width: 1100px) {
    .block-popular-products-top-block-slide {
        gap: 15px;
    }
}

@media (max-width: 576px) {
    .block-popular-products-top-block-slide {
        display: none;
    }
}

.block-popular-products-top-block-slide-icon {
    background-color: transparent;
    border: 1px solid #626e52;
    color: #626e52;
    padding: 26px 61px;
    border-radius: 60px;
    cursor: pointer;
    font-size: 24px;
}

@media (max-width: 992px) {
    .block-popular-products-top-block-slide-icon {
        height: 62px;
        width: 118px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.block-popular-products-top-block-slide-icon:hover {
    background-color: #626e52;
    color: white;
    transition: all 0.3s ease;
}

.block-popular-products-content {
    margin-top: 0;
}

.block-popular-products-content .slick-track {
    padding-bottom: 70px;
    padding-top: 50px;
    padding-left: 10px;
    padding-right: 20px;
}

.block-popular-products-content .slick-slide {
    margin-right: 20px;
}

/* слайд slick здесь — сама карточка (без обёрток): выравниваем высоту карточек в ряду, кнопки прижимаем к низу */
.block-popular-products-content .slick-track {
    display: flex;
}

.block-popular-products-content .product-card.slick-slide {
    display: flex;
    flex-direction: column;
    height: auto;
}

.block-popular-products-content .product-card.slick-slide .product-card-actions {
    margin-top: auto;
}

.block-popular-products-content .slide-content {
    margin: 0 40px; /* Adjust horizontal margin for spacing */
}

.block-popular-products-content .slick-dots {
    transform: none;
    justify-content: center;
    margin-top: 8px;
    padding-bottom: 16px;
}

.block-description {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 214px;
    background: #f7f9f4;
    margin-top: 0;
}

@media (max-width: 1450px) {
    .block-description {
        gap: 100px;
    }
}

@media (max-width: 1100px) {
    .block-description {
        gap: 60px;
    }
}

@media (max-width: 992px) {
    .block-description {
        gap: 20px;
    }
}

@media (max-width: 650px) {
    .block-description {
        flex-direction: column;
        gap: 0;
        width: 100%;
    }
}

.block-description .images {
    width: 50%;
    height: 720px;
}

@media (max-width: 1300px) {
    .block-description .images {
        height: 500px;
    }
}

@media (max-width: 990px) {
    .block-description .images {
        width: 50%;
        height: 500px;
    }
}

@media (max-width: 650px) {
    .block-description .images {
        width: 100%;
        height: 300px;
    }
}

.block-description .images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-description-content-main {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
    padding-bottom: 20px;
}

.block-description-content-main #slider-laboratory {
    width: 100%;
}

.block-description-content-main #slider-laboratory .slick-arrow {
    display: none !important;
}

.block-description-content-main #slider-laboratory .slick-dots {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .block-description-content-main #slider-laboratory .slick-dots {
        justify-content: center;
    }
}

@media (max-width: 650px) {
    .block-description-content-main {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
}

@media (max-width: 650px) {
    .block-description-content-main-box .btn-green {
        width: 100%;
    }
}

.block-description-title {
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}

@media (max-width: 650px) {
    .block-description-title {
        text-align: center;
    }
}

.block-description-description {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    padding-top: 16px;
    padding-bottom: 45px;
}

@media (max-width: 7688px) {
    .block-description-description {
        text-align: start;
    }
}

.slick-dots {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

.slick-dots li.slick-active button {
    background-color: #a3aa87;
    width: 27px;
    border-radius: 8px;
}

.slick-dots li button {
    font-size: 0 !important;
    width: 12px;
    height: 12px;
    background-color: rgba(133, 140, 104, 0.4);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slick-dots li button:hover {
    background-color: #a3aa87;
}

.block-animation {
    margin-top: 127px;
}

@media (max-width: 768px) {
    .block-animation {
        margin-top: 50px;
    }
}

.block-animation-title {
    color: #858c68;
    font-size: 100px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 100px;
    text-align: center;
    padding: 0 16px;
}

@media (max-width: 1400px) {
    .block-animation-title {
        font-size: 65px;
    }
}

@media (max-width: 990px) {
    .block-animation-title {
        font-size: 32px;
        color: #434540;
        line-height: 117.84%;
        font-weight: 400;
    }
}

.block-animation-images {
    margin-top: 80px;
    padding: 0 83px;
}

@media (max-width: 992px) {
    .block-animation-images {
        padding: 0 16px;
    }
}

@media (max-width: 600px) {
    .block-animation-images {
        padding: 0;
    }
}

.block-animation-images-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 990px) {
    .block-animation-images-img {
        display: none;
    }
}

.block-animation-images-img-mobile {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-animation-images-img-mobile-min {
    display: none;
    width: 100%;
}

@media (max-width: 600px) {
    .block-animation-images-img-mobile-min {
        display: block;
    }
}

@media (max-width: 990px) and (min-width: 600px) {
    .block-animation-images-img-mobile {
        display: block;
    }
}

.block-news {
    margin-top: 120px;
    padding: 0 16px;
}

@media (max-width: 576px) {
    .block-news {
        margin-top: 50px;
    }
}

.block-news-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-news-top-title {
    color: #858c68;
    font-size: 100px;
    font-weight: 200;
    text-transform: uppercase;
}

@media (max-width: 1300px) {
    .block-news-top-title {
        font-size: 64px;
    }
}

@media (max-width: 990px) {
    .block-news-top-title {
        font-size: 32px;
        color: #858c68;
        margin-bottom: 20px;
    }
}

@media (max-width: 990px) {
    .block-news-top .btn-green-outline {
        display: none;
    }
}

.block-news-slider {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 480px;
    height: 57px;
    background: #ededed;
    padding: 4px;
    border-radius: 4px;
    gap: 4px;
}

@media (max-width: 600px) {
    .block-news-slider {
        width: 320px;
    }
}

@media (max-width: 420px) {
    .block-news-slider {
        width: 100%;
    }
}

.block-news-slider-button {
    background: #ededed;
    color: #4b4b4b;
    opacity: 0.5;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #4b4b4b;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.block-news-slider-button:hover {
    background: rgba(255, 255, 255, 0.6352941176);
}

.block-news-slider-button.active {
    background: #fff;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #4b4b4b;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.block-news-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 43px;
    margin-top: 55px;
}

@media (max-width: 768px) {
    .block-news-content {
        flex-direction: column;
        gap: 0;
        margin-top: 31px;
    }
}

.block-news-content-main {
    width: 100%;
}

.block-news-content-main-images {
    width: 100%;
    height: 100%;
}

.block-news-content-main-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 600px) {
    .block-news-content-main-images img {
        height: 300px;
    }
}

@media (max-width: 425px) {
    .block-news-content-main-images img {
        height: 216px;
    }
}

.block-news-content-main-images-title {
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 14px;
}

@media (max-width: 600px) {
    .block-news-content-main-images-title {
        padding-top: 4px;
    }
}

.block-news-content-main-images-mini {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px;
    margin-top: 40px;
}

@media (max-width: 990px) {
    .block-news-content-main-images-mini {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .block-news-content-main-images-mini {
        gap: 30px;
        margin-top: 30px;
    }
}

.block-news-content-main-images-mini-images {
    width: 100%;
    height: 100%;
}

.block-news-content-description {
    width: 100%;
    max-width: 30%;
    border-left: 1px solid #cccccc;
    padding-left: 43px;
    height: 100%;
    overflow-y: auto;
    padding-right: 10px;
}

@media (max-width: 992px) {
    .block-news-content-description {
        max-width: 40%;
    }
}

@media (max-width: 600px) {
    .block-news-content-description {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    .block-news-content-description {
        margin-top: 20px;
        border-left: none;
        padding-left: 0;
        padding-right: 0;
        margin-top: 34px;
    }
}

.block-news-content-description::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 5px;
}

.block-news-content-description::-webkit-scrollbar-track {
    background: white;
}

.block-news-content-description::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #fff;
}

@media (max-width: 600px) {
    .block-news-content-description-main {
        border-top: 1px solid #cccccc;
        padding-top: 10px;
    }
}

.block-news-content-description-main-title {
    color: #858c68;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
}

.block-news-content-description-main-description {
    color: #4b4b4b;
    font-size: 1rem;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 16px;
}

.footer {
    background: #7a8667;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    padding: 0 50px;
    margin-top: 120px;
    position: relative;
    overflow: hidden;
}

.footer img {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
}

.footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/local/templates/main-25/css/../images/bg-header.png) repeat center center;
    background-image: image-set(url(/local/templates/main-25/css/../images/bg-header.webp) type("image/webp"), url(/local/templates/main-25/css/../images/bg-header.png) type("image/png"));
    opacity: 0.07;
}

.footer .footer-bottom {
    position: relative;
}

@media (max-width: 1600px) {
    .footer {
        /*height: 700px;*/
    }
}

@media (max-width: 1024px) {
    .footer {
        /*height: 400px;*/
    }
}

@media (max-width: 500px) {
    .footer {
        /*height: auto;*/
        margin-top: 0;
    }
}

.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    position: relative;
}

.footer .footer-top-logo {
    width: 275px;
    max-width: 275px;
    max-height: 60px;
}

@media (max-width: 1024px) {
    .footer-top {
        justify-content: center;
    }
}

.footer-top-description {
    color: white;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
}

@media (max-width: 1024px) {
    .footer-top-description {
        display: none;
    }
}

.footer-hr {
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.25);
    margin-top: 30px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 100px;
    margin-top: 64px;
    padding-right: 50px;
}

@media (max-width: 1570px) {
    .footer-content {
        gap: 60px;
    }
}

@media (max-width: 1400px) {
    .footer-content {
        gap: 50px;
    }
}

@media (max-width: 1100px) {
    .footer-content {
        gap: 30px;
    }
}

@media (max-width: 1024px) {
    .footer-content {
        display: none;
    }
}

.footer-content-mobile-box {
    display: none;
}

@media (max-width: 1024px) {
    .footer-content-mobile-box {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        flex-direction: column;
        padding-top: 20px;
    }

    .footer-content-mobile-box-info {
        color: #e1e9d5;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 4px;
    }
}

@media (max-width: 1024px) and (max-width: 576px) {
    .footer-content-mobile-box-info {
        text-align: center;
    }
}

.footer-content-box-title {
    color: white;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 30px;
    position: relative;
}

.footer-content-box-title.hidden {
    opacity: 0;
}

.footer-content-box ul {
    list-style: none;
}

.footer-content-box-item {
    color: #e1e9d5;
    font-size: 18px;
    font-weight: 400;
    white-space: nowrap;
    position: relative;
    margin-bottom: 16px;
}

.footer-content-box-item a {
    color: #e1e9d5;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease;
}

.footer-content-box-item a:hover {
    color: #a3aa87;
}

.footer-content-box-telegram {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 10px;
}

.footer-content-box-icons-count {
    background-color: red;
    border-radius: 50%;
    padding: 5.5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 600;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -10px;
    right: -6px;
}

@media (max-width: 1200px) {
    .footer-content-box-icons-count {
        display: none;
    }
}

.footer-content-box-basket {
    padding-top: 10px;
}

@media (max-width: 1400px) {
    .footer-content-box-hidden {
        display: none;
    }
}

.footer-bottom {
    position: relative;
    width: 100%;
    margin-top: 40px;
    padding: 0;
}

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

@media (max-width: 500px) {
    .footer-bottom-content {
        flex-direction: column;
        align-items: center;
    }
}

.footer-bottom-content-description {
    color: white;
    font-size: 15px;
    font-weight: 400;
    padding: 30px 0;
    cursor: pointer;
}

@media (max-width: 500px) {
    .footer-bottom-content-description {
        padding: 10px 0;
    }
}

.footer-bottom-content-description {
    color: white;
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
}

.footer-bottom-content-description.ploicy {
    text-decoration-line: underline;
}

.footer-bottom-policies {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 30px 0;
}

.footer-bottom-policies .footer-bottom-content-description {
    padding: 0;
}

@media (max-width: 500px) {
    .footer-bottom-policies {
        align-items: center;
        padding: 10px 0;
    }
}

@media (max-width: 500px) {
    .footer-bottom-content {
        padding: 10px 0;
    }
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    z-index: 1001;
    pointer-events: none;
}

.mobile-menu.active {
    pointer-events: auto;
}

.mobile-menu.active .mobile-menu-fon {
    opacity: 1;
}

.mobile-menu.active .mobile-menu-content {
    transform: translateX(0);
}

.mobile-menu-content {
    background: #fff;
    width: 90%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    padding: 24px;
    transform: translateX(100%);
    transition: all 0.3s ease;
    transition-delay: 0.2s;
    overflow-y: auto;
}

.mobile-menu-content-search {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(75, 75, 75, 0.2509803922);
    border-radius: 40px;
    padding: 10px;
    padding-left: 16px;
    width: 100%;
    height: 40px;
    margin-bottom: 32px;
}

.mobile-menu-content-search input {
    width: 100%;
    height: 100%;
}

.mobile-menu-content-phone, .mobile-menu-content-language {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    margin-top: 32px;
}

.mobile-menu-content-language {
    margin-top: 12px !important;
}

.mobile-menu-content hr {
    border: 1px solid rgba(75, 75, 75, 0.2509803922);
    margin: 32px 0;
}

.mobile-menu-content-account-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.mobile-menu-content-account-list li {
    padding: 10px 0;
}

.mobile-menu-content-account-list li a {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
}

.mobile-menu-content-notification {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
}

.mobile-menu-content-notification-count {
    position: absolute;
    top: -5px;
    right: -8px;
    background-color: red;
    border-radius: 50%;
    padding: 5px;
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: 600;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: 2px solid white;
}

.mobile-menu-content-list {
    border-top: 1px solid rgba(75, 75, 75, 0.2509803922);
}

.mobile-menu-content-list-box {
    padding: 10px 0;
    border-bottom: 1px solid rgba(75, 75, 75, 0.2509803922);
}

.mobile-menu-content-list-box i {
    transition: all 0.3s ease;
    transition-delay: 0.1s;
}

.mobile-menu-content-list-box.active .mobile-menu-content-list-items {
    display: block;
}

.mobile-menu-content-list-box.active i {
    transform: rotate(180deg);
}

.mobile-menu-content-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: none;
}

.mobile-menu-content-list-items li {
    padding-left: 20px;
    width: 100%;
}

.mobile-menu-content-list-items li:first-child {
    border-top: 1px solid rgba(75, 75, 75, 0.2509803922);
    margin-top: 10px;
    padding-top: 10px;
}

.mobile-menu-content-list-items li:last-child a {
    border-bottom: none !important;
}

.mobile-menu-content-list-items li a {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 0;
    border-bottom: 1px solid rgba(75, 75, 75, 0.2509803922);
    width: 100%;
    display: block;
}

.mobile-menu-content-list-title {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.mobile-menu-fon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    backdrop-filter: blur(2px);
    opacity: 0;
    transition: all 0.3s ease;
}

.mobile-menu .fa-xmark {
    position: fixed;
    top: 12px;
    right: 10px;
    font-size: 16px;
    color: #858c68;
}

#slider-popular-products.default {
    display: flex;
    gap: 20px;
    padding-bottom: 70px !important;
    padding: 0 16px;
}

@media (max-width: 1420px) {
    #slider-popular-products.default {
        padding-bottom: 80px !important;
    }
}

#slider-popular-products.default .product-card {
    display: none;
}

#slider-popular-products.default .product-card:nth-child(1), #slider-popular-products.default .product-card:nth-child(2), #slider-popular-products.default .product-card:nth-child(3), #slider-popular-products.default .product-card:nth-child(4) {
    display: block;
    width: 100%;
}

@media (max-width: 1420px) {
    #slider-popular-products.default .product-card:nth-child(3), #slider-popular-products.default .product-card:nth-child(4) {
        display: none;
    }
}

@media (max-width: 500px) {
    #slider-popular-products.default .product-card:nth-child(2) {
        display: none;
    }
}

.desktop-menu {
    position: fixed;
    top: 88px;
    left: 0;
    width: 100%;
    height: calc(100dvh - 88px);
    z-index: 1000;
    pointer-events: none;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.desktop-menu#company .desktop-menu-content {
    width: max-content;
    max-width: calc(100% - 100px);
    height: auto;
    transform: translateX(-40%);
}

@media (max-width: 1600px) {
    .desktop-menu#company .desktop-menu-content {
        transform: translateX(-20%);
    }
}

@media (max-width: 1500px) {
    .desktop-menu#company .desktop-menu-content {
        transform: translateX(0);
    }
}

.desktop-menu#company .desktop-menu-content .desktop-menu-content-sublist {
    padding-left: 0;
    padding-right: 0;
}

.desktop-menu#company .desktop-menu-content-sublist-list {
    justify-content: space-between;
    gap: 40px;
}

.desktop-menu#company .desktop-menu-content-sublist-list ul {
    flex: 1 1 auto;
    min-width: max-content;
}

.desktop-menu#company .desktop-menu-content-sublist-list li a {
    white-space: nowrap;
}

@media (max-width: 1400px) {
    .desktop-menu {
        top: 153px;
    }
}

.desktop-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
    backdrop-filter: blur(2px);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease 0.15s;
}

.desktop-menu.active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}

.desktop-menu.active::before {
    opacity: 1;
    transition: opacity 0.3s ease 0s;
}

.desktop-menu.active .desktop-menu-content {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease 0.15s, transform 0.3s ease 0.15s;
}

.desktop-menu-content {
    max-width: calc(100% - 100px);
    background: #fff;
    width: 100%;
    height: calc(100dvh - 188px);
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
    overflow: hidden;
}

.desktop-menu-content-ads {
    min-width: 498px;
    width: 498px;
    height: 100%;
}

@media (max-width: 1100px) {
    .desktop-menu-content-ads {
        display: none;
    }
}

.desktop-menu-content-ads .slick-dots {
    justify-content: center;
    margin-top: 20px;
    height: auto;
}

@media (max-width: 1500px) {
    .desktop-menu-content-ads {
        min-width: 300px;
    }
}

.desktop-menu-content-ads-box {
    width: 100%;
    height: 100%;
}

.desktop-menu-content-ads-box img {
    width: 100%;
    height: 100%;
    background-color: #f5f4f4;
}

.desktop-menu-content-ads-box-content {
    padding-top: 16px;
}

.desktop-menu-content-ads-box-content-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: #858c68;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.25px;
    text-transform: uppercase;
}

.desktop-menu-content-ads-box-content-description {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-top: 12px;
}

.desktop-menu-content-ads-box-content .btn-green {
    margin: 0 auto;
    margin-top: 30px;
}

.desktop-menu-content-left {
    width: 325px;
    min-width: 325px;
    border-right: 1px solid rgba(75, 75, 75, 0.2509803922);
    padding-right: 50px;
    height: 100%;
    overflow-y: auto;
}

@media (max-width: 1050px) {
    .desktop-menu-content-left {
        padding-right: 20px;
    }
}

.desktop-menu-content-left::-webkit-scrollbar {
    width: 4px;
}

.desktop-menu-content-left::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.desktop-menu-content-left::-webkit-scrollbar-thumb {
    background: #888;
}

.desktop-menu-content-left ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.desktop-menu-content-left ul li {
    margin-bottom: 8px;
}

.desktop-menu-content-left ul li.active a {
    color: #858c68;
}

.desktop-menu-content-left ul li a {
    width: 238px;
    color: #dbdbdb;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.18px;
    text-transform: uppercase;
}

.desktop-menu-content-left ul li a:hover {
    color: #858c68;
}

.desktop-menu-content-sublist {
    width: 100%;
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 1050px) {
    .desktop-menu-content-sublist {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.desktop-menu-content-sublist-title {
    margin-top: 1em;
    align-self: stretch;
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.desktop-menu-content-sublist-list {
    width: 100%;
    height: calc(100% - 100px);
    overflow-y: auto;
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 80px;
    overflow-y: auto;
}

@media (max-width: 1300px) {
    .desktop-menu-content-sublist-list {
        gap: 20px;
    }
}

@media (max-width: 1100px) {
    .desktop-menu-content-sublist-list {
        flex-direction: column;
    }
}

.desktop-menu-content-sublist-list ul {
    list-style: none;
}

.desktop-menu-content-sublist-list li {
    margin-bottom: 20px;
}

.desktop-menu-content-sublist-list li a {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.18px;
}

.desktop-menu-content-sublist-list li a:hover {
    color: #858c68;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 40px 20px;
    overflow-y: auto;
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 768px) {
    .modal-overlay {
        padding: 20px 10px;
    }
}

.modal-content {
    position: relative;
    background-color: #fff;
    padding: 60px 80px;
    padding-top: 50px;
    max-width: 817px;
    width: 90%;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    transform: scale(0.9);
    transition: transform 0.3s ease;
    margin: auto;
}

@media (max-width: 768px) {
    .modal-content {
        padding: 40px 30px;
        padding-top: 60px;
        max-width: 90%;
        max-height: calc(100vh - 40px);
    }
}

.modal-overlay.active .modal-content {
    transform: scale(1);
}

.modal-close {
    position: sticky;
    top: -30px;
    float: right;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #000;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    z-index: 100;
    margin-top: -40px;
    margin-right: -40px;
    margin-bottom: 10px;
    border-radius: 50%;
}

.modal-close:hover {
    color: #8b957c;
    background: #f5f5f5;
}

.modal-close i {
    font-size: 20px;
    color: #8b957c;
}

@media (max-width: 768px) {
    .modal-close {
        margin-top: -20px;
        margin-right: -10px;
    }
}

.modal-title {
    color: #8b957c;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    line-height: 1.3;
    align-self: stretch;
    color: #858c68;
    text-align: center;
    font-size: 65px;
    font-weight: 250;
    line-height: 65px;
    letter-spacing: -0.65px;
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .modal-title {
        font-size: 24px;
    }
}

.modal-message {
    font-size: 18px;
    font-weight: 400;
    color: #8b957c;
    margin-bottom: 40px;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .modal-message {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

.btn-green-outline {
    display: block;
    margin: 0 auto;
}

.btn-green-outline:hover {
    background-color: #8b957c;
    color: #fff;
}

@media (max-width: 768px) {
    .btn-green-outline {
        padding: 10px 40px;
        font-size: 16px;
    }
}

.catalog-filter-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

@media (min-width: 993px) {
    .catalog-filter-modal {
        display: none;
    }
}

.modal-overlay.active .catalog-filter-modal {
    transform: translateY(0);
}

.catalog-filter-modal .catalog-filter {
    padding: 20px 16px;
    height: 100%;
    overflow-y: auto;
}

.catalog-filter-modal .modal-close {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10001;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.breadcrumbs {
    margin-top: 19px;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 6px;
    color: #b1b1b1;
    font-size: 16px;
}

.breadcrumbs a {
    color: #b1b1b1;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    white-space: nowrap;
}

.breadcrumbs span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header.header-banner .breadcrumbs {
    margin-top: -70px;
    color: #fff;
    margin-left: 20px;
}

.header.header-banner .breadcrumbs a {
    color: #fff
}

.header .bg-header .header-content .header-content-des-title {

}

.catalog-title-container {
    margin-top: 44px;
    gap: 20px;
}

@media (max-width: 992px) {
    .catalog-title-container {
        margin-top: 23px;
    }
}

.catalog-title-container span {
    align-self: stretch;
    color: #434540;
    font-size: 60px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

@media (max-width: 1400px) {
    .catalog-title-container span {
        font-size: 40px;
        line-height: unset;
    }
}

@media (max-width: 992px) {
    .catalog-title-container span {
        font-size: calc(6vw - 2px);
        letter-spacing: -0.32px;
    }
}

.catalog-title-container span,
.catalog-title {
    align-self: stretch;
    color: #434540;
    font-size: 90px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    display: inline-block;
}

@media (max-width: 1400px) {
    .catalog-title-container span,
    .catalog-title {
        font-size: 60px;
        line-height: 80px;
        letter-spacing: -0.8px;
    }
}

@media (max-width: 992px) {
    .catalog-title-container span,
    .catalog-title {
        font-size: 7vw;
        line-height: unset;
        letter-spacing: -0.32px;
    }
}

.catalog-description-wrapper {
    position: relative;
    width: 100%;
    max-width: 910px;
    margin-top: 23px;
}

@media (max-width: 992px) {
    .catalog-description-wrapper .catalog-description {
        max-height: 120px;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    .catalog-description-wrapper.expanded .catalog-description {
        max-height: none;
    }

    .catalog-description-wrapper .catalog-description-toggle-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 16px;
        padding: 12px;
        background: transparent;
        border: 1px solid #8b957c;
        border-radius: 8px;
        color: #8b957c;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .catalog-description-wrapper .catalog-description-toggle-mobile:hover {
        background: #8b957c;
        color: white;
    }

    .catalog-description-wrapper .catalog-description-toggle-mobile .toggle-text-collapse {
        display: none;
    }

    .catalog-description-wrapper.expanded .catalog-description-toggle-mobile .toggle-text-expand {
        display: none;
    }

    .catalog-description-wrapper.expanded .catalog-description-toggle-mobile .toggle-text-collapse {
        display: inline;
    }
}

@media (min-width: 993px) {
    .catalog-description-wrapper .catalog-description-toggle-mobile {
        display: none;
    }
}

.catalog-description {
    width: 100%;
    max-width: 910px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.catalog-content {
    display: flex;
    gap: 40px;
    margin-top: 40px;
    align-items: start;
}

@media (max-width: 1200px) {
    .catalog-content {
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .catalog-content {
        flex-direction: column;
        gap: 20px;
    }
}

.catalog-filter {
    min-width: 320px;
    width: 320px;
    max-height: 85dvh;
    border-radius: 20px;
    position: sticky;
    top: 100px;
    overflow-y: auto;
    padding-right: 10px;
}

@media (max-width: 992px) {
    .catalog-filter.desktop {
        display: none;
    }
}

@media (max-width: 992px) {
    .catalog-filter {
        width: 100%;
    }
}

.catalog-filter-mobile {
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #b8b8b8;
    padding: 0 16px;
    display: none;
}

@media (max-width: 992px) {
    .catalog-filter-mobile {
        display: flex;
    }
}

.catalog-filter-mobile h4 {
    color: #4b4b4b;
    font-weight: 400;
    font-size: 18px;
}

.catalog-filter-title {
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(75, 75, 75, 0.1);
}

.catalog-filter-title span {
    font-size: 20px;
}

.catalog-filter-section {
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(75, 75, 75, 0.1);
    padding-bottom: 8px;
}

.catalog-filter-section:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.catalog-filter-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
}

.catalog-filter-section-title {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.catalog-filter-section-content {
    display: none;
    padding-top: 16px;
}

.catalog-filter-section.active .catalog-filter-section-content {
    display: block;
}

.catalog-filter-section .catalog-filter-toggle {
    font-size: 14px;
    transition: all 0.3s ease;
    transform: rotate(180deg);
}

.catalog-filter-section.active .catalog-filter-toggle {
    transform: rotate(0deg);
}

.catalog-filter-section.active .catalog-filter-section-title {
    color: #858c68;
}

.catalog-filter-subsection {
    margin-bottom: 12px;
}

.catalog-filter-subsection-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 8px 0;
}

.catalog-filter-subsection-title {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

.catalog-filter-subsection-content {
    display: none;
    padding-left: 50px;
    padding-top: 8px;
}

.catalog-filter-subsection.active .catalog-filter-subsection-content {
    display: block;
}

.catalog-filter-subsection-toggle {
    color: #858c68;
    font-size: 12px;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.catalog-filter-subsection.active .catalog-filter-subsection-toggle {
    transform: rotate(180deg);
}

.catalog-filter-search {
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(75, 75, 75, 0.2);
    padding: 8px 0;
    margin-bottom: 16px;
    background: white;
}

.catalog-filter-search input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: #4b4b4b;
    font-size: 14px;
}

.catalog-filter-search input::placeholder {
    color: #b1b1b1;
}

.catalog-filter-search img {
    width: 16px;
    height: 16px;
}

.catalog-filter-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 8px 0;
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 400;
}

.catalog-filter-checkbox input[type=checkbox] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: #858c68;
}

.catalog-filter-checkbox span {
    user-select: none;
}

.catalog-filter-toggle-switch {
    position: relative;
    width: 50px;
    height: 26px;
}

.catalog-filter-toggle-switch input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
}

.catalog-filter-toggle-switch input[type=checkbox]:checked + label {
    background-color: #858c68;
}

.catalog-filter-toggle-switch input[type=checkbox]:checked + label::before {
    transform: translateX(24px);
}

.catalog-filter-toggle-switch label {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 26px;
}

.catalog-filter-toggle-switch label::before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.catalog-filter-actions {
    margin-top: 24px;
    padding-top: 24px;
    display: flex;
    gap: 12px;
}

.catalog-filter-actions .catalog-filter-apply {
    width: 100%;
    padding: 16px;
    font-size: 18px;
    background: #eee;
    color: #858c68;
    border: none;
    height: 62px;
}

.catalog-filter-actions .catalog-filter-apply:hover {
    background: #858c68;
    color: #fff;
}

.catalog-filter-actions .catalog-filter-reset {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #4b4b4b;
    font-size: 14px;
    text-decoration: none;
    padding: 8px;
}

.catalog-filter-actions .catalog-filter-reset i {
    font-size: 12px;
}

.catalog-filter-actions .catalog-filter-reset:hover {
    color: #858c68;
}

.catalog-result {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}

.form-page__catalog {
    margin-bottom: 100px;
}

@media (max-width: 768px) {
    .form-page__catalog {
        margin-bottom: 60px;
    }
}

/* Active filter badges */
.catalog-active-filters {
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.catalog-active-filter-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    background: #eeeeee;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 1.3;
}

.catalog-active-filter-badge-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.catalog-active-filter-badge-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    padding: 0;
    border: none;
    background: none;
    color: #b8b8b8;
    cursor: pointer;
    flex-shrink: 0;
    transition: color 0.2s;
}

.catalog-active-filter-badge-remove:hover {
    color: #c00;
}

.catalog-active-filter-reset {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: none;
    /*border: 1px solid #b8b8b8;*/
    border-radius: 20px;
    font-size: 14px;
    color: #4b4b4b;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color 0.2s, color 0.2s;
}

.catalog-active-filter-reset:hover {
    border-color: #858c68;
    color: #4b4b4b;
}

@media (max-width: 768px) {
    .catalog-active-filter-badge-text {
        max-width: 150px;
    }

    .catalog-active-filters {
        gap: 6px;
    }

    .catalog-active-filter-badge,
    .catalog-active-filter-reset {
        font-size: 13px;
        padding: 5px 10px;
    }
}

.catalog-result-sort {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
}

.catalog-result-sort .custom-select-wrapper {
    width: 100%;
    max-width: 300px;
}

.catalog-result-sort .custom-select-search {
    display: none;
}

.catalog-result-text {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .catalog-result-text {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

.catalog-result-text a {
    color: #858c68;
    text-decoration: underline;
}

.catalog-result-ingredients {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    margin-bottom: 50px;
}

@media (max-width: 1660px) {
    .catalog-result-ingredients {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1232px) {
    .catalog-result-ingredients {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 510px) {
    .catalog-result-ingredients {
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 10px;
    }
}

.catalog-result-ingredients-item {
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #b8b8b8;
    background: #fff;
    transition: all 0.3s ease;
}

@media (max-width: 1232px) {
    .catalog-result-ingredients-item {
        padding: 15px;
    }
}

.catalog-result-ingredients-item:hover {
    border-color: #858c68;
}

.catalog-result-ingredients-item:hover img {
    transform: scale(1.05);
}

.catalog-result-ingredients-item img {
    width: 100%;
    height: 237px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

@media (max-width: 1232px) {
    .catalog-result-ingredients-item img {
        margin-bottom: 8px;
    }
}

.catalog-result-ingredients-item-title {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

.catalog-result-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

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

@media (max-width: 576px) {
    .catalog-result-grid {
        grid-template-columns: 1fr;
    }
}

.catalog-result-grid .product-card {
    width: 100%;
}

.catalog-pagination {
    grid-column: 1/-1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 40px;
    padding-top: 40px;
}

@media (max-width: 768px) {
    .catalog-pagination {
        gap: 8px;
        margin-top: 30px;
        padding-top: 0;
    }
}

.catalog-pagination-arrow {
    background: transparent;
    border: none;
    color: #4b4b4b;
    font-size: 16px;
    cursor: pointer;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.catalog-pagination-arrow:hover {
    background: rgba(133, 140, 104, 0.1);
    color: #858c68;
}

.catalog-pagination-arrow:active {
    transform: scale(0.95);
}

.catalog-pagination-arrow:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.catalog-pagination-arrow:disabled:hover {
    background: transparent;
    color: #4b4b4b;
}

.catalog-pagination-arrow i {
    font-size: 16px;
    stroke: #292d32;
}

.catalog-pagination-numbers {
    display: flex;
    align-items: center;
    gap: 8px;
}

@media (max-width: 768px) {
    .catalog-pagination-numbers {
        gap: 4px;
    }
}

.catalog-pagination-number {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    height: 88px;
    padding: 0 12px;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 24px;
    background: #eee;
    color: #4b4b4b;
}

@media (max-width: 768px) {
    .catalog-pagination-number {
        min-width: 32px;
        height: 32px;
        padding: 0 8px;
        font-size: 14px;
    }

    .catalog-pagination-number:nth-of-type(3), .catalog-pagination-number:nth-of-type(4) {
        display: none;
    }
}

.catalog-pagination-number:hover {
    background: rgba(133, 140, 104, 0.2);
    color: #858c68;
}

.catalog-pagination-number.active {
    background: rgba(133, 140, 104, 0.1);
    color: #4b4b4b;
    font-weight: 400;
}

.catalog-pagination-number.active:hover {
    background: rgba(133, 140, 104, 0.2);
    color: #858c68;
}

.catalog-pagination-number.current {
    background: transparent;
    color: #4b4b4b;
    font-weight: 400;
}

.catalog-pagination-number.current:hover {
    background: rgba(133, 140, 104, 0.1);
    color: #858c68;
}

.catalog-pagination-ellipsis {
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    color: #4b4b4b;
    font-size: 16px;
    padding: 0 4px;
    user-select: none;
}

@media (max-width: 768px) {
    .catalog-pagination-ellipsis {
        font-size: 14px;
        padding: 0 2px;
    }
}

@media (max-width: 1200px) {
    .catalog .product-card-des h5 {
        font-size: 23px;
        line-height: unset;
    }
}

@media (max-width: 500px) {
    .product-page {
        padding-bottom: 100px;
    }
}

.product-page .block-popular-products {
    background-color: #fff;
    margin-top: 100px;
}

.product-page .block-popular-products-top-block {
    padding: 0;
}

@media (max-width: 1100px) {
    .product-page .block-popular-products-top-block-slide {
        display: none;
    }
}

.product-page .block-popular-products-top-block-title {
    font-size: 65px;
    line-height: 117.84%;
    letter-spacing: -0.65px;
}

.product-page .block-popular-products-top-block-title span {
    color: #dbdbdb;
}

@media (max-width: 1100px) {
    .product-page .block-popular-products-top-block-title {
        font-size: 32px;
        line-height: 117.84%;
        letter-spacing: -0.32px;
    }
}

.product-page-title-mobile {
    display: none;
    color: #858c68;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.2px;
    text-transform: uppercase;
}

@media (max-width: 1170px) {
    .product-page-title-mobile {
        display: block;
    }
}

.product-page-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 44px;
    margin-top: 38px;
}

@media (max-width: 1170px) {
    .product-page-content {
        flex-direction: column;
        gap: 20px;
    }
}

.product-page-content-left {
    width: 100%;
    max-width: 769px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (max-width: 1170px) {
    .product-page-content-left {
        max-width: 100%;
    }
}

.product-page-content-left .slick-dots {
    justify-content: center;
    margin-top: 20px;
}

.product-page-content-left-secondary {
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1170px) {
    .product-page-content-left-secondary {
        height: 404px !important;
    }
}

@media (max-width: 675px) {
    .product-page-content-left-secondary {
        height: auto !important;
    }
}

.product-page-content-left-images {
    display: flex !important;
    gap: 20px;
    justify-content: center;
    align-items: center;
    max-height: 643px;
    background-color: #f5f4f4;
    position: relative;
    overflow: hidden;
}

@media (max-width: 1170px) {
    .product-page-content-left-images {
        height: 404px !important;
    }
}

@media (max-width: 675px) {
    .product-page-content-left-images {
        height: 253px !important;
    }
}

.product-page-content-left-images-main {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.product-page-content-left-images-badge {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.product-page-content-left-images-badge img {
    width: 100%;
}

.product-page-right {
    width: 100%;
}

.product-page-right-info {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;
}

@media (max-width: 690px) {
    .product-page-right-info {
        flex-direction: column;
        gap: 30px;
    }
}

.product-page-right-title {
    padding-bottom: 32px;
    border-bottom: 1px solid #b8b8b8;
    margin-bottom: 32px;
}

@media (max-width: 1170px) {
    .product-page-right-title {
        display: none;
    }
}

.product-page-right-title h1 {
    width: 605px;
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

.product-page-packaging {
    display: flex;
    justify-content: start;
    gap: 10px;
    flex-wrap: wrap;
}

.product-page-packaging-btn {
    height: 40px;
    border-radius: 8px;
    padding: 0 12px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative;
    white-space: nowrap;
    background: #eee;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.product-page-packaging-btn:hover:not(.product-page-packaging-btn-active) {
    background: #f5f5f5;
}

.product-page-packaging-btn.product-page-packaging-btn-active {
    background: rgba(133, 140, 104, 0.25);
    color: #858c68;
}

.product-page-packaging-btn.product-page-packaging-btn-active .product-page-packaging-close {
    font-size: 14px;
    margin-left: 4px;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #858c68;
}

.product-page-documents {
    display: flex;
    justify-content: start;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-page-documents-item {
    color: #858c68;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.product-page-info {
    width: 60%;
}

@media (max-width: 690px) {
    .product-page-info {
        width: 100%;
    }
}

.product-page-info-group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 500px) {
    .product-page-info-group {
        flex-direction: column;
        gap: 10px;
    }
}

.product-page-info-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 20px;
}

.product-page-info-item-box {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.product-page-info-item-box-btn {
    height: 40px;
    border-radius: 8px;
    padding: 0 12px;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.product-page-info-item-box-btn:hover {
    background: #f5f5f5;
}

.product-page-info-item-see-more {
    align-self: stretch;
    overflow: hidden;
    color: #858c68;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: underline;
    text-underline-position: from-font;
}

.product-page-info-item .title {
    width: 170px;
    color: #b1b1b1;
    font-weight: 400;
}

.product-page-info-item .text {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

.product-page-info-item a {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.product-page-checkout {
    display: flex;
    width: 100%;
    max-width: 438px;
    min-width: 0;
    padding: 30px 15px 15px 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 52px;
    background: #eee;
    position: sticky;
    top: 20px;
}

@media (max-width: 690px) {
    .product-page-checkout {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        border-radius: 24px;
    }

    .product-page-right-price {
        width: 100%;
    }
}

.product-page-checkout-price {
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}

.product-page-checkout-price h5 {
    color: #4b4b4b;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

.product-page-checkout-price span {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through;
}

.product-page-checkout-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    width: 100%;
}

.product-page-checkout-buttons .btn-white {
    width: 88px;
    height: 88px;
    min-width: 88px;
    background: #fff;
    border: none;
    color: #858c68;
    padding: 0;
}

@media (max-width: 768px) {
    .product-page-checkout-buttons .btn-white {
        height: 63px;
        min-width: 63px;
        width: 63px;
    }
}

.product-page-checkout-buttons .btn-white:hover {
    background: #f5f5f5;
}

.product-page-checkout-buttons .btn-white img {
    width: 24px;
    height: 24px;
}

.product-page-checkout-buttons .btn-green {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.product-page-checkout-buttons .product-page-quantity-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 45px;
    width: 100%;
    min-height: 48px;
}

.product-page-checkout-buttons .product-page-quantity-selector.hidden {
    display: none;
}

@media (max-width: 768px) {
    .product-page-checkout-buttons .product-page-quantity-selector {
        min-height: 63px;
    }
}

.product-page-checkout-buttons .product-page-quantity-selector .quantity-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 88px;
    min-width: 110px;
    background: #fff;
    border: none;
    border-radius: 1000px;
    color: #858c68;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.product-page-checkout-buttons .product-page-quantity-selector .quantity-btn:hover {
    background: #f5f5f5;
}

.product-page-checkout-buttons .product-page-quantity-selector .quantity-btn:active {
    background: rgba(133, 140, 104, 0.2509803922) !important;
}

.product-page-checkout-buttons .product-page-quantity-selector .quantity-btn i {
    font-size: 24px;
    color: #858c68;
}

.product-page-checkout-buttons .product-page-quantity-selector .quantity-value {
    color: #434540;
    font-size: 24px;
    font-weight: 400;
    min-width: 20px;
    text-align: center;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-2 {
    margin-bottom: 8px;
}

.mb-4 {
    margin-bottom: 12px;
}

.basket-title {
    align-self: stretch;
    color: #434540;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
    margin-bottom: 50px;
}

@media (max-width: 1100px) {
    .basket-title {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 992px) {
    .basket-title {
        font-size: 32px;
        line-height: 30px;
        margin-bottom: 32px;
    }
}

@media (max-width: 576px) {
    .basket-title {
        margin-bottom: 22px;
    }
}

.basket-checkout {
    width: 100%;
    padding: 30px;
    border-radius: 30px;
    background: #f5f5f5;
    position: sticky;
    top: 20px;
}

@media (max-width: 576px) {
    .basket-checkout {
        border-radius: 24px;
    }
}

.basket-checkout .btn-green {
    margin-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
}

.basket-checkout-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.basket-checkout-info h5,
.basket-checkout-info span {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.basket-checkout-info-warning {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.basket-checkout-info.total {
    margin-top: 16px;
}

.basket-checkout-info.total h5 {
    font-size: 24px;
}

.basket-checkout-info.total span {
    font-size: 24px;
}

.basket-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 97px;
}

@media (max-width: 1450px) {
    .basket-content {
        gap: 20px;
    }
}

@media (max-width: 1100px) {
    .basket-content {
        flex-direction: column;
        gap: 20px;
    }
}

@media (max-width: 600px) {
    .basket-content {
        padding-bottom: 50px;
    }
}

.basket-content-right {
    width: 25%;
    min-height: 100%;
    min-width: 360px;
}

@media (max-width: 1100px) {
    .basket-content-right {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .basket-content-right {
        min-width: 100%;
    }
}

.basket-content-left {
    width: 75%;
}

@media (max-width: 1100px) {
    .basket-content-left {
        width: 100%;
    }
}

.basket-content-left-empty {
    color: rgba(75, 75, 75, 0.8549019608);
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 32px;
}

.basket-content-left-empty a {
    color: #858c68;
    font-size: 18px;
    font-weight: 400;
}

.basket-content-left-empty a:hover {
    text-decoration: underline;
}

.basket-content-left-bottom {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    margin-top: 32px;
}

@media (max-width: 576px) {
    .basket-content-left-bottom {
        flex-wrap: wrap;
    }
}

.basket-content-left-bottom-total {
    width: 108px;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 576px) {
    .basket-content-left-bottom-total {
        flex-grow: 1;
    }
}

.basket-content-left-bottom-price {
    width: 126px;
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 600;
}

@media (max-width: 576px) {
    .basket-content-left-bottom-price {
        order: 3;
        width: 100%;
    }
}

.basket-content-left-bottom button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: none;
    border: none;
    cursor: pointer;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.basket-table {
    width: 100%;
}

.basket-table-header {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    display: grid;
    gap: 60px;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 12px;
}

@media (max-width: 1400px) {
    .basket-table-header {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .basket-table-header {
        display: none;
    }
}

.basket-table-header p {
    overflow: hidden;
    color: #b1b1b1;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 400;
}

.basket-table-count {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .basket-table-count {
        display: none;
    }
}

@media (max-width: 576px) {
    .basket-table-count {
        display: flex;
    }
}

.basket-table-count span {
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-table-count-btn {
    width: 34px;
    height: 36px;
    border: none;
    background: #eee;
    color: #4b4b4b;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}

.basket-table-count-btn:disabled {
    background: #eee;
    color: #b1b1b1;
    cursor: not-allowed;
}

@media (max-width: 992px) {
    .basket-table-body {
        border-top: 1px solid #b8b8b8;
    }
}

.basket-table-body-heart {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 18px;
}

@media (max-width: 992px) {
    .basket-table-body-heart {
        display: none;
    }
}

.basket-table-body-heart-btn {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.basket-table-body-heart i {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 400;
}

.basket-table-body-item-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 60px;
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 12px;
    padding-top: 12px;
    align-items: center;
}

@media (max-width: 1400px) {
    .basket-table-body-item-row {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        row-gap: 40px;
    }
}

@media (max-width: 576px) {
    .basket-table-body-item-row {
        row-gap: 30px;
    }
}

.basket-table-body-item-row [data-mobtitle] {
    position: relative;
}

@media (max-width: 992px) {
    .basket-table-body-item-row [data-mobtitle] {
        min-height: 50px;
    }
}

.basket-table-body-item-row [data-mobtitle]::before {
    content: attr(data-mobtitle);
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    top: 0px;
    left: 0;
    transform: translateY(-100%);
    width: 100%;
    white-space: nowrap;
    display: none;
}

@media (max-width: 992px) {
    .basket-table-body-item-row [data-mobtitle]::before {
        display: block;
    }
}

@media (max-width: 576px) {
    .basket-table-body-item-row [data-mobtitle]::before {
        transform: translateY(-80%);
    }
}

@media (max-width: 992px) {
    .basket-table-body-item-row-info {
        grid-column: 1/-1;
    }
}

.basket-table-body-item-row-image {
    display: flex;
    align-items: center;
    justify-content: start;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    gap: 24px;
}

@media (max-width: 1400px) {
    .basket-table-body-item-row-image {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
}

@media (max-width: 992px) {
    .basket-table-body-item-row-image {
        flex-direction: row;
        align-items: center;
        justify-content: start;
        grid-column: 1/-1;
    }
}

.basket-table-body-item-row-image img {
    object-fit: contain;
    background-color: #f5f4f4;
    min-width: 150px;
    height: 126px;
}

@media (max-width: 576px) {
    .basket-table-body-item-row-image img {
        width: 81px;
        height: 68px;
    }
}

.basket-table-body-item-row-image-mobile {
    display: none;
}

@media (max-width: 992px) {
    .basket-table-body-item-row-image-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 50px;
        margin-left: auto;
    }

    .basket-table-body-item-row-image-mobile .basket-table-count {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }

    .basket-table-body-item-row-image-mobile .basket-table-body-heart {
        display: flex;
    }

    .basket-table-body-item-row-image-mobile .basket-table-body-heart img {
        width: 24px;
        height: 24px;
        background-color: transparent;
    }
}

@media (max-width: 576px) {
    .basket-table-body-item-row-image-mobile .basket-table-count {
        display: none;
    }
}

.basket-table-body-item-row-info h4 {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

.basket-table-body-item-row-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.basket-table-body-item-row-total .total {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

.basket-table-body-item-row-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 576px) {
    .basket-table-body-item-row-price {
        grid-column: 1/-1;
    }
}

.basket-table-body-item-row-price .price {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
}

.contact-title {
    color: #4b4b4b;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
    margin-bottom: 55px;
}

@media (max-width: 1100px) {
    .contact-title {
        font-size: 50px;
        line-height: 50px;
    }
}

@media (max-width: 992px) {
    .contact-title {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 32px;
    }
}

.contact .connect-me {
    margin-top: 100px;
}

.contact-content-info {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    gap: 20px;
}

@media (max-width: 1520px) {
    .contact-content-info {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .contact-content-info {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 670px) {
    .contact-content-info {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
}

.contact-content-info-item {
    margin-bottom: 55px;
}

@media (max-width: 1520px) and (min-width: 768px) {
    .contact-content-info-item {
        margin-bottom: 30px;
    }

    .contact-content-info-item:nth-child(1) {
        order: 3;
    }

    .contact-content-info-item:nth-child(4) {
        order: 4;
    }
}

@media (max-width: 768px) {
    .contact-content-info-item:last-child {
        grid-column: 1/-1;
    }
}

@media (max-width: 670px) {
    .contact-content-info-item {
        margin-bottom: 0;
    }
}

.contact-content-info-item .btn-white-outline {
    background-color: #fff;
    border: 1px solid #858c68;
    color: #4b4b4b;
}

@media (max-width: 768px) {
    .contact-content-info-item .btn-white-outline {
        height: 62px;
    }
}

@media (max-width: 576px) {
    .contact-content-info-item .btn-white-outline {
        width: 100%;
    }
}

.contact-content-info-item .tel-link {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 32px;
    font-weight: 400;
}

@media (max-width: 768px) {
    .contact-content-info-item .tel-link {
        font-size: 24px;
    }
}

.contact-content-info-item .text {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.contact-content-info-item .email-link {
    color: #858c68;
    font-size: 32px;
    font-weight: 400;
    text-decoration-line: underline;
    text-decoration-style: solid;
}

@media (max-width: 768px) {
    .contact-content-info-item .email-link {
        font-size: 24px;
    }
}

.contact-content-info-item .email-link:hover {
    color: #788865;
}

.contact-content-map {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 42px;
}

@media (max-width: 1100px) {
    .contact-content-map {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .contact-content-map {
        gap: 30px;
    }
}

.contact-content-map-left iframe {
    width: 100%;
    height: 582px;
    border: none;
    border-radius: 8px;
}

@media (max-width: 576px) {
    .contact-content-map-left iframe {
        height: 393px;
    }
}

.contact-content-map-right {
    width: 100%;
    padding: 32px;
    border-radius: 8px;
    background: #ededed;
}

@media (max-width: 768px) {
    .contact-content-map-right {
        padding: 16px;
    }
}

.contact-content-map-right-title {
    color: #4b4b4b;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .contact-content-map-right-title {
        font-size: 20px;
        margin-bottom: 16px;
    }
}

.contact-content-map-right-subtitle {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 17px;
}

.contact-content-map-right-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.contact-content-map-right-list li {
    margin-bottom: 13px;
}

.contact-content-map-right-list-item-title {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    opacity: 0.7;
}

.contact-content-map-right-list-item-value {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.connect-me {
    width: 100%;
    background-color: #858c68;
    padding-top: 75px;
    padding-bottom: 120px;
    padding-left: 120px;
    padding-right: 120px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

@media (max-width: 1200px) {
    .connect-me {
        flex-direction: column;
    }
}

@media (max-width: 992px) {
    .connect-me {
        padding-top: 30px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -16px;
        width: calc(100% + 32px);
        margin-bottom: -120px;
    }
}

.connect-me:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/local/templates/main-25/css/../images/bg-header.png) repeat center center;
    background-image: image-set(url(/local/templates/main-25/css/../images/bg-header.webp) type("image/webp"), url(/local/templates/main-25/css/../images/bg-header.png) type("image/png"));
    opacity: 0.07;
}

.connect-me-title {
    color: #fff;
    font-size: 84px;
    font-weight: 300;
    line-height: 117.84%;
    letter-spacing: -0.84px;
    text-transform: uppercase;
    position: relative;
    width: 708.804px;
    flex-shrink: 0;
}

@media (max-width: 1450px) {
    .connect-me-title {
        font-size: 60px;
        line-height: 70px;
        width: 500px;
    }
}

@media (max-width: 1200px) {
    .connect-me-title {
        font-size: 30px;
        font-weight: 400;
        line-height: 117.84%;
        letter-spacing: -0.3px;
        width: 100%;
        margin-bottom: 24px;
    }
}

.connect-me-form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
    position: relative;
}

@media (max-width: 992px) {
    .connect-me-form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 992px) {
    .connect-me-form .last-input {
        grid-column: 1/-1;
    }
}

.connect-me-form-buttons {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 36px;
    width: 100%;
    margin-top: 32px;
}

@media (max-width: 992px) {
    .connect-me-form-buttons {
        grid-column: 1/-1;
    }
}

@media (max-width: 576px) {
    .connect-me-form-buttons {
        flex-direction: column;
        gap: 10px;
        margin-top: 0;
    }
}

@media (max-width: 576px) {
    .connect-me-form-buttons button {
        width: 100%;
        height: 62px;
        margin-bottom: 10px;
        padding: 0;
    }
}

.connect-me-form-buttons-description {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    opacity: 0.7;
}

.connect-me-form-buttons-description a {
    color: #fff;
    text-decoration: underline;
}

.def-input {
    width: 100%;
    height: 88px;
    border-radius: 45px;
    border: 1px solid #fff;
    padding-left: 32px;
}

@media (max-width: 992px) {
    .def-input {
        height: 62px;
    }
}

.def-input input {
    width: 100%;
    background-color: transparent;
    height: 100%;
    color: #eee;
}

.def-input input::placeholder {
    color: #eee;
}

.def-input[data-error] {
    border-color: #ff5656;
    background-color: rgba(255, 86, 86, 0.25);
}

.def-input[data-error]:after {
    content: attr(data-error);
    color: #ff5656;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    top: calc(100% + 5px);
    left: 20px;
}

.def-input[data-error] input,
.def-input[data-error] input::placeholder {
    color: #fda3a3;
}

.page-title {
    color: #4b4b4b;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
    margin-bottom: 55px;
}

@media (max-width: 1200px) {
    .page-title {
        font-size: 60px;
        line-height: 80px;
        letter-spacing: -0.8px;
    }
}

@media (max-width: 992px) {
    .page-title {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -0.32px;
        margin-bottom: 32px;
        margin-top: 16px;
    }
}

.warehouse-title {
    color: #4b4b4b;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
    margin-bottom: 55px;
}

@media (max-width: 1200px) {
    .warehouse-title {
        font-size: 60px;
        line-height: 80px;
        letter-spacing: -0.8px;
    }
}

@media (max-width: 992px) {
    .warehouse-title {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: -0.32px;
        margin-bottom: 32px;
        margin-top: 16px;
    }
}

@media (max-width: 992px) {
    .warehouse-content .block-news-slider {
        width: 100%;
    }
}

.warehouse-content .block-news-content {
    margin-top: 30px;
}

@media (max-width: 992px) {
    .warehouse-content .block-news-content {
        margin-top: 16px;
    }
}

@media (max-width: 576px) {
    .warehouse-content {
        padding-bottom: 60px;
    }
}

.warehouse-content-section {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 115px;
    margin-bottom: 80px;
}

@media (max-width: 1200px) {
    .warehouse-content-section {
        gap: 30px;
        margin-bottom: 40px;
    }
}

@media (max-width: 992px) {
    .warehouse-content-section {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }
}

.warehouse-content-section-title {
    min-width: 492px;
    width: 492px;
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .warehouse-content-section-title {
        width: 100%;
        min-width: 100%;
        font-size: 20px;
    }
}

.warehouse-content-section-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.warehouse-content-section-content {
    width: 100%;
}

.warehouse-content-section-content-info {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    margin-top: 20px;
    flex-wrap: wrap;
}

.warehouse-content-section-content-info-item:first-child {
    width: 40%;
}

.warehouse-content-section-content-info h6 {
    color: #b1b1b1;
    font-size: 16px;
    font-weight: 400;
}

.warehouse-content-section-content-info p {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.warehouse-content-section-content-link {
    color: #858c68;
    font-size: 16px;
    font-weight: 400;
    text-decoration-line: underline;
}

.warehouse-content-section-content-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    margin-top: 28px;
}

.warehouse-content-section-content-description {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
}

.warehouse-content-section-content-list-title {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: bold;
    margin-top: 21px;
}

.warehouse-content-section-content-list {
    width: 50%;
    padding-left: 30px;
}

@media (max-width: 992px) {
    .warehouse-content-section-content-list {
        width: 100%;
    }
}

.warehouse-content-section-content-list li {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
}

.def-input-gray {
    width: 100%;
    height: 56px;
    padding: 0 32px;
    border-radius: 45px;
    border: 1px solid #ebebeb;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    transition: all 0.3s ease;
}

.def-input-gray input,
.def-input-gray select {
    width: 100%;
    height: 100%;
    background: transparent;
    color: #4b4b4b;
    border: none;
    outline: none;
    font-size: 16px;
    cursor: pointer;
}

.def-input-gray input::placeholder,
.def-input-gray select::placeholder {
    color: #4b4b4b;
    opacity: 0.5;
}

.def-input-gray select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 40px;
}

.def-input-gray select option {
    background: #f7f7f7;
    color: #4b4b4b;
    padding: 10px;
}

.def-input-gray .input-label {
    color: #4b4b4b;
    font-size: 14px;
    pointer-events: none;
    white-space: nowrap;
    opacity: 0.7;
    flex-shrink: 0;
    margin-left: auto;
}

.def-input-gray select ~ .input-label {
    display: none;
}

.def-input-gray .input-dropdown-icon {
    cursor: pointer;
    pointer-events: none;
    position: absolute;
    right: 22px;
    color: #4b4b4b;
    opacity: 0.7;
    font-size: 15px;
}

.def-input-gray .input-dropdown-icon:hover {
    opacity: 1;
}

.def-input-gray select ~ .input-dropdown-icon {
    display: block;
}

.def-input-gray i.fa-eye,
.def-input-gray i.fa-eye-slash {
    cursor: pointer;
    color: #4b4b4b;
    opacity: 0.7;
    font-size: 18px;
    margin-left: auto;
    flex-shrink: 0;
}

.def-input-gray i.fa-eye:hover,
.def-input-gray i.fa-eye-slash:hover {
    opacity: 1;
}

.def-input-gray:focus-within {
    border-color: #858c68;
}

.account-content-info {
    width: 100%;
}

.account-content-info-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .account-content-info-title {
        font-size: 20px;
    }
}

.account-content-info-form {
    margin-top: 40px;
}

.account-form-section {
    margin-bottom: 48px;
}

.account-form-section:last-of-type {
    margin-bottom: 0;
}

.account-form-section-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 16px;
}

.account-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 24px;
}

.account-form-row:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .account-form-row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.account-form-full-width {
    grid-column: 1/-1;
}

.account-form-actions {
    margin-top: 48px;
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .account-form-actions {
        margin-top: 32px;
    }
}

.account-faq-content {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 768px) {
    .account-faq-content {
        margin-top: 24px;
        gap: 8px;
    }
}

.account-faq-item {
    border-radius: 24px;
    overflow: hidden;
    background-color: #f7f7f7;
    transition: all 0.3s ease;
}

.account-faq-item-header {
    padding: 24px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 24px;
    background: #ededed;
    transition: all 0.3s ease;
    cursor: pointer;
}

@media (max-width: 768px) {
    .account-faq-item-header {
        background: #f0f0f0;
    }
}

.account-faq-item-header i {
    transition: all 0.3s ease;
    color: #4b4b4b;
}

.account-faq-item-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    flex: 1;
}

@media (max-width: 768px) {
    .account-faq-item-title {
        font-size: 16px;
        line-height: 22px;
    }
}

.account-faq-item-chevron {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    transform: rotate(0deg);
}

.account-faq-item-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 32px;
    background-color: #f7f7f7;
}

@media (max-width: 768px) {
    .account-faq-item-content {
        padding: 0 20px;
    }
}

.account-faq-item-content p {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    padding-bottom: 32px;
}

@media (max-width: 768px) {
    .account-faq-item-content p {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 16px;
    }
}

.account-faq-item.active {
    background-color: #858c68;
}

.account-faq-item.active .account-faq-item-header {
    background-color: #858c68;
}

.account-faq-item.active .account-faq-item-header i {
    color: #ffffff;
    transform: rotate(180deg);
}

.account-faq-item.active .account-faq-item-title {
    color: #ffffff;
}

.account-faq-item.active .account-faq-item-content {
    max-height: 500px;
    padding-top: 0;
    background-color: #fff;
    padding-top: 32px;
    border: 1px solid #ebebeb;
    border-top: none;
}

.account-faq-item.active .account-faq-item-content p {
    color: #4b4b4b;
}

.account-faq-item:hover:not(.active) {
    background-color: #eeeeee;
}

.account-faq-button {
    margin-top: 20px;
    padding: 16px 32px;
    border-radius: 12px;
    background-color: transparent;
    border: 1px solid #858c68;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start;
}

@media (max-width: 768px) {
    .account-faq-button {
        margin-top: 16px;
        padding: 14px 24px;
        font-size: 16px;
        width: 100%;
    }
}

.account-faq-button:hover {
    background-color: #858c68;
    color: #ffffff;
}

.city-combobox {
    display: flex;
    align-items: center;
    gap: 0;
    position: relative;
}

.city-combobox .account-input-city-input {
    flex: 1;
    min-width: 0;
    border-right: none;
    border-radius: 0;
    padding-right: 16px;
}

.city-combobox .city-select-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 20px 0 12px;
    cursor: pointer;
    flex-shrink: 0;
    height: 100%;
    transition: background-color 0.3s ease;
    white-space: nowrap;
    border-left: 1px solid #ebebeb;
}

.city-combobox .city-select-trigger .city-select-label {
    color: #4b4b4b;
    font-size: 14px;
    opacity: 0.7;
    pointer-events: none;
}

.city-combobox .city-select-trigger .input-dropdown-icon {
    pointer-events: none;
    transition: transform 0.3s ease;
}

.city-combobox .city-select-trigger.active .input-dropdown-icon {
    transform: rotate(180deg);
}

.city-combobox .account-input-city-select {
    display: none;
}

.city-combobox .city-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
    display: none;
}

.city-combobox .city-dropdown.active {
    display: block;
}

.city-combobox .city-dropdown-list {
    padding: 8px 0;
}

.city-combobox .city-dropdown-item {
    padding: 12px 32px;
    cursor: pointer;
    color: #4b4b4b;
    font-size: 16px;
    transition: background-color 0.2s ease;
}

.city-combobox .city-dropdown-item:hover {
    background-color: #f7f9f4;
}

.city-combobox .city-dropdown-item.selected {
    background-color: rgba(133, 140, 104, 0.1);
    color: #858c68;
}

.city-combobox .city-dropdown::-webkit-scrollbar {
    width: 6px;
}

.city-combobox .city-dropdown::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 10px;
}

.city-combobox .city-dropdown::-webkit-scrollbar-thumb {
    background: #858c68;
    border-radius: 10px;
}

.city-combobox .city-dropdown::-webkit-scrollbar-thumb:hover {
    background: #a3aa87;
}

.find-manufacturer-content-search {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 51px;
}

.find-manufacturer-content-search label {
    width: 100%;
    max-width: 607px;
}

.find-manufacturer-content-box {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 115px;
}

@media (max-width: 1400px) {
    .find-manufacturer-content-box {
        gap: 20px;
    }
}

@media (max-width: 660px) {
    .find-manufacturer-content-box {
        flex-direction: column;
        gap: 58px;
    }
}

.find-manufacturer-content-box .featured-fanufacturers {
    width: 50%;
}

@media (max-width: 660px) {
    .find-manufacturer-content-box .featured-fanufacturers {
        width: 100%;
    }
}

.find-manufacturer-content-box .featured-fanufacturers-title {
    color: #b1b1b1;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 13px;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .featured-fanufacturers-title {
        font-size: 20px;
    }
}

.find-manufacturer-content-box .featured-fanufacturers-list {
    list-style: none;
}

.find-manufacturer-content-box .featured-fanufacturers-list li,
.find-manufacturer-content-box .featured-fanufacturers-list a {
    color: #434540;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .featured-fanufacturers-list li,
    .find-manufacturer-content-box .featured-fanufacturers-list a {
        font-size: 20px;
    }
}

.find-manufacturer-content-box .featured-fanufacturers-list li:hover,
.find-manufacturer-content-box .featured-fanufacturers-list a:hover {
    color: #858c68;
}

.find-manufacturer-content-box .featured-fanufacturers-list li {
    margin-bottom: 8px;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .featured-fanufacturers-list li {
        margin-bottom: 0;
    }
}

.find-manufacturer-content-box .fanufacturers-all {
    width: 50%;
}

@media (max-width: 660px) {
    .find-manufacturer-content-box .fanufacturers-all {
        width: 100%;
    }
}

.find-manufacturer-content-box .fanufacturers-all-title {
    color: #b1b1b1;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 13px;
    font-size: 20px;
    display: none;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .fanufacturers-all-title {
        display: block;
    }
}

.find-manufacturer-content-box .fanufacturers-all-item {
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 238px;
    margin-bottom: 40px;
}

@media (max-width: 1400px) {
    .find-manufacturer-content-box .fanufacturers-all-item {
        gap: 50px;
    }
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .fanufacturers-all-item {
        flex-direction: column;
        gap: 0;
    }
}

.find-manufacturer-content-box .fanufacturers-all-item-symbol {
    color: #858c68;
    font-size: 65px;
    font-weight: 200;
    line-height: 50px;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    width: 35px;
    min-width: 35px;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .fanufacturers-all-item-symbol {
        font-size: 40px;
    }
}

.find-manufacturer-content-box .fanufacturers-all-item-list {
    list-style: none;
}

.find-manufacturer-content-box .fanufacturers-all-item-list li {
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .fanufacturers-all-item-list li {
        margin-bottom: 0;
    }
}

.find-manufacturer-content-box .fanufacturers-all-item-list li img {
    cursor: pointer;
}

.find-manufacturer-content-box .fanufacturers-all-item-list li a {
    color: #434540;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

@media (max-width: 992px) {
    .find-manufacturer-content-box .fanufacturers-all-item-list li a {
        font-size: 20px;
    }
}

.find-manufacturer-content-box .fanufacturers-all-item-list li a:hover {
    color: #858c68;
}

.login-register-content {
    margin-top: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 912px;
}

@media (max-width: 768px) {
    .login-register-content {
        margin-top: 20px;
    }
}

.login-register-wrapper {
    display: flex;
    justify-content: center;
    align-items: start;
}

.login-register-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 45px;
}

.login-register-tab {
    color: #dbdbdb;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    background-color: transparent;
    cursor: pointer;
}

@media (max-width: 992px) {
    .login-register-tab {
        font-size: 32px;
        letter-spacing: -0.32px;
        line-height: 117.84%;
    }
}

@media (max-width: 420px) {
    .login-register-tab {
        font-size: 24px;
        letter-spacing: -0.32px;
        line-height: 117.84%;
    }
}

.login-register-tab.active {
    color: #434540;
}

.login-register-tab-forgot-password {
    margin-top: -18px;
    color: #858c68;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.18px;
    text-decoration-line: underline;
}

.login-register-tab-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 35px;
}

@media (max-width: 768px) {
    .login-register-tab-content {
        flex-direction: column;
        gap: 45px;
    }
}

@media (max-width: 500px) {
    .login-register-tab-content {
        margin-bottom: 63px;
    }
}

.login-register-tab-content.register {
    display: block;
}

.login-register-tab-content-title {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}

.login-register-tab-content-list {
    padding-left: 30px;
}

.login-register-tab-content-list li {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.login-register-tab-content-list-description {
    color: #b1b1b1;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 35px;
}

.login-register-tab-content-form {
    width: 60%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 768px) {
    .login-register-tab-content-form {
        width: 100%;
        gap: 20px;
    }
}

.login-register-tab-content-form .btn-green {
    width: 262px;
}

@media (max-width: 420px) {
    .login-register-tab-content-form .btn-green {
        width: 100%;
    }
}

.login-register-tab-content-form-register {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 600px) {
    .login-register-tab-content-form-register {
        grid-template-columns: 1fr;
    }
}

.login-register-tab-content-form-register .inn {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 600px) {
    .login-register-tab-content-form-register .inn {
        grid-template-columns: 1fr;
    }
}

.login-register-tab-content-form-register-checkbox {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
    margin-top: 16px;
}

@media (max-width: 600px) {
    .login-register-tab-content-form-register-checkbox {
        flex-direction: column;
        gap: 16px;
    }

    .login-register-tab-content-form-register-checkbox .btn-green {
        width: 100%;
    }
}

.login-register-tab-content-form-register-checkbox label {
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    align-items: start;
    gap: 4px;
}

.login-register-tab-content-form-register-checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #858c68;
    border-radius: 4px;
    border: 1px solid #b8b8b8;
    margin-top: 2px;
}

.login-register-tab-content-article {
    width: 50%;
}

@media (max-width: 768px) {
    .login-register-tab-content-article {
        width: 100%;
    }
}

.login-register-tab-content-article img {
    width: 100%;
    height: 213px;
    border-radius: 107px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 16px;
}

.login-register-tab-content-article-title {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
}

.login-register-tab-content-article-list {
    padding-left: 30px;
}

.login-register-tab-content-article-list li {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.account .container {
    margin: unset;
    margin-left: 20px;
}

@media (max-width: 992px) {
    .account .container {
        margin-left: 0;
    }
}

.account-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 35px;
    margin-top: 38px;
}

@media (max-width: 1100px) {
    .account-content {
        flex-direction: column;
    }
}

.account-content-menu {
    width: 304px;
    min-width: 304px;
}

@media (max-width: 1100px) {
    .account-content-menu {
        width: 100%;
        min-width: 100%;
    }
}

.account-content-menu-avatar {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.account-content-menu-avatar-exit {
    margin-left: auto;
    display: none;
}

@media (max-width: 1100px) {
    .account-content-menu-avatar-exit {
        display: block;
    }
}

.account-content-menu-avatar-exit img {
    width: 30px !important;
    height: 30px !important;
}

.account-content-menu-avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.account-content-menu-avatar-name {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase;
}

.account-content-menu-list-wrapper {
    position: relative;
    width: 100%;
    max-width: 354px;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .account-content-menu-list-wrapper {
        border-radius: 8px;
        border: 1px solid #b8b8b8;
        background: #fff;
        margin-bottom: 16px;
    }

    .account-content-menu-list-wrapper.active {
        box-shadow: 0 49px 64.8px -21px rgba(0, 0, 0, 0.15);
    }
}

.account-content-menu-list-wrapper-mobile {
    position: relative;
    z-index: 1;
}

@media (max-width: 1100px) {
    .account-content-menu-list-wrapper-mobile {
        height: 60px;
    }
}

.account-content-menu-list {
    list-style: none;
}

@media (max-width: 1100px) {
    .account-content-menu-list {
        display: none;
    }

    .account-content-menu-list.active {
        display: block !important;
        padding-bottom: 16px;
    }
}

.account-content-menu-list-mobile {
    justify-content: start;
    align-items: center;
    gap: 8px;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    padding: 16px;
    display: none;
}

@media (max-width: 1100px) {
    .account-content-menu-list-mobile {
        display: flex;
    }
}

.account-content-menu-list-mobile i {
    font-size: 14px !important;
    margin-left: auto;
    transition: all 0.3s ease;
}

.account-content-menu-list-mobile.active i {
    transform: rotate(90deg);
}

.account-content-menu-list li.hr {
    border-top: 1px solid rgba(75, 75, 75, 0.2509803922);
    margin-top: 16px;
    padding-top: 16px;
}

@media (max-width: 1100px) {
    .account-content-menu-list li.hr {
        display: none;
    }
}

.account-content-menu-list li a {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 8px;
    background: #fff;
    color: #4b4b4b;
    font-family: Jost;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3s ease;
}

@media (max-width: 1100px) {
    .account-content-menu-list li a {
        border-radius: 0;
    }
}

.account-content-menu-list li a:hover, .account-content-menu-list li a.active {
    background: #f7f9f4;
    color: #858c68;
}

@media (max-width: 1100px) {
    .account-content-menu-list li:last-child {
        display: none;
    }
}

.account-content-info {
    width: calc(100% - 304px);
}

@media (max-width: 1100px) {
    .account-content-info {
        width: 100%;
    }
}

.account-content-info-title {
    color: #858c68;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media (max-width: 992px) {
    .account-content-info-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
        margin-bottom: 16px;
    }
}

.usefull-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 60px;
    margin-top: 40px;
}

@media (max-width: 992px) {
    .usefull-content {
        flex-direction: column;
        gap: 30px;
        margin-top: 30px;
    }
}

.usefull-content-text {
    width: 100%;
    flex: 1;
    max-width: calc(100% - 400px);
}

@media (max-width: 992px) {
    .usefull-content-text {
        max-width: 100%;
    }
}

.usefull-content-title {
    color: #b8a082;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-family: "Jost", sans-serif;
}

@media (max-width: 992px) {
    .usefull-content-title {
        font-size: 32px;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .usefull-content-title {
        font-size: 24px;
    }
}

.usefull-content-paragraphs {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

@media (max-width: 992px) {
    .usefull-content-paragraphs {
        gap: 16px;
        margin-bottom: 24px;
    }
}

.usefull-content-paragraphs p {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 992px) {
    .usefull-content-paragraphs p {
        font-size: 16px;
        line-height: 1.5;
    }
}

.usefull-content-links {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media (max-width: 992px) {
    .usefull-content-links {
        gap: 10px;
    }
}

.usefull-content-link {
    color: #858c68;
    font-size: 18px;
    font-weight: 400;
    text-decoration-line: underline;
}

@media (max-width: 992px) {
    .usefull-content-link {
        font-size: 16px;
    }
}

.usefull-content-link:hover {
    color: #858c68;
}

.usefull-content-image {
    width: 100%;
    max-width: 400px;
    flex-shrink: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 992px) {
    .usefull-content-image {
        max-width: 100%;
        width: 100%;
    }
}

.usefull-content-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.account-order-history-section {
    margin-bottom: 60px;
}

.account-order-history-section-title {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: -150px;
}

@media (max-width: 992px) {
    .account-order-history-section-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
}

.account-order-history-section-list {
    margin-right: -20px;
}

@media (max-width: 992px) {
    .account-order-history-section-list {
        margin-left: -20px;
    }
}

.account-order-history-section-list .slick-track {
    padding-bottom: 150px;
    padding-top: 180px;
}

.account-order-history-section-list .product-card {
    width: 100%;
    margin: 0;
    margin-right: 50px;
    box-shadow: 0 49px 34.8px -21px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1450px) {
    .account-order-history-section-list .product-card {
        margin-right: 20px;
    }
}

.account-order-history-section-list .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: -124px;
    list-style: none;
    padding: 0;
    position: relative;
    z-index: 1;
}

.account-order-history-section-list .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d9d9d9;
    cursor: pointer;
    transition: all 0.3s ease;
}

.account-order-history-section-list .slick-dots li.slick-active {
    background-color: #858c68;
}

.account-order-history-section-list .slick-dots li button {
    display: none;
}

.home-content {
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

@media (max-width: 500px) {
    .home-content {
        margin-bottom: 84px;
    }
}

.home-content-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 24px;
}

@media (max-width: 992px) {
    .home-content-images img:first-child {
        height: 110px;
    }

    .home-content-images img:last-child {
        height: 110px;
    }
}

.home-content-title {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 24px;
}

@media (max-width: 992px) {
    .home-content-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
        margin-bottom: 16px;
    }
}

.home-content-list {
    padding-left: 40px;
}

.home-content-list li {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 992px) {
    .home-content-list li {
        font-size: 18px;
        line-height: 22px;
        letter-spacing: -0.18px;
    }
}

.favorites {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

@media (max-width: 1500px) {
    .favorites {
        gap: 30px;
    }
}

@media (max-width: 1326px) {
    .favorites {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

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

.favorites .product-card {
    width: 100%;
}

@media (max-width: 500px) {
    .account .container {
        padding-bottom: 50px;
    }
}

.manager {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .manager {
        padding: 30px 16px;
    }
}

.manager-title {
    color: #434540;
    text-align: center;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 34px;
}

@media (max-width: 992px) {
    .manager-title {
        font-size: 36px;
        line-height: 117.84%;
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .manager-title {
        font-size: 28px;
        margin-bottom: 24px;
    }
}

.manager-title-line {
    display: block;
    font-size: 50px;
    line-height: 1.2;
}

.manager-title-line:last-child {
    padding-left: 20px;
}

@media (max-width: 576px) {
    .manager-title-line:last-child {
        padding-left: 10px;
    }
}

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

.manager-photo {
    width: 300px;
    height: 300px;
    margin-bottom: 30px;
    border-radius: 0;
    overflow: hidden;
}

@media (max-width: 576px) {
    .manager-photo {
        width: 250px;
        height: 250px;
        margin-bottom: 24px;
    }
}

.manager-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}

.manager-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .manager-info {
        margin-bottom: 24px;
    }
}

.manager-info p,
.manager-info a {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 576px) {
    .manager-info p,
    .manager-info a {
        font-size: 16px;
    }
}

.manager-info-name {
    font-weight: 500;
}

.manager-info-phone {
    color: #4b4b4b;
}

.manager-email {
    color: #4b4b4b;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.manager-email:hover {
    color: #858c68;
}

.manager-callback {
    width: 100%;
    max-width: 300px;
    padding: 18px 40px;
    font-size: 18px;
}

@media (max-width: 576px) {
    .manager-callback {
        max-width: 100%;
        padding: 16px 32px;
        font-size: 16px;
    }
}

.faq-content {
    display: flex;
    justify-content: start;
    align-items: start;
    margin-top: 44px;
}

@media (max-width: 1100px) {
    .faq-content {
        flex-direction: column;
    }
}

@media (max-width: 992px) {
    .faq-content {
        margin-top: 30px;
    }
}

@media (max-width: 500px) {
    .faq-content {
        margin-bottom: 50px;
    }
}

.faq-content-title {
    width: 100%;
    max-width: 877px;
    color: #434540;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

@media (max-width: 1384px) {
    .faq-content-title {
        font-size: 60px;
        letter-spacing: -0.6px;
        line-height: 117.84%;
        max-width: 500px;
    }
}

@media (max-width: 1100px) {
    .faq-content-title {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .faq-content-title {
        font-size: 32px;
    }
}

.faq-content-list {
    width: 100%;
}

.faq-content .account-faq-content {
    width: 100%;
}

@media (max-width: 500px) {
    .application {
        margin-bottom: 50px;
    }
}

.application-content {
    display: grid;
    row-gap: 30px;
    column-gap: 30px;
    grid-template-rows: repeat(5, minmax(0, 1fr));
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1300px) {
    .application-content {
        row-gap: 15px;
        column-gap: 15px;
    }
}

@media (max-width: 1024px) {
    .application-content {
        grid-template-rows: repeat(8, minmax(0, 1fr));
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 576px) {
    .application-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 15px;
    }
}

.application-content-item {
    width: 100%;
    padding: 30px;
    border: 1px solid #b8b8b8;
    background: #fff;
}

@media (max-width: 1300px) {
    .application-content-item {
        padding: 15px;
    }
}

.application-content-item:hover svg {
    transform: scale(1.1);
}

.application-content-item-image {
    text-align: end;
    margin-bottom: 16px;
}

.application-content-item-image svg {
    transition: 0.3s ease;
}

.application-content-item-title {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .application-content-item-title {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.2px;
    }
}

.application-content-item-list {
    padding-left: 30px;
    margin-top: 16px;
}

.application-content-item-list li a {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    transition: 0.3s ease;
    cursor: pointer;
}

.application-content-item-list li a:hover {
    color: #858c68;
}

.application-content-item.image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.application-content-item.image img {
    max-width: 100%;
    max-height: 309px;
}

@media (min-width: 576px) {
    .application-content-item:nth-child(1) {
        grid-row: 1/span 2;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(2) {
        grid-row: 1/span 2;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(3) {
        grid-row: 3/span 1;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(4) {
        grid-row: 3/span 2;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(5) {
        grid-row: 4/span 2;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(6) {
        grid-row: 5/span 1;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(7) {
        grid-row: 6/span 1;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(8) {
        grid-row: 6/span 1;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(9) {
        grid-row: 7/span 2;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(10) {
        grid-row: 7/span 1;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(11) {
        grid-row: 7/span 1;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(12) {
        grid-row: 8/span 1;
        grid-column: 2/span 1;
    }
}

@media (min-width: 1024px) {
    .application-content-item:nth-child(1) {
        grid-row: 1/span 2;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(2) {
        grid-row: 1/span 2;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(3) {
        grid-row: 1/span 1;
        grid-column: 3/span 1;
    }

    .application-content-item:nth-child(4) {
        grid-row: 1/span 2;
        grid-column: 4/span 1;
    }

    .application-content-item:nth-child(5) {
        grid-row: 3/span 2;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(6) {
        grid-row: 3/span 1;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(7) {
        grid-row: 3/span 1;
        grid-column: 3/span 1;
    }

    .application-content-item:nth-child(8) {
        grid-row: 3/span 2;
        grid-column: 4/span 1;
    }

    .application-content-item:nth-child(9) {
        grid-row: 4/span 2;
        grid-column: 2/span 1;
    }

    .application-content-item:nth-child(10) {
        grid-row: 4/span 1;
        grid-column: 3/span 1;
    }

    .application-content-item:nth-child(11) {
        grid-row: 5/span 1;
        grid-column: 1/span 1;
    }

    .application-content-item:nth-child(12) {
        grid-row: 5/span 1;
        grid-column: 3/span 2;
    }
}

.account-subscribe {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 0;
    max-width: 490px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .account-subscribe {
        padding: 24px 0;
    }
}

.account-subscribe-title {
    color: #434540;
    text-align: center;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .account-subscribe-title {
        font-size: 48px;
        letter-spacing: -0.48px;
        line-height: 117.84%;
    }
}

@media (max-width: 768px) {
    .account-subscribe-title {
        font-size: 32px;
        letter-spacing: -0.32px;
        margin-bottom: 16px;
    }
}

.account-subscribe-description {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 40px;
    max-width: 600px;
}

@media (max-width: 768px) {
    .account-subscribe-description {
        font-size: 16px;
        margin-bottom: 24px;
    }
}

.account-subscribe-form {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.account-subscribe-form-container {
    background: #f0f0f0;
    border-radius: 30px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 24px;
}

@media (max-width: 768px) {
    .account-subscribe-form-container {
        flex-direction: column;
        gap: 16px;
        padding: 16px;
    }
}

.account-subscribe-button {
    flex-shrink: 0;
    padding: 20px 48px;
    font-size: 18px;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .account-subscribe-button {
        width: 100%;
        padding: 18px;
        order: 2;
    }
}

.account-subscribe-consent {
    flex: 1;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .account-subscribe-consent {
        order: 1;
    }
}

.account-subscribe-checkbox {
    display: flex;
    align-items: start;
    justify-content: start;
    cursor: pointer;
    user-select: none;
    text-align: start;
    gap: 8px;
}

.account-subscribe-checkbox input[type=checkbox] {
    min-width: 20px;
    cursor: pointer;
    accent-color: #858c68;
    border-radius: 4px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #b8b8b8;
    background: #fafafa;
    margin-top: 5px;
}

.account-subscribe-checkbox-text {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .account-subscribe-checkbox-text {
        font-size: 14px;
    }
}

.information-block {
    margin-top: 100px;
}

@media (max-width: 500px) {
    .information-block {
        margin: 50px 0;
    }
}

.information-block .info {
    display: flex;
    background: #eee;
}

@media (max-width: 992px) {
    .information-block .info {
        flex-direction: column-reverse;
    }
}

.information-block .info .texts {
    width: 50%;
    flex-direction: column;
    justify-content: center;
    padding: 75px;
    display: flex;
    align-items: flex-start;
}

@media (max-width: 1400px) {
    .information-block .info .texts {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .information-block .info .texts {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .information-block .info .texts {
        padding: 25px;
    }
}

.information-block .info .texts h2 {
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 1680px) {
    .information-block .info .texts h2 {
        font-size: 50px;
    }
}

@media (max-width: 1400px) {
    .information-block .info .texts h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .information-block .info .texts h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }
}

.information-block .info .texts p {
    color: #4b4b4b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 60px;
}

@media (max-width: 1400px) {
    .information-block .info .texts p {
        margin-bottom: 30px;
    }
}

.information-block .info .img-wrap {
    display: flex;
    width: 50%;
}

@media (max-width: 992px) {
    .information-block .info .img-wrap {
        width: 100%;
    }
}

.information-block .info .img-wrap img {
    width: 100%;
}

.block-animation-images.style2 {
    margin-top: 50px;
}

@media (max-width: 500px) {
    .block-animation-images.style2 {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .about-info {
        margin-bottom: 40px;
    }
}

.about-info h1 {
    color: #434540;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 60px;
    margin-top: 30px;
}

@media (max-width: 1600px) {
    .about-info h1 {
        font-size: 6.5vw;
    }
}

@media (max-width: 767px) {
    .about-info h1 {
        font-size: 32px;
        margin: 24px 0;
        font-weight: 300;
    }
}

.about-info .information {
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .about-info .information {
        flex-direction: column;
    }
}

.about-info .information .img {
    width: 50%;
    display: flex;
    margin-right: 30px;
}

@media (max-width: 992px) {
    .about-info .information .img {
        margin-right: 0;
        width: 100%;
    }
}

.about-info .information .img img {
    width: 100%;
}

.about-info .information .texts {
    max-width: 610px;
    width: 100%;
    margin-left: auto;
}

@media (max-width: 1600px) {
    .about-info .information .texts {
        max-width: 450px;
    }
}

@media (max-width: 992px) {
    .about-info .information .texts {
        margin-left: 0;
        max-width: 100%;
    }
}

.about-info .information .texts p {
    margin-top: 30px;
    color: #4b4b4b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1600px) {
    .about-info .information .texts p {
        margin-top: 20px;
    }
}

.about-info .information .texts .btn-green {
    margin-top: 40px;
}

@media (max-width: 992px) {
    .about-info .information .texts .btn-green {
        margin-top: 20px;
        max-width: 240px;
        width: 100%;
    }
}

.about-info .info-text {
    color: #858c68;
    font-size: 55px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -1.1px;
    margin-top: 90px;
    margin-bottom: 30px;
}

@media (max-width: 1600px) {
    .about-info .info-text {
        font-size: 4.8vw;
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .about-info .info-text {
        font-size: 30px;
        margin-top: 40px;
        margin-bottom: 20px;
    }
}

.about-info .name {
    color: #4b4b4b;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 767px) {
    .about-info .name {
        font-size: 20px;
    }
}

.about-info .name b {
    font-weight: bold;
}

.career-info .information-block {
    margin-top: 40px;
}

@media (max-width: 650px) {
    .career-info .information-block {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

.career-info .info-items {
    display: flex;
    justify-content: space-between;
    margin: 80px 0;
}

@media (max-width: 1600px) {
    .career-info .info-items {
        flex-wrap: wrap;
        justify-content: start;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .career-info .info-items {
        margin: 50px 0;
    }
}

@media (max-width: 767px) {
    .career-info .info-items {
        margin: 40px 0;
    }
}

.career-info .info-items .info-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 300px;
    width: 100%;
    margin-top: 16px;
}

@media (max-width: 1600px) {
    .career-info .info-items .info-item {
        width: 33%;
        padding-right: 10px;
        max-width: inherit;
    }
}

@media (max-width: 992px) {
    .career-info .info-items .info-item {
        width: 50%;
    }
}

@media (max-width: 650px) {
    .career-info .info-items .info-item {
        width: 100%;
        align-items: center;
        flex-direction: row;
    }
}

.career-info .info-items .info-item img {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .career-info .info-items .info-item img {
        margin-bottom: 0;
        margin-right: 12px;
    }
}

.career-info .info-items .info-item span {
    color: #4b4b4b;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 1600px) {
    .career-info .info-items .info-item span {
        font-size: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 650px) {
    .career-info .info-items .info-item span {
        font-size: 18px;
        padding-right: 10px;
        max-width: 240px;
    }
}

.our-values {
    margin-bottom: 100px;
}

@media (max-width: 992px) {
    .our-values {
        margin-bottom: 50px;
    }
}

.our-values h2 {
    color: #434540;
    font-size: 65px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    margin-bottom: 50px;
}

@media (max-width: 1300px) {
    .our-values h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 1300px) {
    .our-values h2 {
        font-size: 32px;
    }
}

.our-values .our-values-items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

@media (max-width: 992px) {
    .our-values .our-values-items {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

@media (max-width: 650px) {
    .our-values .our-values-items {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}

.our-values .our-values-items .item {
    padding: 50px;
    background: #ededed;
}

@media (max-width: 1600px) {
    .our-values .our-values-items .item {
        padding: 30px;
    }
}

@media (max-width: 1300px) {
    .our-values .our-values-items .item {
        padding: 25px;
    }
}

.our-values .our-values-items .item .title {
    color: #858c68;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 8px;
    display: block;
}

@media (max-width: 1600px) {
    .our-values .our-values-items .item .title {
        font-size: 22px;
    }
}

@media (max-width: 1300px) {
    .our-values .our-values-items .item .title {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .our-values .our-values-items .item .title {
        font-size: 18px;
    }
}

.our-values .our-values-items .item .text {
    color: #4b4b4b;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (max-width: 992px) {
    .our-values .our-values-items .item .text {
        font-size: 15px;
    }
}

.contact-info {
    background: #858c68;
}

@media (max-width: 1200px) {
    .contact-info .title-wrap {
        margin-bottom: 30px;
    }
}

.contact-info .title-wrap p {
    font-size: 24px;
    margin-top: 30px;
    max-width: 480px;
    color: white;
}

@media (max-width: 992px) {
    .contact-info .title-wrap p {
        margin-top: 15px;
        font-size: 20px;
    }
}

.contact-info .connect-me {
    border: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 1600px) {
    .contact-info .connect-me {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .contact-info .connect-me {
        margin-bottom: 0;
    }
}

@media (max-width: 650px) {
    .contact-info .connect-me {
        padding: 25px;
    }
}

@media (max-width: 992px) {
    .contact-info .connect-me-form {
        grid-template-columns: 1fr;
    }
}

.contact-info .connect-me-form .input-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

@media (max-width: 650px) {
    .contact-info .connect-me-form .input-wrap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1680px) {
    .contact-info .connect-me-form .connect-me-form-buttons {
        flex-direction: column;
        align-items: flex-start;
    }
}

.contact-info .connect-me-form .btn-white-outline {
    padding: 30px;
    min-width: 300px;
}

.contact-info .connect-me-form .file {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.contact-info .connect-me-form .file img {
    margin-right: 12px;
}

.contact-info .connect-me-form .file span {
    border-bottom: 1px solid #fff;
    font-size: 16px;
    color: white;
    margin-top: -4px;
}

.contact-info .connect-me-form .file input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.all-questions {
    background: #858c68;
    margin-bottom: -120px;
    padding: 100px 0;
}

@media (max-width: 500px) {
    .all-questions {
        margin-bottom: 0;
        padding: 50px 0;
    }
}

.all-questions .container {
    text-align: center;
}

.all-questions p {
    font-size: 24px;
    color: white;
    text-align: center;
    font-weight: normal;
    margin-top: 40px;
}

@media (max-width: 650px) {
    .all-questions p {
        font-size: 20px;
        margin-top: 20px;
    }
}

.all-questions .email-link {
    text-align: center;
    font-size: 64px;
    font-weight: 300;
    line-height: 100%;
    display: inline-block;
    color: white;
    border-bottom: 1px solid #fff;
}

@media (max-width: 650px) {
    .all-questions .email-link {
        font-size: 40px;
    }
}

.appreciated {
    padding: 100px 0;
    background: #858c68;
}

@media (max-width: 992px) {
    .appreciated {
        padding: 50px 0;
    }
}

.appreciated h2 {
    margin-bottom: 60px;
    font-size: 64px;
    font-weight: 300;
    color: white;
    text-transform: uppercase;
    line-height: 100%;
}

@media (max-width: 1500px) {
    .appreciated h2 {
        font-size: 52px;
    }
}

@media (max-width: 992px) {
    .appreciated h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .appreciated h2 {
        font-size: 32px;
    }
}

.appreciated .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

@media (max-width: 992px) {
    .appreciated .items {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .appreciated .items {
        grid-template-columns: 1fr;
    }
}

.appreciated .items .item {
    padding: 50px;
    background: url(/local/templates/main-25/css/../images/app-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (max-width: 1500px) {
    .appreciated .items .item {
        padding: 30px;
    }
}

.appreciated .items .item b {
    display: block;
    margin: 12px 0;
    font-size: 24px;
    color: white;
    font-weight: normal;
}

@media (max-width: 1500px) {
    .appreciated .items .item b {
        font-size: 20px;
    }
}

.appreciated .items .item ul {
    padding-left: 20px;
}

.appreciated .items .item ul li {
    color: white;
    list-style-type: disc;
}

@media (max-width: 500px) {
    .information-texts {
        margin-bottom: 50px;
    }
}

.information-texts .info {
    margin-top: 40px;
}

@media (max-width: 767px) {
    .information-texts .info {
        margin-top: 20px;
    }
}

.information-texts h1 {
    color: #434540;
    text-align: center;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 1300px) {
    .information-texts h1 {
        font-size: 8vw;
        font-weight: 300;
    }
}

.information-texts .texts {
    /*max-width: 610px;*/
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.information-texts a {
    text-decoration: underline;
    color: #434540;
}

.information-texts a:hover {
    text-decoration: none;
}

.information-texts p {
    margin-bottom: 30px;
    color: #4b4b4b;
    font-size: 18px;
}

@media (max-width: 767px) {
    .information-texts p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.information-texts button {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 10px;
    cursor: pointer;
    transition: 0.3s;
    background: #eee;
}

.information-texts button:hover {
    background: rgba(238, 238, 238, 0.7);
}

@media (max-width: 500px) {
    .sections-catalog {
        margin-bottom: 50px;
    }
}

.sections-catalog h1 {
    color: #434540;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .sections-catalog h1 {
        margin-top: 20px;
        font-size: 70px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .sections-catalog h1 {
        font-size: 54px;
    }
}

.sections-catalog .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}

@media (max-width: 1650px) {
    .sections-catalog .items {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 992px) {
    .sections-catalog .items {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .sections-catalog .items {
        grid-template-columns: 1fr;
    }
}

.sections-catalog .items .item {
    border: 1px solid #b8b8b8;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 370px;
}

@media (max-width: 1650px) {
    .sections-catalog .items .item {
        padding: 20px;
        min-height: 320px;
    }
}

@media (max-width: 992px) {
    .sections-catalog .items .item {
        min-height: 220px;
    }
}

@media (max-width: 767px) {
    .sections-catalog .items .item {
        min-height: inherit;
        padding: 15px;
    }
}

.sections-catalog .items .item .name {
    color: #4b4b4b;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 105%;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

@media (max-width: 1300px) {
    .sections-catalog .items .item .name {
        font-size: 24px;
    }
}

.sections-catalog .items .item ul {
    padding-left: 20px;
}

.sections-catalog .items .item ul li {
    font-size: 18px;
    list-style-type: disc;
    color: #4b4b4b;
}

@media (max-width: 1300px) {
    .sections-catalog .items .item ul li {
        font-size: 16px;
    }
}

.sections-catalog .items .item .show-all {
    border-bottom: 1px solid #858c68;
    color: #858c68;
    font-size: 18px;
    margin-top: 8px;
}

@media (max-width: 500px) {
    .team-wrap {
        margin-bottom: 50px;
    }
}

.team-wrap h1 {
    color: #434540;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .team-wrap h1 {
        margin-top: 20px;
        font-size: 70px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .team-wrap h1 {
        font-size: 54px;
    }
}

.team-items .team-item:last-child {
    margin-bottom: 0;
}

.team-item {
    display: flex;
    margin-bottom: 120px;
}

@media (max-width: 1300px) {
    .team-item {
        margin-bottom: 80px;
    }
}

@media (max-width: 767px) {
    .team-item {
        flex-direction: column;
        margin-bottom: 40px;
    }
}

.team-item .img {
    display: flex;
    max-width: 710px;
    width: 100%;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .team-item .img {
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%;
    }
}

.team-item .img img {
    width: 100%;
}

.team-item .texts {
    max-width: 760px;
    width: 100%;
    margin-left: auto;
    position: relative;
    z-index: 0;
    padding-left: 90px;
}

@media (max-width: 1024px) {
    .team-item .texts {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .team-item .texts {
        max-width: 100%;
        padding-left: 0;
    }
}

.team-item .texts .style {
    position: absolute;
    top: 80px;
    left: 0px;
    z-index: -1;
}

@media (max-width: 1300px) {
    .team-item .texts .style {
        top: 60px;
    }
}

@media (max-width: 1024px) {
    .team-item .texts .style {
        left: -22px;
        width: 40px;
    }
}

@media (max-width: 767px) {
    .team-item .texts .style {
        left: -10px;
        width: 30px;
        top: 45px;
    }
}

.team-item .texts h3 {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 30px;
    color: #4b4b4b;
}

@media (max-width: 1300px) {
    .team-item .texts h3 {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .team-item .texts h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.team-item .texts p {
    font-size: 24px;
    margin-bottom: 30px;
    color: #4b4b4b;
}

@media (max-width: 1300px) {
    .team-item .texts p {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .team-item .texts p {
        padding-left: 30px;
    }
}

.team-item .texts .name {
    display: block;
    margin-bottom: 4px;
    font-size: 24px;
    color: #4b4b4b;
}

.team-item .texts .person {
    display: block;
    font-size: 16px;
    margin-bottom: 16px;
    color: #4b4b4b;
}

@media (max-width: 1300px) {
    .team-item .texts .person {
        margin-bottom: 10px;
    }
}

.team-item .texts a {
    font-size: 16px;
    color: #858c68;
    border-bottom: 1px solid #858c68;
}

@media (max-width: 767px) {
    .team-item.reverce {
        flex-direction: column-reverse;
    }
}

.team-item.reverce .img {
    margin-left: 30px;
    margin-right: 0;
}

@media (max-width: 767px) {
    .team-item.reverce .img {
        margin-left: 0;
    }
}

.team-item.reverce .texts {
    margin-left: 0;
    margin-right: auto;
}

@media (max-width: 1300px) {
    .team-item.reverce .texts .style {
        left: -15px;
    }
}

@media (max-width: 992px) {
    .team-item.reverce .texts .style {
        left: -10px;
    }
}

.contact-info.trainings-info {
    background: none;
}

.contact-info.trainings-info .connect-me {
    padding: 60px;
}

@media (max-width: 767px) {
    .contact-info.trainings-info .connect-me {
        padding: 25px;
        padding-bottom: 50px;
    }
}

.contact-info.trainings-info .connect-me h4 {
    padding-right: 20px;
    font-size: 78px;
}

@media (max-width: 1400px) {
    .contact-info.trainings-info .connect-me h4 {
        font-size: 50px;
    }
}

@media (max-width: 992px) {
    .contact-info.trainings-info .connect-me h4 {
        font-size: 34px;
    }
}

.contact-info.trainings-info .connect-me .format {
    margin: 12px 0;
}

.contact-info.trainings-info .connect-me .format > span {
    margin-bottom: 12px;
    font-size: 20px;
    color: #eee;
    display: block;
}

.contact-info.trainings-info .connect-me .format .radio-wrap {
    font-family: "Inter", sans-serif;
    color: #ffffff;
}

.contact-info.trainings-info .connect-me .format .radio-item {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
}

.contact-info.trainings-info .connect-me .format .radio-item input {
    display: none;
}

.contact-info.trainings-info .connect-me .format .custom-radio {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
    box-sizing: border-box;
}

.contact-info.trainings-info .connect-me .format .radio-item input:checked + .custom-radio {
    border-color: #ffffff;
}

.contact-info.trainings-info .connect-me .format .radio-item input:checked + .custom-radio::after {
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.will-you {
    padding: 100px 0;
}

@media (max-width: 992px) {
    .will-you {
        padding: 50px 0;
    }
}

.will-you .info {
    display: flex;
}

@media (max-width: 1200px) {
    .will-you .info {
        flex-direction: column;
    }
}

.will-you .info .left-info {
    max-width: 610px;
    width: 100%;
    padding-right: 30px;
}

@media (max-width: 1680px) {
    .will-you .info .left-info {
        max-width: 500px;
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    .will-you .info .left-info {
        max-width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
}

.will-you .info .left-info h2 {
    color: #434540;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: -0.65px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media (max-width: 650px) {
    .will-you .info .left-info h2 {
        font-size: 36px;
        font-weight: normal;
        margin-bottom: 30px;
    }
}

.will-you .info .left-info p {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #4b4b4b;
}

@media (max-width: 650px) {
    .will-you .info .left-info p {
        font-size: 16px;
    }
}

.will-you .info .left-info p img {
    margin-right: 16px;
}

@media (max-width: 650px) {
    .will-you .info .left-info p img {
        width: 30px;
        margin-right: 10px;
    }
}

.will-you .info .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    max-width: 1070px;
    width: 100%;
    margin-left: auto;
}

@media (max-width: 1500px) {
    .will-you .info .items {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}

@media (max-width: 650px) {
    .will-you .info .items {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.will-you .info .items .item {
    padding: 20px;
    border-radius: 24px;
    background: #ededed;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.will-you .info .items .item img {
    margin-bottom: 10px;
}

.will-you .info .items .item span {
    font-size: 18px;
    color: #4b4b4b;
}

@media (max-width: 1680px) {
    .will-you .info .items .item span {
        font-size: 16px;
    }
}

.trainings-wrap {
    padding-top: 24px;
    position: relative;
    z-index: 0;
}


@media (max-width: 767px) {
    .trainings-wrap {
        padding-bottom: 50px;
    }
}

.trainings-wrap .breadcrumbs {
    margin-top: 0;
    margin-bottom: 40px;
}

.trainings-wrap .breadcrumbs a,
.trainings-wrap .breadcrumbs span {
    color: white;
}

.trainings-wrap .tr-info {
    display: flex;
    align-items: center;
}

@media (max-width: 992px) {
    .trainings-wrap .tr-info {
        flex-direction: column-reverse;
    }
}

.trainings-wrap .tr-info .images {
    position: relative;
    z-index: 0;
}

@media (max-width: 1300px) {
    .trainings-wrap .tr-info .images {
        padding-right: 30px;
    }
}

@media (max-width: 992px) {
    .trainings-wrap .tr-info .images {
        padding-right: 0;
        margin-bottom: 60px;
    }
}

.trainings-wrap .tr-info .images .circle {
    position: absolute;
    bottom: -60px;
    right: -60px;
}

@media (max-width: 1300px) {
    .trainings-wrap .tr-info .images .circle {
        width: 200px;
    }
}

@media (max-width: 767px) {
    .trainings-wrap .tr-info .images .circle {
        width: 90px;
        bottom: -30px;
        right: -30px;
    }
}

@media (max-width: 1300px) {
    .trainings-wrap .tr-info .images .img1 {
        width: 280px;
    }
}

@media (max-width: 767px) {
    .trainings-wrap .tr-info .images .img1 {
        width: 130px;
    }
}

.trainings-wrap .tr-info .texts {
    max-width: 1240px;
    width: 100%;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.trainings-wrap .tr-info h1 {
    color: #fff;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media (max-width: 1685px) {
    .trainings-wrap .tr-info h1 {
        font-size: 6.5vw;
    }
}

@media (max-width: 767px) {
    .trainings-wrap .tr-info h1 {
        font-size: 32px;
    }
}

.trainings-wrap .tr-info p {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 115%;
    letter-spacing: -0.2px;
    max-width: 640px;
    margin-bottom: 30px;
}

@media (max-width: 500px) {
    .laboratory-wrap {
        margin-bottom: 50px;
    }
}

.laboratory-wrap h1 {
    color: #434540;
    font-size: 100px;
    font-style: normal;
    font-weight: 200;
    line-height: 100%;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .laboratory-wrap h1 {
        margin-top: 20px;
        font-size: 70px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .laboratory-wrap h1 {
        font-size: 50px;
    }
}

.laboratory-wrap .info {
    display: flex;
    margin-bottom: 100px;
}

@media (max-width: 1300px) {
    .laboratory-wrap .info {
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .laboratory-wrap .info {
        flex-direction: column;
        margin-bottom: 40px;
    }
}

.laboratory-wrap .info .texts {
    max-width: 640px;
    width: 100%;
}

.laboratory-wrap .info .texts p {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

@media (max-width: 1300px) {
    .laboratory-wrap .info .texts p {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 992px) {
    .laboratory-wrap .info .texts p {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

.laboratory-wrap .info .img-wrap {
    display: flex;
    max-width: 910px;
    width: 100%;
    margin-right: 50px;
}

@media (max-width: 1300px) {
    .laboratory-wrap .info .img-wrap {
        margin-right: 30px;
    }
}

@media (max-width: 992px) {
    .laboratory-wrap .info .img-wrap {
        margin-right: 0;
        margin-bottom: 20px;
        max-width: 100%;
    }
}

.laboratory-wrap .info .img-wrap img {
    width: 100%;
}

.laboratory-wrap .info-text {
    text-align: center;
    color: #858c68;
    font-size: 54px;
    line-height: 110%;
    max-width: 1300px;
    width: 100%;
    margin: 50px auto 0;
}

@media (max-width: 1300px) {
    .laboratory-wrap .info-text {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .laboratory-wrap .info-text {
        font-size: 30px;
        margin-top: 30px;
    }
}

.laboratory-wrap .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 992px) {
    .laboratory-wrap .items {
        grid-template-columns: 1fr;
    }
}

.laboratory-wrap .items .item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 50px;
    border: 1px solid #ccc;
    min-height: 400px;
}

@media (max-width: 1300px) {
    .laboratory-wrap .items .item {
        padding: 40px;
        min-height: 320px;
    }
}

@media (max-width: 992px) {
    .laboratory-wrap .items .item {
        min-height: inherit;
        margin-bottom: -1px;
    }
}

@media (max-width: 767px) {
    .laboratory-wrap .items .item {
        padding: 24px;
    }
}

.laboratory-wrap .items .item h3 {
    color: #4b4b4b;
    font-size: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

@media (max-width: 1300px) {
    .laboratory-wrap .items .item h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .laboratory-wrap .items .item h3 {
        font-size: 20px;
    }
}

.laboratory-wrap .items .item p {
    font-size: 18px;
    color: #4b4b4b;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .laboratory-wrap .items .item p {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.laboratory-wrap .items .item p:last-child {
    margin-bottom: 0;
}

.laboratory-wrap .items .item ul {
    padding-left: 20px;
}

.laboratory-wrap .items .item ul li {
    color: #4b4b4b;
    font-size: 18px;
}

.news .block-news {
    padding: 0;
}

.news-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9vw;
}

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

@media (max-width: 992px) {
    .news-content {
        gap: 50px;
    }
}

@media (max-width: 768px) {
    .news-content {
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .news-content {
        grid-template-columns: 1fr;
    }
}

.news-content-item {
    grid-column: span 1;
}

.news-content-item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 992px) {
    .news-content-item img {
        height: 223px;
    }
}

.news-content-item-title {
    align-self: stretch;
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.news-content-item.big {
    grid-column: span 2;
}

@media (max-width: 992px) {
    .news-content-item.big {
        grid-column: span 1;
    }
}

.news-content-item.big img {
    width: 100%;
    height: 462px;
}

@media (max-width: 992px) {
    .news-content-item.big img {
        height: 223px;
    }
}

.single-news-cover {
    width: 100%;
    height: 801px;
    object-fit: cover;
    object-position: center;
}

.single-news-byline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    margin: 28px 0 8px;
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.4;
}

.single-news-byline-author {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.single-news-byline-photo {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
}

@media (max-width: 992px) {
    .single-news-cover {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .single-news-cover {
        height: 300px;
    }
}

.single-news-description {
    width: 100%;
    max-width: 1517px;
    color: #4b4b4b;
    font-size: 55px;
    font-weight: 300;
    line-height: 55px;
    letter-spacing: -1.1px;
    margin-top: 69px;
    margin-bottom: 48px;
}

@media (max-width: 992px) {
    .single-news-description {
        font-size: 30px;
        line-height: normal;
    }
}

@media (max-width: 768px) {
    .single-news-description {
        font-size: 24px;
        margin-bottom: 16px;
        margin-top: 30px;
    }
}

.single-news-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 166px;
}

@media (max-width: 1300px) {
    .single-news-content {
        gap: 50px;
    }
}

@media (max-width: 992px) {
    .single-news-content {
        flex-direction: column;
    }
}

.single-news-content-left {
    width: 60%;
}

@media (max-width: 992px) {
    .single-news-content-left {
        width: 100%;
    }
}

.single-news-content-left p,
.single-news-content-left li {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}

@media (max-width: 992px) {
    .single-news-content-left p,
    .single-news-content-left li {
        font-size: 18px;
    }
}

.single-news-content-left ul {
    padding-left: 30px;
}

.single-news-content-left h3 {
    color: #4b4b4b;
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 23px;
}

.single-news-content-right {
    width: 40%;
}

@media (max-width: 992px) {
    .single-news-content-right {
        width: 100%;
    }
}

.single-news-content-right-image {
    width: 100%;
}

.single-news-content-right-title {
    color: #b1b1b1;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 213px;
}

@media (max-width: 1100px) {
    .single-news-content-right-title {
        margin-bottom: 30px;
    }
}

.single-news-content-right-text {
    color: #858c68;
    font-size: 55px;
    font-weight: 300;
    line-height: 55px;
    letter-spacing: -1.1px;
    margin-bottom: 45px;
}

@media (max-width: 1100px) {
    .single-news-content-right-text {
        font-size: 30px;
        line-height: normal;
    }
}

@media (max-width: 768px) {
    .single-news-content-right-text {
        font-size: 24px;
        margin-bottom: 16px;
    }
}

.single-news-content-right-author {
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 1100px) {
    .single-news-content-right-author {
        font-size: 18px;
    }
}

.single-news-products {
    margin-top: 80px;
    padding-top: 117px;
    background: #ededed;
    margin-bottom: 80px;
}

@media (max-width: 992px) {
    .single-news-products {
        padding-top: 50px;
    }
}

.single-news-products .block-popular-products-top-block {
    padding: 0;
}

.single-news-products .block-popular-products-top-block-title {
    font-size: 65px;
}

@media (max-width: 992px) {
    .single-news-products .block-popular-products-top-block-title {
        font-size: 40px;
    }
}

.single-news-products .block-popular-products-content .slick-track {
    padding-bottom: 120px;
}

@media (max-width: 992px) {
    .single-news-products .block-popular-products-top-block-slide {
        display: none;
    }
}

.not-found svg {
    width: 100%;
    max-width: 895px;
}

.not-found-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.not-found-description {
    color: #434540;
    text-align: center;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 67px;
}

@media (max-width: 768px) {
    .not-found-description {
        font-size: 24px;
        margin-bottom: 40px;
        margin-bottom: 30px;
    }
}

@media (max-width: 500px) {
    .search {
        margin-bottom: 50px;
    }
}

.search-title {
    color: #434540;
    text-align: center;
    font-size: 100px;
    font-weight: 250;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
}

@media (max-width: 1100px) {
    .search-title {
        font-size: 80px;
        line-height: unset;
    }
}

@media (max-width: 768px) {
    .search-title {
        font-size: 54px;
    }
}

@media (max-width: 576px) {
    .search-title {
        font-size: 32px;
    }
}

.search-label {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 51px;
}

@media (max-width: 768px) {
    .search-label {
        margin-top: 20px;
    }
}

.search-label label {
    width: 100%;
    max-width: 607px;
}

.search-label label:focus-within {
    border: none;
}

.search-label .search-page-wrapper {
    position: relative;
    width: 100%;
    max-width: 607px;
}

.search-label .search-page-wrapper .def-input-gray.active {
    border-radius: 45px 45px 0 0;
    border-bottom: none;
}

.search-label .search-page-wrapper .search-page-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #f7f7f7;
    border-radius: 0 0 45px 45px;
    margin-top: 0;
    display: none;
    z-index: 1000;
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-top: none;
    padding: 12px 0;
}

.search-label .search-page-wrapper .search-page-dropdown.active {
    display: block;
}

.search-label .search-page-wrapper .search-page-dropdown .search-page-suggestions {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.search-label .search-page-wrapper .search-page-dropdown .search-page-suggestions li {
    width: 100%;
    padding: 12px 32px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.search-label .search-page-wrapper .search-page-dropdown .search-page-suggestions li:hover {
    background-color: rgba(139, 151, 124, 0.1);
}

.search-label .search-page-wrapper .search-page-dropdown .search-page-suggestions li:first-child {
    border-top: 1px solid rgba(139, 151, 124, 0.1);
}

.search-content {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 53px;
    margin-top: 83px;
}

@media (max-width: 1400px) {
    .search-content {
        gap: 30px;
    }
}

@media (max-width: 1300px) {
    .search-content {
        flex-direction: column;
    }
}

@media (max-width: 992px) {
    .search-content {
        margin-top: 42px;
    }
}

.search-content-title {
    min-width: 250px;
    color: #434540;
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
}

@media (max-width: 1400px) {
    .search-content-title {
        min-width: 150px;
    }
}

.search-content-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 1300px) {
    .search-content-items {
        gap: 20px;
    }
}

@media (max-width: 1060px) {
    .search-content-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

.home-padding-block {
    overflow: hidden;
    padding-top: 185px;
}

@media (max-width: 576px) {
    .search-content-items {
        grid-template-columns: 1fr;
    }

    .header.header-banner .bg-header {
        padding-top: 1px;
        padding-bottom: 230px;
    }

    .home-padding-block {
        padding-top: 225px;
    }
}

.search-content-items .product-card,
.search-content-items .news-content-item {
    width: 100%;
}

.custom-select-wrapper {
    position: relative;
    width: 100%;
}

.custom-select-wrapper .custom-select-hidden {
    display: none;
}

.custom-select-wrapper .custom-select-trigger {
    width: 100%;
    height: 56px;
    padding: 0 32px;
    border-radius: 45px;
    border: 1px solid #ebebeb;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.custom-select-wrapper .custom-select-trigger .custom-select-selected {
    color: #4b4b4b;
    font-size: 16px;
    flex: 1;
    text-align: left;
}

.custom-select-wrapper .custom-select-trigger .custom-select-selected.placeholder {
    color: #4b4b4b;
    opacity: 0.5;
}

.custom-select-wrapper .custom-select-trigger .custom-select-arrow {
    color: #4b4b4b;
    opacity: 0.7;
    font-size: 15px;
    transition: transform 0.3s ease;
    flex-shrink: 0;
    margin-left: 8px;
}

.custom-select-wrapper .custom-select-trigger.active {
    border-color: #858c68;
}

.custom-select-wrapper .custom-select-trigger.active .custom-select-arrow {
    transform: rotate(180deg);
}

.custom-select-wrapper .custom-select-trigger:hover {
    border-color: #858c68;
}

.custom-select-wrapper .custom-select-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: none;
    overflow: hidden;
}

.custom-select-wrapper .custom-select-dropdown.active {
    display: block;
}

.custom-select-wrapper .custom-select-dropdown.open-up {
    top: auto;
    bottom: calc(100% + 8px);
}

.custom-select-wrapper .custom-select-dropdown .custom-select-search {
    padding: 12px;
    border-bottom: 1px solid #ebebeb;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-search .custom-select-search-input {
    width: 100%;
    padding: 10px 16px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    font-size: 14px;
    color: #4b4b4b;
    background: #f7f7f7;
    outline: none;
    transition: all 0.3s ease;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-search .custom-select-search-input:focus {
    border-color: #858c68;
    background: #fff;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-search .custom-select-search-input::placeholder {
    color: #4b4b4b;
    opacity: 0.5;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-options {
    max-height: 300px;
    overflow-y: auto;
    padding: 8px 0;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar {
    width: 6px;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 10px;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-thumb {
    background: #858c68;
    border-radius: 10px;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-options::-webkit-scrollbar-thumb:hover {
    background: #a3aa87;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-option {
    padding: 12px 32px;
    cursor: pointer;
    color: #4b4b4b;
    font-size: 16px;
    transition: background-color 0.2s ease;
    display: block;
    text-align: left;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-option:hover {
    background-color: #f7f9f4;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-option.selected {
    background-color: rgba(133, 140, 104, 0.1);
    color: #858c68;
    font-weight: 500;
}

.custom-select-wrapper .custom-select-dropdown .custom-select-option.highlighted {
    background-color: rgba(133, 140, 104, 0.15);
}

.custom-select-wrapper .custom-select-dropdown .custom-select-no-results {
    padding: 20px;
    text-align: center;
    color: #4b4b4b;
    font-size: 14px;
    opacity: 0.7;
}

.requset-modal-form {
    width: 100%;
}

.requset-modal-form .def-input-gray {
    margin-bottom: 35px;
}

.requset-modal-form-checkbox {
    display: flex;
    gap: 4px;
    margin-top: 10px;
    justify-content: center;
    align-items: start;
}

.requset-modal-form-checkbox input[type=checkbox] {
    margin-top: 2px;
}

.requset-modal-form-checkbox-text {
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 400;
}

.requset-modal-form-checkbox-text a {
    color: #4b4b4b;
    text-decoration: underline;
}

/*# sourceMappingURL=style.css.map */
.catalog-filter-checkbox.active a {
    color: #858C68;
    text-decoration: underline;
}

/* --- Первый экран: склеенная картинка (овал + круг одним PNG) --- */
/* Композиция зашита внутрь файла, поэтому части не могут разъехаться. */
.header .bg-header .header-content .header-content-images-box.trainings-hero-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.header .bg-header .header-content .header-content-images-img.trainings-hero-img {
    position: static;
    width: auto;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    object-position: right center;
}

@media (max-width: 990px) {
    .header .bg-header .header-content .header-content-images-box.trainings-hero-box {
        justify-content: center;
    }

    .header .bg-header .header-content .header-content-images-img.trainings-hero-img {
        object-position: center;
    }
}

/* ==========================================================================
   Страница «Тренинги» (/trainings/)
   ========================================================================== */

.trainings-wrap {
    overflow: hidden;
}

/* --- Первый экран --- */
.trainings-hero {
    background: #858c68;
    color: #fff;
    padding-bottom: 80px;
}

.trainings-hero .breadcrumbs,
.trainings-hero .breadcrumbs a,
.trainings-hero .breadcrumbs span {
    color: rgba(255, 255, 255, 0.7);
}

.trainings-hero__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-top: 40px;
}

.trainings-hero__content {
    max-width: 720px;
}

.trainings-hero h1 {
    font-size: 64px;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 24px;
}

.trainings-hero__subtitle {
    font-size: 18px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 48px;
}

.trainings-hero__btn {
    display: inline-flex;
    width: max-content;
    padding: 20px 40px;
    font-size: 16px;
}

.trainings-hero__image {
    flex-shrink: 0;
    max-width: 520px;
}

.trainings-hero__image img {
    display: block;
    width: 100%;
    height: auto;
}

/* --- Баннеры 2 шт. --- */
.trainings-banners {
    padding: 80px 0 0;
}

.trainings-banners__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.trainings-banner {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    min-height: 300px;
    display: flex;
    align-items: center;
    background: linear-gradient(0deg, rgba(140, 151, 124, 0.5), rgba(140, 151, 124, 0.5)),
    linear-gradient(180deg, rgba(95, 107, 77, 0.75) 0%, rgba(95, 107, 77, 0) 100%);

}

.trainings-banner__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* Затемняющий слой поверх фото — чтобы текст читался */
.trainings-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, rgba(140, 151, 124, 0.5), rgba(140, 151, 124, 0.5)),
    linear-gradient(180deg, rgba(95, 107, 77, 0.75) 0%, rgba(95, 107, 77, 0) 100%);
}

.trainings-banner__body {
    position: relative;
    z-index: 2;
    padding: 0px 48px 100px;
    color: #fff;
}

.trainings-banner__title {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 400;
    margin-bottom: 16px;
}

.trainings-banner__text {
    font-size: 12px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.85);
}

/* --- Что получает участник --- */
.trainings-benefits {
    padding: 90px 0 0;
}

.trainings-benefits__head {
    display: flex;
    align-items: flex-start;
    gap: 60px;
    margin-bottom: 48px;
}

.trainings-benefits__title,
.trainings-topics__title {
    font-size: 48px;
    line-height: 1.1;
    font-weight: 300 !important;
    text-transform: uppercase;
    color: #4b4b4b;
    margin: 0;
    flex-shrink: 0;
    max-width: 460px;
}

.trainings-benefits__intro {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #4b4b4b;
    max-width: 640px;
}

.trainings-benefits__intro p {
    margin: 0;
}

.trainings-benefits__intro-icon {
    flex-shrink: 0;
    width: 40px;
}

.trainings-benefits__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.trainings-benefits__item {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #eeeeee;
    border-radius: 16px;
    padding: 32px;
    font-size: 16px;
    line-height: 1.4;
    color: #4b4b4b;
}

.trainings-benefits__item img {
    flex-shrink: 0;
    width: 28px;
}

/* --- Тематика тренингов --- */
.trainings-topics {
    padding: 90px 0;
}

.trainings-topics__title {
    max-width: none;
    margin-bottom: 40px;
}

.trainings-topics__grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.trainings-topics__item {
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid #e3e3e3;
    border-radius: 16px;
    background: #fff;
}

.trainings-topics__arrow {
    width: 18px;
    height: 18px;
    background: url("/local/templates/main-25/css/../img/trainings/arrow.svg") no-repeat center / contain;
}

.trainings-topics__text {
    font-size: 16px;
    line-height: 1.35;
    color: #4b4b4b;
}

/* --- Заявка на тренинг --- */
/* Зелёный блок рисуется здесь; поля формы используют глобальные
   .def-input / .connect-me-form / .connect-me-form-buttons без переопределений. */
.trainings-request {
    padding-bottom: 90px;
}

.trainings-request__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    background: #858c68;
    padding: 80px 60px;
}

.trainings-request__title {
    font-size: 72px;
    line-height: 1.1;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

.trainings-request__conditions {
    list-style: none;
    margin: 52px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.trainings-request__conditions li {
    position: relative;
    padding-left: 36px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}

.trainings-request__conditions li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 26px;
    height: 26px;
    background: url("/local/templates/main-25/css/../img/trainings/check.svg") no-repeat center;
}

/* Email и телефон в один ряд */
.trainings-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Форма заявки всегда в одну колонку: глобальный .connect-me-form
   на ≤992px становится 2-колоночным и ломает раскладку. */
.trainings-request .connect-me-form {
    grid-template-columns: 1fr;
}

.trainings-request .catalog-filter-checkbox,
.trainings-request .catalog-filter-checkbox a {
    color: #fff;
}

.trainings-request .connect-me-form-buttons {
    flex-wrap: wrap;
}

.trainings-request .connect-me-form-errors {
    margin-bottom: 16px;
}

.trainings-request .connect-me-form-errors .form-text-error {
    display: block;
    color: #ffe1e1;
}

/* ==========================================================================
   Тренинги — планшет / мобильная
   ========================================================================== */

@media (max-width: 1200px) {
    .trainings-benefits__title,
    .trainings-topics__title {
        font-size: 40px;
        max-width: 380px;
    }

    .trainings-benefits__head {
        gap: 32px;
    }

    .trainings-topics__grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .trainings-request__inner {
        gap: 40px;
        padding: 60px 40px;
    }

    .trainings-request__title {
        font-size: 52px;
    }
}

@media (max-width: 990px) {
    .header.trainings-page-header .bg-header {
        padding-bottom: 48px;
    }

    .header .bg-header .header-content .header-content-images-box.trainings-hero-box {
        height: auto;
        max-height: 360px;
        justify-content: center;
    }

    .header .bg-header .header-content .header-content-images-img.trainings-hero-img {
        width: 100%;
        height: auto;
        max-height: 360px;
        object-fit: contain;
        object-position: center;
    }

    .trainings-banners {
        padding-top: 48px;
    }

    .trainings-banners__grid {
        gap: 16px;
    }

    .trainings-banner {
        min-height: 240px;
        border-radius: 20px;
    }

    .trainings-banner__body {
        padding: 32px 28px 48px;
    }

    .trainings-banner__title {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .trainings-benefits {
        padding-top: 56px;
    }

    .trainings-benefits__head {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 32px;
    }

    .trainings-benefits__title,
    .trainings-topics__title {
        font-size: 36px;
        max-width: none;
    }

    .trainings-benefits__intro {
        max-width: none;
        font-size: 15px;
    }

    .trainings-benefits__items {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .trainings-benefits__item {
        padding: 20px 24px;
    }

    .trainings-topics {
        padding: 56px 0;
    }

    .trainings-topics__title {
        margin-bottom: 24px;
    }

    .trainings-topics__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .trainings-topics__item {
        padding: 16px;
    }

    .trainings-request {
        padding-bottom: 56px;
    }

    .trainings-request__inner {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 40px 28px;
    }

    .trainings-request__title {
        font-size: 40px;
    }

    .trainings-request__conditions {
        margin-top: 28px;
    }
}

@media (max-width: 767px) {
    .header.trainings-page-header .bg-header {
        padding-bottom: 32px;
    }

    .header .bg-header .header-content .header-content-images-box.trainings-hero-box {
        max-height: 280px;
    }

    .header .bg-header .header-content .header-content-images-img.trainings-hero-img {
        max-height: 280px;
    }

    .trainings-banners {
        padding-top: 32px;
    }

    .trainings-banners__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .trainings-banner {
        min-height: 220px;
        border-radius: 16px;
    }

    .trainings-banner__body {
        padding: 24px 20px 36px;
    }

    .trainings-banner__title {
        font-size: 20px;
        line-height: 1.25;
    }

    .trainings-benefits {
        padding-top: 40px;
    }

    .trainings-benefits__title,
    .trainings-topics__title {
        font-size: 28px;
        line-height: 1.15;
    }

    .trainings-benefits__intro {
        gap: 12px;
        font-size: 14px;
    }

    .trainings-benefits__intro-icon {
        width: 32px;
    }

    .trainings-benefits__item {
        padding: 16px 18px;
        font-size: 15px;
        border-radius: 12px;
    }

    .trainings-topics {
        padding: 40px 0;
    }

    .trainings-topics__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .trainings-topics__item {
        flex-direction: row;
        align-items: center;
        gap: 12px;
        padding: 16px 18px;
        border-radius: 12px;
    }

    .trainings-topics__text {
        font-size: 15px;
    }

    .trainings-request {
        padding-bottom: 40px;
    }

    .trainings-request__inner {
        padding: 28px 16px;
        gap: 24px;
    }

    .trainings-request__title {
        font-size: 28px;
    }

    .trainings-request__conditions {
        margin-top: 20px;
        gap: 12px;
    }

    .trainings-request__conditions li {
        font-size: 14px;
        padding-left: 32px;
    }

    .trainings-request__conditions li::before {
        width: 22px;
        height: 22px;
        background-size: contain;
    }

    .trainings-form__row {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .trainings-request .connect-me-form-buttons {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 8px;
    }

    .trainings-request .connect-me-form-buttons button {
        width: 100%;
        height: 62px;
        padding: 18px;
        margin-bottom: 0;
    }

    .trainings-request .catalog-filter-checkbox {
        align-items: flex-start;
    }
}

@media (max-width: 576px) {
    .header.trainings-page-header .bg-header {
        padding-top: 1px;
        padding-bottom: 24px;
    }

    .header .bg-header .header-content .header-content-images-box.trainings-hero-box {
        max-height: 220px;
        height: auto;
    }

    .header .bg-header .header-content .header-content-images-img.trainings-hero-img {
        max-height: 220px;
    }

    .trainings-banner__title {
        font-size: 18px;
    }

    .trainings-benefits__title,
    .trainings-topics__title {
        font-size: 24px;
    }

    .trainings-request__title {
        font-size: 24px;
    }
}

/* --- Категории ингредиентов на главной --- */
.block-categories {
    background: #f7f9f4;
    padding: 24px 0 96px;
}

.block-categories__head {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 40px;
    row-gap: 0;
    margin-bottom: 24px;
}

.block-categories__title {
    max-width: 1200px;
    grid-column: 1 / 4;
    margin: 0;
    color: #434540;
    font-size: 100px;
    font-weight: 200;
    line-height: 1.05;
    letter-spacing: -0.02em;
    text-transform: uppercase;
}

.block-categories__title p,
.block-categories__title h2 {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.block-categories__intro {
    max-width: 607px;
    grid-column: 4 / 12;
    grid-row: 1;
    align-self: start;
    padding-top: 6px;
}

.block-categories__intro p {
    margin: 0;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}

.block-categories__subtitle {
    grid-column: 1 / 4;
    max-width: 740px;
    margin: 47px 0 0;
    color: #434540;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.01em;
    text-transform: uppercase;
}

.block-categories__subtitle p,
.block-categories__subtitle h3 {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.block-categories__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 64px 32px
}

.block-categories__item {
    min-width: 0;
}

.block-categories__icon {
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    object-fit: contain;
}

.block-categories__item-text h3 {
    margin: 0 0 12px;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.block-categories__item-text p {
    margin: 0;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.block-categories__highlight {
    display: flex;
    align-items: center;
    min-height: 100%;
    padding: 32px;
    background: #f2f5f0;
}

.block-categories__highlight p {
    margin: 0;
    color: #4b4b4b;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
}

@media (max-width: 1500px) {
    .block-categories__title {
        font-size: 71px;
    }

    .block-categories__intro p {
        font-size: 19px;
    }

    .block-categories__head {
        margin-bottom: 56px;
        column-gap: 28px;
    }

    .block-categories__subtitle {
        font-size: 30px;
    }

    .block-categories__highlight p {
        line-height: 1.3;
    }
}

@media (max-width: 1199px) {
    .block-categories {
        padding: 16px 0 72px;
    }

    .block-categories__head {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
    }

    .block-categories__title {
        font-size: 36px;
    }

    .block-categories__subtitle {
        margin-top: 0;
        order: 3;
    }

    .block-categories__intro {
        padding-top: 0;
    }

    .block-categories__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 24px;
    }
}

@media (max-width: 767px) {
    .block-categories {
        padding: 8px 0 56px;
    }

    .block-categories__subtitle {
        margin-top: 28px;
    }

    .block-categories__head {
        margin-bottom: 32px;
        gap: 16px;
    }

    .block-categories__title {
        font-size: 28px;
    }

    .block-categories__subtitle {
        font-size: 16px;
    }

    .block-categories__intro p {
        font-size: 15px;
    }

    .block-categories__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .block-categories__icon {
        width: 40px;
        height: 40px;
        margin-bottom: 16px;
    }

    .block-categories__highlight {
        padding: 24px 20px;
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .product-page-content,
    .product-page-content-left,
    .product-page-right,
    .product-page-right-info,
    .product-page-checkout {
        min-width: 0;
        max-width: 100%;
    }

    .product-page-content-left img,
    .product-page-content-left-images,
    .product-page-content-left-images-main {
        max-width: 100%;
        min-width: 0;
    }

    .product-page-checkout-buttons .product-page-quantity-selector .quantity-btn {
        width: 64px;
        min-width: 0;
        height: 63px;
    }

    .single-news,
    .container-editor,
    .single-news-content,
    .single-news-content-left,
    .single-news-products,
    #slider-popular-products.default,
    .block-popular-products-content {
        min-width: 0;
        max-width: 100%;
    }

    .container-editor img,
    .container-editor video,
    .container-editor iframe,
    .container-editor table,
    .single-news-content-left img,
    .single-news-content-left video,
    .single-news-content-left iframe,
    .single-news-content-left table {
        max-width: 100%;
        height: auto;
    }

    .single-news-content-left,
    .container-editor {
        overflow-wrap: anywhere;
    }

    .single-news-content-left ul {
        padding-left: 1.1em;
    }

    .block-popular-products-content .slick-slide {
        margin-right: 0;
    }

    .block-popular-products-content .slick-track {
        padding-left: 0;
        padding-right: 0;
    }

    .connect-me {
        width: auto;
        max-width: none;
        margin-left: -16px;
        margin-right: -16px;
    }
}


/* --- Согласия под формами: обязательное (accept) и на рассылку (marketing) столбиком --- */
.form-consents {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-consents .requset-modal-form-checkbox {
    justify-content: flex-start;
    text-align: left;
}

.form-consents .requset-modal-form-checkbox input[type=checkbox] {
    flex-shrink: 0;
}

.form-consents .js-marketing-consent {
    margin-top: 0;
}


/* ТЗ SEO П-6: широкие таблицы статей прокручиваются внутри блока, а не всей страницей */
@media (max-width: 768px) {
    .container-editor table,
    .single-news-content-left table {
        display: block;
        width: auto;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ТЗ SEO П-18: пустой раздел отдушек — без колонки фильтра, кнопка «Подобрать отдушку» */
.catalog-content--request .catalog-result {
    width: 100%;
}

.catalog-fragrance-btn {
    display: inline-flex;
    margin-top: 20px;
}

.catalog-fragrance-form {
    margin-top: 40px;
    scroll-margin-top: 120px;
}

/* End */


/* Start:/local/templates/main-25/components/bitrix/menu/header.section/style.css?1773414060229*/

.js-desktop-menu-content-sublist {
    display: none;
}

.js-desktop-menu-content-sublist.active {
    display: block;
}

.js-parent-link.active a {
    /* ваши стили для активной ссылки */
}
/* End */


/* Start:/local/components/arturgolubev/search.title/templates/header/style.min.css?177341405912422*/
.bx_smart_searche,.bx-searchtitle{font-family:"Open Sans",sans-serif;font-size:14px}.bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle-popup-history{padding:12px}.bx-searchtitle-popup-history-head{display:flex;justify-content:space-between;align-items:center}.bx-searchtitle-popup-history-clear{font-size:13px;cursor:pointer}.bx-searchtitle-popup-history-clear:hover{opacity:.8}.bx-searchtitle-popup-history-title{font-size:15px;padding-left:3px}.bx-searchtitle-popup-history-items{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.bx-searchtitle-popup-history-item{padding:6px 10px 6px 6px;border-radius:3px;text-decoration:none;color:#222}.bx-searchtitle-popup-history-item:hover{background:#eee;color:#222}.bx-searchtitle-popup-history-item::before{content:"";width:16px;height:16px;background:url(/local/components/arturgolubev/search.title/templates/header/images/search-icon.svg) center center no-repeat;background-size:12px auto;display:inline-block;vertical-align:middle;margin-right:5px;margin-bottom:1px}.bx-searchtitle-popup-history-item span{vertical-align:middle}.bx-searchtitle .bx-block-title{color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{position:relative;z-index:2;width:100%;margin-bottom:0;display:block;width:100%;height:40px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#222;background-color:#f8fafc;border:1px solid #d5dadc;border-radius:3px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:absolute;right:4px;top:4px;z-index:3;white-space:nowrap;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;display:inline-block;margin-bottom:0;cursor:pointer;padding:0 8px;border-radius:3px;color:#fff;font-size:16px;line-height:1.42857143;height:32px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:5px;box-shadow:0 0 2px 0 #ccc}div.title-search-result-shadow{position:absolute;z-index:998;top:0;left:0;width:100%;height:100%;background-color:#0000004d}div.title-search-fader{display:none;background-image:url(/local/components/arturgolubev/search.title/templates/header/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{border-top:0 none;border-radius:5px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/components/arturgolubev/search.title/templates/header/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#222;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#222}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:block;font-size:14px;text-decoration:none;margin:0;line-height:34px;letter-spacing:.5px;font-weight:400}.bx_smart_searche .bx_item_block_title{font-weight:700;font-size:16px;margin:4px 8px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;padding:8px 12px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#f6f6f6}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #eee}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_item_block_item_info_wrap_flex{display:flex;flex-direction:column;justify-content:center}.bx_item_block_item_info_wrap_inner{display:flex;align-items:center;width:100%;justify-content:space-between}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#000000b3;margin-bottom:2px;display:inline-block;font-size:12px}.bx_smart_searche .bx_item_block_href_category_name{font-size:15px;color:#222}.bx_smart_searche .bx_item_block_item_image{width:50px;height:50px;float:left;margin-right:10px;position:relative;color:#222}.bx_smart_searche .bx_item_block_item_image img,.bx_item_block_item_image svg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#222;display:block;line-height:17px;font-size:15px}.bx_smart_searche .bx_item_block_item_simple_name{color:#222;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#222}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#222;line-height:17px;padding-left:5px;font-size:15px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#000000b3;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#000000b3;display:block;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-clear{position:absolute;top:1px;right:110%;width:30px;height:30px;z-index:4;display:none;font-size:35px;line-height:30px;text-align:center;cursor:pointer;color:#000}.bx-searchtitle .bx-searchtitle-clear:after{display:inline-block;content:"\00d7"}.bx-searchtitle .bx-searchtitle-voice{position:absolute;top:1px;right:110%;width:30px;height:30px;z-index:4;display:none;font-size:28px;line-height:28px;text-align:center;cursor:pointer;color:#000000b3}.bx-searchtitle .bx-searchtitle-voice svg{display:block;width:22px;height:22px;margin:4px}.bx-searchtitle .bx-searchtitle-voice.voice-show{display:block}.bx-searchtitle .bx-searchtitle-voice.active::after,.bx-searchtitle .bx-searchtitle-voice.active::before{content:'';position:absolute;border:3px solid #3D64FF;left:-20px;opacity:0;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:searchpulse 2.5s linear infinite}.bx-searchtitle .bx-searchtitle-voice.active::after{animation-delay:1.25s}@keyframes searchpulse{0%{transform:scale(0.5);opacity:0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/components/arturgolubev/search.title/templates/header/images/loader_orange.gif) center center no-repeat #fff}.bx_smart_searche.theme-blue .bx_item_block_item_image{color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/components/arturgolubev/search.title/templates/header/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{opacity:.8}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx-searchtitle.theme-blue .bx-searchtitle-clear{color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-voice svg path{fill:#0083d1}.bx_smart_searche.theme-black .bx_item_block_item_image{color:#333}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/components/arturgolubev/search.title/templates/header/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx-searchtitle.theme-black .bx-searchtitle-clear{color:#333}.bx-searchtitle.theme-black .bx-searchtitle-voice svg path{fill:#333}.bx_smart_searche.theme-green .bx_item_block_item_image{color:#159ebb}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/components/arturgolubev/search.title/templates/header/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx-searchtitle.theme-green .bx-searchtitle-clear{color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-voice svg path{fill:#159ebb}.bx_smart_searche.theme-red .bx_item_block_item_image{color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/components/arturgolubev/search.title/templates/header/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx-searchtitle.theme-red .bx-searchtitle-clear{color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-voice svg path{fill:#E22B2B}.bx_smart_searche.theme-yellow .bx_item_block_item_image{color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/components/arturgolubev/search.title/templates/header/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx-searchtitle.theme-yellow .bx-searchtitle-clear{color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-voice svg path{fill:#F9A91D}
/* End */


/* Start:/local/components/custom/banner.main/templates/.default/style.css?177341405942643*/
.bx_order_list {
}

.bx_order_list h3 {
	font-weight: bold;
	font-size: 24px;
	color: #3f3f3f;
}

.bx_order_list .bx_order_list_table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
}

.bx_order_list .bx_order_list_table tr td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx_order_list .bx_order_list_table thead tr td {
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #3d4345;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1);

	background: rgb(255, 255, 255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0);
}

.bx_order_list .bx_order_list_table tbody tr td {
	padding: 5px 10px;
	color: #3f3f3f;
	font-size: 13px;
	vertical-align: top;
}

.bx_order_list .bx_order_list_table tbody tr td[colspon="2"] {
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #3d4345;
	background: #fafafa;
}

.bx_order_list .bx_order_list_table tbody tr td:nth-child(2) {
	width: 75%
}

.bx_order_list .bx_order_list_table_order {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
}

.bx_order_list .bx_order_list_table_order tr td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.bx_order_list .bx_order_list_table_order thead tr td {
	padding: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #3d4345;
	border-bottom: 1px solid #d9d9d9;
	box-shadow: 0 -1px 1px 0 rgba(255, 255, 255, 1);

	background: rgb(255, 255, 255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(227, 227, 227, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0);
}

.bx_order_list .bx_order_list_table_order tbody tr td {
	padding: 10px 10px 5px;
	color: #3f3f3f;
	font-size: 13px;
	vertical-align: top;
}

.bx_order_list .bx_order_list_table_order tbody tr td.name {
	min-width: 60%
}

.bx_order_list .bx_order_list_table_order tbody tr td a {
	color: #0073a3
}

.bx_order_list .bx_order_list_table_order tbody tr td a:hover {
	text-decoration: none;
}

.bx_order_list .bx_order_list_table_order tbody tr td img {
	/*
	width: 100%;
	max-width: 65px;
	min-width: 50px;
	height: auto;
	*/
}

.bx_order_list .amount,
.bx_order_list .price {
	color: #000;
	color: #5f6a71;
	white-spoce: nowrap;
	text-align: right;
}

.bx_order_list .amount {
	text-align: center
}

.bx_order_list .fm {
	display: none;
	color: #5f6a71;
}

.bx_order_list .bx_ordercart_order_sum tr td {
	padding: 1px;
	text-align: right;
	font-size: 13px;
}

.bx_order_list .bx_ordercart_order_sum tr td.custom_t1 {
	width: 100%
}

.bx_order_list .bx_ordercart_order_sum tr td.custom_t2 {
	white-spoce: nowrap;
}

.bx_order_list .bx_fwb {
	font-weight: bold
}

.bx_control_table {
	width: 100%;
}

.bx_control_table td {
	width: 50%;
}

@media (max-width: 550px) {
	.bx-touch .bx_order_list .bx_order_list_table tr,
	.bx-touch .bx_order_list .bx_order_list_table td {
		display: block;
		width: 100%
	}

	.bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(1) {
		font-weight: bold;
		padding-bottom: 2px
	}

	.bx-touch .bx_order_list .bx_order_list_table tbody tr td:nth-child(2) {
		padding-top: 2px
	}

	.bx-touch .bx_order_list .bx_order_list_table tbody tr td[colspon="2"] {
		padding: 10px
	}

	.bx-touch .bx_order_list .bx_order_list_table_order thead {
		display: none;
	}

	.bx-touch .bx_order_list .bx_order_list_table_order td {
		display: block;
		width: 100%
	}

	.bx-touch .bx_order_list .bx_order_list_table_order tbody tr {
		clear: both;
		margin-bottom: 10px;
	}

	.bx-touch .bx_order_list .bx_order_list_table_order tbody tr td {
		padding: 2px 10px
	}

	.bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.name {
		font-weight: bold;
		padding: 2px 10px
	}

	.bx-touch .bx_order_list .bx_order_list_table_order tbody tr td.img {
		float: left;
		width: 70px;
		padding-right: 10px;
	}

	.bx-touch .bx_order_list .bx_order_list_table_order tbody tr td:last-child {
		padding: 2px 10px 30px
	}

	.bx-touch .bx_order_list .fm {
		display: inline-block;
	}

	.bx-touch .bx_order_list .amount,
	.bx-touch .bx_order_list .price {
		text-align: left;
	}

	.bx-touch .bx_order_list .bx_ordercart_order_sum {
		width: 100% !important
	}

	.bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t1 {
		width: 50% !important
	}

	.bx-touch .bx_order_list .bx_ordercart_order_sum tr td.custom_t2 {
		width: 50% !important;
		white-spoce: nowrap;
		text-align: left !important;
	}

	.bx-touch .bx_order_list .bx_control_table td {
		text-align: center !important;
		padding: 10px;
	}

	.bx_order_list .bx_order_list_table_order tbody tr td img {
		width: 100%;
		max-width: 65px;
		min-width: 50px;
		height: auto;
	}

}

.bx_order_list .bx_bt_button_type_2 {
	display: inline-block;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	cursor: pointer;
}

.bx_order_list .bx_shadow.bx_bt_button_type_2 {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .2)
}

.bx_order_list .bx_shadow.bx_bt_button_type_2:active {
	box-shadow: none
}

.bx_order_list .bx_bt_button_type_2 {
	border: 1px solid #e9e9e9;
	background: #fcfcfc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f1f1f1));
	background: -webkit-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%, #f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1', GradientType=0);
	color: #656565;
	text-shadow: 0 1px 0 #fff;
}

.bx_order_list .bx_bt_button_type_2:hover {
	background: #fff
}

.bx_order_list .bx_bt_button_type_2:active {
	background: #f1f1f1;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(100%, #fcfcfc));
	background: -webkit-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
	background: -moz-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
	background: -ms-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
	background: -o-linear-gradient(top, #f1f1f1 0%, #fcfcfc 100%);
	background: linear-gradient(to bottom, #f1f1f1 0%, #fcfcfc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#fcfcfc', GradientType=0);
	box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, .05);
}

.bx_order_list .bx_small.bx_bt_button_type_2 {
	display: inline-block;
	min-width: 20px;
	line-height: 20px;
}

.bx_order_list .bx_small.bx_bt_button_type_2 {
}

.bx_order_list .bx_small.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_small.bx_bt_button_type_2:active {
}

.bx_order_list .bx_medium.bx_bt_button_type_2 {
	padding: 0 13px;
	height: 25px;
	font-weight: bold;
	line-height: 25px;
}

.bx_order_list .bx_medium.bx_bt_button_type_2 {
	font-weight: bold
}

.bx_order_list .bx_medium.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_medium.bx_bt_button_type_2:active {
}

.bx_order_list .bx_big.bx_bt_button_type_2 {
	padding: 0 13px;
	height: 34px;
	font-weight: bold;
	line-height: 34px;
}

.bx_order_list .bx_big.bx_bt_button_type_2 {
}

.bx_order_list .bx_big.bx_bt_button_type_2:hover {
}

.bx_order_list .bx_big.bx_bt_button_type_2:active {
}

.bx_order_list_table_white_header {
	background-color: #fff !important;
}

.bx_order_list .bx_ol_store {
	margin-top: 10px;
}

.bx_order_list .bx_ol_store .bx_old_s_row {
	margin-bottom: 10px;
}

.bx_order_list .bx_ol_store .bx_old_s_row_title {
	margin-bottom: 20px;
}

.bx_order_list .bx_ol_store .bx_ild_s_desc {
	margin-top: 5px;
	font-size: 12px;
	color: gray;
}

.bx_old_s_map {
	margin-top: 20px;
	width: 100%;
}

.bx_old_s_map .bx_bt_button_type_2 {
	margin-bottom: 10px;
}

.bx_map_buttons {
	height: 40px;
}

.bx_map_buttons a {
	display: inline-block;
}

#bx_old_s_map {
	margin-bottom: 10px;
}

#map-container {
	height: 200px;
}

.bx_ol_sku_prop img {
	width: auto !important;
	height: auto !important;
	max-width: 50px !important;
	max-height: 50px !important;
	min-width: 0 !important;
	margin: 3px 3px 3px 0;
	padding: 1px;
	border: 1px solid gray;
}

.bx_ol_sku_prop td {
	padding: 1px 1px 10px 1px !important;
	border: 0px;
}

.bx_my_order_switch {
	margin-bottom: 15px;
	line-height: 30px;
}

.bx_my_order_switch .bx_mo_link {
	margin-right: 20px;
}


/* sale personal order component */

.sale-order-detail-back-to-list-link-up,
.sale-order-detail-back-to-list-link-down {
	display: block;
	padding: 19px 0 11px 0;
}

.sale-order-detail-back-to-list-link-down {
	padding: 19px 0 78px 0;
}

.sale-order-detail-title-element {
	margin: 0;
	font: 36px "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #262626;
}

.sale-order-detail-about-order,
.sale-order-detail-payment-options {
	margin-top: 20px;
}

.sale-order-detail-about-order-inner-container {
	padding: 17px 16px 22px 19px;
	border: 1px solid #efecec;
}
.sale-order-detail-about-order-inner-container-name-read-less,
.sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-list-cancel-payment{
	margin: 29px 0 0 0;
	border-bottom: 1px dashed #337ab7;
	cursor: pointer;
}

.sale-order-detail-about-order-inner-container-name-read-less:hover,
.sale-order-detail-about-order-inner-container-name-read-more:hover,
.sale-order-detail-payment-options-methods-info-change-link:hover,
.sale-order-detail-show-link:hover,
.sale-order-detail-hide-link:hover,
.sale-order-list-cancel-payment:hover,
.sale-order-detail-about-order-inner-container-name-read-less:active,
.sale-order-detail-about-order-inner-container-name-read-more:active,
.sale-order-detail-payment-options-methods-info-change-link:active,
.sale-order-detail-show-link:active,
.sale-order-detail-hide-link:active,
.sale-order-list-cancel-payment:active,
.sale-order-detail-about-order-inner-container-name-read-less:visited,
.sale-order-detail-about-order-inner-container-name-read-more:visited,
.sale-order-detail-payment-options-methods-info-change-link:visited,
.sale-order-detail-show-link:visited,
.sale-order-detail-hide-link:visited,
.sale-order-list-cancel-payment:visited{
	text-decoration: none!important;
}

.sale-order-detail-about-order-inner-container-name-read-less {
	display: none;

}

.sale-order-detail-about-order-inner-container-name-read-more {
	display: inline-block;
}

.sale-order-detail-about-order-inner-container-name-read-less:after,
.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-payment-options-methods-info-change-link:after,
.sale-order-detail-show-link:after,
.sale-order-detail-hide-link:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 4px;
	background: url(/local/components/custom/banner.main/templates/.default/images/sale-personal-order-sprite.svg) no-repeat;
	vertical-align: middle;
}

.sale-order-detail-about-order-inner-container-name-read-less:after,
.sale-order-detail-hide-link:after {
	background-position: -1px -33px;
}

.sale-order-detail-hide-link:after,
.sale-order-detail-show-link:after,
.sale-order-detail-payment-options-methods-info-change-link:after{
	margin: 0 0 0 3px;
}

.sale-order-detail-about-order-inner-container-name-read-less:hover:after,
.sale-order-detail-hide-link:hover:after {
	background-position: -8px -33px;
}

.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-payment-options-methods-info-change-link:after,
.sale-order-detail-show-link:after {
	background-position: -1px -39px;
}

.sale-order-detail-about-order-inner-container-name-read-more:hover:after,
.sale-order-detail-show-link:hover:after {
	background-position: -8px -39px;
}

.sale-order-detail-about-order-inner-container-name-detail,
.sale-order-detail-about-order-inner-container-status-detail,
.sale-order-detail-about-order-inner-container-price-detail {
	padding: 5px 0 0 0;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
}

div.sale-order-detail-about-order-inner-container-repeat {
	padding-left: 0;
}

.sale-order-detail-about-order-inner-container-repeat-button {
	display: block;
	height: 38px;
	/*padding: 8px 4px 10px 4px;*/
	background: #70bb18;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	font: bold 12px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
}

.sale-order-detail-about-order-inner-container-repeat-cancel {
	display: block;
	padding: 7px 0 0 0;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #9b9b9b;
	text-align: center;
	text-decoration: underline;
}

.sale-order-detail-about-order-inner-container-details-title {
	padding: 7px 0 10px 0;
	border-bottom: 1px solid #f2f2f2;
}

.sale-order-detail-about-order-inner-container-comments
{
	margin-top:35px;
}

.sale-order-detail-about-order-inner-container-details-list {
	padding: 0;
}

.sale-order-detail-about-order-inner-container-list-item {
	display: block;
	padding: 15px 0 0 0;
}

.sale-order-detail-about-order-inner-container-list-item-element {
	padding: 4px 0 0 0;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #303030;
}

.sale-order-detail-about-order-inner-container-list-item-link {
	display: block;
	padding: 3px 0 0 0;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4a90e2;
}

/* payment */

.sale-order-detail-payment-options-methods-container {
	position: relative;
	overflow: hidden;
}

.sale-order-detail-payment-options-methods-container:before {
	content: '';
	position: absolute;
	left: 33px;
	top: 0;
	bottom: 63px;
	width: 1px;
	height: 100%;
	background: #777f8a;
}

div.payment-options-methods-row {
	position: relative;
	padding: 0 0 0 69px;
	margin: 0 0 0 -15px;
	overflow: hidden;
}

div.payment-options-methods-row:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 34px;
	margin: -1px 0 0 0;
	height: 1px;
	width: 30px;
	background: #777f8a;
}

div.payment-options-methods-row:last-child:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 33px;
	bottom: 0;
	display: block;
	width: 1px;
	background: #fff;
}

.sale-order-detail-payment-options-inner-container {
	border: 1px solid #efecec;
}

div.sale-order-detail-payment-options-methods,
div.sale-order-detail-payment-options-shipment {
	padding: 20px 0 26px 0;
	border-top: 1px solid #f2f2f2;
	overflow: hidden;
}

div.sale-order-detail-payment-options-shipment-image-container,
div.sale-order-detail-payment-options-methods-image-container {
	text-align: center;
}

.sale-order-detail-payment-options-info {
	padding: 26px 15px 38px 15px;
}

.sale-order-detail-payment-options-info-image {
	display: inline-block;
	/*max-width: 46px;*/
	/*width: 46px;*/
	height: 54px;
	background: url("/local/components/custom/banner.main/templates/.default/images/sale-personal-order-payment-options-order-number.svg") center no-repeat;
}

.sale-order-detail-payment-options-info-container {
	padding: 8px 0 0 6px !important;
}

.sale-order-detail-payment-options-info-order-number,
.sale-order-detail-payment-options-info-total-price {
	height: 21px;
	line-height: 21px;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.sale-order-detail-payment-options-info-total-price {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sale-order-detail-payment-options-method {
	position: relative;
}
.sale-order-detail-payment-options-methods-information-block {
	position: static;
	-webkit-transition: opacity .5s .3s ease;
	-moz-transition: opacity .5s .3s ease;
	transition: opacity .5s .3s ease;
	opacity: 1;

}

.sale-order-detail-payment-options-methods-image-element,
.sale-order-detail-payment-options-shipment-image-element{
	display: block;
	height: 51px;
	margin: 0;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.sale-order-detail-payment-options-methods-info {
	padding-left: 5px !important;
}

.sale-order-detail-payment-options-methods-info-title,
.sale-order-detail-payment-options-methods-shipment-list-item-title {
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
}

.sale-order-detail-payment-options-shipment-button-element {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #4a90e2;
}

.sale-order-detail-payment-options-methods-info-title-status-alert,
.sale-order-detail-payment-options-methods-info-title-status-restricted,
.sale-order-detail-payment-options-methods-info-title-status-success {
	display: inline-block;
	padding: 4px 10px 5px 8px;
	border: 1px solid #eab3b9;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background: #ffe5e8;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #d0021b;
}

.sale-order-detail-payment-options-methods-info-title-status-success {
	background: #e3f0bd;
	border: 1px solid #bed277;
	color: #597707;
}

.sale-order-detail-payment-options-methods-info-title-status-restricted {
	background: #f3f4f5;
	border: 1px solid rgba(128,134,142,0.20);
	color: #535c69;
}

.sale-order-detail-payment-options-methods-info-total-check,
.sale-order-detail-payment-options-methods-info-total-price {
	padding: 4px 0 0 0;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-methods-info-change-link {
	display: block;
	padding: 6px 0 0 0;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.sale-order-detail-payment-options-methods-button-container {
	padding: 0 15px 0 0;
}

.sale-order-detail-payment-options-methods-info-total-check{
	width:100%;
	float: left;
}

.sale-order-detail-sum-check-left{
	display: inline;
	float: left;
	padding-right: 5px;
}

.sale-order-detail-payment-options-methods-button-element,
.sale-order-detail-payment-options-methods-button-element-new-window{
	cursor: pointer;
	display: block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/*max-width: 115px;*/
	background: #70bb18;
	color: #fff;
	font: bold 13px/38px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: center;
}

.sale-order-detail-about-order-inner-container-repeat-button:hover,
.sale-order-detail-payment-options-methods-button-element.active-button:hover,
.sale-order-detail-payment-options-methods-button-element-new-window:hover{
	color: #fff;
	background: #7bd314;
	-webkit-transition: background ease-out 0.5s;
	-moz-transition: background ease-out 0.5s;
	-ms-transition: background ease-out 0.5s;
	-o-transition: background ease-out 0.5s;
	transition: background ease-out 0.5s;
}

.sale-order-detail-about-order-inner-container-repeat-button:visited,
.sale-order-detail-payment-options-methods-button-element.active-button:visited,
.sale-order-detail-payment-options-methods-button-element-new-window:visited{
	color: #fff;
	text-decoration: none;
}

.sale-order-detail-payment-options-methods-template {
	/*display: none;*/
}

div.sale-order-detail-payment-options-methods-template {
	position: absolute;
	left: 1000px;
	padding: 24px 38px 24px 38px;
	margin: 0;
	border: 1px solid #3bc8f5;
	-webkit-transition: opacity .5s .3s ease;
	-moz-transition: opacity .5s .3s ease;
	transition: opacity .5s .3s ease;
	opacity: 0;
}

/* Active statement */
.sale-order-detail-active-event .sale-order-detail-payment-options-methods-template {
	position: relative;
	left: 0;
	opacity: 1;
}

.sale-order-detail-active-event .sale-order-detail-payment-options-methods-information-block {
	position: absolute;
	left: 1000px;
	opacity: 0;
}

.sale-order-detail-active-event .sale-order-detail-payment-options-methods-template.sale-paysystem-close {
	position: absolute;
	left: 1000px;
}

.inactive-button {
	background: #dff0d8;
}

.inactive-button:hover{
	color: #FFFFFF;
}

.sale-order-detail-payment-options-shipment-composition-item-product-container,
.sale-order-detail-payment-options-order-content-item-product-container {
	display: table;
	width: 100%;
	border-top: 1px solid #f2f2f2;
}

/* shipment */
.sale-order-detail-payment-options-methods-shipment-list {
	padding-left: 5px !important;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style: none;
}

.sale-order-detail-payment-options-methods-shipment-list-item {
	padding: 6px 0 0 0;
}

.sale-order-detail-payment-options-methods-shipment-list-item-link {
	padding: 16px 0 0 0;
}

.sale-order-detail-shipment-id {
	font-weight: 700;
}

.sale-order-detail-shipment-id-icon {
	display: inline-block;
	width: 11px;
	height: 13px;
	background: url("/local/components/custom/banner.main/templates/.default/images/sale-order-item-id-element.svg") center no-repeat;
	cursor: pointer;
}

.sale-order-payment-cancel {
	text-decoration: underline;
	cursor: pointer;
}

.sale-order-detail-show-link,
.sale-order-detail-hide-link,
.sale-order-detail-payment-options-methods-info-change-link {
	border-bottom: 1px dashed #337ab7;
	-webkit-transition: border-bottom .3s ease;
	-moz-transition: border-bottom .3s ease;
	transition: border-bottom .3s ease;
	cursor: pointer;
	display: inline;
}

.sale-order-detail-hide-link {
	display: none;
}

.sale-order-payment-cancel:hover,
.sale-order-detail-payment-options-methods-info-change-link:hover {
	text-decoration: none;
}

.sale-order-detail-payment-options-shipment-button-container {
	text-align: right;
}

.sale-order-detail-payment-options-shipment-button-element {
	display: block;
	text-decoration: underline;
}

.sale-order-detail-payment-options-shipment-composition-map{
	display: none;
}

.sale-order-detail-payment-options-shipment-composition-map-title {
	padding: 44px 0 8px 0;
	margin: 0;
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2f3435;
}

.sale-order-detail-payment-options-shipment-composition-map-container-map {
	width: 100%;
	min-height: 251px;
}

.sale-order-detail-payment-options-shipment-map-address {
	margin: 19px 0 39px 0;
}

.sale-order-detail-payment-options-shipment-map-address-title {
	font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2f3435;
}

.sale-order-detail-payment-options-shipment-map-address-element {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sale-order-detail-payment-options-shipment-composition-item-product-image {
	display: inline-block;
	width: 51px;
	height: 55px;
	background: url("/local/components/custom/banner.main/templates/.default/images/sale-order-detail-payment-options-shipment-composition-item-product-image.png") no-repeat;
	background-size: contain;
}

.sale-order-detail-payment-options-order-content-item-product-image {
	width: 97px;
	height: 105px;
	background: url("/local/components/custom/banner.main/templates/.default/images/sale-order-detail-payment-options-order-content-item-product-image.png") no-repeat;
	background-size: contain;
}

.sale-order-detail-payment-options-shipment-composition-item-container {
	padding: 17px 20px 14px 17px;
	border: 1px solid #efecec;
}

.sale-order-detail-payment-options-shipment-composition-item,
.sale-order-detail-payment-options-shipment-composition-item-product-container {
	display: table;
	width: 100%;
}

.sale-order-detail-payment-options-order-content-item-product-image,
.sale-order-detail-payment-options-order-content-item-product-name,
.sale-order-detail-payment-options-order-content-item-product-cost,
.sale-order-detail-payment-options-order-content-item-product-amount,
.sale-order-detail-payment-options-order-content-item-product-total-price,
.sale-order-detail-payment-options-shipment-composition-item-title,
.sale-order-detail-payment-options-shipment-composition-item-product-image,
.sale-order-detail-payment-options-shipment-composition-item-product-name,
.sale-order-detail-payment-options-shipment-composition-item-product-amount,
.sale-order-detail-payment-options-order-content-item-title {
	display: table-cell;
	text-align: center;
}

.sale-order-detail-payment-options-shipment-composition-item-product-container {
	padding: 11px 0 13px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-product-name,
.sale-order-detail-payment-options-shipment-composition-item-product-amount {
	line-height: 55px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-product-name {
	padding: 0 0 0 18px !important;
}

.sale-order-detail-payment-options-shipment-composition-item-title {
	padding: 0 0 12px 0 !important;
}

.sale-order-detail-payment-options-order-content-item {
	display: table;
	width: 100%;
	padding: 19px 0 12px 0;
}

.sale-order-detail-total-payment {
	padding: 18px 0;
}

.sale-order-detail-total-payment-list-left,
.sale-order-detail-total-payment-list-right {
	list-style: none;
}

.sale-order-detail-total-payment-list-left-item {
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2f3435;
	text-align: right;
	list-style: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sale-order-detail-total-payment-list-right-item {
	height: 20px;
	line-height: 20px;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2f3435;
	text-align: right;
}

/* colors grey */
.sale-order-detail-about-order-inner-container-list-item,
.sale-order-detail-about-order-inner-container-name-titile,
.sale-order-detail-about-order-inner-container-status-title,
.sale-order-detail-about-order-inner-container-price-title,
.sale-order-detail-payment-options-shipment-composition-item-title,
.sale-order-detail-payment-options-order-content-item-title {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #888;
}

.sale-order-detail-about-order-inner-container-details {
	display: none;
}

.sale-order-detail-about-order-inner-container-details-title {
	font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #888;
}

/* titles */
.sale-order-detail-about-order-title,
.sale-order-detail-payment-options-title,
.sale-order-detail-payment-options-shipment-composition-title,
.sale-order-detail-payment-options-order-content-title,
.sale-order-detail-payment-options-order-content-title {
	background: #f2f2f2;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
}

.sale-order-detail-about-order-title-element,
.sale-order-detail-payment-options-title-element,
.sale-order-detail-payment-options-shipment-composition-title-element,
.sale-order-detail-payment-options-order-content-title-element,
.sale-order-detail-general-item {
	margin: 11px 0 13px 0;
	font: bold 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #2f3435;
}

/* General detail theme color */

.sale-order-detail-general {
	border: 1px solid #179ebb;
}

.sale-order-detail-general-head {
	background: #179ebb;
}

.sale-order-detail-general-item {
	display: inline-block;
	color: #fff;
}

.sale-order-detail-payment-options-order-content {
	margin-top: 20px;
}

.sale-order-detail-payment-options-order-content-inner-container {
	border: 1px solid #efecec;
}

.sale-order-detail-payment-options-shipment-composition-container {
	margin: 20px 0 45px;
}


.sale-order-detail-payment-inner-row-template{
	display: none;
	cursor: pointer;
	margin-top: 20px;
}

/* sale personal order ajax styles */
.sale-order-detail-order-section {
	-webkit-transition: border-color .3s ease;
	-moz-transition: border-color .3s ease;
	-o-transition: border-color .3s ease;
	transition: border-color .3s ease;
	border: 1px solid #e8e9eb;
}

.sale-order-detail-order-section.bx-step-completed {
	border: 1px solid #83CB1B;
}

.sale-order-detail-order-section-title-container {
	overflow: hidden;
	background: #f2f5f7;
	padding: 7px 0;
	font-size: 14px;
}

.sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-title-container {
	padding: 15px;
}

.sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-section-content,
.sale-order-detail-order-section.bx-selected .sale-order-detail-order-section-content {
	line-height: 18px;
}

/* Table */
.sale-order-detail-order-table-fade {
	position: relative;
}

.sale-order-detail-order-table-fade-left:before,
.sale-order-detail-order-table-fade-right:after {
	width: 15px;
}

.sale-order-detail-order-item-table {
	margin-bottom: 10px;
	min-width: 100%;
	display: table;
}

.sale-order-detail-order-item-tr {
	display: table-row;
}

.sale-order-detail-order-item-td {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #e5e5e5;
}

.sale-order-detail-order-item-table .sale-order-detail-order-item-tr:first-child .sale-order-detail-order-item-td {
	border-top: none
}

.sale-order-detail-order-item-img-block {
	float: left;
	padding-right: 15px;
}

.bx-step-completed .sale-order-detail-order-item-img-block {
	width: 48px;
	padding-bottom: 10px;
}

.sale-order-detail-order-item-imgcontainer {
	border: 1px solid #c0cfd9;
	padding-top: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.sale-order-detail-order-item-title {
	font-weight: bold;
	padding-bottom: 5px;
}

.sale-order-detail-order-item-td-title {
	line-height: 20px;
	color: #7c7c7c;
	padding-bottom: 3px;
	font-size: 12px;
}

.sale-order-detail-order-item-td-text {
	line-height: 25px;
	vertical-align: middle;
}

.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-properties .sale-order-detail-order-item-td-text {
	text-align: center;
}

.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title,
.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text {
	text-align: right;
}

.sale-order-detail-order-item-td-text input[type="number"] {
	height: 25px;
	line-height: 20px;
}

.sale-order-detail-order-item-td-text .bx-price {
	white-spoce: nowrap;
}

.bx-price-old {
	white-spoce: nowrap;
	text-decoration: line-through;
	color: #B8B8B8;
	font-size: 13px;
}

.sale-order-detail-order-item-td-control {
	padding-bottom: 5px;
	font-size: 11px;
}

/* Advanced info */
.sale-order-detail-order-item-info-container {
	position: relative;
	height: 35px;
}

.sale-order-detail-order-item-info-container .sale-order-detail-order-item-td {
	border: none;
	position: absolute;
	/*left:20px;*/
	/*right:20px;*/
	/*padding:0 20px;*/
}

.sale-order-detail-order-item-info-container .sale-order-detail-order-item-info-block {
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}

.sale-order-detail-order-item-info-block.bx-active {
	padding-top: 10px;
	height: auto;
}

.sale-order-detail-order-info-block {
	border: none;
	max-width: 100%;
}

.sale-order-detail-order-info-line {
	line-height: 15px;
}

.sale-order-detail-order-info-title {
	color: #7c7c7c;
	font-size: 12px;
	padding: 4px 0;
	vertical-align: top;
}

.sale-order-detail-order-info-text {
	display: inline-block;
	font-size: 12px;
	padding: 4px 10px;
	vertical-align: top;
}

.sale-order-detail-order-item-color,
.sale-order-detail-order-item-size {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #7c7c7c;
}

.sale-order-detail-status-restricted-message-block{
	padding-top:10px;
}

.sale-order-detail-status-restricted-message{
	font: 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #9e9fa2;
}

/* Close icon */
.sale-paysystem-close {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 1;
}

.sale-paysystem-close-item {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(/local/components/custom/banner.main/templates/.default/images/sale-personal-order-sprite.svg) 1px 1px no-repeat;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	transition: opacity .3s ease;
	opacity: 1;
	cursor: pointer;
}

.sale-paysystem-close-item:hover {
	opacity: .5;
}

/* Media */

@media (max-width: 991px) {
	.sale-order-detail-order-item-table,
	.sale-order-detail-order-item-table > tbody,
	.sale-order-detail-order-item-tr,
	.sale-order-detail-order-item-td {
		display: block;
	}

	.sale-order-detail-order-item-tr.sale-order-detail-order-item-info-container,
	.sale-order-detail-order-item-tr .sale-order-detail-order-item-td {
		border: none;
	}

	.sale-order-detail-order-item-tr {
		border-top: 1px solid #e5e5e5;
		padding-bottom: 15px;
		padding-top: 10px;
		overflow: hidden;
	}

	.sale-order-detail-order-item-tr.sale-order-detail-order-item-tr-first {
		border: none;
	}

	.sale-order-detail-order-item-block {
		overflow: hidden;
	}

	.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title,
	.sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-text {
		text-align: center;
	}
	div.sale-order-detail-about-order-inner-container-repeat,
	div.sale-order-detail-payment-options-methods-button-container {
		padding: 0 15px;
	}
	.sale-order-detail-payment-options-shipment-button-container {
		margin: 20px 0 0 0;
		text-align: center;
	}
}

@media (min-width: 581px) and (max-width: 991px) {
	.sale-order-detail-order-item-properties {
		float: left;
		padding-bottom: 10px;
	}

	.sale-order-detail-order-item-td-title,
	.sale-order-detail-order-item-nth-4p1,
	.sale-order-detail-order-item-tr {
		clear: both;
	}
	.sale-order-detail-order-item-td.sale-order-detail-order-item-properties{
		width:100%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sale-order-detail-payment-options-methods-button-container{
		float: right;
	}
	.sale-order-detail-payment-options-methods-button-element {
		/*position: relative;*/
		/*max-width: 252px;*/
		/*width: 252px;*/
		/*right:0;*/
		/*top:0;*/
		display: block;
		padding: 8px 22px 10px 22px;
		margin: 15px 0 0 0;
		border-radius: 2px;
		background: #70bb18;
		color: #fff;
		font: bold 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-align: center;
		/*transform: translate(-6%, 35%);*/
		cursor: pointer;
	}
}

@media (max-width: 767px) {
	div.sale-order-detail-payment-options-methods-button-container {
		margin: 15px 0 0 0;
	}
}

@media (max-width: 580px) {
	.sale-order-detail-order-item-td {
		line-height: 17px;
	}

	.sale-order-detail-order-item-img-block {
		float: none;
		max-width: 160px;
		margin: 0 auto;
		padding-right: 0;
	}

	.sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-img-block {
		float: left;
	}

	.sale-order-detail-order-item-content {
		padding-top: 15px;
	}

	.sale-order-detail-order-section.bx-step-completed .sale-order-detail-order-item-content {
		padding-top: 0;
	}

	.bx-scu-container {
		padding-top: 10px;
	}

	.sale-order-detail-order-item-td-title,
	.sale-order-detail-order-item-td-text {
		line-height: 20px;
		display: inline-block !important;
		padding: 2px 5px;
		text-align: left;
		vertical-align: middle;
		font-size: 13px;
	}

	.sale-order-detail-order-item-td-title:after {
		content: ":"
	}

	.sale-order-detail-order-item-properties {
		padding: 3px 0;
	}

	.sale-order-detail-order-item-title{
		text-align: center;
	}
}

@media (max-width: 580px) {
	.sale-order-detail-order-item-info-container .sale-order-detail-order-item-td {
		position: static;
		left: auto;
		right: auto;
		padding: 0;
	}

	.sale-order-detail-order-item-info-container {
		position: relative;
		height: auto !important;
		min-height: 0;
	}
}

@media (min-width: 580px) {
	.sale-order-detail-order-item-img-block {
		width: 85px;
		margin: 0;
	}
}

@media (max-width: 320px) {
	.sale-order-detail-order-item-img-block {
		max-width: 130px;
	}
	.sale-order-detail-order-item-td {
		min-width: auto !important;
		text-align: center;
	}
	.sale-order-detail-order-item-title {
		text-align: center;
	}
	.sale-order-detail-order-item-td-title {
		display: inline-block !important;
	}
}

@media (max-width: 768px) {
	.sale-order-detail-payment-options-methods-shipment-list,
	.sale-order-detail-payment-options-methods-info {
		padding-left: 15px !important;
	}
	.sale-order-detail-about-order-inner-container-price {
		margin: 15px 0;
	}

	.sale-order-detail-about-order-inner-container-repeat {
		margin: 15px;
	}

	.sale-order-detail-payment-options-info-order-number,
	.sale-order-detail-payment-options-info-total-price {
		height: auto;
	}

	.sale-order-detail-payment-options-shipment-button-element {
		text-align: center;
	}
}
@media (min-width: 580px) and (max-width: 768px){
	.sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text {
		display: inline-block !important;
	}
}
@media (min-width: 580px) {
	.sale-order-detail-order-item-td-title, .sale-order-detail-order-item-td-text {
		line-height: 20px;
		padding: 2px 5px;
		text-align: left;
		vertical-align: middle;
		font-size: 13px;
	}

	.sale-order-detail-order-item-properties {
		padding: 3px 0;
	}
}

@media (max-width: 320px) {
	.sale-order-detail-total-payment-list-left-item,
	.sale-order-detail-payment-options-info-total-price {
		font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.sale-order-detail-payment-options-info-order-number,
	.sale-order-detail-total-payment-list-right-item {
		font: bold 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}

	.sale-order-detail-payment-options-info-image {
		display: none;
	}

	.sale-order-detail-payment-options-shipment-button-element {
		text-align: center;
	}
}
/* End */


/* Start:/local/components/custom/cookie/templates/.default/style.css?17902361391348*/
.container-cookie {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px;
    box-sizing: border-box;
    border-top: 1px solid rgba(133, 140, 104, 0.36);
    background: #fff;
}

.block-cookie {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.block-cookie {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-size: 20px;
}

.block-cookie span a {
    text-decoration: underline;
}

.block-cookie-title {
    max-width: 590px;
    margin-bottom: 12px;
    text-align: left;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 300;
    color: #858C68;
}

.block-cookie-description {
    max-width: 1120px;
    font-size: 14px;
    color: #4B4B4B;
    font-weight: 400;
    text-align: left;
    line-height: 1.1;
}

.block-cookie-description a {
    color: #4B4B4B;
    text-decoration: underline;
}

.btn-cookie {
    margin-left: 44px;
    text-wrap: nowrap;
}

@media (max-width: 870px) {
    .block-cookie {
        flex-direction: column;
    }

    .block-cookie-title {
        font-size: 20px;
    }

    .block-cookie-description {
        font-size: 16px;
        margin-bottom: 21px;
    }

    .container-cookie {
        padding-bottom: 20px;
    }
}
/* End */


/* Start:/local/components/custom/popup.authorize/templates/.default/style.css?1792731473868*/
/* возможности ЛК строкой через разделитель: «Документы | Избранное | ...» */
.popup-auth-features {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 44px;
    padding: 0;
    list-style: none;
    color: #858c68;
    font-size: 16px;
    text-align: left;
}

.popup-auth-features li {
    display: flex;
    align-items: center;
}

/* разделитель после пункта — при переносе строки он остаётся в конце, а не в начале */
.popup-auth-features li:not(:last-child)::after {
    content: "|";
    margin: 0 10px;
    color: #c5c9b8;
}

@media (max-width: 870px) {
    .popup-auth-features {
        margin: -24px 0 24px;
        font-size: 14px;
    }

    .popup-auth-features li:not(:last-child)::after {
        margin: 0 8px;
    }
}

/* End */


/* Start:/local/templates/main-25/components/bitrix/menu/footer.link/style.css?1773414060229*/

.js-desktop-menu-content-sublist {
    display: none;
}

.js-desktop-menu-content-sublist.active {
    display: block;
}

.js-parent-link.active a {
    /* ваши стили для активной ссылки */
}
/* End */


/* Start:/local/templates/main-25/template_styles.css?179324092721169*/
.product-card-heart.active {
    background: rgba(133, 140, 104, 0.25);
}

.product-card-btn.active {
    background: #a3aa87;
}

.btn-green {
    display: inline-block;
}

.header-content-btn {
    display: inline-block;
}

.btn-white-outline {
    display: inline-block;
}

.product-card-heart.active {
    background: #fff;
    border: 1px solid #858c68;
    color: #858c68;
    transition: all 0.1s ease;
}

.marketing-mailings {
    margin-top: 20px;
}

.warehouse-content-section-content-info-item a {
    color: #4b4b4b;
}

.own-block-news-slider-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.own-block-news-content-main {
    width: 100%;
}

.requset-modal-form-checkbox.error * {
    color: red;
}

form[name="feedback_vacancies"] {
    position: relative;
    z-index: 1;
}

.product-page .product-page-content-left {
    max-width: 538px;
}

.header-search-wrapper {
    position: relative;
}

.header-search-wrapper .form-btn {
    display: flex;
    align-items: center;
    background: transparent;
}

.search-page-wrapper button {
    background: transparent;
}

.block-btn {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media (max-width: 1170px) {
    .product-page .product-page-content-left {
        max-width: 100%;
    }
}

@media (max-width: 1400px) {
    .smartsearch-title__wrap {
        display: none;
    }
}

.upper {
    text-transform: uppercase
}

.center {
    text-align: center;

}

.form-error-item {
    margin-bottom: 15px;
}

.smart-captcha {
    max-width: 500px;
}

.header .bg-header .header-content .header-content-images-box .header-video-play-pause {
    display: none;
}

@media (max-width: 767px) {
    .header .bg-header .header-content .header-content-images-box {
        cursor: pointer;
    }
}

.header .bg-header .header-content .header-content-images-box:hover .header-video-play-pause {
    display: inline-block;
}

.btn-favorite.active svg {
    fill: #858C68;
}

.smartsearch-title__wrap .smartsearch-title__input {
    height: 42px;
    background-color: transparent !important;
    border: 1px solid var(--color-gray-200) !important;
}

.smartsearch-title__wrap .smartsearch-title__input-conteiner:before {
    top: 10px;
}

.icon-wrapper {
    top: 10px;
}

.breadcrumbs {
    flex-wrap: wrap;
}

.text-clear-cart {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 47px;
}

.btn-green.btn-clear-cart {
    font-size: 18px;
    padding: 31px 130px;
}

.basket-clear {
    min-height: calc(100vh - 88px - 578px - 120px);
    display: flex;
    align-items: center;

}

div[id^="wait_comp_"] {
    display: none !important;
}

.fields-form-error.def-input-gray,
.fields-form-error.def-input {
    border: 1px solid #FF5656;
    background: rgba(255, 86, 86, 0.06);
}

.form-text-error {
    display: none;
}

.fields-form-error.def-input-gray {
    display: inline-block;
    text-align: left;
}

.fields-form-error.def-input-gray .form-text-error {
    font-size: 12px;
}

.fields-form-error .form-text-error {
    display: inline-block;
}

.form-text-error {
    color: #FF5656;
}

.file.fields-form-error .span-file {
    color: #FF5656 !important;
    border-bottom: 1px solid #FF5656 !important;
}

.fields-form-error input::placeholder {
    color: #FF5656 !important;
}

.connect-me-form {
    gap: 30px;
}

.requset-modal-form-checkbox.error * {
    color: #FF5656 !important;
    opacity: 1;
}

.def-input input {
    font-size: 16px !important;
}

.inn .field-error {
    /*font-size: 9px !important;*/
}

@media (max-width: 768px) {
    .text-clear-cart {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .btn-green.btn-clear-cart {
        font-size: 16px;
        padding: 20px 80px;
    }

    .basket-clear {
        padding: 30px 0;
    }
}

.login-register-error {
    color: red;
    margin-bottom: 10px;
}

.mb-5 {
    margin-bottom: 3rem;
}

.mt-5 {
    margin-top: 3rem;
}

.table {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #dee2e6;
    overflow-y: auto;
}

.file-item {
    display: flex;
    align-items: center;
}

.container-file-info__items {
    width: calc((100% - 163px) / 2);
}

.file-item-name {
    margin: 0 auto 0 8px;
}

.container-file-favorite__title {
    padding-bottom: 25px;
    font-size: 20px;
    color: #4B4B4B;
    font-weight: 400;
    border-bottom: 1px solid #B8B8B8;
}

.container-user-favorite-file {
    padding-top: 25px;
}

.container-file-info {
    display: flex;
    justify-content: space-between;
}

.container-file-search .search-wrapper {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
}

.container-file-search #search-input {
    width: 100%;
    height: 56px;
    padding: 0 32px;
    border: 1px solid #EBEBEB;
    border-radius: 45px;
    background: #F7F7F7;
}

.container-file-search label {
    width: 100%;
}

@media (max-width: 1240px) {
    .container-file-info {
        flex-direction: column;
    }

    .container-file-info__items {
        width: 100%;
        margin-bottom: 20px;
    }
}

.file-itemicon {
    display: flex;
}

.product-page-right-price {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media (max-width: 870px) {
    .product-page-right-price {
        flex-direction: column;
    }
}

.container-file-search .search-wrapper svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 32px;
    z-index: 1;
    cursor: pointer;
}

/*.catalog-content {*/
/*    flex-direction: row-reverse;*/
/*}*/

/*@media (max-width: 992px) {*/
/*    .catalog-content {*/
/*        flex-direction: column-reverse;*/
/*    }*/
/*}*/

.product-page-right-info {
    flex-wrap: wrap;
}

.product-page-info-item {
    width: 100%;
}

.file-item {
    margin-bottom: 16px;
    width: 100%;
    color: #858C68;
}

.container-file-search path {
    stroke: #858C68
}

.featured-fanufacturers-empty-list {
    font-size: 18px;
    color: #4B4B4B;
    max-width: 430px;
    /*display: flex;*/
    /*align-items: center;*/
}

.featured-fanufacturers-empty-list img {
    margin: 0 5px -5px;
}

.btn-favorite-file {
    display: flex;
}

.container-file-search img {
    display: inline-block;
}

.container-file-search {

}

.form-page_articles .connect-me-title {
    font-size: 38px;
    line-height: 1.2;
    margin-right: 20px;
}

.table thead {
    background-color: #f8f9fa;
    cursor: pointer;
    user-select: none;
}

.table thead:hover {
    background-color: #e9ecef;
}

.table th,
.table td {
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
}

.table tbody {
    display: table-row-group;
}

.table tbody.hidden {
    display: none;
}

.link-basket {
    display: flex;
    align-items: center;
    color: #4B4B4B;
    margin: 12px 0;
    cursor: pointer;
}

.link-basket svg {
    margin-right: 8px;
}

.single-news-content-left p, .single-news-content-left li {
    font-size: 18px;
}

.about-info .info-text {
    font-size: 40px;
}

div.title-search-result {
    z-index: 9999;
}

.bx-searchtitle {
    max-width: 607px;
    width: 100%;
}

.link-phone p {
    white-space: nowrap;
}

a[href^="tel:"] small {
    opacity: 1 !important;
}

.bx-searchtitle {
    margin: 0;
}

.container-editor.max {
    max-width: 1000px;
}

.container-editor p {
    font-size: 18px;
    font-weight: 400;
    color: #4b4b4b;
    max-width: 1820px;
    width: 100%;
    margin: 0 auto 16px;
}

.container-editor ol,
.container-editor ul {
    padding-left: 30px;
    max-width: 1820px;
    width: 100%;
    margin: 0 auto 16px;
}

.container-editor li {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 400;
    margin-bottom: 16px;
}

.container-editor h1 {
    color: #4b4b4b;
    font-size: 100px;
    font-weight: 200;
    line-height: 100px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin-top: 44px;
    margin-bottom: 55px;
    max-width: 1820px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.container-editor img {
    width: auto;
    height: auto;
    margin: 15px auto;
}

.container-editor .sp-image {
    text-align: center;
}

.container-editor h3 {
    color: #4b4b4b;
    font-size: 27px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 23px;
    max-width: 1820px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.banner-container {
    margin-bottom: 16px;
}

.single-news img {
    max-width: 100% !important;
    height: auto;
}

.container-editor .sp-block-table {
    margin-bottom: 16px;
    max-width: 1820px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.container-editor .sp-block-table td {
    padding: 10px;
    border-left: 0 solid #dee2e6;
    border-right: 0 solid #dee2e6;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    text-align: left;
    background: transparent;
}

.container-editor .sp-block-table tr {
    background: transparent !important;
}

.container-editor .sp-block-table p {
    margin: 0;
}

.container-editor .sp-block-table {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.container-editor .sp-block-table tr:nth-child(1) p {
    font-weight: 600;
}

.container-editor .sp-block-table tr:nth-child(1) td {
    background-color: #f8f9fa;
}

.container-editor .sp-block-table tr:nth-child(1) {
    cursor: pointer;
}

.sp-block-table table tbody tr.hidden {
    display: none;
}

.sp-block-table table tbody tr:first-child {
    cursor: pointer;
}

.search-no-content {
    margin-top: 64px;
    text-align: center;
}

.search-no-content .search-content-title {
    max-width: 500px;
    width: 100%;
    margin: 0 auto 16px;
    font-size: 30px;
    font-weight: 300;
    color: #858C68;
}

.search-no-content .search-content-text {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: 400;
    color: #858C68;
}

.search-no-content .search-content-text a {
    color: #858C68;
    text-decoration: underline;
}

.own-catalog-description {
    width: 100%;
    max-width: 100%;
}

.sp-block-table {
    overflow-x: auto;
}

.sp-block-table table {
    min-width: 700px;
}

.block-popular-products-content .slick-track {
    margin-left: 0;
    margin-right: 0;
}

.container-orders {
    width: 100%;
    max-width: 860px;
    margin-left: 138px;
}

.order-list-title {
    margin-bottom: 28px;
    font-size: 30px;
    font-weight: 300;
    color: #858C68;
}

.order-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #e8e3d8;
    border-radius: 16px;
    transition: background 0.2s ease;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    margin-bottom: 8px;
}


.order-row:hover {
    background: #f5f2ea;;
}

.order-row:hover .link-arrow {
    transform: translateX(5px);
    color: #b8a97a;;
}

.col-number {
    font-size: 18px;
    font-weight: 400;
    color: #4B4B4B;
    letter-spacing: 0.02em;
}

.col-date {
    font-size: 18px;
    font-weight: 300;
    color: #929292;
    letter-spacing: 0.03em;
}

.col-name {
    font-size: 18px;
    font-weight: 400;
    color: #858C68;
    letter-spacing: 0.03em;
}

.col-link {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    font-size: 18px;
    font-weight: 400;
    color: #4B4B4B;
    letter-spacing: 0.05em;
}

.link-arrow {
    font-size: 16px;
    transition: transform 0.2s ease, color 0.2s ease;
    color: #9e9e9e;;
    line-height: 1;
}

.block-news-slider-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-menu__favorite {
    margin-bottom: 36px;
}

.block-link-button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
    color: #4b4b4b;
    opacity: 0.5;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.modal-title_m {
    line-height: 1.2;
    text-align: left;
}

.btn-green-outline_rigth {
    margin-right: 0;
}

.btn-green-outline_dark {
    background: #858C68;
    color: #fff;
}

.block-link-button.active {
    background: #fff;
    border-radius: 4px;
    font-size: 20px;
    font-weight: 400;
    color: #4b4b4b;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.container-header {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 1100px) {
    .container-orders {
        margin-left: 0;
        min-width: 726px;
    }

    .account-content-order {
        overflow-x: auto;
    }
}

@media (max-width: 600px) {
    .basket-table-body-item-row-price {
        flex-wrap: wrap;
    }

    .basket-table-count {
        width: 100%;
    }

    .basket-table-body-item-row-image {
        flex-wrap: wrap;
        position: relative;
    }

    .basket-item-img {
        width: 100%;
    }

    .basket-item-img img {
        width: 100%;
        height: auto;
    }

    .basket-table-body-item-row-image-mobile {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .basket-table-body-item-row-image img {
        min-width: 1px;
    }
}

.laboratory-wrap .img-wrap img {
    height: auto;
}

.block-animation.block-result {
    overflow: auto;
}

@media (max-width: 600px) {
    .basket-table-body-item-row-price {
        flex-wrap: wrap;
    }

    .basket-table-count {
        width: 100%;
    }

    .basket-table-body-item-row-image {
        flex-wrap: wrap;
        position: relative;
    }

    .basket-item-img {
        width: 100%;
    }

    .basket-item-img img {
        width: 100%;
        height: auto;
    }

    .basket-table-body-item-row-image-mobile {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 999;
    }

    .basket-table-body-item-row-image img {
        min-width: 1px;
    }
}

.container-header_b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.container-header_b .account-content-info-title {
    margin-bottom: 0;
    margin-left: 24px;
}

.block-item-title {
    width: 100%;
    margin-top: 32px;
    position: relative;
}

.arrow-back {
    display: flex;
    align-items: center;
    color: #858C68;
}

.container-pending {
    display: flex;
    width: 100%;
    margin-top: 135px;
    justify-content: space-between;
}

.login-register-pending-title {
    font-size: 75px;
    font-weight: 200;
    color: #434540;
    max-width: 560px;
    text-align: center;
    line-height: 1;
}

.login-register-pending {
    text-align: center;
}

.pendin__btn {
    margin: 0 auto;
}

.login-register-pending-description {
    margin: 15px 0 51px;
    text-align: center;
}

.login-img-pendin {
    display: flex;
    max-width: 34%;
}

.login-img-pendin img {
    width: 100%;
    height: auto;
}

.img-pending + .img-pending {
    margin-left: 34px;
}

.arrow-back svg {
    margin-right: 12px;
}

.block-item-title input {
    width: 100%;
    padding: 16px 32px;
    background: #F7F7F7;
    border-radius: 45px;
    border: 1px solid #EBEBEB;
    font-size: 16px;
    color: #4B4B4B;
}

.block-item-title input::placeholder {
    font-size: 16px;
    color: #4B4B4B;
}

.input-text {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #929292;
}

.container-header_b {
    width: 100%;
    max-width: 636px;
}

.text-btn-top {
    display: flex;
    align-items: center;
}

.text-btn-top svg {
    margin-right: 8px;
}

.empty-list {
    margin-top: 22px;
    padding: 32px;
    text-align: center;
    border-radius: 24px;
    font-size: 24px;
    background: #F7F7F7;
    color: #4B4B4B;
}

.modal-title_sm {
    font-size: 24px;
}

.link-empty-list {
    color: #858C68;
    text-decoration: underline;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .container-header-list {
        flex-direction: column;
    }

    .container-header_r {
        margin: 20px auto 0;
    }

    .container-header_r .btn-white-outline {
        width: 100%;
        padding: 16px 32px;
    }

    .login-register-pending-title {
        font-size: 32px;
    }

    .pendin__btn {
        padding: 20px 30px;
    }
}

.popup-auth-description {
    font-size: 24px;
    font-weight: 400;
    margin: 20px 0 44px;
    text-align: left;
}

.popup-auth-title {
    font-size: 30px;
    font-weight: 300;
    text-align: left;
}

.popup-block-auth-img {
    display: flex;
    margin-bottom: 44px;
    justify-content: space-between;
}

.popup-block-auth-img__item:nth-of-type(1) {
    width: 57%;
}

.popup-block-auth-img__item:nth-of-type(2) {
    width: 38%;
}

.popup-block-auth-img__item img {
    width: 100%;
    height: auto;
}

@media (max-width: 870px) {
    .login-img-pendin {
        display: none;
    }

    .container-pending {
        justify-content: center;
    }

    .popup-auth-description {
        font-size: 14px;
    }

    .popup-auth-title {
        font-size: 18px;
    }

    .popup-block-auth-img {
        margin-bottom: 20px;
    }
}

.lk-cabinet {
    margin-top: 80px;
}

.container-img-lk-cabinet {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.lk-cabinet__card {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c977c;
    border-radius: 80px;
    padding: 48px 100px;
}

.lk-cabinet__media {
    display: flex;
    max-width: 590px;
    width: 100%;
    margin-right: 138px;
    justify-content: space-around;
}

.lk-cabinet__media picture {
    display: contents;
}

.lk-cabinet__img {
    display: block;
}

.lk-cabinet__img--wide {
    width: 100%;
    height: auto;
}

.lk-cabinet__img--circle {
    margin-top: 16px;
}

.lk-cabinet__img--tall {
    max-width: 210px;
    margin-left: 16px;
}

.lk-cabinet__content {
    max-width: 720px;
    flex: 1 1 auto;
    color: #fff;
}

.lk-cabinet__title {
    max-width: 600px;
    margin: 0 0 28px;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
}

.lk-cabinet__subtitle {
    margin: 0 0 16px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}

.product-page-info-item li,
.lk-cabinet__list li {
    display: flex;
    align-items: center;
    list-style-type: none; /* Убираем маркеры у списка */
}

.product-page-info-item li::before,
.lk-cabinet__list li::before {
    content: "·"; /* Маркер списка */
    padding-right: 0.5em; /* Расстояние от маркера до текста */
}

.lk-cabinet__list {
    margin: 0 0 36px;
    padding: 0 0 0 22px;
    list-style: disc;
}

.lk-cabinet__list li {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    margin-bottom: 6px;
}

.lk-cabinet__list li::marker {
    color: #fff;
    font-size: 14px;
}

.lk-cabinet__btn {
    display: inline-flex;
    width: fit-content;
    padding: 16px 40px;
    font-size: 18px;
    text-decoration: none;
}

@media (max-width: 1370px) {
    .lk-cabinet__card {
        padding: 20px 50px;
    }

    .lk-cabinet__media img {
        max-width: 100%;
        height: auto;
    }

    .lk-cabinet__media {
        margin-right: 30px;
    }
}

@media (max-width: 950px) {
    .lk-cabinet__card {
        flex-direction: column;
        align-items: center;
    }

    .lk-cabinet__media img {
        max-width: 300px;
        margin-bottom: 20px;
    }
}

@media (max-width: 550px) {
    .form-page_articles .connect-me-title,
    .single-news-products .block-popular-products-top-block-title,
    .container-editor h3 {
        font-size: 30px;
    }
}

.img-max {
    width: 20px !important;
    height: 20px !important;
}
/* End */
/* /local/templates/main-25/icons/icons.css?17932549947638 */
/* /local/templates/main-25/css/slick.css?17734140601776 */
/* /local/templates/main-25/css/style.css?1793254503220296 */
/* /local/templates/main-25/components/bitrix/menu/header.section/style.css?1773414060229 */
/* /local/components/arturgolubev/search.title/templates/header/style.min.css?177341405912422 */
/* /local/components/custom/banner.main/templates/.default/style.css?177341405942643 */
/* /local/components/custom/cookie/templates/.default/style.css?17902361391348 */
/* /local/components/custom/popup.authorize/templates/.default/style.css?1792731473868 */
/* /local/templates/main-25/components/bitrix/menu/footer.link/style.css?1773414060229 */
/* /local/templates/main-25/template_styles.css?179324092721169 */