/* Start:/local/templates/greenglau/assets/js/slick/slick.css?17444405151776*/
/* 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/greenglau/assets/js/slick/slick-theme.css?17444405143145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/greenglau/assets/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/greenglau/assets/js/slick/./fonts/slick.eot');
    src: url('/local/templates/greenglau/assets/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/greenglau/assets/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/greenglau/assets/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/greenglau/assets/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/greenglau/components/bitrix/sale.basket.basket.line/gglau/style.min.css?1748368340458*/
.catalog-cart-counter-menu{background:#6cb70e;color:#fff;text-align:center;line-height:25px;min-width:25px;height:25px;position:relative;top:-12px;right:10px;border-radius:50%;font-style:normal;font-weight:bold;font-size:14px;-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-animation-delay:500ms;animation-delay:500ms}
/* End */


/* Start:/local/templates/greenglau/components/bitrix/menu/gglau/style.css?17561298381871*/
.bx-nav-2-lvl-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 132px;
    background-color: #fff;
    z-index: 5;
    display: none;
    backdrop-filter: blur(4px);
    -webkit-box-shadow: 0 4px 4px -4px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0 4px 4px -4px rgba(34, 60, 80, 0.2);
    box-shadow: 0 4px 4px -4px rgba(34, 60, 80, 0.2);
}

.scroll-view-container .bx-nav-2-lvl-container{
    top: 132px;
}


.bx-nav-2-lvl-container__content-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 1192px;
    justify-content: flex-start;
    padding: var(--measurements-gap-6448, 64px);
    position: relative;
}

.bx-nav-2-lvl-container__content-wrapper--all-products{
    padding-top: 14px;
}

.bx-nav-1-lvl.bx-nav-parent.hover .bx-nav-2-lvl-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 8px;
    max-height: calc(100vh - 134px);
    overflow: auto;
}

.bx-nav-list-2-lvl{
    display: flex;
    flex-direction: column;
    gap: 2em;
    width: 100%;
}

header .menu ul.bx-nav-list-2-lvl{
    gap: 16px;
    align-items: flex-start;
}

.bx-nav-2-lvl__item-text.bx-nav-2-lvl__item-text--no-link{
    color: rgba(13, 17, 38, 0.4);
}

.bx-nav-2-lvl-container__menu-close {
    background-image: url(/local/templates/greenglau/assets/images/menu_clode.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: flex;
    position: absolute;
    top: 16px;
    right: 0;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    border-radius: var(--numbers-16, 16px);
    background-color: var(--background-button-ghost-hover, rgba(10, 15, 41, 0.04));
    width: 32px;
    height: 32px;
    margin: 0;
    cursor: pointer;
    border: none;
    outline: none;
}




/* End */


/* Start:/local/templates/greenglau/components/bitrix/menu/mobile/style.css?17561298384246*/
.mobile-menu {
    width: 0;
    height: calc(100vh - 81px);
    background-color: #fff;
    transition: width ease-in-out 0.5s;
    display: block;
    overflow: hidden;
    z-index: 998;
    position: fixed;
    top: 81px;
    left: 0;
    right: 0;
    bottom: 0;
}

.mobile-menu.mobile-menu--active {
    width: 100%;
}

.menu-close {
    background-image: url(/local/templates/greenglau/assets/images/menu_clode.svg);
    display: none;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    border-radius: var(--numbers-16, 16px);
    background-color: var(--background-button-ghost-hover, rgba(10, 15, 41, 0.04));
    width: 32px;
    height: 32px;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    transition: unset;
    outline: none;
    border: none;
    cursor: pointer;
}

.menu-close.menu-close--active {
    display: flex;
}

.top_area .mmenu.mmenu--hidden {
    display: none;
}

header.scroll-view-container .line.line--under-logo {
    display: block;
}

.mobile-menu__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.mobile-menu__item.mobile-menu__item--selected,
.mobile-menu__item.mobile-menu__item--selected a{
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

.mobile-menu__item-sublevel-button {
    outline: none;
    background: transparent;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    text-transform: inherit;
    color: var(--text-base-primary, #14151A);
}

.mobile-menu__item-sublevel-button:hover{
    background: transparent;
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

.mobile-menu .mobile-menu__item-sublevel-button:hover{
    background: transparent;
}

.mobile-menu__item-no-link {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));
}

.mobile-menu__item-sublevel-button:hover {
    background-color: var(--background-button-ghost-hover, rgba(10, 15, 41, 0.04));
}

.mobile-menu__screen-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.mobile-menu__item {
    text-align: right;
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    white-space: nowrap;
    margin-bottom: var(--measurements-gap-24, 24px);
}

.mobile-menu--submenu .mobile-menu__item {
    text-align: left;
    justify-content: flex-start;
}

.mobile-menu--submenu {
    padding: 0;
}

.mobile-menu__item--section-head {
    margin-top: var(--measurements-gap-6448, 64px);
}

.mobile-menu__item.mobile-menu__item--uppercase {
    text-transform: uppercase;
}

.mobile-menu__screen {
    width: 0;
    transition: width ease-in-out 0.5s;
    overflow: auto;
    max-height: calc(100vh - 81px);
    position: relative;
    padding: var(--measurements-gap-24, 24px) 0;
}

.mobile-menu__screen.mobile-menu__screen--active {
    width: 100%;
    padding: var(--measurements-gap-24, 24px) var(--measurements-gap-16, 16px);
}

.mobile-menu__line {
    height: 1px;
    background: var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    backdrop-filter: blur(2px);
    width: 100%;
    margin-bottom: var(--measurements-gap-24, 24px);
}

.mobile-menu__back-button {
    padding: 5px var(--numbers-8, 8px) var(--numbers-8, 8px) var(--numbers-8, 8px);
    justify-content: center;
    border-radius: var(--numbers-16, 16px);
    background-color: var(--background-button-ghost-hover, rgba(10, 15, 41, 0.04));
    width: 32px;
    height: 32px;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    transition: unset;
    outline: none;
    border: none;
    cursor: pointer;
    position: absolute;
    top: var(--numbers-16, 16px);
}


@media screen and (min-width: 801px) {
    .mobile-menu {
        display: none;
    }
}

@media screen and (max-width: 752px) {
    .mobile-menu {
        top: 64px;
    }

    .mobile-menu.mobile-menu--active {
        width: 100%;
        height: calc(100vh - 64px);
    }
}

/* End */


/* Start:/local/templates/greenglau/template_styles.css?1756129838223131*/
:root {
    /* Цвета */
    --main_blue: #1764C8;
    --main_blue_hover: #074392;
    --disable: #B8C4D3;
    --white: #FFFFFF;
    --bg_dark: #F4F5F8;
    --line: #E7F0FC;
    --black: #2F2F35;
    --gray_text: #B0BAC8;
    --yellow: #FFCC02;
    --red: #E33939;
    --text-base-primary: #14151A;
    --text-base-secondary: rgba(15, 19, 36, 0.60);
    --text-base-tertiary: rgba(13, 17, 38, 0.40);
    --text-base-quaternary: rgba(10, 15, 41, 0.25);
    --text-base-inverted: #FFF;
    --border-base-alpha: rgba(10, 15, 41, 0.08);
    --border-action-normal: #DEE0E3;
    --border-base-inverted: #0B0C0E;
    --background-surface-neutral: #F7F7F8;
    --background-surface-default: #FFF;
    --background-button-primary: #14151A;
    --background-button-secondary: #FFF;
    --background-button-tertiary-hover: rgba(10, 15, 41, 0.08);
    --background-input-normal: #FFF;
    --background-surface-inverted: #0B0C0E;
    --background-chip-primary: #FFF;
    --background-modal-neutral: #F7F7F8;
    --background-badge-gray: #E9EAEC;
    --background-badge-red: #FCE5E4;
    --energy-radiance: #FFF6E4;
    --anti-age-resource: #E8F5F2;
    --icon-base-primary: #14151A;

    /* Типография */
    --typography-family-inter: Inter, sans-serif;
    --Display: "Euclid Circular B", sans-serif;

    /* Размеры шрифтов */
    --typography-size-caption-m: 12px;
    --typography-size-caption-l: 14px;
    --typography-size-body-s: 16px;
    --typography-size-h6: 24px;
    --typography-size-h5: 30px;
    --typography-size-h3: 26px;
    --typography-size-h2: 40px;
    --typography-size-h1: 44px;

    /* Высота строки */
    --typography-line-height-caption-m: 16px;
    --typography-line-height-caption-l: 20px;
    --typography-line-height-body-s: 24px;
    --typography-line-height-h6: 32px;
    --typography-line-height-h5: 36px;
    --typography-line-height-h3: 110%;
    --typography-line-height-h2: 110%;
    --typography-line-height-h1: 110%;

    /* Межбуквенные интервалы */
    --typography-letter-spacing-caption-m: 0px;
    --typography-letter-spacing-caption-l: -0.1px;
    --typography-letter-spacing-body-s: -0.2px;
    --H6: 0.5px;
    --H5: 0.6px;
    --Caption-L: 0.3px;

    /* Радиусы скругления */
    --measurements-radius-xs: 4px;
    --measurements-radius-sm: 6px;
    --measurements-radius-md: 8px;
    --measurements-radius-lg: 10px;
    --measurements-radius-xl: 12px;
    --measurements-radius-full: 999px;

    /* Отступы */
    --measurements-gap-0: 0px;
    --measurements-gap-2: 2px;
    --measurements-gap-4: 4px;
    --measurements-gap-8: 8px;
    --measurements-gap-12: 12px;
    --measurements-gap-16: 16px;
    --measurements-gap-18: 18px;
    --measurements-gap-20: 20px;
    --measurements-gap-24: 24px;
    --measurements-gap-32: 32px;
    --measurements-gap-48: 48px;
    --measurements-gap-56: 56px;
    --measurements-gap-64: 64px;
    --measurements-gap-160: 160px;
    --measurements-gap-6448: 64px;
    --measurements-gap-6416: 32px;
    --measurements-gap-320: 320px;
    --measurements-gap-144: 144px;

    /* Размеры */
    --rb12: 12px;
    --rb16: 16px;
    --rb24: 24px;
    --rb32: 32px;
    --primitive-8: 8px;
    --primitive-32: 32px;

    /* Прочие */
    --Thin-Border: 1px;

    --numbers-288: 288px;
    --numbers-20: 20px;
    --numbers-16: 16px;
    --numbers-12: 12px;
    --numbers-10: 10px;
    --numbers-8: 8px;
    --numbers-6: 6px;
    --numbers-4: 4px;
    --numbers-2: 2px;
    --numbers-3: 3px;
    --numbers-0: 0px;

    --radius-0: 0px;

    --border-action-destructive: #F7C3C0;

    --background-surface-neutral-subtle: #E9EAEC;
    --background-button-ghost: rgba(255, 255, 255, 0.00);
    --background-button-tertiary: rgba(10, 15, 41, 0.04);
    --background-chip-primary-hover: #F7F7F8;
    --background-button-tertiary-disabled: rgba(10, 15, 41, 0.04);
    --background-button-ghost-hover: rgba(10, 15, 41, 0.04);

    --measurements-gap-4824: 48px;
    --measurements-gap-5632: 56px;
    --measurements-gap-3224: 32px;

    --text-accent-red-inverted: #9A1C13;
    --text-status-destructive: #E6483D;
    --background-toggle-active: #26BD6C;

    --typography-size-caption-s: 10px;
    --typography-line-height-caption-s: 14px;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('/local/templates/greenglau/fonts/EuclidCircularB-Medium.eot');
    src: local('Euclid Circular B Medium'), local('EuclidCircularB-Medium'),
    url('/local/templates/greenglau/fonts/EuclidCircularB-Medium.eot?#iefix') format('embedded-opentype'),
    url('/local/templates/greenglau/fonts/EuclidCircularB-Medium.woff2') format('woff2'),
    url('/local/templates/greenglau/fonts/EuclidCircularB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

* {
    margin: 0;
    padding: 0;
}

ul, ol {
    margin-bottom: 0;
}

ul[role='list'], ol[role='list'] {
    list-style: none;
}

html:focus-within {
    scroll-behavior: smooth;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

img, picture, svg, video, canvas {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover;
}

input, button, textarea, select {
    font: inherit;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
        transition: none;
    }
}

body, html {
    height: 100%;
    scroll-behavior: smooth;
}

.icon-Vector:before {
    content: "\e923";
}

.icon-pdf:before {
    content: "\e922";
}

.icon-Checkbox:before {
    content: "\e90f";
}

.icon-close:before {
    content: "\e909";
}

.icon-add:before {
    content: "\e900";
}

.icon-check:before {
    content: "\e907";
}

.icon-clock:before {
    content: "\e908";

}

.icon-arrow-down:before {
    content: "\e901";

}

.icon-arrow-left:before {
    content: "\e902";

}

.icon-arrow-right:before {
    content: "\e903";

}

.icon-arrow-up:before {
    content: "\e904";

}

.icon-cart:before {
    content: "\e905";

}

.icon-catalog:before {
    content: "\e906";

}

.icon-copy:before {
    content: "\e90a";

}

.icon-edit:before {
    content: "\e90b";

}

.icon-fav:before {
    content: "\e90c";

}

.icon-home:before {
    content: "\e90d";

}

.icon-left:before {
    content: "\e90e";

}

.icon-list:before {
    content: "\e910";

}

.icon-mail:before {
    content: "\e911";

}

.icon-map:before {
    content: "\e912";

}

.icon-min-cifr:before {
    content: "\e913";

}

.icon-phone:before {
    content: "\e914";

}

.icon-print:before {
    content: "\e915";

}

.icon-return:before {
    content: "\e916";

}

.icon-right:before {
    content: "\e917";

}

.icon-search:before {
    content: "\e918";

}

.icon-shield:before {
    content: "\e919";

}

.icon-sort:before {
    content: "\e91a";

}

.icon-supplier:before {
    content: "\e91b";

}

.icon-tile:before {
    content: "\e91c";

}

.icon-trash:before {
    content: "\e91d";

}

.icon-up:before {
    content: "\e91e";

}

.icon-upload:before {
    content: "\e91f";

}

.icon-user:before {
    content: "\e920";

}

.icon-vniz:before {
    content: "\e921";

}

a {
    transition: 0.3s;
}

a:hover {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

:root {
    --main_blue: #1764C8;
    --main_blue_hover: #074392;
    --disable: #B8C4D3;
    --white: #FFFFFF;
    --bg_dark: #F4F5F8;
    --line: #E7F0FC;
    --black: #2F2F35;
    --gray_text: #B0BAC8;
    --yellow: #FFCC02;
    --red: #E33939;
    --rb32: 32px;
    --rb24: 24px;
    --rb16: 16px;
    --rb12: 12px;
    --primitive-32: 32px;
    --primitive-8: 8px;
}

.b_main_blue {
    background: var(--main_blue);
}

.b_main_blue_hover {
    background: var(--main_blue_hover);
}

.b_disable {
    background: var(--disable);
}

.b_white {
    background: var(--white);
}

.b_bg_dark {
    background: var(--bg_dark);
}

.b_line {
    background: var(--line);
}

.b_black {
    background: var(--black);
}

.gray_text {
    background: var(--gray_text);
}

.b_yellow {
    background: var(--yellow);
}

.b_red {
    background: var(--red);
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0px;
    background-color: var(--white, #FFFFFF);
    overflow-x: hidden !important;
    width: 100%;
    font-family: var(--typography-family-inter, Inter);
    font-size: 15px;
    font-weight: 500;
    line-height: 130%;
    paragraph-spacing: 8px;
    color: var(--black);
}

body,
.text_big {
    /* -webkit-touch-callout: none; */
    /* iOS Safari */
    /* -webkit-user-select: none; */
    /* Chrome/Safari/Opera */
    /* -khtml-user-select: none; */
    /* Konqueror */
    /* -moz-user-select: none; */
    /* Firefox */
    /* -ms-user-select: none; */
    /* Internet Explorer/Edge */
    /* user-select: none; */
    /* Non-prefixed version, currently not supported by any browser */
}

h1, h2, h3, h4, h5 {
    text-align: left;
    font-weight: 600;
}

h1 {
    font-size: 44px;
    line-height: 110%;
}

h2 {
    font-size: 40px !important;
    line-height: 110%;
    margin: 32px 0px 24px;
}

h3 {
    font-size: 26px;
    line-height: 110%;
}

h4 {
    font-size: 18px;
    line-height: 120%;
    margin: 16px 0px;
}

h5 {
    font-size: 15px;
    line-height: 130%;
    margin: 16px 0px;
    font-weight: 600;
}

h6 {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px);
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
}

/* input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
} */

a {
    text-decoration: none;
    color: var(--text-base-primary, #14151A);
}

a:hover {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60)) !important;
}

.body-mobile-list {
    paragraph-spacing: 12px
}

.caption {
    font-size: 12px;
    line-height: 157%;
}

.container {
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 1290px;
    margin: 0px auto;
}

.container.content {
    padding-top: 150px;
}

section {
    text-align: left;
    width: 100%;
    margin-top: 48px;
}

p {
    margin: 8px 0px;
    padding: 0;
}

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

.header_alert {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--background-surface-neutral, #14151A);
    color: var(--text-base-primary, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    height: 48px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    display: none;
}

.header_alert:hover {
    color: var(--text-base-primary, #FFF);
}

header {
    position: absolute;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    z-index: 999;
    padding: 0 8px 0 8px;
}

header .line {
    height: 1px;
    background: var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    backdrop-filter: blur(2px);
    width: 100%;
}

header .top_area{
    display: flex;
    padding: var(--measurements-gap-24, 24px) 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

header .top_area .personal {
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/greenglau/assets/images/user_icon.svg");
    display: flex;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    margin: 0px 8px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
}

header .top_area .logo {
    width: 192px;
    height: 28px;
    background-image: url("/local/templates/greenglau/assets/images/logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

header .top_area .cart {
    width: 16px;
    height: 16px;
    background-image: url("/local/templates/greenglau/assets/images/cart_icon.svg");
    display: flex;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    margin: 0px 8px;
}

header.white .top_area .cart {
    background-image: url("/local/templates/greenglau/assets/images/cart_icon_white.svg");
}

header.white .top_area .personal {
    background-image: url("/local/templates/greenglau/assets/images/user_icon_white.svg");
}

header.white .top_area .logo {
    background-image: url("/local/templates/greenglau/assets/images/logo_white.svg");
}

header .menu {
    display: flex;
    padding: 0px 16px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}

header .menu ul {
    display: flex;
    padding: var(--measurements-gap-18, 18px) var(--measurements-gap-24, 24px);
    align-items: center;
    gap: var(--measurements-gap-6448, 64px);
}

header .menu ul.bx-nav-list-1-lvl {
    padding: 0 var(--measurements-gap-24, 24px);
}

header .menu ul.bx-nav-list-1-lvl .bx-nav-1-lvl {
    padding: var(--measurements-gap-18, 18px) 5px
}

header .menu ul li {
    list-style-type: none;
}


header.white .menu .bx-active{
    color: #FFFFFF;
}

header:hover .menu .bx-active,
header .menu .bx-active {
    color: #6F717C;
}

header .menu ul li a {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    white-space: nowrap;
}

.main_slider {
    background-image: url("/local/templates/greenglau/assets/images/main_slider_1.jpg");
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    border-radius: var(--measurements-radius-xl, 12px);
    background-size: cover;
    margin: 8px;
    margin-bottom: 72px;
}

.mp {
    display: flex;
    width: 1440px;
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-6416, 64px);
    padding-bottom: 64px;
}

.mp section {
    display: flex;
    width: 1192px;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    margin: 0px auto;
}

section.popular .items_list {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--measurements-gap-48, 48px) var(--measurements-gap-8, 8px);
    align-self: stretch;
    flex-wrap: wrap;
}

section.popular .items_list .item {
    display: flex;
    width: 24.49%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    position: relative;
}

section.popular .items_list .item:first-child .img_block {
    background-size: 87%;
}

section.popular .items_list .item:first-child .b_img_bg {
    position: absolute;
    background-color: #f7f7f8;
    width: 100%;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    border-radius: var(--measurements-radius-xs, 4px);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

section.popular .items_list .item:first-child .b_img_bg .crcl {
    width: 422.4px;
    height: 422.4px;
    flex-shrink: 0;
    background: #E8F5F2;
    border-radius: 100%;
    margin-bottom: 30px;
}

section.popular .items_list .item:first-child .img_block {
    background-color: unset;
}


/* section.popular .items_list .item:first-child .cirle{
	content: "";
	width: 86%;
	aspect-ratio: 1 / 1;
	background-color: #E8F5F2;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	margin-left: -43%;
	margin-top: -43%;
	top: 50%;
} */

section.popular .items_list .item .add_to_basket {
    background-image: url(/local/templates/greenglau/assets/images/lead-icon.svg);
    background-size: 20px;
    display: inline-flex;
    padding: var(--numbers-10, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background-color: var(--icon-base-primary, #14151A);
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
}

section.popular .items_list .item:hover .add_to_basket {
    opacity: 1;
}

section.popular .items_list .item .img_block {
    width: 100%;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: var(--measurements-radius-xs, 4px);
    background-color: var(--background-surface-neutral, #F7F7F8);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;

}

section.popular .items_list .item .img_block:hover {
    background-size: 110%;
}

section.popular .items_list .item:first-child .img_block:hover {
    background-size: 92%;
}

section.popular .items_list .item .img_block .line_badge {
    display: flex;
    font-family: var(--typography-family-inter, Inter);
    padding: var(--numbers-4, 4px) var(--numbers-8, 13px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);

    border-radius: var(--measurements-radius-full, 999px);
    background: var(--anti-age-resource, #E8F5F2);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption M/Medium */
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);

    display: inline-flex;
    align-items: flex-start;

    margin-left: 16px;
    margin-top: 16px;

    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

section.popular .items_list .item .more {
    display: flex;
    width: 292px;
    height: 292px;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    flex-shrink: 0;
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-button-secondary, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

section.popular .items_list .item .text_block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    align-self: stretch;
    max-width: 60%;
}

section.popular .items_list .item .arrow {
    display: inline-flex;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    position: absolute;

    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow.svg);
    padding: 16px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    right: 7px;
    top: 8px;
}

section.popular .items_list .item .text_block .title {
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;

}

section.popular .items_list .item .text_block .description {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

section.popular .items_list .item .text_block .price {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.mp section.lines .items_list {
    width: 1192px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px var(--measurements-gap-8, 8px);
}

.mp section.lines .items_list .row {
    display: flex;
    gap: 8px;
}

.mp section.lines .items_list .row:nth-child(2) .item {
    aspect-ratio: 37/24;
}

.mp section.lines .items_list .item {
    flex: 1;
    font-weight: bold;
    aspect-ratio: 33/32;
    display: flex;
    padding: 0px var(--measurements-gap-32, 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: stretch;
    background-position: center;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    position: relative;
}

.mp section.lines .items_list .item:hover {
 background-size: 110%;
}

.mp section.lines .items_list .item:before {
    content: "";
    position: absolute;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    position: absolute;
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow.svg);
    padding: 16px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    right: 7px;
    top: 8px;
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
}

.mp section.lines .items_list .item:hover:before {
    opacity: 1;
}

.mp section.lines .items_list .item.arrow {
    display: none;
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
}

.mp section.lines .items_list .item:hover .arrow {
    display: block;
}

.mp section.lines .items_list .row .item .text_block {
    display: flex;
    width: 100%;
    padding: 0px var(--measurements-gap-32, 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    padding-top: 60px;
    align-items: stretch;
}

.mp section.lines .items_list .item .title {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.mp section.lines .items_list .item .description {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

/* .mp	section.lines.all  */
/* Общий стиль для аккордеона */
.mp section.all .accordion {
    width: 100%;

}

.mp section.all .accordion-item {
}

.mp section.all .accordion-header {
    display: flex;
    padding: var(--measurements-gap-16, 16px) var(--measurements-gap-4, 4px) var(--measurements-gap-16, 16px) 0px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-bottom: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));

    color: var(--text-base-primary, #14151A);

    /* caption-l */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.mp section.all .accordion-header:hover {

}

.mp section.all .accordion-icon {
    transition: transform 0.3s ease; /* Добавляем плавность */
    transform: rotate(0deg); /* Начальная ориентация стрелки */
}

/* Когда контент открыт */
.mp section.all .accordion-item.open .accordion-content {
    max-height: 1000px; /* Высота для плавного открытия */
    transition: max-height 0.5s ease;
}

/* Поворот стрелочки на 180 градусов при открытии */
.mp section.all .accordion-item.open .accordion-icon {
    transform: rotate(180deg); /* Стрелочка указывает вверх */
}

/* Скрытие содержимого по умолчанию */
.mp section.all .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
}

/* Стиль для товаров */
.mp section.all .product {
    display: flex;
    padding: var(--measurements-gap-18, 18px) 0px;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: 0.3px;
    text-transform: uppercase;

    cursor: pointer;
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    height: 71px;
    position: relative;
}

.mp section.all .product:hover {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60)) !important;
}

.mp section.all .product img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.mp section.all .product-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.mp section.all .product-info p {
    margin: 5px 0;
    font-size: 14px;
}

.mp section.all .product > div {
    width: 7.71%;
}

.mp section.all .product .image {
    position: absolute;
    width: 71px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--energy-radiance, #FFF6E4);

    object-fit: cover;
    left: -100%; /* Начальная позиция за пределами слева */
    opacity: 0; /* Начальная непрозрачность */
    transition: left 0.3s ease, opacity 0.0s ease; /* Плавный переход */
}

.mp section.all .product:hover .image {
    left: 0; /* Картинка перемещается в видимую область */
    opacity: 1;
}

.mp section.all .product .counter {
    padding-left: 10px;
}

.mp section.all .product .name {
    width: 66.44%;
}

.mp section.all .product .volume {

}

.mp section.all .product .price {
    text-align: right;
}

.mp section.all .product .arrow {
    background-image: url("/local/templates/greenglau/assets/images/all_sub_arrow.svg");
    height: 16px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.mp section.all {
    gap: 48px;
}

.mp section .button {
    display: flex;
    padding: 10px 10px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    transition: 0.3s;
}

.mp section .button span {
    background-image: url("/local/templates/greenglau/assets/images/all_sub_arrow_gray.svg");
    height: 20px;
    width: 20px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.mp section .button:hover {
    color: #a1a1a4 !important
}

.mp section.advantages {
    width: 1376px;
    margin: 0 auto;
}

.mp section.advantages .items_list {
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.mp section.advantages .items_list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-surface-neutral, #F7F7F8);
}

.mp section.advantages .items_list .item:nth-child(1) {
    width: 300px;
    height: 406px;
    transform: rotate(-7deg);
}

.mp section.advantages .items_list .item:nth-child(2) {
    display: flex;
    width: 300px;
    height: 406px;
    transform: rotate(-2deg);
    padding-bottom: 61.592px;
    flex-direction: column;
    align-items: center;
    gap: 9.61px;
    margin-top: -25px;
}

.mp section.advantages .items_list .item:nth-child(3) {
    display: flex;
    width: 300px;
    height: 406px;
    transform: rotate(2deg);
    padding-bottom: 41.8px;
    flex-direction: column;
    align-items: center;
    gap: 9.61px;
    margin-top: -25px;
}

.mp section.advantages .items_list .item:nth-child(4) {
    display: flex;
    width: 300px;
    height: 406px;
    transform: rotate(7deg);
    padding-bottom: 61.794px;
    flex-direction: column;
    align-items: center;
    gap: 9.719px;
}

.mp section.advantages .items_list .item .image {
    background-size: cover;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.mp section.advantages .items_list .item .description {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 166.667% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    width: 70%;
}

.mp section.partner_form .inner {
    display: flex;
    width: 100%;
    padding: 64px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    border-radius: 4px;
    border: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
}

.mp section.partner_form .description {

    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer {
    display: flex;
    height: 384px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-top: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

footer .contact_info {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}

footer .contact_info_detail {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

footer .contact_info .item {
    display: flex;
    width: 338px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

footer .item .title {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .item .phone {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .item .mail {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .item .address {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .item .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

footer .product_lines {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;

    border-left: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
}

footer .product_lines_detail {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    align-self: stretch;
}

footer .product_lines .item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    flex: 1 0 0;
}

footer .copyright {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: right;
    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .madein {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: right;
    width: 100%;
    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

footer .copyright, footer .madein {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 25px;
}

footer ul li a {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    float: left;
}

footer ul li a:hover {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

footer ul li {
    list-style: none;
}

footer ul {
    display: flex;
    flex-direction: column;
}

.mp section.slider .slider-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1192 / 440;
}

.mp section.slider .slider-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
    touch-action: pan-y;
}

.mp section.slider .slider-track {
    display: flex;
    transition: transform 0.5s ease;
    will-change: transform;
    cursor: grab;
    height: 100%;
}

.mp section.slider .slide {
    position: relative;
    min-width: 100%;
    height: 100%;
    user-select: none;
    touch-action: none;
    background-size: cover;
    background-position: center;
}

.mp section.slider .slide-content {
    display: flex;
    padding: var(--measurements-gap-160, 160px) 32px 64px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 70%;
}

.mp section.slider .slide-content .title {
    color: var(--text-base-inverted, #FFF);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px); /* 120% */
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
}

.mp section.slider .slide-content .description {
    color: var(--text-base-inverted, #FFF);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.mp section.slider .slide-content a {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    display: flex;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 8px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-secondary, #FFF);
}


.mp section.slider {
    gap: 18px;
}

.mp section.slider .slide-content a span {
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow.svg);
    height: 20px;
    width: 20px;
    background-position: center;
    background-size: 40px;
}

.mp section.slider .slide-content a:hover {

}

.mp section.slider .progress-bar-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.mp section.slider .progress-bar {
    width: 92px;
    height: 2px;
    flex-shrink: 0;
    border-radius: 4px;
    background: var(--background-surface-neutral-subtle, #E9EAEC);
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.mp section.slider .progress-fill {
    height: 100%;
    width: 0%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

.mp section.slider .progress-fill.active {
    animation: fill 5s linear forwards;
}

@keyframes fill {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .mp section.slider .progress-bar {
        width: 60px;
    }

    .mp section.slider .slide-content h2 {
        font-size: 1.8rem;
    }

    .mp section.slider .slide-content p {
        font-size: 1rem;
    }
}


.gg-slider-container {
    width: 100%;
    height: 100vh;
    padding: 8px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background-color: white;
    margin-bottom: 64px;
}

.gg-main-slide {
    height: 100%;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
}

.gg-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background-size: cover;
    background-position: center;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: left 0.6s ease;
    z-index: 0;
    color: black;
}


.gg-slide.active {
    left: 0;
    z-index: 1;
}

.gg-slide.previous {
    left: -100%;
}

.gg-slide-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 144px;
}

.gg-slide-content .left {
    width: 492px;
}

.payment_res {
    margin-bottom: 180px;
    text-align: center;
}

.payment_res a {
    font-weight: bold;
}

.gg-slide-content .right {
    width: 50%;
}

.gg-slide h1 {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px); /* 120% */
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
    margin-top: 8px;
}

.gg-slide label {
    margin-top: 24px;
    display: flex;
    padding: var(--numbers-8, 8px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);

    border-radius: var(--measurements-radius-full, 999px);
    background: #FFF;

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    width: max-content;
    padding: 8px 20px;
}

.gg-slide p {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: 500px;
}

.gg-slide a {
    display: flex;
    padding: 10px 10px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);

    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);

    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 24px;
}

.gg-slide a:hover {
    color: #a1a1a4 !important;
}

.gg-slide a span {
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow_gray.svg);
    height: 20px;
    width: 20px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.gg-slide.white a span {
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow_white.svg);
}

.gg-slide.white a {
    background-color: white;
    color: black;
}

.gg-preview-bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1424px;
    height: 160px;
    display: flex;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
    z-index: 2;
}

.gg-preview {
    display: flex;
    flex: 1 0 0;
    min-width: 275px;
    flex-direction: column;
    align-items: flex-start;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: var(--measurements-gap-16, 16px);
    cursor: pointer;
    position: relative;
    transition: background 0.3s;
    color: black;

    border-radius: var(--measurements-radius-xs, 4px);
    border: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-button-ghost, rgba(255, 255, 255, 0.00));
}

.gg-slide.white ~ .gg-preview-bar .gg-preview {
    color: white;
}

.gg-slide.white ~ .gg-preview-bar .gg-preview.active {
    color: white;
    display: flex;
    max-width: 292px;
    padding: var(--measurements-gap-16, 16px);
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--energy-radiance, #FFF6E4);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    border-color: var(--energy-radiance, #FFF6E4);
}

.gg-slide.white ~ .gg-preview-bar .gg-preview.active:before {
    position: absolute;
    content: "";
    padding: var(--numbers-8, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    position: absolute;
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow.svg);
    padding: 16px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    right: 7px;
    top: 8px;
}

.gg-preview:hover {

}

.gg-preview.active {
    background: var(--active-preview-bg);
}

.gg-preview h3 {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.gg-preview p {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.gg-preview-bar.white .gg-preview h3 {
    color: #fff;
}

.gg-preview-bar.white .gg-preview p {
    color: var(--text-base-secondary, rgba(255, 255, 255, 0.60));
}

.gg-preview-bar.white .gg-preview.active h3 {
    color: var(--text-base-primary, #14151A);
}

.gg-preview-bar.white .gg-preview.active p {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

header.white .menu ul li a {
    color: var(--white, #FFF);
}

header.white .line {
    background: var(--border-base-alpha, rgba(255, 255, 255, 0.14));
    backdrop-filter: blur(2px);
}

.gg-animated-line {
    position: absolute;
    bottom: 16px;
    left: 12px;
    right: 12px;
    height: 2px;
    background: linear-gradient(90deg, #000, #000);
    border-radius: 2px;
    animation: slide 5s linear forwards;
}

.gg-preview:not(.active) .gg-animated-line {
    display: none;
}

.gg-slide.white h1, .gg-slide.white p, .gg-preview.white h3 {
    color: var(--text-base-primary, #FFF);
}

/* .gg-preview p{
	color: var(--text-base-secondary, rgba(255, 255, 255, 0.60));
} */

@keyframes slide {
    0% {
        transform: scaleX(0);
        transform-origin: left;
    }
    100% {
        transform: scaleX(1);
        transform-origin: left;
    }
}

.zoom-bg {
    animation: zoomOut 6s ease forwards;
    background-size: 130%;
}

@keyframes zoomOut {
    0% {
        background-size: 130%;
    }
    100% {
        background-size: 100%;
    }
}

/* Увеличенная скорость анимации слайда */
.slide {
    transition: left 0.3s ease;
}

/* lines */

.line_detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    align-self: stretch;

    overflow: hidden;
    display: flex;
    width: 1192px;
    flex-direction: column;
    align-items: center;
    gap: 64px;

}

.line_detail .about {
    width: 100%;
    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: #FFF;
    overflow: hidden;
}

.line_detail .about .title {
    flex-shrink: 0;
    border-radius: var(--measurements-radius-xs, 4px);
    width: 100%;
    height: 420px;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 72px;
}

.line_detail .about .title h1 {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — H5 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px); /* 120% */
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
}

.line_detail .about .title p {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin: 16px;
}

.line_detail .about .more {
    width: 792px;
    margin: 56px auto;
}

.line_detail .about .more h2 {
    color: var(--text-base-primary, #14151A) !important;

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B") !important;
    font-size: var(--typography-size-h6, 24px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: var(--typography-line-height-h6, 32px) !important; /* 133.333% */
    letter-spacing: var(--H6, 0.5px) !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    margin-bottom: 8px !important;
}

.line_detail .about .more label {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
    margin-bottom: 12px;
    display: inline-block;
}

.line_detail .about .more p {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
    margin: 12px 0px;
}

.line_detail section h3 {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.line_detail section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    width: 100%;
    margin-top: 0px;
}

.line_detail section ul {
    width: 792px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px 24px;
}

.line_detail section ul li {
    width: calc(50% - 24px);
    padding-left: 12px;
    position: relative;
    padding-right: 20px;
}

.line_detail section.goals {
    align-items: center;
}

.line_detail section ul li::marker {
    content: "—";
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px);
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

section.components .items_list {
    width: 1192px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px var(--measurements-gap-8, 8px);
}

section.components .items_list .row {
    display: flex;
    gap: 8px;
}

section.components .items_list .item {
    font-weight: bold;
    aspect-ratio: 33 / 32;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    background-size: cover;
    background-repeat: no-repeat;
    align-items: stretch;
    background-position: center;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    position: relative;

    background-position: bottom;
    aspect-ratio: unset;
}

section.components .items_list .item .image {
    display: flex;
    height: 292px;
    padding: 32px 32px 0px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.mp section.popular .items_list .catalog-section .item .product-item-image-original, .mp section.popular .items_list .catalog-section .item .product-item-image-alternative, .mp section.popular .items_list .catalog-section .item .product-item-image-slide {
    background-size: 100%;
    transition: background 0.3s ease; /* Добавляем плавность */
}

.mp section.popular .items_list .catalog-section .item .product-item-image-slide {
    transition: background 0.3s ease;
    background-position: bottom center;
}

.mp section.popular .items_list .catalog-section .item:hover .product-item-image-original, .mp section.popular .items_list .catalog-section .item:hover .product-item-image-alternative, .mp section.popular .items_list .catalog-section .item:hover .product-item-image-slide {
    background-size: 110% !important;
}

section.components .items_list .item .text_block {
    display: flex;
    padding: 48px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

section.components .items_list .item .text_block .ttl {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

section.components .items_list .row:nth-child(1) .item:nth-child(1) {
    width: 60%;
}

section.components .items_list .row:nth-child(1) .item:nth-child(2) {
    width: 40%;
}


section.components .items_list .item .text_block .title {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}


section.components .items_list .item .text_block .label {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

section.components .items_list .item .text_block .description {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.product-item-image-slide {
    background-size: contain !important;
    width: 100% !important;
}

section.components .items_list .row {

}


/* Mobile styles */
@media (max-width: 768px) {
    .gg-slider-container {
        height: auto;
    }

    .gg-main-slide {
        height: 100vw;
        position: relative;
    }

    .gg-slide-content {
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
    }

    .gg-slide-content .left,
    .gg-slide-content .right {
        width: 100%;
    }

    .gg-slide h1, .gg-slide p, .gg-slide a {
        display: none;
    }

    .gg-mobile-text {
        background: white;
        padding: 16px;
        display: block;
    }

    .gg-mobile-text h1,
    .gg-mobile-text p {
        color: black;
        margin: 0 0 12px;
    }

    .gg-mobile-text a {
        display: inline-block;
        background-color: black;
        color: white;
        padding: 12px 24px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: bold;
    }

    .gg-preview-bar {
        height: 24px;
        gap: 8px;
    }

    .gg-preview {
        min-width: 50px;
        padding: 0;
        border: none;
        background: transparent;
    }

    .gg-preview h3,
    .gg-preview p {
        display: none;
    }

    .gg-animated-line {
        bottom: 0;
        left: 0;
        right: 0;
        height: 4px;
    }
}

.gg-slide.white {
    color: white !important;
}

#mobile-text {
    display: none;
}


/* auth */

.bx-authform {
    display: flex;
    width: 1440px;
    flex-direction: column;
    align-items: center;
    margin: var(--measurements-gap-6416, 64px);
}

.bx-authform .form_container {
    width: 990px;
    display: flex;
    margin-bottom: var(--measurements-gap-4824, 48px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-5632, 56px);
    align-self: stretch;
    background-image: url(/local/templates/greenglau/assets/images/auth_bg.png);
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-size: contain;
    min-height: 620px;
    margin-bottom: 48px;
}

.bx-authform .form_container .form_main {
    display: flex;
    width: 600px;
    padding: var(--measurements-gap-6416, 64px) var(--measurements-gap-3224, 32px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-3224, 32px);
    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    height: inherit;
    position: relative;

    min-height: 620px;
}

.bx-authform .form_container .form_main h3 {
    color: var(--text-base-primary, #14151A);

    /* H5 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px); /* 120% */
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
}

.bx-authform .form_container .form_main .bx-authform-link-container {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);


}

.bx-authform .form_container .form_main .bx-authform-link-container a {

    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    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;
}

.bx-authform .form_container .form_main .top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.bx-authform .form_container .form_main form {
    width: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-3224, 32px);
}

.bx-authform .form_container .form_main form .bx-authform-formgroup-container {
    display: flex;
    padding: var(--numbers-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    align-self: stretch;
}

.bx-authform .form_container .form_main form .bx-authform-label-container {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-authform .form_container .form_main form .bx-authform-input-container {
    width: 100%;
}

.bx-authform .form_container .form_main form .bx-authform-input-container input {
    display: flex;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    align-items: center;
    gap: var(--numbers-0, 0px);
    flex: 1 0 0;

    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-input-normal, #FFF);
    width: 100%;
}

.bx-authform .form_container .form_main form .divider {
    display: flex;
    height: 1px;
    padding: var(--numbers-0, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-0, 0px);
    align-self: stretch;
    border-radius: var(--radius-0, 0px);
    background: #E9EAEC;
}

.bx-authform .form_container .form_main .bx-authform-link-container a {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60)) !important;

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.bx-authform .form_container .form_main form .bx-authform-formgroup-container input[type=submit] {
    display: flex;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    align-self: stretch;

    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-primary, #14151A);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    cursor: pointer;
    border: 0;
    width: 100%;
}

.bx-authform .form_container .form_main form .bx-filter-param-label {
    display: flex;
    padding: var(--numbers-0, 0px);
    align-items: center;
    gap: var(--numbers-8, 8px);
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-authform .form_container .form_main .alert.alert-danger {
    display: flex;
    max-width: 320px;
    padding: var(--measurements-gap-0, 0px) var(--numbers-0, 0px) var(--numbers-0, 0px) var(--numbers-0, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--numbers-0, 0px);
    position: absolute;
    right: 32px;
    top: 32px;
    border-radius: var(--radius-0, 0px);
    border-radius: var(--measurements-radius-sm, 6px);
    border: 1px solid var(--border-action-destructive, #F7C3C0);
    background: var(--background-surface-default, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    display: flex;
    padding: var(--numbers-8, 8px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-0, 0px);
    color: var(--text-base-primary, #14151A);
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.bx-authform .form_container .form_main .alert.alert-danger:before {
    content: "";
    position: absolute;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 10px;
    height: 7px;
    background-image: url(/local/templates/greenglau/assets/images/Tippy.svg);
    right: 15px;
    top: -6px;
    /* background-size: revert; */
    z-index: 9999;
    background-position: center;
}

.bx-authform .form_container .form_main form input::placeholder {

    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-authform .form_container .form_main form .bx-authform-input-container input {

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-authform .form_container .form_main form .bx-authform-input-container input:focus {
    outline: none;
}

.container.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-6416, 60px);
    width: 1192px;
}

.container.content .bdmn {
    display: flex;
    padding-bottom: var(--measurements-gap-4824, 48px);
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-5632, 56px);
    align-self: stretch;
}

/* cart updates */

.bx-sbb-empty-cart-container {
    display: flex;
    max-height: 500px;
    max-width: 1192px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.bx-sbb-empty-cart-desc {
    display: none;
}

.bx-sbb-empty-cart-text {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-sbb-empty-cart-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-24, 24px);
}

.bx-sbb-empty-cart-image {
    display: flex;
    width: 400px;
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-24, 24px);
    background: url(/local/templates/greenglau/assets/images/shopping-cart-fill.svg) no-repeat center;
}

.bx-sbb-empty-cart-image {
    margin: 0;
}

.bx-sbb-empty-cart-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 0;
}

.bx-sbb-empty-cart-image {
    height: 100px;
}

/* #navigation updates */

#navigation {
    display: flex;
    padding: var(--measurements-gap-3224, 20px) var(--measurements-gap-32, 32px);
    justify-content: center;
    gap: var(--numbers-8, 8px);
    align-self: stretch;
    align-items: center;
    align-content: center;
}

#navigation .bx-breadcrumb-item-text {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

h1#pagetitle {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* H5 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px); /* 120% */
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
}

.bx-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
}

.bx-breadcrumb-item {
    height: 22px;
    display: flex;
    white-space: nowrap;
    align-items: center !important;
    align-content: center;
}

.bx-breadcrumb-item-link {
    border-bottom: 0;
    vertical-align: middle;
    display: flex;
    line-height: 21px;
}

.fa-angle-right:before {
    content: "" !important;
    background-image: url(/local/templates/greenglau/assets/images/arrow-right-s-line.svg);
    width: 14px;
    height: 14px;
    display: block;
}

.bx-breadcrumb-item-angle {
    margin: 0 8px;
}


/* basket  */

.catalog-cart-counter-menu {
    border-radius: var(--measurements-radius-full, 999px);
    background: var(--background-chip-primary-hover, #F7F7F8);
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    right: 17px;
    top: -7px;
}

#basket-root {
    width: 1192px;
    margin: 0 auto;
}


.basket-checkout-container {
    display: flex;
    min-width: var(--measurements-gap-320, 320px);
    padding: var(--measurements-gap-24, 24px);
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-neutral, #F7F7F8);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

.basket-coupon-section {
    display: none;
}

.basket-checkout-section-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
}

.basket-checkout-block-total-price {
    margin-left: auto !important;
}

.basket-checkout-block-total-title {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.basket-checkout-block-total-description {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.basket-coupon-block-total-price-current {
    color: var(--text-base-primary, #14151A);
    text-align: right;

    /* H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
}

.basket-btn-checkout {
    display: flex;
    height: 40px;
    padding: var(--numbers-10, 10px) var(--numbers-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);

    border: 0;

    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-primary, #14151A);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.basket-items-search-field {
    display: none;
}

.basket-items-list-wrapper {
    display: flex;
    padding: var(--measurements-gap-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-0, 0px);
    align-self: stretch;

    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

.parent-container {
    display: none !important;
}

.basket-items-list {
    padding: 0 !important;
}

.basket-items-list-item-container {
    display: flex;
    min-width: 160px;
    padding: 0px var(--measurements-gap-24, 24px);
    align-items: flex-start;
    gap: var(--measurements-gap-24, 24px);
    align-self: stretch;
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

.basket-items-list-item-remove {
    display: none;
}

.basket-item-image-link {
    position: relative;
    display: inline-block;
    width: 152px;
    height: 152px;
    background: #F7F7F8;
    border-radius: 4px;
}

.basket-item-image {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    transition: 300ms all ease;
    mix-blend-mode: multiply;
}

.basket-item-image-link {
    position: relative;
    display: inline-block;
    width: 152px;
    height: 152px;
    background: #F7F7F8;
}

.basket-items-list-header {
    display: flex;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: #fff;
}

.basket-items-list-header {
    color: var(--text-base-primary, #14151A);
    text-align: right;

    /* caption-l */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;

    background: #ffffff00;
}

.basket-checkout-block-total, .basket-checkout-block-btn, .basket-checkout-block-total-price, .basket-checkout-block-total-price-inner, .basket-coupon-block-total-price-current {
    padding: 0;
    margin: 0;
}

.basket-checkout-block-total-price {
    padding-right: 24px;
}

.basket-item-block-image {
    width: 152px;
    height: 152px;
    max-width: none;
    padding: 0;
    display: contents;
}

.basket-items-list-item-descriptions-inner {
    gap: 24px;
}

.basket-item-info-name {
    color: var(--text-base-primary, #14151A);

    /* caption-l */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.basket-item-info-name a {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.basket-item-info-name a:hover {
    text-decoration: none;
}

.basket-item-actions-remove {

}

.basket-item-block-info .basket-item-actions-remove {
    background-image: url(/local/templates/greenglau/assets/images/remove.svg);
    display: flex;
    width: 32px;
    height: 32px;
    padding: var(--measurements-gap-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    flex-shrink: 0;
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--white, #FFF);
    background-repeat: no-repeat;
    background-position: center;
    top: 2px;
}

.basket-item-block-info .basket-item-actions-remove:hover {
    transition: transform 0.3s ease; /* Добавляем плавность */
    background-color: var(--background-button-tertiary-disabled, rgba(10, 15, 41, 0.04));
}

.basket-item-block-info .basket-item-actions-remove:before, .basket-item-block-info .basket-item-actions-remove:after {
    display: none;
}

.basket-item-block-amount {
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary-hover, rgba(10, 15, 41, 0.08));
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary-hover, rgba(10, 15, 41, 0.08));
    width: 92px;
    height: 32px;
}

.basket-item-block-amount {
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary-hover, rgba(10, 15, 41, 0.08));
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary-hover, rgba(10, 15, 41, 0.08));
    width: 92px;
    padding: 0;
    height: 32px;
}

.basket-item-amount-btn-plus, .basket-item-amount-btn-minus {
    width: 32px;
    height: 32px;
}

.basket-item-amount-filed {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: 28px;
    border: 0;
    height: 32px;
    background: none;
}

.basket-item-amount-field-description {
    display: none;
}

.basket-item-price-current-text {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.basket-item-block-price {
    float: left;
    padding: 0;
}

.basket-item-block-properties .basket-item-price-current-text, .basket-item-block-properties .basket-item-price-current {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.basket-items-list-item-descriptions-inner {
    padding-bottom: 26px;
}

.basket-items-list-item-amount .basket-item-price-current-text {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    float: right;
}

.basket-items-list-item-amount {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 22px;
}

.basket-items-list-header {

    border-bottom: 0;
}

.basket-item-scu-item {
    display: flex;
    padding: var(--numbers-4, 4px) var(--measurements-gap-4, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-chip-primary, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    padding: var(--numbers-0, 0px) var(--numbers-4, 4px);
}

.basket-item-scu-item span {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.basket-item-scu-item {
    margin: 2px 4px 2px 0;
}

.basket-items-list-item-container > td {
    border-top: 0;
}

.basket-items-list-container {
    background-color: unset;
}

.basket-btn-checkout {
    cursor: pointer;
}

.basket-item-amount-btn-plus:hover, .basket-item-amount-btn-minus:hover {
    background-color: unset !important;
}

.basket-checkout-container {
    margin-bottom: 8px;
}

.basket-item-property-name {
    display: none;
}

h2.basket-item-info-name {
    margin-bottom: 24px;
}

.basket-item-block-price {
    margin-top: 10px;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 3px 2px;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
    padding: 3px 2px;
    color: var(--text-base-primary, #14151A);
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

.basket-item-scu-item {
    margin: 4px 8px 4px 0px;
}

.basket-item-property {
    padding-bottom: 0px;
}


/* checkout */

#bx-soa-order {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
    gap: 8px;
}

#bx-soa-main-notifications {
    display: none;
}

.bx-soa-sidebar {
    display: flex;
    width: 392px;
    min-width: var(--measurements-gap-320, 320px);
    padding: var(--measurements-gap-24, 24px);
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

#bx-soa-total-mobile {
    display: none !important;
}


.bx-soa-cart-total {
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: unset;
}


.bx-soa-cart-total {
    display: flex;
    gap: 16px;
    flex-direction: column;
    width: 100%;
}

.bx-soa-cart-total-line {
    padding: 0;
}

.bx-soa-cart-total .bx-soa-cart-total-line {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: 0.3px;
    text-transform: uppercase;
    border-color: #F2F3F4;
    padding-top: 16px;
}

.bx-soa-cart-total-line {
    border-top: 1px solid #F2F3F4;
}

.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
    border-color: #F2F3F4;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px);
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
}

.bx-soa-order .bx-soa {
    width: 792px;
}

.bx-soa-section {
    display: flex;
    padding: var(--numbers-16, 16px) var(--numbers-20, 20px) var(--measurements-gap-20, 20px) var(--numbers-20, 20px);
    align-items: flex-start;
    gap: var(--numbers-12, 12px);
    align-self: stretch;
    flex-direction: column;

    margin-bottom: 8px;
    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08)) !important;
    background: var(--background-surface-default, #FFF);
}

.bx-soa-section.bx-selected {
    background: var(--background-surface-neutral, #F7F7F8);
}

.bx-soa-section-title {
    color: var(--text-base-primary, #14151A);

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.bx-soa-section-title-count {
    display: none;
}

.bx-soa-section-title-container {
    overflow: hidden;
    padding: 7px 15px;
    background: #f2f5f7;
    font-size: 14px;
    padding: 0;
    background: none;
    margin: 0;
}

.tablebodytext {
    display: none !important;
}

/* catalog list  */

.catalog.row {
    width: 100%;
    display: flex;
    padding: 48px 0px;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    align-self: stretch;
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}


.catalog.row .bx-sidebar-block {
    display: flex;
    width: 292px;
    height: 920px;
    flex-direction: column;
    align-items: flex-start;
    gap: 64px;
}

.catalog.row .col-lg-3 {
    width: 25%;
    width: 292px;
    padding: 0;
}

.catalog.row .bx-sidebar-block .menu ul li {
    list-style: none;
}

.catalog.row .pb-4 {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--measurements-gap-48, 48px) var(--measurements-gap-8, 8px);
    flex: 1 0 0;
    flex-wrap: wrap;
    padding: 0;
    width: 892px;
}

.catalog.row .bx-sidebar-block .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-16, 16px);
    align-self: stretch;
}

.catalog.row .bx-sidebar-block .menu .title {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.catalog.row .bx-sidebar-block .menu ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--measurements-gap-16, 16px);
}

.catalog.row .bx-sidebar-block .menu ul li a {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.catalog.row .bx-sidebar-block .menu ul li a.active {
    color: #6F717C !important;
}

.catalog.row .bx-sidebar-block .menu ul li a.show_all {
    color: #C2C3C9;
}

.catalog.row .bx-sidebar-block .menu ul li a:hover {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25)) !important;
    text-decoration: none;
}

.catalog.row .bx-sidebar-block .show_all {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25)) !important;
}

.container.content {
    padding-left: 0;
    padding-right: 0;
}

/* custom_page */

.custom_page {
    display: flex;
    width: 1192px;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.custom_page a.button {
    display: flex;
    padding: 10px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    transition: 0.3s;
}

.custom_page a.button:hover {
    color: #a1a1a4 !important;
}

.custom_page h2 {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
    margin: 0;
    margin-top: 80px;
}

.custom_page h3 {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    margin: 0;
    margin-top: 80px;
}

.custom_page img {
    border-radius: 4px;
}

.custom_page p {
    width: 792px;
    margin: 0 auto;

    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page iframe {
    width: 792px;
    margin: 0 auto;
}

.custom_page p label {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 16px;
}

.custom_page p.quote {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);

    padding-left: 32px;
    border-left: 4px solid var(--border-action-normal, #DEE0E3);
}

.custom_page ul {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    width: 792px;
    margin: 0 auto;

    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page ul li {
    padding-left: 12px;
    padding-bottom: 4px;
}

.custom_page ul li::marker {
    content: "—";
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px);
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page ol {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    width: 792px;
    margin: 0 auto;

    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page ol li {
    padding-left: 12px;
    padding-bottom: 4px;
}

.custom_page .docs {
    display: flex;
    width: 792px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 32px 8px;
    flex-wrap: wrap;
}

.custom_page .docs .item {
    display: flex;
    width: 392px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    padding-left: 40px;
    position: relative;
}

.custom_page .docs .item .title {
    color: var(--text-base-primary, #14151A);

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
    transition: 0.3s;
}

.custom_page .docs .item .size {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.custom_page .docs .item:hover .title {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60)) !important;
}

.custom_page .docs .item:before {
    content: "" !important;
    background-image: url(/local/templates/greenglau/assets/images/doc_icon.svg);
    width: 32px;
    height: 44px;
    display: block;
    position: absolute;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}

.custom_page ol li::marker {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.custom_page table tr {
    display: flex;
    width: 792px;
    padding: var(--measurements-gap-8, 8px) var(--measurements-gap-16, 16px);
    align-items: flex-start;
    gap: 16px;
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.custom_page table tr:first-child {
    border-radius: 4px;
    background: var(--background-surface-neutral, #F7F7F8);
    color: var(--text-base-primary, #14151A);

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.custom_page table tr td {
    width: 100%;
}

.custom_page table tr td:first-child {
    width: 70%;
}

/* contacts  */

.contacts {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
}

.contacts .main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 56px;
    width: 344px;
}

.contacts .main .block {

}

.contacts .main h3 {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.contacts .main .ctp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
}

.contacts .main .phone {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.contacts .main .email {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.contacts .main p {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.contacts .main ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
}

.contacts .main ul li {
    list-style: none;
}

.contacts .map {
    width: 792px;
    height: 568px;
}

.contacts .map .mp {
    height: 100%;
    width: 100%;
}

/* catalog_element */

.bx-catalog-element {
    width: 100%;
    display: flex;
    width: 1192px;
    flex-direction: column;
    align-items: center;
    gap: 64px;
}

.bx-catalog-element .row {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}

.bx-catalog-element .row .col-md {
    width: 692px;
}

.bx-catalog-element .row .col-md-5 {
    width: 392px;
}

.bx-catalog-element .extra.tabs {
    padding: 48px 0;
}

.bx-catalog-element section.all .accordion-item {
    position: relative;
}


.bx-catalog-element .extra.tabs .accordion-header .open_icon {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 16px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx-catalog-element section.all .accordion-item.open .open_icon::before {
    display: none;
}

.bx-catalog-element .extra.tabs .accordion-header .open_icon::before {
    content: "";
    width: 2px;
    height: 12px;
    background-color: #6F717C;
}

.bx-catalog-element .extra.tabs .accordion-header .open_icon::after {
    content: "";
    height: 2px;
    width: 12px;
    background-color: #6F717C;
    position: absolute;
}


.bx-catalog-element .extra {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 56px;
    align-self: stretch;
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

.bx-catalog-element .extra .title {
    width: 344px;
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.bx-catalog-element .extra .content {
    width: 792px;
}

/* Общий стиль для аккордеона */
.bx-catalog-element section.all .accordion {
    width: 100%;

}

.bx-catalog-element section.all .accordion-item {
}

.bx-catalog-element section.all .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    cursor: pointer;
    transition: background-color 0.3s ease;

    color: var(--text-base-primary, #14151A);

    /* caption-l */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.bx-catalog-element section.all .accordion-header:hover {

}

.bx-catalog-element section.all .accordion-icon {
    transition: transform 0.3s ease; /* Добавляем плавность */
    transform: rotate(0deg); /* Начальная ориентация стрелки */
}

/* Когда контент открыт */
.bx-catalog-element section.all .accordion-item.open .accordion-content {
    max-height: 1000px; /* Высота для плавного открытия */
    transition: max-height 0.5s ease;
}

/* Поворот стрелочки на 180 градусов при открытии */
.bx-catalog-element section.all .accordion-item.open .accordion-icon {
    transform: rotate(180deg); /* Стрелочка указывает вверх */
}

/* Скрытие содержимого по умолчанию */
.bx-catalog-element section.all .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, padding 0.5s ease;
}

/* Стиль для товаров */
.bx-catalog-element section.all .product {
    display: flex;
    padding: var(--measurements-gap-18, 18px) 0px;
    align-items: center;
    gap: 8px;
    align-self: stretch;

    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: 0.3px;
    text-transform: uppercase;

    cursor: pointer;
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    height: 71px;
    position: relative;
}

.bx-catalog-element section.all .product:hover {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60)) !important;
}

.bx-catalog-element section.all .product img {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

.bx-catalog-element section.all .product-info h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.bx-catalog-element section.all .product-info p {
    margin: 5px 0;
    font-size: 14px;
}

.bx-catalog-element section.all .product > div {
    width: 7.71%;
}

.bx-catalog-element section.all .product .image {
    position: absolute;
    width: 71px;
    aspect-ratio: 1 / 1;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--energy-radiance, #FFF6E4);

    object-fit: cover;
    left: -100%; /* Начальная позиция за пределами слева */
    opacity: 0; /* Начальная непрозрачность */
    transition: left 0.3s ease, opacity 0.0s ease; /* Плавный переход */
}

.bx-catalog-element section.all .product:hover .image {
    left: 0; /* Картинка перемещается в видимую область */
    opacity: 1;
}

.bx-catalog-element section.all .product .counter {
    padding-left: 10px;
}

.bx-catalog-element section.all .product .name {
    width: 66.44%;
}

.bx-catalog-element section.all .product .volume {

}

.bx-catalog-element section.all .product .price {
    text-align: right;
}

.bx-catalog-element section.all .product .arrow {
    background-image: url("/local/templates/greenglau/assets/images/all_sub_arrow.svg");
    height: 16px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.bx-catalog-element section.all {
    gap: 48px;
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

.bx-catalog-element section.all .accordion-item {
    display: flex;
    padding: var(--numbers-16, 16px) var(--numbers-20, 20px);
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
}

.bx-catalog-element section.all .accordion {
    width: 100%;
    display: flex;
    width: 792px;
    min-width: var(--numbers-288, 288px);
    padding: var(--numbers-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--numbers-12, 12px);
}

.bx-catalog-element section.all .accordion {
    display: flex;
    width: 792px;
    min-width: var(--numbers-288, 288px);
    padding: var(--numbers-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--numbers-12, 12px);
}

.bx-catalog-element section.all .accordion .accordion-item .accordion-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    padding-bottom: 0;

}

.bx-catalog-element section.all .accordion .accordion-item.open .accordion-content {
    padding: 24px;
}

.bx-catalog-element section.all .accordion .accordion-item .accordion-content ul {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.bx-catalog-element section.all .accordion .accordion-item .accordion-content ul li {
    padding-left: 12px;
    padding-bottom: 4px;
}

.bx-catalog-element section.all .accordion .accordion-item .accordion-content ul li::marker {
    content: "—";
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.bx-catalog-element .extra.components {
    padding-top: 0;
    border-top: 0;
    border-bottom: 0;
}

.bx-catalog-element .extra.components .content {
    display: flex;
    width: 792px;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    align-content: flex-start;
}

.bx-catalog-element .extra.components .content .item {
    flex: 0 0 calc(50% - 4px); /* 2 карточки в строку, с учетом gap */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
}

.bx-catalog-element .extra.components .content .item .image {
    display: flex;
    margin: 32px 32px 0px 32px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    height: 92px;
    width: 92px;
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 92px;
    border-radius: 100%;
}

.bx-catalog-element .extra.components .content .item .mn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    /* text-align: left; */
    padding-bottom: 48px;
}

.bx-catalog-element .extra .mn .title {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    padding: 48px 48px 0 48px;
    width: 100%;
    margin-bottom: 8px;
}

.bx-catalog-element .extra .subtitle {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    padding: 0px 48px 0 48px;
}

.bx-catalog-element .extra .descriptiom {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    padding: 24px 48px 0px 48px;

}

.bx-catalog-element section.popular {
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    margin-top: 0;
}

.bx-catalog-element section.popular h6 {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    margin: 48px 0px 60px;
}

.bx-catalog-element .dn {
    display: none;
}

.bx-catalog-element section.popular .line_num {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;

    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;

    width: 60px;
    height: 60px;
    flex-shrink: 0;

    border-radius: 999px;
    background: var(--energy-radiance, #FFF6E4);
    margin: 8px;
}

.bx-catalog-element section.popular .items_list .item.active {
    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.bx-catalog-element section.popular .items_list .item.active .text_block .title, .bx-catalog-element section.popular .items_list .item.active .text_block .description, .bx-catalog-element section.popular .items_list .item.active .text_block .price {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: left;
}

.bx-catalog-element section.popular .items_list .item.active:before {
    content: "";
    position: absolute;
    width: 100%;
    top: -12px;

    height: 4px;
    align-self: stretch;

    border-radius: 4px;
    background: var(--background-surface-inverted, #0B0C0E);
}

.bx-catalog-element section.popular .item.active .line_num {
    border-radius: 999px;
    background: var(--background-surface-inverted, #0B0C0E);

    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.bx-catalog-element .row.rght {
    display: flex;
    width: 392px;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}

.bx-catalog-element .row.rght .extrasku:nth-child(2) {
    margin-top: 8px;
}

.catalog-section .product-item-info-container .extrasku:nth-child(2) {
    margin-top: 8px;
}

.bx-catalog-element .row.rght .article {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-catalog-element .row.rght h1 {
    color: var(--text-base-primary, #14151A);

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
}

.bx-catalog-element .row.rght .tag {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    border-radius: var(--measurements-radius-full, 999px);
    background: var(--energy-radiance, #FFF6E4);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    margin-top: 12px;

    display: flex;
    padding: var(--numbers-8, 8px) var(--numbers-16, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
}

.bx-catalog-element .row.rght .hdr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 36px;
}

.bx-catalog-element .sku-line-block {
    margin: 8px 0px;
}

.bx-catalog-element .row.rght .product-item-detail-price-current {
    color: var(--text-base-primary, #14151A);

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
    text-align: left;
}

.bx-catalog-element .row.rght .product-item-detail-pay-block {
    border: 0;
    padding: 0;
}

.bx-catalog-element .row.rght .add_to_cart {
    display: flex;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    align-content: center;
    margin: 48px 0;
    justify-content: space-between;
    width: 100%;
}

.bx-catalog-element .row.rght .product-item-amount-field-container {
    margin: 0;
}

.bx-catalog-element .row.rght .product-item-scu-item-list {
    display: flex;
    gap: 8px;
}

.bx-catalog-element .row.rght .product-item-scu-item-text-block {
    display: flex;
    padding: var(--numbers-2, 2px) var(--measurements-gap-4, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);

    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-chip-primary, #FFF);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-primary, #14151A);

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);

    border: 0;
    outline: 0;
    border: 1px solid var(--border-action-normal, #DEE0E3);
}

.bx-catalog-element .row.rght .selected .product-item-scu-item-text-block {
    border: 1px solid var(--border-base-inverted, #0B0C0E);
}

.bx-catalog-element .row.rght .product-item-scu-item-text {
    padding: 0 4px;
    text-transform: lowercase;
}

.bx-catalog-element .row.rght .product-item-detail-buy-button {
    display: flex;
    height: 40px;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    flex: 1 0 0;

    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-primary, #14151A);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    color: var(--text-base-inverted, #FFF);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    width: 100%;
    margin: 0;
}

.product-item-detail-slider-image img {
    transition: background-size 300ms ease, width 300ms ease, height 300ms ease, outline 300ms ease !important;
    outline-color: #f7f7f800 !important;
}

.bx-catalog-element .row.rght .main-button-container {
    width: 100%;
}

.product-item-detail-slider-block.product-item-detail-slider-block-square {
    width: 592px;
    background-color: var(--background-surface-neutral, #F7F7F8);
    border-radius: 4px;
}

.product-item-detail-slider-container {
    display: flex;
    gap: 8px;
}

.bx-catalog-element .product-item-detail-slider-controls-block {
    flex-direction: column;
    display: flex;
    width: 92px;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 0;
}

.bx-catalog-element .product-item-detail-slider-controls-image {
    height: 92px;
    width: 92px;
    align-self: stretch;
    border-radius: 4px;
    outline: unset;
    background-color: #F7F7F8;
    margin-bottom: 8px;
}

.bx-catalog-element .product-item-detail-slider-controls-image.active {
    opacity: 0.2;
}

.bx-catalog-element .product-item-detail-slider-controls-image img {
    mix-blend-mode: multiply;
}

.product-item-detail-slider-image {

    mix-blend-mode: multiply;
}

.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
    outline-width: 1px;
}

.bx-catalog-element .row.rght .product-item-amount-field-container {
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary-hover, rgba(10, 15, 41, 0.08));
    width: 92px;
    height: 40px;
}

.bx-catalog-element .row.rght .add_to_cart .mb-3:nth-child(2) {
    width: 100%;
}

.bx-catalog-element .row.rght .product-item-amount-description-container {
    display: none;
}

.bx-catalog-element .row.rght .product-item-amount {
    padding: 0 0 0px;
}

.product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus {
    position: relative;
    display: block;
    min-width: 22px;
    height: 22px;
    border-radius: 2px;
    background-color: unset;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    transition: background 300ms ease, opacity 300ms ease;
    display: flex;
    width: 32px;
    height: 40px;
    padding: var(--numbers-10, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
}

.bx-catalog-element .row.rght .product-item-amount-field {
    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-catalog-element .row.rght .btn.product-item-detail-buy-button {
    text-transform: none;
}

.bx-catalog-element .row.rght .btn.product-item-detail-buy-button:hover {
    color: #a1a1a4 !important;
}

.bx-catalog-element .product-item-scu-item-text-container {
    padding: 0;
}

.bx-catalog-element .row.rght .description {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.bx-catalog-element section.popular .items_list .item .text_block {
    max-width: 100%;
}

.bx-catalog-element section.popular .items_list .item.active .img_block {
    opacity: 0.2;
}

.bx-catalog-element section.popular {
    padding-bottom: 16px;
}

.catalog-section .row_items .row {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: var(--measurements-gap-48, 48px) var(--measurements-gap-8, 8px);
    flex: 1 0 0;
    flex-wrap: wrap;
}

.catalog-section .row_items .row .item {
    display: flex;
    width: 292px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    overflow: hidden;
    background-size: contain;
}

.catalog-section .product-item-container {
    position: relative;
    width: 100%;
}

.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {
    display: block !important;
}

.catalog-section .row_items {
    margin-bottom: 48px;
}

.catalog-section .product-item-image-wrapper {

}

.catalog-section .product-item-title {
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
}

.catalog-section .product-item-title a {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.catalog-section .product-item-info-container .product-item-price-current {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.catalog-section .product-item-info-container .product-item-amount {
    display: none;
}

.catalog-section .btn.btn-primary {
    background-image: url(/local/templates/greenglau/assets/images/lead-icon.svg);
    background-size: 20px;
    display: inline-flex;
    padding: var(--numbers-10, 10px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background-color: var(--icon-base-primary, #14151A);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    -webkit-transition: all 0.1s ease-in-out;

    cursor: pointer;
    border: 0;
    outline: 0;
}

.product-item-scu-item-text-container {
    min-width: 32px;
    margin: 0;
    padding: 0;
    border: 0;
}

.bx-green .product-item-scu-item-text-block:hover, .bx-green .product-item-scu-item-color-block:hover, .bx-green .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .bx-green .product-item-scu-item-color-container.selected .product-item-scu-item-color-block {
    outline-color: unset !important;
    border: 0;
    outline: unset;
}

.catalog-section .product-item-scu-item-list {
    display: flex;
    height: 24px;
    align-items: flex-start;
    gap: 8px;
    overflow: visible;
}

.catalog-section .product-item-scu-item-list .product-item-scu-item-text-container {
    display: flex;
    padding: var(--numbers-4, 4px) var(--measurements-gap-4, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-chip-primary, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

.catalog-section .product-item-scu-item-list .product-item-scu-item-text-container.selected {
    border: 1px solid var(--border-base-inverted, #0B0C0E);
}

.catalog-section .product-item-scu-item-list .product-item-scu-item-text-container .product-item-scu-item-text {
    color: var(--text-base-primary, #14151A);
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    text-transform: unset;
}

.catalog-section .product-item-scu-item-text-block {
    outline: unset;
}

.catalog-section .product-item-image-slider-control-container {
    display: none;
}

.catalog-section .product-item {
    padding-top: 15px;
}

.catalog-section .product-item-image-wrapper {
    width: 100%;
    flex-shrink: 0;
    aspect-ratio: 1 / 1;
    border-radius: var(--measurements-radius-xs, 4px);
    background-color: var(--background-surface-neutral, #F7F7F8);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    padding-top: 0px;
    margin-bottom: 0;
}

.catalog-section .product-item-image-slide {
    background: unset;
    width: 100% !important;
    z-index: 10;
}

.catalog-section .product-item {
    padding-top: 0;
}

.catalog-section .product-item {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.catalog-section .product-item-info-container {
    margin-bottom: 0;
}

.catalog-section .to_buy {
    position: absolute;
    z-index: 20;
    top: 239px;
    right: 16px;
    width: 40px;
    height: 40px;
}

/* .mp .catalog-section .to_buy{
	top: 239px !important;
} */

.catalog-section .to_buy .btn.btn-primary {
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
}

.catalog-section .product-item:hover .to_buy .btn.btn-primary {
    opacity: 1;
}

.popup-window {
    display: flex;
    width: 316px;
    padding: var(--measurements-gap-12, 12px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    border-radius: var(--measurements-radius-xl, 12px);
    background: var(--background-surface-default, #FFF);

    /* Shadows/lg */
    box-shadow: 0px 10px 16px -3px rgba(20, 21, 26, 0.08), 0px 3px 6px -2px rgba(20, 21, 26, 0.05);

    display: flex;
    width: 316px;
    padding: var(--measurements-gap-12, 12px) !important;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
}

.popup-window-titlebar-text {
    display: flex;
    min-width: var(--measurements-gap-144, 144px);
    padding: var(--measurements-gap-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-4, 4px);
    align-self: stretch;
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.popup-window-buttons {
    text-align: center;
    padding: 0;
    position: relative;
    width: 100%;
}

.popup-window-buttons button {
    display: flex;
    padding: 10px 10px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    transition: 0.3s;

    outline: 0;
    border: 0;
    width: 100%;
}

.popup-window p {
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: 0.3px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    margin: 8px 0 0 0;
}

.popup-window-with-titlebar .popup-window-content {
    padding: 0;
}

.popup-window img {
    max-height: unset !important;
    width: 292px;
    height: 292px;
}

.popup-window-titlebar {
    height: 20px;
}

.catalog-section .product-item .line_badge {
    display: flex;
    font-family: var(--typography-family-inter, Inter);
    padding: var(--numbers-4, 4px) var(--numbers-8, 13px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    border-radius: var(--measurements-radius-full, 999px);
    background: var(--anti-age-resource, #E8F5F2);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    display: inline-flex;
    align-items: flex-start;
    margin-left: 16px;
    margin-top: 16px;
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    position: absolute;
    z-index: 99;
}


.catalog.row .pb-4 {
    gap: 0;
}

.product-item-image-original, .product-item-image-alternative {
    border-radius: var(--measurements-radius-xs, 4px);
}

.popup-window-buttons button {
    cursor: pointer;
}

.popup-window-buttons button:hover {
    color: #a1a1a4 !important;
}

.popup-window-close-icon:after {
    display: block;
    position: absolute;
    top: 48%;
    left: 58%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 15px;
    height: 15px;
    background-image: url("/local/templates/greenglau/assets/images/close.svg");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
}

.product-item-detail-properties-item {
    margin: 8px 0px 0;
}

.recommended .product-item-small-card .col-xs-6 {
    display: flex;
    width: 24.49%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    position: relative;
}


.recommended .catalog-block-header {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    margin: 48px 0px 60px;
    border: 0;
    padding: 0;
}


.recommended .product-item-title {
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    font-weight: normal;
    font-size: 14px;
    text-align: left;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
}

.recommended .product-item .line_num {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--energy-radiance, #FFF6E4);
    margin: 8px;
    position: absolute;
    z-index: 999;
}

.recommended .product-item-small-card .col-xs-6.active:before {
    content: "";
    position: absolute;
    width: 100%;
    top: -12px;
    height: 4px;
    align-self: stretch;
    border-radius: 4px;
    background: var(--background-surface-inverted, #0B0C0E);
}

.recommended .product-item-small-card .col-xs-6.active .product-item-image-wrapper {
    opacity: 0.2;
}

.recommended .col-xs-6.active .line_num {
    background: var(--background-surface-inverted, #0B0C0E);
    color: var(--text-base-inverted, #FFF);
}

.catalog-section .col-xs-6.active .product-item-title a, .catalog-section .col-xs-6.active .product-item-price-current {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: left;
}

.recommended .col-xs-6.active .product-item-scu-item-text, .catalog-section .col-xs-6.active .product-item-scu-item-text-container.selected {
    color: #9da0a9;
}

.catalog-section .col-xs-6.active .product-item-scu-item-text-container.selected {
    border: 1px solid var(--border-base-inverted, #9da0a9);
}

/* personal */

.personal {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
}

.cntnt {
    width: 692px;
}

.cntnt .row--gutters {
    padding: 16px 16px 0px 16px;
}

.personal .row {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    border: 0;
    justify-content: flex-start !important;
}

.personal .row .col-lg-3 {
    width: 32.4%
}

.personal .sale-personal-section-index-block {
    display: flex;
    width: 100%;
    /* height: 192px; */
    padding: var(--measurements-gap-16, 16px) var(--measurements-gap-48, 48px) var(--measurements-gap-16, 16px) var(--measurements-gap-16, 16px);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: var(--measurements-radius-xl, 12px);
    border: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-neutral, #F7F7F8);
    aspect-ratio: 1 / 1;
    margin: 0;
}

.personal .menu {
    display: flex;
    width: 392px;
    padding: var(--numbers-2, 2px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    border-radius: var(--measurements-radius-xl, 12px);
    background: var(--background-modal-neutral, #F7F7F8);
}

.personal .sale-personal-section-index-block-name {
    color: var(--text-base-primary, #14151A) !important;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B") !important;
    font-size: var(--typography-size-caption-l, 14px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: var(--typography-line-height-caption-l, 20px) !important; /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px) !important;
    text-transform: uppercase !important;
    padding: 0;
}

.personal i.fa {
    color: #000;
    font-size: 32px;
}

.personal .sale-personal-section-index-block-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 60%;
    margin: 0;
    padding: 0;
    height: 100%;
}

.personal .menu ul {
    width: 100%;
    display: flex;
    padding: var(--numbers-2, 2px);
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: var(--numbers-2, 2px);
}

.personal .menu ul li {
    list-style: none;
}

.personal .menu ul li a {
    display: flex;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-0, 0px);
    align-self: stretch;

    border-radius: var(--measurements-radius-lg, 10px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}


.personal .menu ul li a.active, .personal .menu ul li a:hover {
    background: var(--background-button-secondary, #FFF);
}

.personal h2 {
    color: var(--text-base-primary, #14151A);

    /* Brand — H6 */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px) !important; /* 133.333% */
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;

    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px);
    letter-spacing: -0.5px;
    text-transform: uppercase;

    padding: 32px 0;
    margin: 0;
}

.sale-order-list-title-container {
    border: 1px solid #c2f388;
    background: rgba(194, 243, 136, .5);
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}

.personal .row {
    justify-content: space-between;
}

.sale-order-list-inner-title-line-item
.cntnt * {
    font-family: var(--typography-family-inter, Inter) !important;
}


.cntnt .personal .sale-order-list-inner-row-body .btn-primary, .btn-danger, .btn-primary, .btn-themes {
    display: flex;
    padding: 10px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 24px;
    margin-top: 0;
    border: 0;
    cursor: pointer;
    color: #fff !important;
}

.cntnt .personal .sale-order-list-inner-row-body .btn-primary:hover, .btn-danger:hover, .btn-primary:hover {
    color: #a1a1a4 !important;
}

.cntnt .sale-order-list-inner-row {
    padding: 16px;
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.cntnt .sale-order-list-inner-container {
    border: 1px solid #efecec;
    border-top: 0;
    border-radius: 0px 0 12px 12px;
    width: 100%;
}

.cntnt .align-items-center {
    padding: 16px 16px 0px 16px;
}

.cntnt .align-items-center span {
    color: var(--text-base-quaternary, rgba(10, 15, 41, 0.25));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-title-container {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin-top: 16px;
}

.cntnt .sale-order-list-inner-row .sale-order-list-repeat-container {
    margin-left: 0;
}

.cntnt .sale-order-list-title-container {
    border-radius: 12px 12px 0 0;
}

.cntnt .sale-order-list-inner-row-body {
    width: 100%;
}

.cntnt .align-items-center {
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

.cntnt .sale-order-list-title-container h3 {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-payment-title {
    display: flex;
    padding: var(--numbers-2, 2px) var(--numbers-3, 3px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-0, 0px);
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin: 0;
    padding: 0;
}

.cntnt .sale-order-list-status-restricted, .sale-order-list-status-alert {
    margin-left: 8px;
}

.cntnt .sale-order-list-payment-price {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-change-payment {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-shipment-title, .sale-order-list-shipment-status, .sale-order-list-shipment-item {
    padding-left: 16px;
    margin: 4px 0px;
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-inner-row {
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08)) !important;
}

.cntnt .sale-order-list-inner-row:last-child {
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    border-bottom: 0 !important;
    margin-top: 16px;
}

.cntnt .sale-order-list-shipment-status-block {
    border-radius: var(--measurements-radius-sm, 6px);
    background: var(--background-badge-gray, #E9EAEC);
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    padding: 4px 7px;
    border: 0;
}

.cntnt .sale-order-list-status-alert {
    border-radius: var(--measurements-radius-sm, 6px);
    background: var(--background-badge-red, #FCE5E4);
    color: var(--text-accent-red-inverted, #9A1C13);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px);
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    border: 0;
    padding: 4px 7px;
}

.cntnt .sale-order-list-about-container a {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-list-repeat-link:before {
    display: none;
}

.cntnt .sale-order-list-shipment-status-item {
    display: contents;
}

.cntnt .form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.cntnt .btn.btn-link {
    margin-top: 8px;
    display: block;
}

.cntnt textarea.form-control {
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-input-normal, #FFF);
}


.cntnt .sale-order-payment-change-pp-company {
    width: 15%;
}

.cntnt .sale-order-payment-change-pp-list {
    margin-top: 16px;
}

.cntnt .sale-order-list-cancel-payment {
    color: var(--text-base-primary, #14151A);
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-detail h1 {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px);
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
    text-align: left;
}

.cntnt .sale-order-detail a {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-detail-card {
    border: 1px solid var(--theme-color-primary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    margin: 32px 0px;
}

.cntnt .sale-order-detail .sale-order-detail-card-title {
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--background-surface-inverted, #0B0C0E);
    color: var(--text-base-inverted, #FFF);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px) !important; /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px) !important;

    color: #fff;
    justify-content: flex-start;
    border-radius: 16px 16px 0 0;
}

.cntnt .sale-order-detail-section-title {
    padding: 8px 15px;
    background: #f2f2f2;
    font-size: 15px;
    display: flex;
    padding: 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--background-surface-neutral, #F7F7F8);
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: 100%;
}

.cntnt .sale-order-detail .row.mb-3, .sale-order-detail .col.p-0 {
    width: 100%;
}

.cntnt .sale-order-detail .row.m-0 {
    padding: 16px;
}

.cntnt .sale-order-detail-prop-name {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-detail-prop-value {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .sale-order-detail .cntnt .btn.btn-link {
    margin-top: 8px;
    display: block;
    text-align: right;
    display: flex;
    height: 32px;
    padding: var(--numbers-6, 6px) var(--numbers-10, 10px);
    justify-content: flex-end;
    align-items: center;
    gap: var(--numbers-2, 2px);
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .align-items-center {
    float: left;
}

.cntnt .sale-order-detail .col.p-0 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cntnt .main-profile-block-shown .main-profile-block-date-info {
    display: flex;
    flex-direction: column;
}

.cntnt .main-profile-block-shown .main-profile-block-date-info strong {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.cntnt .main-profile-social-block {
    display: none;
}

.cntnt .btn-themes.btn-link.btn-md {
    background: var(--background-button-secondary, #FFF);
    color: #000 !important;
    border: 1px solid var(--border-action-normal, #DEE0E3) !important;
}

.cntnt .main-profile-block-shown .form-control {
    display: flex;
    padding: var(--measurements-gap-0, 0px);
    align-items: flex-start;
    gap: var(--measurements-gap-0, 0px);
    align-self: stretch;

    border-radius: var(--radius-0, 0px);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);

    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-input-normal, #FFF);

    padding: 12px;
    width: 100%;


    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}


.cntnt .main-profile-block-shown .col-sm-8.col-md-9 {
    width: 100%;
}

.cntnt .main-profile-block-shown .col-12 {
    width: 100%;
}

.cntnt .sale-order-list-inner-container .row {
    justify-content: space-between !important;
}

.cntnt .sale-order-list-inner-container {
    display: flex;
    flex-direction: column;
}

.cntnt .sale-order-list-accomplished-title-container h3 {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    background: var(--background-surface-inverted, #0B0C0E);
    color: var(--text-base-inverted, #FFF);
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px) !important;
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px) !important;
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px) !important;
    justify-content: flex-start;
    border-radius: 16px 16px 0 0;
    width: 100%;
}

.cntnt h1.sale-order-title {
    padding: 32px 0;
    color: var(--text-base-primary, #14151A);
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h5, 30px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h5, 36px);
    letter-spacing: var(--H5, 0.6px);
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 16px;
}

.cntnt .sale-order-list-accomplished-title-container {
    margin-top: 16px;
}

.cntnt .sale-order-list-accomplished-title-container {
    background: unset;
}

.cntnt .col-sm-auto {
    padding: 0px 16px;
    display: none;
}

.cntnt .mr-4 {
    display: block;
    margin: 8px 0px;
}

.cntnt .sale-order-list-accomplished-date, .sale-order-list-accomplished-date-number {
    font-family: var(--typography-family-inter, Inter) !important;
    font-weight: 600;
}

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

.cntnt .payment-options-methods-row {
    padding: 0;
    width: 100%;
}

.cntnt .sale-order-detail-payment-options-shipment .row {
    padding: 16px;
}

.cntnt .table-responsive {
    padding: 8px 16px;
}

.sale-order-detail-total-payment {
    padding: 16px 16px;
    width: 100%;
}


/* checkout */

#bx-soa-order-form .bx-soa-section-content {
    width: 100%;
    border-radius: var(--measurements-radius-md, 8px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    padding: 24px;
}

#bx-soa-order-form .bx-soa-item-td-title {
    display: none;
}

#bx-soa-order-form .bx-soa-pp-item-container .row {
    display: flex;
    gap: 8px
}

#bx-soa-order-form .bx-soa-pp-item-container .row .bx-soa-pp-company {
    width: 20%;
}

#bx-soa-order-form .btn-outline-secondary {
    display: flex;
    padding: 10px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: #fff;
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 24px;
    margin-top: 0;
    border: 0;
    cursor: pointer;
    color: var(--icon-base-primary, #14151A) !important;
    border: 1px solid;
}

#bx-soa-order-form .bx-soa-more-btn.col {
    display: flex;
    justify-content: space-between;
}

#bx-soa-order-form .bx-soa-section-content .bx-soa-customer-input, #bx-soa-order-form .bx-soa-section-content textarea {
    display: flex;
    padding: var(--measurements-gap-0, 0px);
    align-items: flex-start;
    gap: var(--measurements-gap-0, 0px);
    align-self: stretch;
    border-radius: var(--radius-0, 0px);
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    border-radius: var(--measurements-radius-xs, 4px);
    border: 1px solid var(--border-action-normal, #DEE0E3);
    background: var(--background-input-normal, #FFF);
    padding: 12px;
    width: 100%;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin-top: 8px;
}

#bx-soa-order-form .bx-soa-customer {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

#bx-soa-order-form .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
    background: #f2dede;
    color: #a94442;
    width: 100%;
    display: inline;
}

#bx-soa-order-form .bx-soa-location-input-container {
    margin-top: 16px;
}

#bx-soa-order-form .form-check label {
    margin-left: 3px;
}

.confirm_order .title {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}

.confirm_order {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 792px;
    margin: 0 auto;
    gap: 24px;
}

.confirm_order .col {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Body S/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-body-s, 16px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-body-s, 24px); /* 150% */
    letter-spacing: var(--typography-letter-spacing-body-s, -0.2px);
}


.confirm_order h3 {
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-h6, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-h6, 32px);
    letter-spacing: var(--H6, 0.5px);
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    margin-top: 16px;
}

.confirm_order .row.mb-2 {
    width: 100%;
    gap: 8px;
}

.confirm_order .pay form {
    display: flex;
    align-items: center;
    justify-content: center;
}

.confirm_order .pay form input,
.tbank-payment-form input,
.tbank-payment-button {
    display: flex;
    padding: 10px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 0;
    cursor: pointer;
    stroke: none;
    border: 0;
}

a.tbank-payment-button {
    padding: 6px 16px;
}

a.tbank-payment-button:hover {
    color: var(--text-base-inverted, #FFF) !important;
}

.confirm_order .pay form input:hover {
    background: #292b32;
}

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

.confirm_order .pay p {
    text-align: center;
}

.confirm_order .btn-success {
    display: flex;
    padding: 10px 16px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px) !important;
    background: var(--icon-base-primary, #14151A);
    color: var(--text-base-inverted, #FFF);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 24px;
    margin-top: 0;
    border: 0;
    cursor: pointer;
    color: #fff !important;
    transition: 0.3s;
}

.confirm_order .btn-success:hover {
    color: #a1a1a4 !important;
}

#bx-soa-order-form .bx-soa-pp-desc-container .bx-soa-pp-company-logo {
    max-width: 150px;
    display: none;
}

.catalog-section {
    display: flex;
    flex-wrap: wrap;
    gap: var(--measurements-gap-48, 48px) var(--measurements-gap-8, 8px);
}

.catalog-section .item {
    width: calc(33% - 3px) !important;
}

.notallowed {
    display: none !important;
}

.mp section.lines .items_list .item {
    background-position: bottom;
    height: 392px;
    aspect-ratio: unset;
    background-size: cover;
    background-size: 200%;
}

.mp section.lines .items_list .item:hover {
    background-size: 220%;
}

.mp section.lines .items_list .row:nth-child(2) .item {
    aspect-ratio: unset;
}

.mp section.lines .items_list .row:nth-child(1) .item {
    flex: unset;
}

.mp section.lines .items_list .row:nth-child(1) .item:nth-child(1) {
    width: 60%;
}

.mp section.lines .items_list .row:nth-child(1) .item:nth-child(2) {
    width: 40%;
}

.mp section.lines .items_list .row:nth-child(3) .item:nth-child(2) {
    width: 60%;
}

.mp section.lines .items_list .row:nth-child(3) .item:nth-child(1) {
    width: 40%;
}

.mp section.lines .items_list .row:nth-child(3) .item {
    flex: unset;
}

.payments_methods {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: row;
    justify-content: flex-start;
    align-content: center;
}

.payments_methods li {
    height: 20px;
    width: 44px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: center;
}

.payments_methods li.tbank {
    background-image: url(/local/templates/greenglau/assets/images/tbank.svg);
}

.payments_methods li.mir {
    background-image: url(/local/templates/greenglau/assets/images/mir.svg);
}

.payments_methods li.visa {
    background-image: url(/local/templates/greenglau/assets/images/visa.svg);
}

.payments_methods li.master {
    background-image: url(/local/templates/greenglau/assets/images/master.svg);
}

.contact_info .payments_methods {
    display: none;
}

.bx-top-nav-container .auth {
    display: none;
}

.top_area .mmenu {
    display: none;
}

section.steps .items_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

section.steps .items_list .item {
    display: flex;
    width: 100%;
    padding: 48px 0px 56px 0px;
    align-items: flex-start;
    gap: 8px;
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

section.steps .items_list .item .num {
    display: flex;
    height: 292px;
    padding: 0px 32px 232px 0px;
    flex-direction: column;
    align-items: center;
}

section.steps .items_list .item .num span {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;

    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;

    border-radius: 999px;
    background: var(--energy-radiance, #FFF6E4);
}

section.steps .items_list .item .itm {
    display: flex;
    width: 492px;
    flex-direction: column;
    align-items: flex-start;
    gap: 48px;
    flex-shrink: 0;
}

section.steps .items_list .item .itm a {
    width: 100%;
    padding-right: 48px;
}

section.steps .items_list .item .itm img {
    width: 191px;
    height: 191px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background-color: #F7F7F8;
    margin-bottom: 24px;
}

section.steps .items_list .item .itm .title {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    width: 70%;
}

section.steps .items_list .item .itm .label {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin-top: 8px;
}

section.steps .items_list .item .desc {
    display: flex;
    flex-wrap: wrap;
}

section.steps .items_list .item .desc .block {
    width: calc(50% - 12px);
    padding: 48px 12px;
}

section.steps .items_list .item .desc .block:nth-child(1), section.steps .items_list .item .desc .block:nth-child(2) {
    border-bottom: 1px solid #0A0F2914;
    padding-top: 0px;
}

section.steps .items_list .item .desc .block:nth-child(2n+1) {
    padding-left: 0;
}

section.steps .items_list .item .desc .block .title {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    margin-bottom: 8px
}

section.steps .items_list .item .desc .block .label {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

section.steps .items_list .item .desc .block .description {
    margin-top: 24px;
    color: var(--text-base-primary, #14151A);

    /* Caption M/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-m, 12px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
    letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
}

section.steps .items_list .item .itm .btn {
    display: flex;
    padding: 10px 10px 10px 16px;
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);
    border-radius: var(--measurements-radius-xs, 4px);
    background: #fff;
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    width: max-content;
    margin-top: 24px;
    border: 1px solid var(--border-action-normal, #DEE0E3);
}

section.steps .items_list .item .itm .btn span {
    background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow_white.svg);
    height: 20px;
    width: 20px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.product-item-image-wrapper .item {
    width: 100% !important;
}

.mp section.popular .items_list .catalog-section .item {
    width: 24.49% !important;
}

.mp section.popular .items_list .catalog-section .item:first-child {
    width: 41.28% !important;
}

/* .mp section.popular .items_list .catalog-section .item:first-child .to_buy{
	top: 439px !important;
} */

.mp section.popular .items_list .catalog-section .item:first-child .item {
    width: 100% !important;
}

.mp section.popular .items_list .catalog-section .item:nth-child(2) {
    width: 24.50% !important;
}

.mp section.popular .items_list .catalog-section .item:nth-child(3) {
    width: 32.87% !important;
}

/* .mp section.popular .items_list .catalog-section .item:nth-child(3) .to_buy{
	top: 339px !important;
} */


.mp section.popular .items_list .catalog-section .item:nth-child(8) {
    width: 32.87% !important;
}

/* .mp section.popular .items_list .catalog-section .item:nth-child(8) .to_buy{
	top: 339px !important;
} */

.mp section.popular .items_list .catalog-section .item:nth-child(8) .item {
    width: 100% !important;
}

.mp section.popular .items_list .catalog-section .item:nth-child(9) {
    width: 24.50% !important;
}

.mp section.popular .items_list .catalog-section .item:nth-child(10) {
    width: 41.28% !important;
}

/* .mp section.popular .items_list .catalog-section .item:nth-child(10) .to_buy{
	top: 439px !important;
} */

.line-detail.top4 section.popular .items_list .catalog-section .item {
    width: 292px !important
}

.catalog-section .item .product-item-image-original, .catalog-section .item .product-item-image-alternative, .catalog-section .item .product-item-image-slide, .catalog-section .item .product-item-image-slide.active, .catalog-section .product-item .product-item-image-slide, .catalog-section .product-item .product-item-image-slide.active {
    background-size: 100% !important;
    transition: background 0.3s ease;
    background-position: bottom center;
}


.catalog-section .item:hover .product-item-image-original, .catalog-section .item:hover .product-item-image-alternative, .catalog-section .item:hover .product-item-image-slide, .catalog-section .item:hover .product-item-image-slide.active, .catalog-section .product-item:hover .product-item-image-slide, .catalog-section .product-item:hover .product-item-image-slide.active {
    background-size: 110% !important;
    transition: background 0.3s ease;
}

.mp .product-item-image-slide .item {
    width: 100% !important;
}


.mp section.popular .items_list .item:first-child .b_img_bg {
    z-index: 9;
}

.mp section.popular .items_list .item:first-child .b_img_bg .crcl {
    margin-bottom: 10px;
}

.mp section.popular .items_list .item {
    gap: 0;
}

.line-detail .catalog-section{
     width: 100%;
}

.line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(1), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(3), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) {
    width: 292px !important
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #000;
    height: 1px;
    content: "";
}

.line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2n) {
    margin-top: 100px;
}

.slick-slider .slick-track {
    display: flex;
    gap: 8px;
}

.slick-dots li {
    width: 100px;
    margin: 0;
    height: 1px;
}

.slick-dots li.slick-active button:before {
    height: 4px;
}

.slick-dots li.slick-active {
    height: 4px;
}

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

/* .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(1) .to_buy, .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2) .to_buy, .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(3) .to_buy, .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) .to_buy   {
	top: 239px !important;
} */

.line-detail.top4 {
    border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    width: unset;
}

.line-detail.top4 h4 {
    color: var(--text-base-primary, #14151A);

    /* Brand — Caption-L */
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    width: 100%;
    margin-top: 48px;
    margin-bottom: 0;
}

.line-detail.top4 .info {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.line-detail.top4 .btnn {
    display: flex;
    padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-4, 4px);

    border-radius: var(--measurements-radius-xs, 4px);
    background: var(--background-button-tertiary, rgba(10, 15, 41, 0.04));

    color: var(--text-base-primary, #14151A);
    text-align: center;

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    padding-left: 16px;
}

.line-detail.top4 .btnn span {
    background-image: url(/local/templates/greenglau/assets/images/tail-icon.svg);
    height: 20px;
    width: 20px;
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
}

.line-detail.top4 .line_num {
    display: flex;
    width: 60px;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    color: var(--text-base-primary, #14151A);
    text-align: center;
    font-family: var(--Display, "Euclid Circular B");
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--Caption-L, 0.3px);
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 999px;
    background: var(--energy-radiance, #FFF6E4);
    margin: 8px;
    position: absolute;
    z-index: 999;
}

.line-detail.top4 .catalog-section {
    height: 540px;
    width: 1192px;
}

.line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-shrink: 0;
}

.line-detail.top4 section.popular .items_list .item:first-child .b_img_bg {
    display: none;
}

.sale-order-detail-payment-options-methods-container:before {
    display: none !important
}

.sale-order-detail td {
    padding-right: 10px;
}

.bx-soa-sidebar {
    position: sticky;
    top: 15px;
}

.bx-authform-starrequired {
    color: var(--text-status-destructive, #E6483D);

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.bx-authform .form_container .form_main noindex {
    width: 100%;
}

.bx-authform-formgroup-container .lbl {
    color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    margin-top: 8px;
}

.bx-authform .fio {
    display: flex;
    gap: 8px;
    width: 100%;
}

.bx-authform .fio .bx-authform-formgroup-container {
    width: 50%;
}

.bx-authform .cptch {
    display: flex;
    width: 100%;
    gap: 8px;
    height: 40px;
}

.bx-captcha img {
    height: 42px;
}

.acception label {
    display: flex;
    gap: 4px;
}

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

.file-selectdialog {
    display: block;
    opacity: 1;
    border: 0;
    box-shadow: none;
    background: var(--background-surface-neutral, #F7F7F8);
}

.checkbox-ios {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    font-size: 14px;
    user-select: none;
}

.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 28px;
    height: 16px;
    border: 0;
    border-radius: 25%/50%;
    vertical-align: top;
    background: #BABDC5;
    transition: .2s;
    border-radius: var(--measurements-radius-full, 999px);
}

.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: white;
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
    transition: .15s;
}

.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
    background: limegreen;
    background: var(--background-toggle-active, #26BD6C);
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
    transform: translateX(12px);
}

.is_cosmetolog .cb {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.is_cosmetolog .cb .label .descr {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);

    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
}

.is_cosmetolog .cb .label .extra {
    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.checkbox-ios {
    margin-top: 3px;
}


.is_cosmetolog .hidden_area {
    display: flex;
    gap: 24px;
    flex-direction: column;
    width: 100%;
    display: none;
}

.hidden_area.active {
    display: flex;
}

.bx-authform .form_container .form_main form .bx-authform-input-container.city:before {
    content: "";
    background-image: url(/local/templates/greenglau/assets/images/search-line.svg);
    background-position-y: center;
    background-repeat: no-repeat;
    background-position-x: right;
    display: block;
    position: absolute;
    height: 42px;
    width: 42px;
    background-position: center;
}

.bx-authform .form_container .form_main form .bx-authform-input-container.city input {
    padding-left: 40px;
}

.ddrop .file-selectdialog .file-extended .file-selector:hover {
    border: 0;
}

.ddrop {
    display: flex;
    width: 528px;
    padding: var(--measurements-gap-0, 0px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-0, 0px);

    border-radius: var(--measurements-radius-xl, 12px);
    border: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    background: var(--background-surface-default, #FFF);

    /* Shadows/xs */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.05);
}

.ddrop .top {
    display: flex;
    padding: var(--measurements-gap-24, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--measurements-gap-8, 8px);
    align-self: stretch;
}

.ddrop .top .bx-authform-label-container {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.ddrop .top .description {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.ddrop .file-selectdialog .file-extended .file-selector {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0;
    flex-direction: column-reverse;
    gap: 16px;
}

.file-selectdialog .file-extended .file-selector:hover .file-load-img {
    background-position: center;
    left: unset;
    top: unset;
}

.file-selectdialog .file-simple, .file-selectdialog .file-extended {
    cursor: pointer;
}

.file-selectdialog .file-label {
    display: none;
}

.file-selectdialog .file-placeholder {
    padding: 0;
    /* width: 100%; */
    margin-left: 0;
    display: flex;
    justify-content: space-evenly;
}

.file-selectdialog .file-simple, .file-selectdialog .file-extended {
    margin-left: 0;
}

.ddrop .file-selectdialog .file-extended .file-load-img {
    position: relative;
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
    cursor: pointer;
    border-color: rgba(0, 0, 0, .3);
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
    filter: grayscale(70%);
    border-color: rgba(0, 0, 0, .1);
}

.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
    background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
    box-shadow: inset 0px 0px 4px #ff5623;
}

.alert.alert-danger {
    display: none;
}

.file-selectdialog .file-extended .file-load-img {
    background: url(/local/templates/greenglau/assets/images/lead-icon-ger.svg) no-repeat 0 0;
}

.ddrop .file-selectdialog .file-extended .file-load-img {
    display: flex;
    padding: var(--measurements-gap-12, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--numbers-2, 2px);
    border-radius: var(--measurements-radius-lg, 10px);
    background-color: var(--background-surface-neutral-subtle, #E9EAEC);
    background-position: center;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
}

.file-selectdialog .file-extended .file-load-img {
    left: unset;
    top: unset;
}

.file-selectdialog .file-extended .file-uploader {
    color: var(--text-base-primary, #14151A);

    /* Caption L/Medium */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.file-selectdialog .file-extended .file-uploader span.str {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
}

.file-selectdialog .file-extended .file-uploader .allowed_types {
    color: var(--text-base-secondary, rgba(15, 19, 36, 0.60));
    text-align: center;

    /* Caption L/Regular */
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.ddrop {
    overflow: hidden;
}

.ddrop .file-selectdialog {
    display: flex;
    padding: var(--measurements-gap-24, 24px);
    flex-direction: column;
    align-items: center;
    gap: var(--measurements-gap-24, 24px);
    align-self: stretch;
    margin-bottom: 0;
}

.file-placeholder .f-wrap, .file-placeholder .files-list td {
    color: var(--text-base-primary, #14151A);
    font-family: var(--typography-family-inter, Inter);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    /* line-height: var(--typography-line-height-caption-l, 20px); */
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
}

.file-placeholder .files-text {
    display: flex;
}

.file-placeholder .f-wrap, .file-placeholder .files-list td {
    border: 0;
}

.webform-field-upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.webform-small-button {
    opacity: 0;
}

.webform-field-upload-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-family: var(--typography-family-inter, Inter);
    font-size: var(--typography-size-caption-l, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--typography-line-height-caption-l, 20px);
    letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    padding-left: 0;
    margin-left: 0;
}

.webform-button-upload input {
    z-index: 99999;
}


font.errortext {
    display: block;
    padding-bottom: 30px;
    color: #E6483D;
}

.suggestions-suggestions {
    border: 1px solid #DEE0E3 !important;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 2px;
    padding: 4px;

    font-family: var(--typography-family-inter, Inter);
}

.suggestions-suggestions > div {
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer;
    color: #0D112666
}

.catalog.row .catalog-section {
    width: 100%;
}

.slick-prev:before, .slick-next:before {
    color: #949494;
}

.ddrop {
    position: relative !important;
}

.cntnt .col-sm-auto {
    display: block;
}

.line-detail.top4 .slick-track .item {
    width: 292px !important;
}

.mp section.popular .items_list .catalog-section .item {
    width: 292px !important;
}

.scroll-view {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.scroll-view-container {
    position: fixed;
    top: 0;
    padding: 0;
}

header:hover .top_area .cart,
header.header--mobile-menu-opened.white .top_area .cart,
header.scroll-view-container.white .top_area .cart {
    background-image: url("/local/templates/greenglau/assets/images/cart_icon.svg");
}

header:hover .top_area .personal,
header.header--mobile-menu-opened.white .top_area .personal,
header.scroll-view-container.white .top_area .personal {
    background-image: url("/local/templates/greenglau/assets/images/user_icon.svg");
}



header:hover .line,
header.header--mobile-menu-opened.white .line,
header.scroll-view-container.white .line {
    background: var(--border-base-alpha, rgba(10, 15, 41, 0.08));
}

header.scroll-view-container .scroll-view--top-only {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(.4, 0, .2, 1);
}

header.scroll-view-container:hover .scroll-view--top-only,
header.scroll-view-container .scroll-view--top-only.scroll-view--top-only-show {
    max-height: 60px;
}

header .scroll-view--top-only:hover {
    overflow: auto;
}

.header__background-holder{
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(.4, 0, .2, 1);
    background: var(--white, #fff);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

header.menu-hover .header__background-holder,
header:hover .header__background-holder,
header.header--mobile-menu-opened .header__background-holder,
header.scroll-view-container .header__background-holder{
    opacity: 1;
}

header.menu-hover .top_area .logo,
header:hover .top_area .logo,
header.header--mobile-menu-opened.white .top_area .logo ,
header.scroll-view-container.white .top_area .logo {
    background-image: url("/local/templates/greenglau/assets/images/logo.svg");
}

header.white:hover .menu ul li a,
header.menu-hover.white .menu ul li a,
header.scroll-view-container,
header.header--mobile-menu-opened.white .menu ul li a,
header.scroll-view-container.white .menu ul li a{
    color: var(--text-base-primary, #14151A);
}

header.scroll-view-container .scroll-view.scroll-view--always,
header.header--mobile-menu-opened .scroll-view.scroll-view--always{
    padding: 0 var(--measurements-gap-8, 8px);
}

header.header--mobile-menu-opened .line.line--under-logo,
header.scroll-view-container .line.line--under-logo{
    margin: 0 -8px;
}

@media screen and (max-width: 1192px) {

    .container.content {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .catalog.row .col-lg-3 {
        width: 25%;
    }

    .catalog-section .row_items .row .item {
        width: calc(33% - 3px);
    }

    .product-item-image-slide {
        width: 100% !important;
    }

    .catalog.row .bx-sidebar-block {
        display: flex;
        width: 100%;
        height: auto;
    }

    footer .product_lines, footer .contact_info {
        width: 50%;
    }

    .bx-catalog-element {
        width: 100%;
        display: flex;
        width: 100%;
    }

    .bx-catalog-element .extra .title {
        width: 20%;
    }

    .bx-catalog-element .extra.components .content {
        width: 80%;
    }

    .bx-catalog-element section.all .accordion {
        width: 100%;
    }

    .bx-catalog-element section.all {
        width: 80%;
    }

    .bx-catalog-element .row {
        gap: 16px;
    }

    .bx-catalog-element .row .col-md {
        width: 56%;
    }

    .bx-catalog-element .row .col-md-5 {
        width: 44%;
    }

    .product-item-detail-slider-block.product-item-detail-slider-block-square {
        width: 100%;
    }

    .recommended .product-item-small-card .col-xs-6 {
        width: calc(25% - 6px);
    }

    .custom_page {
        width: 100%;
    }

    #basket-root {
        width: 100%;
    }

    .personal {
        gap: 16px;
    }

    .mp section {
        display: flex;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    section.popular .items_list .item {
        width: calc(33% - 3px) !important;
    }

    .mp section.lines .items_list {
        width: 100%;
    }

    .mp section.advantages {
        width: 100%;
    }

    .mp section.partner_form {
        width: 100%;
    }

    .mp {
        width: 100%;
    }

    section.popular .items_list .item:first-child .b_img_bg .crcl {
        width: 80%;
        height: unset;
        flex-shrink: 0;
        background: #E8F5F2;
        border-radius: 100%;
        margin-bottom: 20px;
        aspect-ratio: 1 / 1;
    }

    .mp section.advantages .items_list .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: var(--measurements-radius-xs, 4px);
        background: var(--background-surface-neutral, #F7F7F8);
        width: calc(25% - 3px) !important;
        aspect-ratio: 1 / 1.5;
        height: unset !important;
    }

    section.popular .items_list .item:last-child {
        display: none;
    }

    .line_detail, section.components .items_list {
        width: 100%;
    }

    .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) {
        justify-content: flex-start;
    }

    .line-detail.top4 section.popular .items_list .catalog-section .item {
        width: calc(50% - 4px) !important;
    }

    .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(1), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(3), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) {
        width: calc(50% - 4px) !important;
    }

    .line-detail.top4 .catalog-section {
        height: unset;
    }


    .mp section.popular .items_list .catalog-section .item:first-child, .mp section.popular .items_list .catalog-section .item:nth-child(2), .mp section.popular .items_list .catalog-section .item:nth-child(3), .mp section.popular .items_list .catalog-section .item:nth-child(4), .mp section.popular .items_list .catalog-section .item:nth-child(5), .mp section.popular .items_list .catalog-section .item:nth-child(6), .mp section.popular .items_list .catalog-section .item:nth-child(7), .mp section.popular .items_list .catalog-section .item:nth-child(8), .mp section.popular .items_list .catalog-section .item:nth-child(9) {
        width: calc(50% - 4px) !important;
    }

    .zoom-bg {
        animation: zoomOut 6s ease forwards;
        background-size: 200%;
    }

    @keyframes zoomOut {
        0% {
            background-size: 200%;
        }
        100% {
            background-size: 150%;
        }
    }

    .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(1), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(3), .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(4) {
        width: calc(50% - 4px) !important;
    }

    .line-detail.top4 .catalog-section {
        width: 100% !important;
    }

    .line-detail.top4 section.popular .items_list .catalog-section .item:nth-child(2n) {
        margin-top: 0px;
    }
}


@media screen and (max-width: 990px) {
    .catalog.row .col-lg-3 {
        width: 25%;
    }

    .catalog-section .item {
        width: calc(50% - 4px) !important;
    }

    footer .product_lines, footer .contact_info {
        width: 100%;
    }

    footer .product_lines .item, footer .contact_info .item {
        width: 50%;
    }

    footer {
        display: flex;
        flex-direction: column-reverse;
    }

    .madein {
        display: none;
    }

    footer .contact_info_detail {
        width: 100%;
    }

    footer .contact_info {
        border-top: var(--Thin-Border, 1px) solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    }

    .bx-catalog-element .extra {
        gap: 16px;
    }

    .bx-catalog-element .extra.components {
        display: flex;
        flex-direction: column;
    }

    .bx-catalog-element .extra.components .content {
        width: 100%;
    }

    .bx-catalog-element .extra .title {
        width: 100%;
    }

    .bx-catalog-element .extra.tabs {
        padding: 48px 0;
        display: flex;
        flex-direction: column;
    }

    .bx-catalog-element section.all {
        width: 100%;
    }

    .bx-catalog-element .row .col-md {
        width: 100%;
    }

    .bx-catalog-element .row .col-md-5 {
        width: 100%;
    }

    .bx-catalog-element .row {
        gap: 16px;
        display: flex;
        flex-direction: column;
    }

    .bx-catalog-element .row.rght {
        display: flex;
        width: 100%;
    }

    .bx-catalog-element .extra {
        gap: 32px;
    }

    .bx-catalog-element .row.rght .hdr {
        margin-bottom: 16px;
    }

    .recommended .product-item-small-card .col-xs-6 {
        width: calc(50% - 4px);
    }

    .contacts {
        gap: 16px;
    }

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

    .contacts .main {
        width: 100%;
    }

    .contacts .map {
        width: 100%;
    }

    .contacts .main {
        gap: 32px;
    }

    .custom_page p {
        width: 100%;
    }

    .custom_page table tr {
        width: 100%;
    }

    .custom_page iframe {
        width: 100%;
    }

    .custom_page .docs {
        width: 100%;
    }

    .custom_page .docs .item {
        width: 48%;
    }

    h2.basket-item-info-name {
        padding-right: 60px;
    }

    .bx-authform {
        width: 100%;
    }

    .bx-authform .form_container {
        width: 100%;
        min-height: unset;
    }

    .bx-authform .form_container .form_main {
        width: 100%;
        min-height: unset;
    }

    .personal .row .col-lg-3 {
        width: 32%;
    }

    .mp section.slider .slider-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 1192 / 600;
    }

    section.popular .items_list .item .text_block .title, .catalog-section .product-item-title a {
        color: var(--text-base-primary, #14151A);
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-m, 12px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

    .mp section.advantages .items_list .item {
        transform: unset !important;
        margin-top: 0 !important;
        padding-bottom: 35px !important;
    }

    .mp section.advantages .items_list {
        align-items: stretch;
    }

    .mp section.all .product .name {
        width: 66.44%;
        padding-right: 30px;
    }

    .mp section.lines .items_list .item {
        background-position: bottom;
        height: 300px;
    }

    .mp section.lines .items_list .row .item .text_block {
        padding: 0px var(--measurements-gap-32, 0px);
        padding-top: 40px;
    }

    footer .madein {
        display: none;
    }

    .contact_info .payments_methods {
        display: flex;
        gap: 26px;
    }

    .contact_info .payments_methods li {
        width: 75px;
        height: 34px;
        background-size: cover;
    }

    section.steps .items_list .item .itm {
        width: 230px;
    }

    .line_detail .about .more {
        width: 90%;
    }

    .line_detail section ul {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 24px 24px;
        flex-direction: column;
        padding-left: 40px;
    }

    section.steps .items_list .item .itm .title {
        width: 100%;
    }


}

@media screen and (max-width: 752px) {

    header .top_area{
        padding: var(--numbers-16, 16px) var(--numbers-8, 8px);
    }

    #mobile-text {
        display: block;
    }

    #mobile-text h1 {
        color: var(--text-base-primary, #14151A);

        /* Brand — H6 */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-h6, 24px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
        letter-spacing: var(--H6, 0.5px);
        text-transform: uppercase;
        margin-bottom: 24px;
    }

    #mobile-text p {
        color: var(--text-base-primary, #14151A);

        /* Caption L/Medium */
        font-family: var(--typography-family-inter, Inter);
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
        margin-bottom: 32px;
    }

    #mobile-text a {
        display: flex;
        padding: var(--numbers-10, 10px) var(--numbers-12, 12px);
        justify-content: center;
        align-items: center;
        gap: var(--numbers-4, 4px);
        align-self: stretch;

        border-radius: var(--measurements-radius-xs, 4px);
        background: var(--icon-base-primary, #14151A);

        color: var(--text-base-inverted, #FFF);
        text-align: center;

        /* Caption L/Medium */
        font-family: var(--typography-family-inter, Inter);
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    }

    #mobile-text a span {
        background-image: url(/local/templates/greenglau/assets/images/all_sub_arrow_gray.svg);
        height: 20px;
        width: 20px;
        background-position-y: center;
        background-repeat: no-repeat;
        background-position-x: right;
    }

    .gg-preview h3, .gg-preview p {
        display: none;
    }

    .gg-slide.white ~ .gg-preview-bar .gg-preview.active, .gg-slide.white ~ .gg-preview-bar .gg-preview {
        padding: 0;
        margin: 0;
        background: #FFFFFFBF;
        height: 4px;
    }

    .zoom-bg {
        animation: unset;
        background-size: 200%;
    }

    @keyframes zoomOut {
        0% {
            background-size: 200%;
        }
        100% {
            background-size: 100%;
        }
    }

    .catalog.row {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .catalog.row .cl {
        width: 100%;
    }

    .catalog.row .cl.mb {
        display: none;
    }

    header .line:first-child {
        display: none;
    }

    header .line.line--under-logo{
        display: block;
    }

    .container.content {
        padding-top: 80px;
    }

    header {
        padding: 0;
        height: 64px;
    }

    header.scroll-view-container .scroll-view.scroll-view--always,
    header.header--mobile-menu-opened .scroll-view.scroll-view--always{
        padding: 0;
    }

    header.header--mobile-menu-opened .line.line--under-logo,
    header.scroll-view-container .line.line--under-logo{
        margin: 0;
    }

    .menu-close{
        margin-left: var(--numbers-8, 8px);
    }

    .top_area .mmenu{
        margin-left: var(--numbers-8, 8px);
    }

    header .line {
        display: none;
    }

    header {
        border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    }

    header .top_area .logo {
        height: 20px;
    }

    #navigation {
        padding: 16px 0px;
    }

    .container.content {
        gap: 32px;
    }

    .catalog.row {
        border: 0;
        padding-top: 16px;
    }

    .bx-catalog-element .extra.components .content .item {
        flex: 0 0 calc(100%);
    }

    .bx-catalog-element .extra .mn .title {
        padding: 48px 24px 0 24px;
    }

    .bx-catalog-element .extra .subtitle {
        padding: 0px 24px 0 24px;
    }

    .bx-catalog-element .extra .descriptiom {
        padding: 24px 24px 0px 24px;
    }

    .bx-breadcrumb {
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
    }

    .bx-catalog-element section.all .accordion .accordion-item.open .accordion-content {
        padding: 24px 0;
    }

    h1#pagetitle {
        color: var(--text-base-primary, #14151A);
        text-align: center;

        /* Brand — H6 */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-h6, 24px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-h6, 32px); /* 133.333% */
        letter-spacing: var(--H6, 0.5px);
        text-transform: uppercase;
    }

    .bx-catalog-element .row.rght h1 {
        color: var(--text-base-primary, #14151A);

        /* Brand — Caption-L */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--Caption-L, 0.3px);
        text-transform: uppercase;
    }

    .custom_page ul, .custom_page ol {
        width: 100%;
    }

    .custom_page {
        padding-bottom: 48px;
    }

    .catalog-section .to_buy .btn.btn-primary {
        opacity: 1 !important;
    }

    .catalog-section .to_buy {
        top: 150px;
    }

    .basket-items-list-item-remove {
        display: none !important;
    }

    tr.basket-items-list-item-container {
        padding: 16px;
    }

    .basket-items-list-item-descriptions-inner {
        padding-bottom: 0px;
    }

    #bx-soa-order {
        display: flex;
        flex-direction: column;
    }

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

    .cntnt {
        width: 100%;
    }

    .personal .menu {
        display: flex;
        width: 100%;
    }

    section.popular .items_list .item {
        width: calc(50% - 4px) !important;
    }

    section.popular .items_list .item .add_to_basket {
        opacity: 1;
    }

    .mp section.all .product .name {
        color: var(--text-base-primary, #14151A);
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-m, 12px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
        letter-spacing: 0.3px;
        text-transform: uppercase;
    }

    .mp section.all .product .volume {
        color: var(--text-base-tertiary, rgba(13, 17, 38, 0.40));
        font-family: var(--typography-family-inter, Inter);
        font-size: var(--typography-size-caption-s, 10px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-s, 14px);
        letter-spacing: var(--typography-letter-spacing-caption-m, 0px);
    }

    .mp section.all .product .price {
        color: var(--text-base-primary, #14151A);
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-m, 12px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-m, 16px); /* 133.333% */
        letter-spacing: 0.2px;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .mp section.advantages .items_list .item {
        transform: unset !important;
        margin-top: 0 !important;
        padding-bottom: 35px !important;
        width: 294px !important;
    }

    .mp section.advantages .items_list {
        align-items: stretch;
        overflow-x: scroll;
    }

    .mp section.advantages .items_list {
        width: 100%;
    }

    .mp section.advantages .items_list {
        gap: 8px;
    }

    .mp section.advantages .items_list .item {
        width: 294px !important;
        /*flex-basis: 1;*/
        margin-left: auto;
        flex-shrink: 0;
    }

    .mp section.advantages .items_list {
        justify-content: flex-start !important
    }

    .mp section.lines .items_list .row {
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

    .mp section.lines .items_list .item {
        background-position: bottom;
        aspect-ratio: 1 / 1;
    }

    .gg-slide label {
        display: none;
    }

    header {
        border-bottom: unset;
    }

    .gg-mobile-text {
        padding: 32px 8px;
    }

    .mp section.lines .items_list .item {
        width: 100% !important;
        flex: unset !important;
        background-size: cover !important;
    }

    section.components .items_list .item {
        width: 100% !important;
    }

    section.components .items_list .row {
        display: flex;
        flex-direction: column;
    }

    section.steps .items_list .item {
        align-items: flex-start;
        flex-direction: column;
    }

    section.steps .items_list .item .num {
        z-index: 99;
        display: flex;
        height: 0;
        padding: 0;
        flex-direction: column;
        align-items: center;
        position: absolute;
    }

    section.steps .items_list .item .itm {
        width: 100%;
    }

    section.steps .items_list .item .itm img {
        width: 100%;
        aspect-ratio: 1 / 1;
        height: unset;
    }

    section.steps .items_list .item .num span {
        margin: 8px;
    }

    section.steps .items_list .item .itm .btn {
        width: 100%;
        margin-bottom: 32px;
    }

    section.steps .items_list .item .desc {
        display: flex;
        flex-wrap: wrap;
        gap: 48px 24px;
        flex-direction: column;
    }

    .desc .block {
        width: 90% !important;
    }

    .line_detail section ul li {
        width: 100%;
    }

    section.components .items_list .item .image {

    }
}

@media screen and (max-width: 800px) {
    .top_area .mmenu {
        width: 32px;
        background-image: url(/local/templates/greenglau/assets/images/menu_mobile.svg);
        display: flex;
        padding: var(--numbers-8, 8px);
        justify-content: center;
        align-items: center;
        gap: var(--numbers-2, 2px);
        height: 32px;
        background-position: center;
        background-repeat: no-repeat;
        transition: unset;
        outline: none;
        border: none;
        background-color: transparent;
        cursor: pointer;
    }

    .top_area .personal {
        display: none !important;
    }

    header .menu {
        display: none;
    }

    .line--under-menu {
        display: none;
    }

    header.scroll-view-container .scroll-view--top-only{
        display: none;
    }

    body.lock {
        overflow: hidden;
        max-height: 100vh;
    }

}


@media screen and (max-width: 500px) {
    footer .contact_info {
        gap: 32px;
    }

    .container.content {
        gap: var(--measurements-gap-6416, 32px);
    }

    .catalog.row {
        border: 0;
    }

    .container.content {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    .recommended .product-item-small-card .col-xs-6 {
        width: calc(100%);
    }

    footer .product_lines .item, footer .contact_info .item {
        width: 100%;
    }

    footer .product_lines_detail {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
        align-self: stretch;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    footer {
        height: unset;
    }

    footer .contact_info_detail {
        display: flex;
        align-items: flex-start;
    }

    footer .contact_info_detail {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .container.content .bdmn {
        padding-bottom: 0;
    }

    .bx-breadcrumb-item {
        height: unset;
    }

    footer .product_lines .item, footer .contact_info .item {
        padding-bottom: 16px;
    }

    .custom_page iframe {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
    }

    .custom_page h2, .custom_page h3 {
        margin-top: 30px;
    }

    .personal .row .col-lg-3 {
        width: calc(50% - 4px);
    }

    .personal {
        padding-bottom: 48px;
    }

    .mp section.all .product > div {
        width: 17%;
    }

    .mp section.all .product {
        height: unset;
    }

    .mp section.all .product .volume {
        white-space: nowrap;
    }

    .mp section.all .product .counter, .mp section.all .product .volume, .mp section.all .product .price, .mp section.all .product .arrow {
        width: 10%;
    }

    .mp section.all .product .name {
        width: 50%;
    }

    .mp section.all .product .name {
        padding-right: 10px;
    }

    .mb_line {
        height: 1px;
        width: 100%;
        background: #EBECEE;
        margin-right: 16px;
        margin-left: 16px;
    }

    .mp {
        gap: 16px;
    }

    .mp section {
        margin: 16px auto;
        gap: 32px;
    }

    .mp section.all {
        gap: 32px;
    }

    .mp h6 {
        color: var(--text-base-primary, #14151A);
        text-align: center;

        /* Brand — Caption-L */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--Caption-L, 0.3px);
        text-transform: uppercase;
    }

    .mp section.slider .slide-content .title {
        color: var(--text-base-inverted, #FFF);

        /* Brand — Caption-L */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--Caption-L, 0.3px);
        text-transform: uppercase;
    }

    .mp section.slider .slide-content .description {
        color: var(--text-base-inverted, #FFF);

        /* Caption L/Medium */
        font-family: var(--typography-family-inter, Inter);
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--typography-letter-spacing-caption-l, -0.1px);
    }

    .mp section.slider .slide-content {
        width: 100%;
    }

    .mp section.slider .slider-wrapper {
        aspect-ratio: 1192 / 1192;
    }

    .mp section.slider .slide-content {
        padding: 64px 32px;
    }

    .mp section.lines .items_list .item {
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .mp section.lines .items_list .row:nth-child(2) .item {
        aspect-ratio: 1 / 1;
        background-size: contain;
    }

    .mp section.lines .items_list .row {
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

    .contact_info .payments_methods {
        display: flex;
        gap: 16px;
    }

    header .menu ul {
        display: flex;
        padding: var(--measurements-gap-18, 18px) var(--measurements-gap-24, 24px);
        align-items: flex-end;
        gap: 28px;
        flex-direction: column;
        padding: 24px;
    }

    header .menu {
        display: block;
        background: #fff;
        height: 100vh;
        width: 100%;
        position: absolute;
        padding: 76px 0px 0px;
        display: none;
    }

    body.lock header .top_area {
        z-index: 9;
        border-bottom: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
    }

    header {

    }

    header .menu ul li a {
        text-transform: uppercase;
    }

    .bx-top-nav-container .auth {
        display: block;
        color: var(--text-base-primary, #14151A);
        text-align: right;

        /* Brand — Caption-L */
        font-family: var(--Display, "Euclid Circular B");
        font-size: var(--typography-size-caption-l, 14px);
        font-style: normal;
        font-weight: 500;
        line-height: var(--typography-line-height-caption-l, 20px); /* 142.857% */
        letter-spacing: var(--Caption-L, 0.3px);
        text-transform: uppercase;
        border-top: 1px solid var(--border-base-alpha, rgba(10, 15, 41, 0.08));
        padding: 28px 24px;
    }

    header.white .menu ul li a {
        color: unset;
    }

    header.white .top_area .cart {
        background-image: url("/local/templates/greenglau/assets/images/cart_icon.svg");
    }

    header.white .top_area .personal {
        background-image: url("/local/templates/greenglau/assets/images/user_icon.svg");
    }

    header.white .top_area .logo {
        background-image: url("/local/templates/greenglau/assets/images/logo.svg");
    }

    .bx-soa-pp-company-graf-container {
        height: 90px !important;
    }

    section.steps .items_list .item .itm a {
        padding-right: 0;
    }

    .bx-soa-sidebar {
        position: sticky;
        top: 15px;
        width: 100%;
        margin-bottom: 60px;
    }

    .gg-slide {
        background-size: 200% !important;
    }

    .ddrop {
        width: 100%;
    }

    section.steps .items_list .item .desc .block {
        padding-left: 0;
    }
}


@media screen and (max-width: 368px) {

}

/* End */
/* /local/templates/greenglau/assets/js/slick/slick.css?17444405151776 */
/* /local/templates/greenglau/assets/js/slick/slick-theme.css?17444405143145 */
/* /local/templates/greenglau/components/bitrix/sale.basket.basket.line/gglau/style.min.css?1748368340458 */
/* /local/templates/greenglau/components/bitrix/menu/gglau/style.css?17561298381871 */
/* /local/templates/greenglau/components/bitrix/menu/mobile/style.css?17561298384246 */
/* /local/templates/greenglau/template_styles.css?1756129838223131 */