@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@400;700&family=Inter&display=swap');

@font-face {
    font-family: 'AfjatTrendsLight';
    src: url(./../fonts/AfjatTrendsLight/AfjatTrendsLight.otf) format("opentype");
}

/* Reset and base styles  */
* {
    padding: 0px;
    margin: 0px;
    border: none;
}

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

/* Links */

a, a:link, a:visited {
    text-decoration: none;
}

a {
    transition: all 300ms;
}

a:hover {
    text-decoration: none;
    color: var(--color-link-hover);
}

/* Common */
html, body {
    height: 100%;
}

aside, nav, footer, header, section, main {
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
    font-size: inherit;
    font-weight: inherit;
}

ul, ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

img, svg {
    max-width: 100%;
    height: auto;
}

address {
    font-style: normal;
}

/* Form */

input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

label {
    cursor: pointer;
}

legend {
    display: block;
}

/* Theme style */
:root {
    --black: #000;
    --bg-light: #F4F4F4;
    --white: #FFF;
    --accent-light: #FABAA6;
    --illustration-dark: #383735;
    --btn-accent: #E78264;
    --btn-disabled: #C4C4C4;
    --neutral-700: #8B8B8B;
    --color-bg-green: #EDF8ED;
    --color-bg-beige: #F1ECE8;
    --color-link-hover: #E78264;
    --card-bg-v-1: #D6CCC3;
    --card-bg-v-2: #D1D6C3;
    --card-bg-v-3: #C3CED6;
    --card-bg-v-4: #D3C3D6;

    --base-font: 'Montserrat', sans-serif;
    --alt-font: 'AfjatTrendsLight', sans-serif;
    --input-font: 'Inter', sans-serif;
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

header > .top-panel {
    width: 100%;
    padding: 20px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

header > .border {
    height: 1px;
    width: 100%;
    background: rgba(0, 0, 0, 0.20000000298023224);
}

.top-panel .logo {
    margin-right: 24px;
    flex: 1 0 auto;
}

.top-panel .content-header-top {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-right: 28px;
}

.top-panel .megamenu-wrapper {
    position: relative;
    border-radius: 0;
    background: transparent;
    color: var(--black)
}

.top-panel .remove-wrapper,
.top-panel .language-wrapper,
.bottom-panel .remove-wrapper,
.bottom-panel .remove-wrapper + .language-wrapper {
    display: none;
}

.top-panel .content-header-top > .responsive {
    margin-right: auto;
    flex: 1 0 auto;
}

.top-panel .container-megamenu .navbar-header {
    display: none;
}

.top-panel .megamenu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.top-panel .megamenu li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 24px 0 0;
}

.top-panel .megamenu li a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: auto;
    padding: 0;
}

.top-panel ul.megamenu > li > a:hover,
.top-panel ul.megamenu > li.active > a,
.top-panel ul.megamenu > li.home > a,
.top-panel ul.megamenu > li:hover > a {
    background: transparent;
    color: var(--color-link-hover);
}

.top-panel .megamenu li a strong {
    font-weight: 400;
}

.top-panel .megamenu li.icon::before {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    margin-right: 8px;
    flex: 0 0 auto;
}

.top-panel .megamenu li.icon.icon-wine::before {
    mask: url(../image/icons/wineglass.svg);
    -webkit-mask: url(../image/icons/wineglass.svg);
    background-color: var(--black);
    transition: all 300ms;
}

.top-panel .megamenu li.icon:hover::before {
    background-color: var(--color-link-hover);
}

.top-panel #sosearchpro {
    padding: 0;
    width: auto;
}

.top-panel #sosearchpro .visibility-trigger {
    display: none;
}

.top-panel .so-search .search {
    display: flex;
    padding: 10px 20px;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    background: var(--bg-light);
    border-radius: 50px;
    position: relative;
}

.top-panel #sosearchpro .autosearch-input {
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--black);
    max-width: 376px;
    width: 100%;
    height: auto;
    border: none;
    padding: 0;
}

.top-panel .so-search .search input::placeholder {
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--black);
    max-width: 376px;
    opacity: 0.5;
}

.top-panel #sosearchpro .button-search {
    height: 24px;
    width: 24px;
    margin-right: 12px;
    border: none;
    mask: url(../image/icons/search.svg);
    mask-size: contain;
    -webkit-mask: url(../image/icons/search.svg);
    -webkit-mask-size: contain;
    background-color: var(--black);
    transition: all 300ms;
}

.top-panel #sosearchpro .button-search:hover {
    background-color: var(--color-link-hover);
}

.top-panel #sosearchpro .dropdown-wrapper {
    display: none;
    position: absolute;
    border-radius: 8px;
    background: var(--bg-light);
    left: 0 !important;
    top: 58px !important;
    padding: 20px;
    width: 100%;
    min-width: 300px;
    z-index: 5;
}

.top-panel #sosearchpro .dropdown-wrapper .dropdown-title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    opacity: 0.5;
    margin-bottom: 14px;
}

.top-panel #sosearchpro .dropdown-menu {
    padding: 0 10px 0 0;
    max-height: 210px;
}

.top-panel #sosearchpro .dropdown-menu .media {
    margin: 0 0 12px 0;
    border: none;
}

.top-panel #sosearchpro .dropdown-menu .media:last-child {
    margin: 0;
}

.top-panel #sosearchpro .dropdown-menu .media:hover {
    background: transparent;
}

.top-panel #sosearchpro .dropdown-menu .media-body {
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
}

.top-panel #sosearchpro .dropdown-menu .media-body img {
    margin-right: 12px;
    background: var(--card-bg-v-1);
}

.top-panel #sosearchpro .dropdown-menu .media-body .media-body-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.top-panel #sosearchpro .dropdown-menu .media-body .media-label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 8px;
}

.top-panel #sosearchpro .dropdown-menu .media-body .box-price .price-new,
.top-panel #sosearchpro .dropdown-menu .media-body .box-price .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.top-panel #sosearchpro .dropdown-menu::-webkit-scrollbar {
    background: transparent;
    width: 4px;
}

.top-panel #sosearchpro .dropdown-menu::-webkit-scrollbar-thumb {
    height: 30px;
    border-radius: 100px;
    opacity: 0.800000011920929;
    background: var(--illustration-dark);
}

.top-panel #sosearchpro .dropdown-menu::-webkit-scrollbar-track {
    background: transparent;
}

.top-panel .right-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.top-panel .right-menu li + li {
    margin-left: 20px;
}

.top-panel .right-menu li:last-child {
    margin: 0;
}

.top-panel .right-menu li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--black);
}

.top-panel .right-menu .icon::before {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    margin-right: 4px;
    background-color: var(--black);
    transition: all 300ms;
}

.top-panel .right-menu .icon:hover::before {
    background-color: var(--color-link-hover);
}

.top-panel .right-menu .icon.icon-person::before {
    mask: url(../image/icons/user.svg);
    -webkit-mask: url(../image/icons/user.svg);
}

.top-panel .right-menu .icon.icon-cart::before {
    mask: url(../image/icons/cart.svg);
    -webkit-mask: url(../image/icons/cart.svg);
}

.top-panel .right-menu a.logged {
    width: 41px;
    height: 40px;
    border-radius: 500px;
    background: var(--card-bg-v-3);
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 115%;
    letter-spacing: 0.4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.top-panel .right-menu li a.login-modal {
    margin-right: 20px;
}

.top-panel .right-menu li a .cart-info {
    margin-left: 4px;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    flex: 0 0 auto;
}

.top-panel .right-menu li a .cart-info > span {
    display: block;
}

.top-panel .right-menu li a .cart-info .total {
    font-size: 14px;
}

header > .bottom-panel {
    width: 100%;
    padding: 20px 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

.bottom-panel .content-header-bottom {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.bottom-panel .content-header-bottom > .responsive {
    margin-right: auto;
}

.bottom-panel .megamenu-wrapper {
    position: relative;
    border-radius: 0;
    background: transparent;
    color: var(--black)
}

.bottom-panel .container-megamenu .navbar-header {
    display: none;
}

.bottom-panel .megamenu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.bottom-panel .megamenu li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 24px 0 0;
    position: relative;
}

.bottom-panel .megamenu li:last-child {
    margin: 0;
}

.bottom-panel .megamenu li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: auto;
    padding: 0;
}

.bottom-panel ul.megamenu > li > a:hover,
.bottom-panel ul.megamenu > li.active > a,
.bottom-panel ul.megamenu > li.home > a,
.bottom-panel ul.megamenu > li:hover > a {
    background: transparent;
    color: var(--color-link-hover);
}

.bottom-panel .megamenu li a strong {
    font-weight: 400;
}

.bottom-panel ul.megamenu li a .caret {
    margin-left: 8px;
}

.bottom-panel ul.megamenu li a .caret::before {
    content: "";
    display: block;
    height: 24px;
    width: 24px;
    mask: url(../image/icons/chevron.svg);
    -webkit-mask: url(../image/icons/chevron.svg);
    background-color: var(--black);
    transition: all 300ms;
}

.bottom-panel ul.megamenu li:hover a .caret::before {
    background-color: var(--color-link-hover);
}

.bottom-panel ul.megamenu li.active a .caret::before {
    transform: rotate(180deg);
}

.bottom-panel ul.megamenu > li > .sub-menu {
    top: 18px;
    width: auto !important;
    max-width: initial;
    /*right: auto !important;*/
    /*left: 0;*/
}

.bottom-panel ul.megamenu li .sub-menu .content {
    padding: 24px;
    border-radius: 8px;
    border: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: var(--bg-light);
    margin: 8px 0 0 -24px;
    width: 100%;
}

.bottom-panel ul.megamenu li .sub-menu .content > .row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 -14px;
}

.bottom-panel ul.megamenu li .sub-menu .content > .row > div {
    padding: 0 14px;
    min-width: 162px;
}

.bottom-panel ul.megamenu li .sub-menu .content .html .col-title {
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 16px;
}

.bottom-panel ul.megamenu li .sub-menu .content  .html ul li {
    margin-bottom: 10px;
}

.bottom-panel ul.megamenu li .sub-menu .content .html ul li:last-child {
    margin-bottom: 0;
}

.bottom-panel ul.megamenu li .sub-menu .content  .html ul li a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.bottom-panel ul.megamenu li .sub-menu .content  .html ul li a:hover {
    color: var(--color-link-hover);
}

.bottom-panel .language-wrapper {
    margin: 0 24px 0 auto;
}

.bottom-panel .language-wrapper .language-menu {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.bottom-panel .language-wrapper .language-menu li:not(:last-child) {
    margin-right: 8px;
    padding-right: 8px;
    position: relative;
}

.bottom-panel .language-wrapper .language-menu li:not(:last-child)::after {
    content: "";
    display: block;
    height: 100%;
    width: 1px;
    background: var(--illustration-dark);
    position: absolute;
    top: 0;
    right: 0;
}

.bottom-panel .language-wrapper .language-menu li button {
    padding: 0;
    margin: 0;
    border: none;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-panel .language-wrapper .language-menu li button.active,
.bottom-panel .language-wrapper .language-menu li button:hover {
    color: var(--btn-accent);
}

.bottom-panel .content-header-bottom > .responsive:last-of-type {
    margin:0;
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li a {
    font-size: 0;
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li.icon a::before {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    background-color: var(--black);
    transition: all 300ms;
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li.icon:hover a::before {
    background-color: var(--color-link-hover);
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li.icon.icon-instagram a::before {
    mask: url(../image/icons/instagram-negative.svg);
    -webkit-mask: url(../image/icons/instagram-negative.svg);
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li.icon.icon-facebook a::before {
    mask: url(../image/icons/facebook-negative.svg);
    -webkit-mask: url(../image/icons/facebook-negative.svg);
}

.bottom-panel .content-header-bottom > .responsive:last-of-type .megamenu li.icon.icon-telegram a::before {
    mask: url(../image/icons/telegram-negative.svg);
    -webkit-mask: url(../image/icons/telegram-negative.svg);
}

.cart-module {
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    visibility: hidden;
    transition: all 0.3s ease-in-out 0s;
}

body.cart-open {
    overflow: hidden;
}

body.cart-open .cart-module {
    visibility: visible;
}

.cart-module .cart-container {
    position: absolute;
    right: 0;
    max-width: 480px;
    width: 100%;
    background: var(--white);
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    z-index: 99;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
}

body.cart-open .cart-module .cart-container {
    transform: translateX(0);
    visibility: visible;
}

.cart-module .message-container {
    margin-bottom: 30px;
}

.cart-module .message-container .msg {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.48px;
    padding: 20px 32px;
}

.cart-module .message-container .msg.msg-success {
    background: var(--color-bg-green);
}

.cart-module .content-wrapper {
    padding: 0 8px 10px 32px;
    display: flex;
    height: 50%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex: 1 1 auto;
}

.cart-module .content-wrapper .btn-close-wrapper {
    margin-bottom: 12px;
}

.cart-module .content-wrapper .btn-close-wrapper .btn-close {
    height: 24px;
    width: 24px;
    display: block;
    background: url("../image/icons/circle arrow left.svg") no-repeat;
    background-size: contain;
}

.cart-module .content-wrapper > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 40px;
}

.cart-module .content-wrapper .items-wrapper {
    overflow: auto;
    padding: 0 18px 0 0;
}

.cart-module .content-wrapper .items-wrapper::-webkit-scrollbar {
    background: transparent;
    height: 66px;
    width: 8px;
}

.cart-module .content-wrapper .items-wrapper::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: rgba(56, 55, 53, 0.3);
}

.cart-module .content-wrapper .items-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.cart-module .content-wrapper .items-wrapper .item {
    margin-bottom: 24px;
}

.cart-module .content-wrapper .items-wrapper .item .item-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.cart-module .content-wrapper .items-wrapper .item:last-child {
    margin: 0;
}

.cart-module .content-wrapper .items-wrapper .item .item-image {
    flex: 0 0 auto;
    margin-right: 24px;
}

.cart-module .content-wrapper .items-wrapper .item:nth-child(4n+1) .item-image {
    background-color: var(--card-bg-v-1);
}

.cart-module .content-wrapper .items-wrapper .item:nth-child(4n+2) .item-image {
    background-color: var(--card-bg-v-2);
}

.cart-module .content-wrapper .items-wrapper .item:nth-child(4n+3) .item-image {
    background-color: var(--card-bg-v-3);
}

.cart-module .content-wrapper .items-wrapper .item:nth-child(4n+4) .item-image {
    background-color: var(--card-bg-v-4);
}

.cart-module .content-wrapper .items-wrapper .item .item-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    max-width: 278px;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .product-info {
    margin-bottom: 10px;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .product-info .title {
    display: inline-block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .product-info .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 12px;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button.qty-add {
    background: url(../image/icons/plus.svg) no-repeat;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button.qty-remove {
    background: url(../image/icons/minus.svg) no-repeat;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper input {
    background: none;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 26px;
    text-align: center;
}

.cart-module .content-wrapper .items-wrapper .item .item-description .total-info .total {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.cart-module .content-wrapper .items-wrapper .item .item-remove {
    margin-left: auto;
}

.cart-module .content-wrapper .items-wrapper .item .item-remove button {
    width: 16px;
    height: 16px;
    background: url(../image/icons/close.svg) no-repeat;
    background-size: contain;
}

.cart-module .content-wrapper .items-wrapper .item .item-group {
    flex: 1 0 auto;
    width: 100%;
    margin-top: 12px;
}

.cart-module .content-wrapper .items-wrapper .item .item-group .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item {
    margin-right: 16px;
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:last-child {
    margin: 0;
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.cart-module .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.cart-module .bottom-block {
    margin-top: auto;
    border-top: 1px solid var(--black);
    padding: 12px 34px 20px 34px;
    flex: 0 1 auto;
}

.cart-module .bottom-block .total {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cart-module .bottom-block .total .value {
    font-weight: 600;
}

.cart-module .bottom-block .buttons .btn {
    width: 100%;
}
@media screen and (max-width: 1199px) {
    .top-panel #sosearchpro {
        padding: 0;
        background: none;
    }

    .top-panel #sosearchpro .visibility-trigger {
        display: block;
        height: 24px;
        width: 24px;
        border: none;
        mask: url(../image/icons/search.svg);
        mask-size: contain;
        -webkit-mask: url(../image/icons/search.svg);
        -webkit-mask-size: contain;
        background-color: var(--black);
    }

    .top-panel #sosearchpro form {
        display: none;
    }

    .top-panel #sosearchpro.active form {
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 5;
        background: var(--bg-light);
    }

    .top-panel .so-search .search {
        height: 100%;
    }
}

@media screen and (max-width: 1099px) {
    header > .bottom-panel {
        padding: 20px;
    }

    .top-panel .logo {
        max-width: 135px;
    }

    .top-panel #sosearchpro {
        /*margin-right: 20px;*/
    }
}

@media screen and (max-width: 991px) {
    header > .border {
        display: none;
    }

    header > .top-panel-mobile {
        width: 100%;
        padding: 16px 17px;
        background: var(--color-bg-beige);
    }

    body.megamenu-active {
        overflow: hidden;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper {
        position: static;
        width: auto;
        min-height: auto;
        transform: none;
        visibility: visible;
        background: none;
        border: none;
        padding: 0;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .remove-wrapper,
    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .language-wrapper {
        display: none;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .megamenu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .megamenu li {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin: 0 16px 0 0;
        position: relative;
        border: none;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .megamenu li:last-child {
        margin: 0;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .megamenu li a {
        font-size: 0;
        padding: 0;
    }

    .top-panel-mobile .content-header-top-mobile .megamenu-wrapper .megamenu li a::before {
        content: "";
        height: 24px;
        width: 24px;
        display: block;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .top-panel-mobile .content-header-top-mobile > .responsive .megamenu li.icon.icon-instagram a::before {
        background-image: url(../image/icons/instagram-negative.svg);
    }

    .top-panel-mobile .content-header-top-mobile > .responsive .megamenu li.icon.icon-facebook a::before {
        background-image: url(../image/icons/facebook-negative.svg);
    }

    .top-panel-mobile .content-header-top-mobile > .responsive .megamenu li.icon.icon-telegram a::before {
        background-image: url(../image/icons/telegram-negative.svg);
    }

    .top-panel-mobile #sosearchpro {
        display: none;
        padding: 0;
        position: absolute;
        left: 0;
        width: 100%;
        top: 56px;
        z-index: 5;
    }

    .top-panel-mobile #sosearchpro .visibility-trigger {
        display: none;
    }

    .top-panel-mobile #sosearchpro.active {
        display: block;
    }

    .top-panel-mobile .so-search .search {
        display: flex;
        padding: 16px 17px;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: center;
        background: var(--bg-light);
        border-radius: 0;
        position: relative;
    }

    .top-panel-mobile #sosearchpro .autosearch-input {
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--black);
        max-width: 376px;
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
    }

    .top-panel-mobile .so-search .search input::placeholder {
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--black);
        max-width: 376px;
        opacity: 0.5;
    }

    .top-panel-mobile #sosearchpro .button-search {
        height: 24px;
        width: 24px;
        background: url(../image/icons/search.svg) no-repeat;
        margin-right: 12px;
        border: none;
    }

    .top-panel-mobile #sosearchpro .dropdown-wrapper {
        display: none;
        position: absolute;
        background: var(--bg-light);
        left: 0 !important;
        top: 65px !important;
        padding: 20px;
        width: 100%;
        min-width: 300px;
        z-index: 5;
    }

    .top-panel-mobile #sosearchpro .dropdown-wrapper .dropdown-title {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        opacity: 0.5;
        margin-bottom: 14px;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu {
        padding: 0 10px 0 0;
        max-height: 210px;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media {
        margin: 0 0 12px 0;
        border: none;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media:last-child {
        margin: 0;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media:hover {
        background: transparent;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media-body {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        text-decoration: none;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media-body img {
        margin-right: 12px;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media-body .media-body-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media-body .media-label {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 8px;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu .media-body .box-price .price-new,
    .top-panel-mobile #sosearchpro .dropdown-menu .media-body .box-price .price {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu::-webkit-scrollbar {
        background: transparent;
        width: 4px;
    }

    .top-panel-mobile #sosearchpro .dropdown-menu::-webkit-scrollbar-thumb {
        height: 30px;
        border-radius: 100px;
        opacity: 0.800000011920929;
        background: var(--illustration-dark);
    }

    .top-panel-mobile #sosearchpro .dropdown-menu::-webkit-scrollbar-track {
        background: transparent;
    }

    .top-panel-mobile .right-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-left: auto;
    }

    .top-panel-mobile .right-menu li {
        margin-right: 10px;
    }

    .top-panel-mobile .right-menu li:last-child {
        margin: 0;
    }

    .top-panel-mobile .right-menu li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--black);
    }

    .top-panel-mobile .right-menu .icon::before {
        height: 24px;
        width: 24px;
        display: block;
    }

    .top-panel-mobile .right-menu .icon.icon-person::before {
        content: url(../image/icons/user.svg);
    }

    .top-panel-mobile .right-menu .icon.icon-search::before {
        content: url(../image/icons/search.svg);
    }

    .top-panel-mobile .right-menu a.logged {
        letter-spacing: 0.32px;
        background: var(--card-bg-v-3);
        border-radius: 100%;
        height: 24px;
        width: 24px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        font-size: 14px;
    }

    header > .bottom-panel-mobile {
        width: 100%;
        padding: 16px 17px;
    }

    header > .bottom-panel-mobile .logo {
        margin-right: 20px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .bottom-panel-mobile .right-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        margin-left: auto;
        flex: 0 0 auto;
    }

    .bottom-panel-mobile .right-menu li {
        margin-right: 16px;
    }

    .bottom-panel-mobile .right-menu li:last-child {
        margin: 0;
    }

    .bottom-panel-mobile .right-menu li a {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        color: var(--black);
    }

    .bottom-panel-mobile .right-menu .icon::before {
        height: 24px;
        width: 24px;
        display: block;
    }

    .bottom-panel-mobile .right-menu .icon.icon-cart::before {
        content: url(../image/icons/cart.svg);
    }

    .bottom-panel-mobile .right-menu .icon.icon-menu::before {
        content: url(../image/icons/menu.svg);
    }

    .bottom-panel-mobile .right-menu li a .cart-info {
        margin-left: 4px;
        color: var(--black);
        font-family: var(--base-font);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .bottom-panel-mobile .right-menu li a .cart-info > span {
        display: block;
    }

    .bottom-panel-mobile .right-menu li a .cart-info .total {
        font-size: 14px;
    }

    .bottom-panel-mobile .megamenu-wrapper {
        position: fixed;
        background: var(--color-bg-green);
        padding: 20px 16px 20px 17px;
        border: none;
        max-width: 375px;
        width: 100%;
        -webkit-transform: translate3d(-375px, 0, 0);
        transform: translate3d(-375px, 0, 0);
        min-height: 100%;
    }

    .bottom-panel-mobile .megamenu-wrapper.so-megamenu-active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .bottom-panel-mobile .megamenu-wrapper .remove-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .bottom-panel-mobile .megamenu-wrapper #remove-megamenu {
        display: block;
        height: 24px;
        width: 24px;
        background: url(../image/icons/close.svg) no-repeat;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper {
        margin-bottom: 24px;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper .language-menu {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper .language-menu li:not(:last-child) {
        margin-right: 8px;
        padding-right: 8px;
        position: relative;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper .language-menu li:not(:last-child)::after {
        content: "";
        display: block;
        height: 100%;
        width: 1px;
        background: var(--illustration-dark);
        position: absolute;
        top: 0;
        right: 0;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper .language-menu li button {
        padding: 0;
        margin: 0;
        border: none;
        color: var(--illustration-dark);
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .bottom-panel-mobile .megamenu-wrapper .language-wrapper .language-menu li button.active {
        color: var(--btn-accent);
    }

    .bottom-panel-mobile .megamenu {
        flex-direction: column;
        align-items: flex-start;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li {
        border: none;
        margin: 0 0 24px 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li:last-child {
        margin: 0;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.icon::before {
        content: "";
        height: 24px;
        width: 24px;
        display: block;
        margin-right: 8px;
        background-color: var(--black);
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.icon.icon-wine::before {
        mask: url(../image/icons/wineglass.svg);
        -webkit-mask: url(../image/icons/wineglass.svg);
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.click:before,
    .bottom-panel-mobile .responsive ul.megamenu > li.hover:before {
        display: block;
        height: 20px;
        width: 20px;
        mask: url(../image/icons/chevron.svg);
        -webkit-mask: url(../image/icons/chevron.svg);
        position: static;
        padding: 0;
        order: 1;
        margin-left: 8px;
        background-color: var(--black);
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.click.active:before,
    .bottom-panel-mobile .responsive ul.megamenu > li.hover.active:before {
        transform: rotate(180deg);
        margin-left: 12px;
        background-color: var(--color-link-hover);
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.active .close-menu {
        order: 1;
        display: block;
        height: 20px;
        width: 20px;
        padding: 0;
        position: static;
        background: transparent;
        margin: 0 0 0 -20px;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li .close-menu::before {
        display: none;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li > a {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background: none !important;
        order: 0;
        padding: 0;
        margin: 0;
        flex-shrink: 0;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.active > a {
        color: var(--color-link-hover);
    }

    .bottom-panel-mobile .responsive ul.megamenu .caret {
        display: none;
    }

    .bottom-panel-mobile .responsive ul.megamenu > li.active .caret::before {
        transform: rotate(180deg);
        background-color: var(--color-link-hover);
    }

    .bottom-panel-mobile .responsive ul.megamenu > li > .sub-menu {
        margin-top: 24px;
        padding: 0 0 0 24px;
        order: 3;
    }

    .bottom-panel-mobile ul.megamenu li .sub-menu .content {
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
    }

    .bottom-panel-mobile .responsive ul.megamenu .sub-menu .content .row {
        margin: 0;
    }

    .bottom-panel-mobile .responsive ul.megamenu .sub-menu .content .row > div {
        margin: 0 0 22px 0;
        padding: 0;
        border: none;
    }

    .bottom-panel-mobile .responsive ul.megamenu .sub-menu .content .row > div:last-child {
        margin: 0;
    }

    .bottom-panel-mobile ul.megamenu li .sub-menu .content .html .col-title {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 8px;
    }

    .bottom-panel-mobile ul.megamenu li .sub-menu .content  .html ul li {
        margin: 0 0 6px 0;
    }

    .bottom-panel-mobile ul.megamenu li .sub-menu .content .html ul li:last-child {
        margin-bottom: 0;
    }

    .bottom-panel-mobile ul.megamenu li .sub-menu .content  .html ul li a {
        color: var(--black);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
}

@media screen and (max-width: 767px) {
    .cart-module .message-container {
        margin-bottom: 18px;
    }

    .cart-module .message-container .msg {
        padding: 12px 16px;
    }

    .cart-module .content-wrapper {
        padding: 0 8px 10px 16px;
    }

    .cart-module .content-wrapper > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .cart-module .content-wrapper .items-wrapper {
        padding: 0 8px 0 0;
    }

    .cart-module .content-wrapper .items-wrapper .item .item-image {
        max-width: 74px;
        margin-right: 12px;
    }

    .cart-module .content-wrapper .items-wrapper .item .item-description {
        max-width: 190px;
    }

    .cart-module .content-wrapper .items-wrapper .item .item-group {
        margin-top: 8px;
    }

    .cart-module .content-wrapper .items-wrapper .item .item-group .title {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .cart-module .content-wrapper .items-wrapper::-webkit-scrollbar {
        background: transparent;
        height: 33px;
        width: 4px;
    }

    .cart-module .bottom-block {
        padding: 20px 16px;
    }

    .cart-module .bottom-block .buttons .btn {
        padding: 16px 20px;
    }
}

@media screen and (max-width: 479px) {
    .bottom-panel-mobile .megamenu-wrapper {
        max-width: 480px;
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }

    .cart-module {
        background: transparent;
    }

    .cart-module .cart-container {
        transition: all 0.5s ease-in-out 0s;
        visibility: visible;
    }
}

/* Content */

.home-page-slider {
    margin-bottom: 88px;
}

.home-page-slider .image {
    width: 100%;
    max-height: 1024px;
    height: 78vh;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.home-page-slider .image .description {
    position: absolute;
}

.home-page-slider .image .description .title {
    color: var(--white);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
}

.home-page-slider .image .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.home-page-slider .image .buttons .btn + .btn {
    margin-left: 30px;
}

.home-page-about-us {
    padding: 0 162px;
    margin-bottom: 100px;
    background: url(../image/img-wineglass.svg) no-repeat right 90%;
}

.home-page-about-us .cols {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 1115px;
    margin: 0 auto;
}

.home-page-about-us .col-image {
    flex: 1 0 auto;
    margin-right: 30px;
}

.home-page-about-us .col-description {
    flex: 0 1 auto;
    max-width: 546px;
    position: relative;
}

.home-page-about-us .col-description .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.home-page-about-us .col-description .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.home-page-about-us .col-description .points {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.home-page-about-us .col-description .points .point {
    margin: 0 24px 24px 0;
}

.home-page-about-us .col-description .points .point:not(:last-child) {
    width: calc(50% - 24px);
}

.home-page-about-us .col-description .points .point:last-child {
    width: 100%;
    margin: 0;
}

.home-page-about-us .col-description .points .point .point-icon {
    height: 30px;
    width: 30px;
    margin-bottom: 16px;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-page-about-us .col-description .points .point .point-icon.icon-delivery {
    background-image: url(../image/icons/delivery.svg);
}

.home-page-about-us .col-description .points .point .point-icon.icon-gift {
    background-image: url(../image/icons/gift.svg);
}

.home-page-about-us .col-description .points .point .point-icon.icon-box {
    background-image: url(../image/icons/box.svg);
}

.home-page-about-us .col-description .points .point .point-description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.home-page-about-us .col-description .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.home-page-about-us .col-description .buttons .btn + .btn {
    margin-left: 30px;
}

.home-page-our-products {
    background: var(--color-bg-green);
    padding: 100px 48px;
}

.home-page-our-products .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
}

.home-page-our-products .cols {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.home-page-our-products .col {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.home-page-our-products .col + .col {
    margin-top: 24px;
}

.home-page-our-products .col > div:first-child {
    margin-right: 24px;
}

.home-page-our-products .col .col-image {
    flex: 1 0 auto;
}

.home-page-our-products .col .col-image:nth-child(2n) {
    text-align: right;
}

.home-page-our-products .col .col-image img {
    border-radius: 10px;
}

.home-page-our-products .col .col-description {
    flex: 1 1 auto;
    padding: 40px 77px 37px 40px;
    background-color: var(--white);
    background-repeat: no-repeat;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 70%;
}

.home-page-our-products .col.col-wine .col-description {
    background-image: url(../image/img-wine.svg);
    background-position: 97% 30%;
}

.home-page-our-products .col.col-drinks .col-description {
    background-image: url(../image/img-drinks.svg);
    background-position: 97% 30%;
}

.home-page-our-products .col.col-accessories .col-description {
    background-image: url(../image/img-accessories.svg);
    background-position: 97% 30%;
}

.home-page-our-products .col .col-description .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 21px;
}

.home-page-our-products .col .col-description .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 52px;
    max-width: 389px;
}

.home-page-our-products .col .col-description .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.home-page-our-products .col .col-description .buttons .btn {
    flex: 0 1 auto;
    padding: 15px 20px;
    margin: 0 14px 14px 0;
}

.home-page-our-products .col .col-description .buttons .btn:last-child {
    margin-right: 0;
}

.home-page-gift-box {
    padding: 117px 20px 79px 20px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.home-page-gift-box::before {
    content: url(../image/img-bottle-1.svg);
    display: block;
    position: absolute;
    bottom: 79px;
    left: 0;
}

.home-page-gift-box::after {
    content: url(../image/img-bottle-2.svg);
    display: block;
    position: absolute;
    right: 0;
}

.home-page-gift-box .cols {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    max-width: 1115px;
    margin: 0 auto;
    z-index: 5;
}

.home-page-gift-box .cols .col-description {
    flex: 0 1 auto;
    margin-right: 25px;
    padding-top: 130px;
    background: url(../image/img-glass-1.svg) no-repeat right -22px;
}

.home-page-gift-box .cols .col-description .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.home-page-gift-box .cols .col-description .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.home-page-gift-box .cols .col-description .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.home-page-gift-box .cols .col-description .buttons .btn + .btn {
    margin-left: 30px;
}

.home-page-gift-box .cols .col-image {
    flex: 1 0 auto;
}

.home-page-our-instagram {
    background: var(--color-bg-beige);
    padding: 100px 48px;
}

.home-page-our-instagram .cols {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    max-width: 1344px;
    margin: 0 auto;
}

.home-page-our-instagram .cols .col + .col {
    margin-left: 24px;
}

.home-page-our-instagram .cols .col .title {
    display: inline-block;
    color: var(--black, #000);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 30px;
    height: 105px;
}

.home-page-our-instagram .cols .col .title span {
    position: relative;
}

.home-page-our-instagram .cols .col .title span::after {
    content: "";
    height: 3px;
    width: 100%;
    background: var(--black);
    position: absolute;
    bottom: 3px;
    left: 0;
    transition: all 300ms;
}

.home-page-our-instagram .cols .col a.title:hover {
    color: var(--color-link-hover);
}

.home-page-our-instagram .cols .col a.title:hover span::after {
    background: var(--color-link-hover);
}

.home-page-our-instagram .cols .col .images {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}

.home-page-our-instagram .cols .col .images .image-wrapper + .image-wrapper {
    margin-left: 24px;
}

.contact-us {
    padding: 100px 48px;
}

.contact-us .cols {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
    max-width: 1344px;
    margin: 0 auto;
}

.contact-us .cols .col-image {
    margin-right: 138px;
}

.contact-us .cols .col-form .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.contact-us .cols .col-form .form-group + .form-group {
    margin-top: 19px;
}

.contact-us .cols .col-form .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.contact-us .cols .col-form .form-group input[type="text"],
.contact-us .cols .col-form .form-group input[type="password"],
.contact-us .cols .col-form .form-group input[type="email"],
.contact-us .cols .col-form .form-group input[type="number"],
.contact-us .cols .col-form .form-group textarea {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 13px 14px;
    width: 100%;
    resize: none;
    outline: none;
}

.contact-us .cols .col-form .form-group textarea {
    border-radius: 20px;
}

.contact-us .cols .col-form .form-group input[type="text"].has-error,
.contact-us .cols .col-form .form-group input[type="password"].has-error,
.contact-us .cols .col-form .form-group input[type="email"].has-error,
.contact-us .cols .col-form .form-group input[type="number"].has-error,
.contact-us .cols .col-form .form-group textarea.has-error {
    border: 1px solid var(--btn-accent);
}

.contact-us .cols .col-form .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.contact-us .cols .col-form .success {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.contact-us .cols .col-form .form-group textarea {
    min-height: 106px;
    padding: 13px 20px;
}

.contact-us .cols .col-form .buttons {
    margin-top: 30px;
}

.products-wrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 24px;
}

.products-wrapper .item-wrapper {
    width: 20%;
    padding: 0 12px;
    margin-bottom: 40px;
}

.products-wrapper .item-wrapper .item {
    display: flex;
    flex-direction: column;
    max-width: 318px;
    height: 100%;
    margin: 0 auto;
}

.products-wrapper .item .image-wrapper {
    position: relative;
    display: block;
    margin-bottom: 20px;
    border-radius: 2px;
    overflow: hidden;
}

.products-wrapper .item-wrapper:nth-child(4n+1) .image-wrapper {
    background-color: var(--card-bg-v-1);
}

.products-wrapper .item-wrapper:nth-child(4n+2) .image-wrapper {
    background-color: var(--card-bg-v-2);
}

.products-wrapper .item-wrapper:nth-child(4n+3) .image-wrapper {
    background-color: var(--card-bg-v-3);
}

.products-wrapper .item-wrapper:nth-child(4n+4) .image-wrapper {
    background-color: var(--card-bg-v-4);
}

.products-wrapper .item .image-wrapper .labels {
    position: absolute;
    top: 16px;
    left: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-right: 8px;
    max-height: 60%;
    width: 90%;
    overflow: auto;
}

.products-wrapper .item .image-wrapper .labels::-webkit-scrollbar {
    background: transparent;
    width: 4px;
}

.products-wrapper .item .image-wrapper .labels::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: var(--white);
}

.products-wrapper .item .image-wrapper .labels::-webkit-scrollbar-track {
    background: transparent;
}

.products-wrapper .item .image-wrapper .labels  span {
    border-radius: 4px;
    background: var(--white);
    color: var(--black);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 6px;
    padding: 6px 6px 6px 4px;
}

.products-wrapper .item .image-wrapper .labels span:last-child {
    margin: 0;
}

.products-wrapper .item .image-wrapper .labels span::before {
    content: "";
    margin-right: 6px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}

.products-wrapper .item .image-wrapper .labels span.sale::before {
    background-image: url(../image/icons/sale.svg);
}

.products-wrapper .item .image-wrapper .labels span.rating::before {
    background-image: url(../image/icons/vivino.svg);
}

.products-wrapper .item .image-wrapper .labels span.recommended::before {
    background-image: url(../image/icons/star.svg);
}

.products-wrapper .item .image-wrapper .labels span.top-sale::before {
    background-image: url(../image/icons/awward.svg);
}

.products-wrapper .item .image-wrapper .labels span.sommelier-choice::before {
    background-image: url(../image/icons/sommelier.svg);
}

.products-wrapper .item .image-wrapper .labels span .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.products-wrapper .item .image-wrapper .case-author {
    position: absolute;
    bottom: 12px;
    left: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    border-radius: 2px;
    background: #FFF;
    padding: 12px;
}

.products-wrapper .item .image-wrapper .case-author img:first-child {
    margin-right: 12px;
    max-width: 36px;
}

.products-wrapper .item .image-wrapper .case-author img:last-child {
    max-width: 54px;
}

.products-wrapper .item .image-wrapper .case-author .author-info {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    margin-right: 12px;
}

.products-wrapper .item .image-wrapper .case-author .author-info .label {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 2px;
}

.products-wrapper .item .image-wrapper .case-author .author-info .name {
    color: var(--black, #000);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.products-wrapper .item .description-wrapper {
    margin-bottom: 10px;
}

.products-wrapper .item .title a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-bottom: 5px;
}

.products-wrapper .item .title .mobile-title {
    display: none;
}

.products-wrapper .item .filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -8px;
}

.products-wrapper .item .filters .filter-link {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    margin: 0 8px 8px 0;
    padding: 2px 4px;
    border-radius: 20px;
}

.products-wrapper .item-wrapper:nth-child(4n+1) .filters .filter-link:not(.filter-image) {
    background-color: var(--card-bg-v-1);
}

.products-wrapper .item-wrapper:nth-child(4n+2) .filters .filter-link:not(.filter-image) {
    background-color: var(--card-bg-v-2);
}

.products-wrapper .item-wrapper:nth-child(4n+3) .filters .filter-link:not(.filter-image) {
    background-color: var(--card-bg-v-3);
}

.products-wrapper .item-wrapper:nth-child(4n+4) .filters .filter-link:not(.filter-image) {
    background-color: var(--card-bg-v-4);
}

.products-wrapper .item .filters .filter-link:last-child {
    margin-right: 0;
}

.products-wrapper .item .filters .filter-link.filter-image {
    line-height: 80%;
}

.products-wrapper .item .filters .filter-link.filter-image img {
    width: 15px;
    height: 10px
}

.products-wrapper .item .description-wrapper a:hover {
    color: var(--color-link-hover);
}

.products-wrapper .item .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin: auto 0 20px 0;
}

.products-wrapper .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.products-wrapper .buttons .btn {
    max-width: 262px;
    width: 100%;
}

.products-wrapper .buttons .wishlist {
    display: none;
}

.products-wrapper .buttons .wishlist::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--black);
    transition: all 300ms;
}

.products-wrapper .buttons .wishlist:hover::after {
    background-color: var(--color-link-hover);
}

.products-wrapper .buttons .wishlist::after {
    mask-image: url(../image/icons/wishlist-outline.svg);
    -webkit-mask-image: url(../image/icons/wishlist-outline.svg);
}

.products-wrapper .buttons .wishlist.in-wishlist::after {
    mask-image: url(../image/icons/wishlist-filled.svg);
    -webkit-mask-image: url(../image/icons/wishlist-filled.svg);
}

.block-popular-products {
    margin-bottom: 100px;
}

.block-popular-products > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
    text-align: center;
}

.block-popular-products > .buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 1599px) {
    .products-wrapper .item-wrapper {
        width: 25%;
    }
}

@media screen and (max-width: 1399px) {
    .home-page-about-us {
        padding: 0 40px;
        background: none;
    }
}

@media screen and (max-width: 1199px) {
    .home-page-slider .image {
        max-height: 557px;
    }

    .home-page-about-us {
        padding: 0 16px;
    }

    .home-page-our-products .col .col-image {
        flex: 0 1 auto;
    }

    .home-page-our-products .col .col-description .description {
        max-width: 320px;
    }
}

@media screen and (max-width: 1199px) {
    .products-wrapper .item-wrapper {
        width: 33.33334%;
    }

    .home-page-gift-box::before,
    .home-page-gift-box::after {
        display: none;
    }

    .home-page-gift-box .cols .col-image {
        max-width: 400px;
    }

    .contact-us .cols .col-image {
        margin-right: 70px;
    }
}

@media screen and (max-width: 991px) {
    .home-page-slider {
        margin-bottom: 30px;
    }

    .home-page-slider .image .description .title {
        font-size: 36px;
        line-height: 110%;
        letter-spacing: 0.72px;
    }

    .home-page-slider .image .buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .home-page-slider .image .buttons .btn {
        max-width: 346px;
        width: 100%;
    }

    .home-page-slider .image .buttons .btn + .btn {
        margin: 20px 0 0 0;
    }

    .home-page-about-us {
        margin-bottom: 60px;
    }

    .home-page-about-us .cols {
        max-width: initial;
        flex-direction: column;
        align-items: stretch;
    }

    .home-page-about-us .col-image {
        margin: 0 0 24px 0;
        text-align: center;
    }

    .home-page-about-us .col-image .title {
        color: var(--black);
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
        justify-content: center;
    }

    .home-page-about-us .col-description {
        max-width: initial;
    }

    .home-page-about-us .col-description .description {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .home-page-about-us .col-description .points {
        flex-direction: column;
        align-items: stretch;
        margin: 0;
    }

    .home-page-about-us .col-description .points .point:not(:last-child) {
        width: 100%;
    }

    .home-page-about-us .col-description .points .point {
        margin: 0 0 24px 0;
        text-align: center;
    }

    .home-page-about-us .col-description .points .point .point-icon {
        margin: 0 auto 16px auto;
        width: 40px;
        height: 40px;
    }

    .home-page-about-us .col-description .points .point .point-description {
        font-size: 14px;
    }

    .products-wrapper .buttons .btn {
        margin-right: 20px;
    }

    .products-wrapper .item .image-wrapper .case-author img:last-child {
        display: none;
    }

    .products-wrapper .item .image-wrapper .case-author .author-info {
        margin: 0;
    }

    .block-popular-products {
        margin-bottom: 30px;
    }

    .block-popular-products > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 30px;
    }

    .block-popular-products > .buttons .btn {
        width: 100%;
        max-width: 343px;
    }

    .block-popular-products > .buttons .btn {
        background: var(--btn-accent);
        color: var(--white);
        border: 1px solid var(--btn-accent);
    }

    .block-popular-products .btn.icon.icon-arrow-top-right::after {
        background-color: var(--white) !important;
    }

    .block-popular-products > .buttons .btn:hover {
        border: 1px solid var(--black);
        background: var(--white);
        color: var(--black);
    }

    .block-popular-products > .buttons .btn:hover::after {
        background-color: var(--black) !important;
    }

    .home-page-our-products {
        padding: 30px 16px;
    }

    .home-page-our-products .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
    }

    .home-page-our-products .col {

    }

    .home-page-our-products .col > .col-image {
        display: none;
    }

    .home-page-our-products .col > .col-description {
        width: 100%;
        margin: 0;
        padding: 20px 20px 6px 20px;
    }

    .home-page-our-products .col > div:first-child {
        margin-right: 0;
    }

    .home-page-our-products .col .col-description .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 12px;
    }

    .home-page-our-products .col .col-description .description {
        max-width: 500px;
        font-size: 14px;
        margin-bottom: 24px;
    }

    .home-page-our-products .col.col-wine .col-description {
        background-size: 62px 100px;
        background-position: 97% 6%;
    }

    .home-page-our-products .col.col-drinks .col-description {
        background-size: 62px 80px;
        background-position: 97% 6%;
    }

    .home-page-our-products .col.col-accessories .col-description {
        background-size: 62px 60px;
        background-position: 97% 6%;
    }

    .home-page-our-products .col .col-description .buttons .btn {
        font-size: 14px;
        padding: 11px 20px;
    }

    .home-page-gift-box {
        padding: 60px 20px;
    }

    .home-page-gift-box .cols {
        max-width: initial;
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .home-page-gift-box .cols .col-description {
        padding: 0;
        background: none;
        margin: 0;
    }

    .home-page-gift-box .cols .col-description .description {
        text-align: center;
        font-size: 14px;
    }

    .home-page-gift-box .cols .col-description .buttons {
        flex-direction: column;
        justify-content: stretch;
    }

    .home-page-gift-box .cols .col-description .buttons .btn {
        max-width: 336px;
        width: 100%;
        margin: 0;
    }

    .home-page-gift-box .cols .col-description .buttons .btn + .btn {
        margin: 20px 0 0 0;
    }

    .home-page-gift-box .cols .col-description .buttons .btn.icon::after {
        display: none;
    }

    .home-page-gift-box .cols .col-image {
        max-width: initial;
        text-align: center;
        margin-bottom: 24px;
    }

    .home-page-gift-box .cols .col-image .title {
        color: var(--black);
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
        justify-content: center;
    }

    .home-page-our-instagram {
        padding: 60px 16px;
    }

    .home-page-our-instagram .cols {
        flex-direction: column;
        align-items: stretch;
    }

    .home-page-our-instagram .cols .col {
        text-align: center;
    }

    .home-page-our-instagram .cols .col + .col {
        margin: 40px 0 0 0;
    }

    .home-page-our-instagram .cols .col .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        text-align: center;
        height: auto;
        margin-bottom: 20px;
    }

    .home-page-our-instagram .cols .col .images {
        justify-content: center;
    }

    .home-page-our-instagram .cols .col .title span::after {
        height: 2px;
        bottom: 2px;
    }

    .contact-us {
        padding: 60px 16px;
    }

    .contact-us .cols {
        justify-content: center;
    }

    .contact-us .cols .col-image {
        display: none;
    }

    .contact-us .cols .col-form .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
    }

    .contact-us .cols .col-form .form-group textarea {
        border-radius: 12px;
    }

    .contact-us .cols .col-form .buttons .btn {
        max-width: 343px;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .products-wrapper {
        padding: 0 8px;
    }

    .products-wrapper .item .image-wrapper {
        margin-bottom: 10px;
        border-radius: 0;
    }

    .products-wrapper .item .image-wrapper .labels {
        top: 10px;
        left: 10px;
        padding: 0 8px 0 0;
    }

    .products-wrapper .item .image-wrapper .labels span {
        border-radius: 2px;
        font-size: 12px;
    }

    .products-wrapper .item .image-wrapper .labels span::before {
        height: 16px;
        width: 16px;
        margin-right: 4px;
    }

    .products-wrapper .item .image-wrapper .case-author {
        padding: 6px 8px;
    }

    .products-wrapper .item .image-wrapper .case-author img:first-child {
        max-width: 24px;
    }

    .products-wrapper .item .image-wrapper .case-author .author-info .label {
        font-size: 10px;
    }

    .products-wrapper .item .image-wrapper .case-author .author-info .name {
        font-size: 10px;
    }

    .products-wrapper .item .description-wrapper {
        margin-bottom: 4px;
    }

    .products-wrapper .item .description-wrapper > .filters {
        display: none;
    }

    .products-wrapper .item .title {

    }

    .products-wrapper .item .title a {
        font-size: 12px;
    }

    .products-wrapper .item .title > a {
        display: none;
    }

    .products-wrapper .item .title .mobile-title {
        display: block;
    }

    .products-wrapper .item .title .mobile-title .filters {
        display: block;
        height: 38px;
    }

    .products-wrapper .item .filters .filter-link.filter-image {
        display: inline-flex;
        margin-right: 0;
    }

    .products-wrapper .item .price {
        font-size: 14px;
        margin-bottom: 14px;
    }

    .products-wrapper .buttons .btn {
        padding: 16px 10px;
        margin: 0;
    }

    .products-wrapper .buttons .wishlist {
        display: none;
    }

    .home-page-our-products .col .col-description .description {
        max-width: 320px;
    }
}

@media screen and (max-width: 599px) {
    .block-popular-products .products-wrapper .item-wrapper:nth-child(4) ~ .item-wrapper {
        display: none;
    }

    .products-wrapper .item-wrapper {
        max-width: initial;
        width: 50%;
        padding: 0 8px;
    }

    .home-page-our-products .col .col-description .description {
        max-width: 260px;
    }
}

@media screen and (max-width: 399px) {
    .home-page-our-products .col .col-description .description {
        max-width: 230px;
    }
}

@media screen and (max-width: 374px) {
    .home-page-slider .image .description {
        padding: 0 16px;
    }
}

.category-wrapper .category-heading {
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.category-wrapper .category-heading .breadcrumb {
    margin-bottom: 16px;
}

.category-wrapper .category-heading .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
}

.category-wrapper .content-top {
    margin-bottom: 60px;
}

.category-page-slider {
    padding: 87px 162px;
    background: var(--color-bg-green);
}

.category-page-slider .cols {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 1111px;
    margin: 0 auto;
}

.category-page-slider .cols .col-left {
    max-width: 546px;
}

.category-page-slider .cols .col-left .sub-title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.category-page-slider .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.category-page-slider .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 20px;
}

.category-page-slider .cols .col-right {
    margin-left: auto;
}

.category-content {
    padding: 0 48px;
    margin: 0 auto 100px auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    max-width: 1440px;
}

.category-content .column-left {
    max-width: 298px;
    width: 100%;
}

.category-content .main-info {
    margin-left: 44px;
    width: 100%;
}

.category-content .main-info .category-list {
    display: flex;
    padding: 16px 31px 6px 31px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    background: var(--bg-light);
    margin-bottom: 30px;
}

.category-content .main-info .category-list a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0 16px 16px 0;
}

.category-content .main-info .category-list a.active {
    font-weight: 700;
}

.category-content .main-info .category-list a:hover {
    color: var(--color-link-hover);
}

.category-content .main-info .category-list a:last-child {
    margin-right: 0;
}

.category-content .sort-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}

.category-content .sort-wrapper .total-info {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-right: 24px;
}

.category-content .sort-wrapper .total-info span {
    font-weight: 700;
}

.category-content .sort-wrapper .filter-reset {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration-line: underline;
    display: none;
}

.category-content .sort-wrapper .filter-reset.visible {
    display: block;
}

.category-content .sort-wrapper .show-filter {
    display: none;
}

.category-content .sort-wrapper .sort {
    margin-left: auto;
    position: relative;
}

.category-content .sort-wrapper .sort .selected {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
}

.category-content .sort-wrapper .sort .selected::after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/icons/chevron.svg) no-repeat;
    background-size: contain;
    margin-left: 8px;
    flex: 0 0 auto;
}

.category-content .sort-wrapper .sort.active .selected::after {
    transform: rotate(180deg);
}

.category-content .sort-wrapper .sort .dropdown {
    padding: 12px;
    border-radius: 5px;
    background: var(--bg-light, #F4F4F4);
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 5;
    display: none;
}

.category-content .sort-wrapper .sort.active .dropdown {
    display: block;
}

.category-content .sort-wrapper .sort .dropdown a {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
    white-space: nowrap;
}

.category-content .sort-wrapper .sort .dropdown a.current {
    font-weight: 600;
}

.category-content .sort-wrapper .sort .dropdown a:hover {
    color: var(--color-link-hover);
}

.category-content .sort-wrapper .sort .dropdown a:last-child {
    margin-bottom: 0;
}

.category-content .items-wrapper .products-wrapper {
    padding: 0;
    margin: 0 -12px;
    position: relative;
}

.category-content .items-wrapper .products-wrapper.loading::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
}

.category-content .items-wrapper .products-wrapper .item-wrapper {
    width: 33.33334%;
}

.category-content .items-wrapper .category-item-wrapper {
    display: flex;
    flex-direction: column;
}

.category-content .items-wrapper .category-item-wrapper > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 30px;
}

.category-content .items-wrapper .category-item-wrapper .empty-results {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.category-content .load-more-data > * {
    display: none;
}

.subscribe-module {
    background: var(--color-bg-beige, #F1ECE8);
    padding: 80px 162px;
    margin-bottom: 80px;
}

.subscribe-module .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 1116px;
    margin: 0 auto;
}

.subscribe-module .cols .col-left {
    max-width: 432px;
    width: 100%;
}

.subscribe-module .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.subscribe-module .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.subscribe-module .cols .col-right {
    max-width: 432px;
    width: 100%;
    margin-left: auto;
}

.subscribe-module .cols .col-right .subscribe-form .form-group + .form-group {
    margin-top: 20px;
}

.subscribe-module .cols .col-right .subscribe-form .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.subscribe-module .cols .col-right .subscribe-form .form-group input[type="text"],
.subscribe-module .cols .col-right .subscribe-form input[type="email"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 13px 14px;
    width: 100%;
    resize: none;
    outline: none;
}

.subscribe-module .cols .col-right .subscribe-form .form-group input[type="text"].has-error,
.subscribe-module .cols .col-right .subscribe-form .form-group input[type="email"].has-error {
    border: 1px solid var(--btn-accent);
}

.subscribe-module .cols .col-right .subscribe-form .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.subscribe-module .cols .col-right .subscribe-form .success {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.subscribe-module .cols .col-right .subscribe-form .buttons {
    margin-top: 30px;
}

.blog-module {
    padding: 0 48px;
    margin-bottom: 100px;
}

.blog-module > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%; /* 70.4px */
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.blog-module > .sub-title {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 658px;
    margin: 0 auto;
}

.blog-module > .sub-title + .items-wrapper {
    margin-top: 40px;
}

.blog-module .items {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    max-width: 1368px;
    margin: 0 auto;
}

.blog-module .items .item {
    padding: 0 12px;
    width: 25%;
}

.blog-module .items .item .image {
    margin-bottom: 20px;
}

.blog-module .items .item .info .title {
    margin-bottom: 10px;
}

.blog-module .items .item .info .title a {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
}

.blog-module .items .item:hover .info .title a {
    color: var(--color-link-hover);
}

.blog-module .items .item .info .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.filter-module.loading {
    position: relative;
}

.filter-module.loading::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
}

.filter-module .filter-heading {
    display: none;
}

.filter-module .filter-group {
    margin-bottom: 30px;
}

.filter-module .filter-group:last-child {
    margin-bottom: 0;
}

.filter-module .filter-group > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 36px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.72px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

.filter-module .filter-group > .title::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.5;
    background: var(--illustration-dark, #383735);
}

.filter-module .filter-group > .title button {
    display: none;
}

.filter-module .filter-group .filters-wrapper:not(.filter-range) {
    max-height: 215px;
    overflow-y: auto;
}

.filter-module .filter-group .filters-wrapper::-webkit-scrollbar {
    background: transparent;
    width: 6px;
}

.filter-module .filter-group .filters-wrapper::-webkit-scrollbar-thumb {
    height: 33px;
    border-radius: 100px;
    background: var(--illustration-dark);
}

.filter-module .filter-group .filters-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.filter-module .filter-group .filters-wrapper .filter {
    margin-bottom: 12px;
}

.filter-module .filter-group .filters-wrapper .filter:last-child {
    margin-bottom: 0;
}

.filter-module .filter-group .filters-wrapper .filter label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.filter-module .filter-group .filters-wrapper .filter label input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: -2px 16px 0 0;
    font: inherit;
}

.filter-module .filter-group .filters-wrapper .filter label input[type="checkbox"]::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/checkbox-unchecked.svg);
    background-size: contain;
}

.filter-module .filter-group .filters-wrapper .filter label input[type="checkbox"]:checked::before {
    background: url(../image/checkbox-checked.svg);
}

.filter-module .filter-group .filters-wrapper .filter label:hover input[type="checkbox"]:not(:checked)::before {
    background: url(../image/checkbox-hover.svg);
}

.filter-module .filter-group .filters-wrapper .slider-wrapper {
    padding: 0 9px 0 5px;
}

.filter-module .filter-group .filters-wrapper .slider-range {
    border: none;
    background: #F1DCD5;
    height: 10px;
    border-radius: 5px;
}

.filter-module .filter-group .filters-wrapper .slider-range .ui-slider-range {
    height: 10px;
    background: var(--accent-light);
}

.filter-module .filter-group .filters-wrapper .slider-range .ui-slider-handle {
    height: 24px;
    width: 24px;
    background: var(--btn-accent);
    border: 5px solid var(--white);
    border-radius: 100%;
    outline: none;
    top: -7px;
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 17px;
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper .price-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper .price-info input {
    border-radius: 6px;
    width: 95px;
    border: 1px solid var(--neutral-700);
    font-family: var(--input-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.32px;
    padding: 5.5px 12px;
    color: var(--neutral-700);
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper .price-info span {
    margin: 0 12px;
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper .filter-price {
    border-radius: 6px;
    width: 95px;
    border: 1px solid var(--btn-accent);
    font-family: var(--input-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.32px;
    padding: 5.5px 12px;
    margin-left: 12px;
    background: var(--btn-accent);
    color: var(--white);
    transition: all 300ms;
}

.filter-module .filter-group .filters-wrapper .price-info-wrapper .filter-price:hover {
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--black);
}

@media screen and (max-width: 1299px) {
    .category-page-slider .cols .col-left {
        max-width: 350px;
        margin-right: 20px;
    }

    .category-page-slider .cols .col-left .title {
        font-size: 50px;
    }

    .category-content .products-wrapper .item .image-wrapper .case-author img:last-child {
        display: none;
    }

    .category-content .products-wrapper .buttons .btn {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1199px) {
    .subscribe-module .cols .col-left {
        margin-right: 20px;
    }

    .subscribe-module .cols .col-left .title {
        font-size: 50px;
    }

    .category-content .items-wrapper .products-wrapper .item-wrapper {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .category-wrapper .category-heading {
        margin-bottom: 24px;
    }

    .category-wrapper .category-heading .title {
        font-size: 36px;
        letter-spacing: 0.48px;
    }

    .category-wrapper .content-top {
        margin-bottom: 50px;
    }

    .category-page-slider {
        padding: 30px 16px;
    }

    .category-page-slider .cols {
        max-width: initial;
        flex-direction: column;
    }

    .category-page-slider .cols .col-left {
        margin: 0;
        max-width: initial;
    }

    .category-page-slider .cols .col-left .sub-title {
        font-size: 14px;
        margin-bottom: 16px;
        text-align: center;
    }

    .category-page-slider .cols .col-left .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 16px;
        text-align: center;
    }

    .category-page-slider .cols .col-left .image-wrapper {
        justify-content: center;
        margin-bottom: 16px;
    }

    .category-page-slider .cols .col-left .description {
        font-size: 14px;
        margin-bottom: 25px;
    }

    .category-page-slider .cols .col-left .buttons {
        text-align: center;
    }

    .category-page-slider .cols .col-left .buttons .btn {
        width: 100%;
        max-width: 343px;
    }

    .category-content {
        padding: 0 16px;
        margin: 0;
        max-width: initial;
    }

    .category-content .column-left {
        position: fixed;
        background: var(--bg-light);
        padding: 15px 16px;
        border: none;
        max-width: 375px;
        width: 100%;
        -webkit-transform: translate3d(-375px, 0, 0);
        transform: translate3d(-375px, 0, 0);
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        min-height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 99;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .category-content .column-left.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .category-content .main-info {
        margin: 0;
    }

    .category-content .main-info .category-list {
        padding: 20px 25px 9px 25px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .category-content .main-info .category-list a {
        font-size: 14px;
    }

    .category-content .sort-wrapper {
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .category-content .sort-wrapper .total-info {
        width: 100%;
        order: 3;
        margin: 27px 0 0 0;
        text-align: center;
        font-size: 14px;
    }

    .category-content .sort-wrapper .filter-reset {
        display: none !important;
    }

    .category-content .sort-wrapper .show-filter {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: var(--black);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .category-content .sort-wrapper .show-filter::before {
        content: "";
        height: 24px;
        width: 24px;
        background: url(../image/icons/categories.svg) no-repeat;
        background-size: contain;
        margin-right: 12px;
    }

    .category-content .sort-wrapper .show-filter.active:after {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: var(--btn-accent);
        margin: -8px 0 0 6px;
    }

    .category-content .sort-wrapper .sort .selected {
        font-size: 14px;
    }

    .category-content .items-wrapper .category-item-wrapper > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 20px;
        text-align: center;
    }

    .category-content .items-wrapper .products-wrapper .item-wrapper {
        width: 33.33334%;
    }

    .subscribe-module {
        padding: 49px 17px 30px 17px;
        margin-bottom: 0;
    }

    .subscribe-module .cols {
        flex-direction: column;
        max-width: initial;
    }

    .subscribe-module .cols .col-left {
        max-width: initial;
        margin: 0 0 30px 0;
    }

    .subscribe-module .cols .col-left .title {
        text-align: center;
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 20px;
    }

    .subscribe-module .cols .col-left .description {
        text-align: center;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .subscribe-module .cols .col-left .image {
        text-align: center;
        margin-bottom: 30px;
    }

    .subscribe-module .cols .col-right {
        max-width: initial;
        margin: 0;
    }

    .subscribe-module .cols .col-right .subscribe-form .buttons {
        text-align: center;
    }

    .subscribe-module .cols .col-right .subscribe-form .btn {
        max-width: 343px;
        width: 100%;
    }

    .blog-module {
        padding: 60px 0;
        margin-bottom: 0;
    }

    .blog-module > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .blog-module > .sub-title {
        font-size: 14px;
    }

    .blog-module > .sub-title + .items-wrapper {
        margin-top: 28px;
    }

    .blog-module .items .item .info {
        padding: 0 20px;
    }

    .blog-module .items .item .image img {
        margin: 0 auto;
    }

    .blog-module .items .item .info .title {
        text-align: center;
    }

    .blog-module .items .item .info .title a {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .blog-module .items .item .info .description {
        font-size: 14px;
        text-align: center;
    }

    body.filter-active {
        overflow: hidden;
    }

    .filter-module .filter-heading {
        display: block;
        margin-bottom: 21px;
    }

    .filter-module .filter-heading .title-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .filter-module .filter-heading .title-wrapper .title {
        color: var(--black);
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
    }

    .filter-module .filter-heading .title-wrapper .close-filter {
        display: block;
        height: 24px;
        width: 24px;
        background: url(../image/icons/close.svg) no-repeat;
    }

    .filter-module .filter-heading .filter-reset {
        display: none;
        color: var(--btn-accent);
        font-family: var(--base-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        text-decoration-line: underline;
    }

    .filter-module .filter-heading .filter-reset.visible {
        display: block;
    }

    .filter-module .filter-group > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 14px;
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .filter-module .filter-group > .title button {
        content: "";
        display: block;
        height: 28px;
        width: 28px;
        background: url(../image/icons/chevron.svg) no-repeat;
        background-size: contain;
        margin-left: 8px;
    }

    .filter-module .filter-group > .title::after {
        display: none;
    }

    .filter-module .filter-group.closed > .title button {
        transform: rotate(180deg);
    }

    .filter-module .filter-group .filters-wrapper:not(.filter-range),
    .filter-module .filter-group .filters-wrapper.filter-range {
        max-height: 400px;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

    .filter-module .filter-group.closed .filters-wrapper {
        max-height: 0;
    }
}

@media screen and (max-width: 767px) {
    .category-content .products-wrapper .buttons .btn {
        margin-right: 0;
    }
}

@media screen and (max-width: 599px) {
    .category-content .items-wrapper .products-wrapper .item-wrapper {
        width: 50%;
    }
}

@media screen and (max-width: 479px) {
    .category-content .column-left {
        max-width: 480px;
        -webkit-transform: translate3d(-480px, 0, 0);
        transform: translate3d(-480px, 0, 0);
    }
}

.product-wrapper {
    max-width: 1920px;
    margin: 0 auto 77px auto;
}

.product-simple .product-main {
    margin-bottom: 80px;
}

.product-simple .product-main .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-simple .product-main .cols .col-left {
    max-width: 708px;
    margin-right: 139px;
    position: relative;
    width: calc(50% - 139px);
    flex: 1 0 auto;
}

.product-simple .product-main .cols .col-left::after {
    content: "";
    display: block;
    height: 288px;
    width: 195px;
    background: url(../image/img-wineglass.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 16px;
    right: -100px;
}

.product-simple .product-main .cols .col-left .link-return-quiz-result {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0;
    height: 40px;
    width: 60px;
    background: var(--btn-accent);
    color: var(--white);
    border: 1px solid var(--btn-accent);
    margin-bottom: 20px;
}

.product-simple .product-main .cols .col-left .link-return-quiz-result::after {
    content: "";
    height: 40px;
    width: 40px;
    display: block;
    flex: 0 0 auto;
    transition: all 300ms;
    mask-image: url(../image/icons/arrow-left.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url(../image/icons/arrow-left.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--white);
}

.product-simple .product-main .cols .col-left .link-return-quiz-result:hover {
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
}

.product-simple .product-main .cols .col-left .link-return-quiz-result:hover::after {
    background-color: var(--black);
}

.product-simple .product-main .cols .col-left .product-images img {
    width: 100%;
}

.product-simple .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.product-simple .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.product-simple .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.product-simple .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.product-simple .product-main .cols .col-left .product-images .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.product-simple .product-main .cols .col-left .product-images .slick-dots li {
    margin-right: 12px;
}

.product-simple .product-main .cols .col-left .product-images .slick-dots li:last-child {
    margin: 0;
}

.product-simple .product-main .cols .col-left .product-images .slick-dots li button {
    width: 55px;
    height: 10px;
    border-radius: 40px;
    opacity: 0.4;
    background: #FFF;
    font-size: 0;
}

.product-simple .product-main .cols .col-left .product-images .slick-dots li.slick-active button {
    opacity: 1;
}

.product-simple .product-main .cols .col-right {
    margin-left: auto;
    padding: 19px 47px;
}

.breadcrumb {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.breadcrumb li {
    margin: 0 8px 8px 0;
}

.breadcrumb li:last-child {
    margin-right: 0;
}

.breadcrumb li > a,
.breadcrumb li > span {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.breadcrumb li > a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.breadcrumb li > a::after {
    content: "";
    height: 18px;
    width: 18px;
    mask: url(../image/icons/chevron.svg);
    -webkit-mask: url(../image/icons/chevron.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    margin-left: 8px;
    background-color: var(--black);
    transform: rotate(-90deg);
}

.breadcrumb li > a:hover {
    color: var(--color-link-hover);
}

.breadcrumb li > a:hover::after {
    background-color: var(--color-link-hover);
}

.breadcrumb li > span {
    font-weight: 400;
}

.product-simple .product-main .cols .col-right .product-title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 12px;
}

.product-simple .product-main .cols .col-right .price {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.product-simple .product-main .cols .col-right .labels {
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.product-simple .product-main .cols .col-right .labels div {
    padding: 9px 6px 9px 4px;
    height: 42px;
    border-radius: 4px;
    background: var(--color-bg-green);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 8px 8px 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.product-simple .product-main .cols .col-right .labels div:last-child {
    margin-right: 0;
}

.product-simple .product-main .cols .col-right .labels div::before {
    content: "";
    margin-right: 6px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    flex: 0 0 auto;
}

.product-simple .product-main .cols .col-right .labels div.sale::before {
    background-image: url(../image/icons/sale.svg);
}

.product-simple .product-main .cols .col-right .labels div.rating::before {
    background-image: url(../image/icons/vivino.svg);
}

.product-simple .product-main .cols .col-right .labels div.recommended::before {
    background-image: url("../image/icons/star outline.svg");
}

.product-simple .product-main .cols .col-right .labels div.top-sale::before {
    background-image: url(../image/icons/top.svg);
}

.product-simple .product-main .cols .col-right .labels div.sommelier-choice::before {
    background-image: url(../image/icons/recommend.svg);
}

.product-simple .product-main .cols .col-right .labels div.sommelier-choice .case-author {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.product-simple .product-main .cols .col-right .labels div.sommelier-choice .case-author::before {
    content: "-";
    margin: 0 6px;
}

.product-simple .product-main .cols .col-right .labels div.sommelier-choice .case-author img {
    max-width: 30px;
    margin-right: 6px;
}

.product-simple .product-main .cols .col-right .filters {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.product-simple .product-main .cols .col-right .filters .filter-link {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    position: relative;
    margin: 0 8px 8px 0;
    padding: 2px 4px;
    border-radius: 20px;
}

.product-simple .product-main .cols .col-right .filters .filter-link:not(.filter-image) {
    background-color: var(--card-bg-v-1);
}

.product-simple .product-main .cols .col-right .filters .filter-link:last-child {
    margin-right: 0;
}

.product-simple .product-main .cols .col-right .filters .filter-link.filter-image {
    line-height: 80%;
}

.product-simple .product-main .cols .col-right .filters .filter-link.filter-image img {
    width: 15px;
    height: 10px
}







.product-simple .product-main .cols .col-right .tastes-of-drink {
    margin-bottom: 4px;
}

.product-simple .product-main .cols .col-right .tastes-of-drink .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.product-simple .product-main .cols .col-right .tastes-of-drink .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.product-simple .product-main .cols .col-right .tastes-of-drink .items .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 30px 20px 0;
}

.product-simple .product-main .cols .col-right .tastes-of-drink .items .item:last-child {
    margin-right: 0;
}

.product-simple .product-main .cols .col-right .tastes-of-drink .items .item img {
    margin-bottom: 6px;
}

.product-simple .product-main .cols .col-right .product-description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 24px;
}

.product-simple .product-main .cols .col-right .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.product-simple .product-main .cols .col-right .buttons .btn {
    max-width: 262px;
    width: 100%;
    margin-right: 24px;
}

.product-simple .product-main .cols .col-right .buttons .wishlist {
    width: 32px;
    height: 32px;
    background-color: var(--black);
    mask: url("../image/icons/bookmark outline.svg") no-repeat;
    -webkit-mask: url("../image/icons/bookmark outline.svg") no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    transition: all 300ms;
    display: none;
}

.product-simple .product-main .cols .col-right .buttons .wishlist.in-wishlist {
    mask-image: url(../image/icons/bookmark.svg);
    -webkit-mask-image: url(../image/icons/bookmark.svg);
}

.product-simple .product-main .cols .col-right .buttons .wishlist:hover {
    background-color: var(--color-link-hover);
}

.product-simple .product-details {
    max-width: 1140px;
    margin: 0 auto 100px auto;
    padding: 0 20px;
}

.product-simple .product-details .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.product-simple .product-details .cols > div > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
}

.product-simple .product-details .cols > div {
    width: 50%;
}

.product-simple .product-details .cols .col-left .attributes {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.product-simple .product-details .cols .col-left .attributes .attribute {
    width: 50%;
    margin-bottom: 20px;
}

.product-simple .product-details .cols .col-left .attributes .attribute .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    opacity: 0.4;
    margin-bottom: 5px;
}

.product-simple .product-details .cols .col-left .attributes .attribute .value {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink {
    margin-bottom: -20px;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 30px;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink .items .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 30px 20px 0;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink .items .item:last-child {
    margin-right: 0;
}

.product-simple .product-details .cols .col-left .compatibility-of-drink .items .item img {
    margin-bottom: 6px;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 21px;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .item:last-child {
    margin: 0;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    width: 115px;
    margin-right: 24px;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    position: relative;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points::before {
    content: "";
    border-radius: 100px;
    height: 22px;
    width: 100%;
    background: var(--color-bg-green);
    position: absolute;
    top: 0;
    z-index: 5;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points .point {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 51px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points .point:first-child {
    align-items: flex-start;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points .point:last-child {
    align-items: flex-end;
}

.product-simple .product-details .cols .col-right .tasting-notes .items .points .point.selected::before {
    content: "";
    height: 24px;
    width: 24px;
    mask: url(../image/icons/check.svg);
    -webkit-mask: url(../image/icons/check.svg);
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--btn-accent);
    position: absolute;
    top: -1px;
    z-index: 10;
}

.product-simple .product-related > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 30px;
}

.product-group .product-main {
    margin-bottom: 102px;
}

.product-group .product-main .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

.product-group .product-main .cols .col-left {
    max-width: 708px;
    margin-right: 139px;
    position: relative;
    width: calc(50% - 139px);
    flex: 1 0 auto;
}

.product-group .product-main .cols .col-left::after {
    content: "";
    display: block;
    width: 204px;
    height: 351px;
    background: url(../image/img-wine-bottle.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 28px;
    right: -118px;
}

.product-group .product-main .cols .col-left .link-return-quiz-result {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 0;
    height: 40px;
    width: 60px;
    background: var(--btn-accent);
    color: var(--white);
    border: 1px solid var(--btn-accent);
    margin-bottom: 20px;
}

.product-group .product-main .cols .col-left .link-return-quiz-result::after {
    content: "";
    height: 40px;
    width: 40px;
    display: block;
    flex: 0 0 auto;
    transition: all 300ms;
    mask-image: url(../image/icons/arrow-left.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url(../image/icons/arrow-left.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--white);
}

.product-group .product-main .cols .col-left .link-return-quiz-result:hover {
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
}

.product-group .product-main .cols .col-left .link-return-quiz-result:hover::after {
    background-color: var(--black);
}

.product-group .product-main .cols .col-left .product-images img {
    width: 100%;
}

.product-group .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.product-group .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.product-group .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.product-group .product-main .cols .col-left .product-images .img-wrapper:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.product-group .product-main .cols .col-left .product-images .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.product-group .product-main .cols .col-left .product-images .slick-dots li {
    margin-right: 12px;
}

.product-group .product-main .cols .col-left .product-images .slick-dots li:last-child {
    margin: 0;
}

.product-group .product-main .cols .col-left .product-images .slick-dots li button {
    width: 55px;
    height: 10px;
    border-radius: 40px;
    opacity: 0.4;
    background: #FFF;
    font-size: 0;
}

.product-group .product-main .cols .col-left .product-images .slick-dots li.slick-active button {
    opacity: 1;
}

.product-group .product-main .cols .col-right {
    margin-left: auto;
    padding: 19px 47px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.product-group .product-main .breadcrumb {
    margin-bottom: 24px;
}

.product-group .product-main .cols .col-right .product-title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 12px;
}

.product-group .product-main .cols .col-right .price {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.product-group .product-main .cols .col-right .product-description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 24px;
}

.product-group .product-main .cols .col-right .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.product-group .product-main .cols .col-right .buttons .btn {
    max-width: 262px;
    width: 100%;
    margin-right: 24px;
}

.product-group .product-main .cols .col-right .buttons .wishlist {
    width: 32px;
    height: 32px;
    background-color: var(--black);
    mask: url("../image/icons/bookmark outline.svg") no-repeat;
    -webkit-mask: url("../image/icons/bookmark outline.svg") no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    display: none;
}

.product-group .product-main .cols .col-right .buttons .wishlist.in-wishlist {
    mask-image: url(../image/icons/bookmark.svg);
    -webkit-mask-image: url(../image/icons/bookmark.svg);
}

.product-group .product-main .cols .col-right .buttons .wishlist:hover {
    background-color: var(--color-link-hover);
}

.product-group .product-sommelier {
    margin-bottom: 103px;
    padding: 0 20px;
}

.product-group .product-sommelier .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 1124px;
    margin: 0 auto;
}

.product-group .product-sommelier .cols .col-left {
    max-width: 545px;
    width: 100%;
}

.product-group .product-sommelier .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.product-group .product-sommelier .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.product-group .product-sommelier .cols .col-right {
    max-width: 426px;
    width: 100%;
    margin-left: auto;
}

.product-group .product-sommelier .cols .col-right .image {
    text-align: center;
    margin-bottom: 24px;
}

.product-group .product-sommelier .cols .col-right .image img {
    max-width: 200px;
}

.product-group .product-sommelier .cols .col-right .name {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 4px;
}

.product-group .product-sommelier .cols .col-right .about-sommelier {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.product-group .product-sommelier .cols .col-right .sign {
    text-align: center;
}

.product-group .product-sommelier .cols .col-right .sign img {
    max-width: 88px;
}

.product-group .product-group-products {
    background: var(--color-bg-green);
    padding: 100px 48px;
}


.product-group .product-group-products > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
}

.product-group .product-group-products .items .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 30px;
}

.product-group .product-group-products .items .item:nth-child(even) {
    flex-direction: row-reverse;
}

.product-group .product-group-products .items .item:last-child {
    margin: 0;
}

.product-group .product-group-products .items .item .col-left {
    margin-right: 24px;
    width: 40%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}

.product-group .product-group-products .items .item:nth-child(even) .col-left {
    margin: 0 0 0 24px;
}

.product-group .product-group-products .items .item .col-right {
    padding: 40px;
    background: var(--white);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 60%;
}

.product-group .product-group-products .items .item .col-right > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 21px;
}

.product-group .product-group-products .items .item .col-right .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 21px;
}

.product-group .product-group-products .items .item .col-right .tastes-of-drink {
    margin-bottom: 1px;
}

.product-group .product-group-products .items .item .col-right .tastes-of-drink .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.product-group .product-group-products .items .item .col-right .tastes-of-drink .items .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 30px 20px 0;
}

.product-group .product-group-products .items .item .col-right .tastes-of-drink .items .item:last-child {
    margin-right: 0;
}

.product-group .product-group-products .items .item .col-right .tastes-of-drink .items .item img {
    margin-bottom: 6px;
}

.product-group .product-group-products .items .item .col-right .attributes {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 1px;
}

.product-group .product-group-products .items .item .col-right .attributes .attribute {
    width: 40%;
    margin-bottom: 20px;
}

.product-group .product-group-products .items .item .col-right .attributes .attribute .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    opacity: 0.4;
    margin-bottom: 5px;
}

.product-group .product-group-products .items .item .col-right .attributes .attribute .value {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.product-group .product-group-products .items .item .col-right .buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.product-group .product-group-products .items .item .col-right .buttons .btn {
    max-width: 262px;
    width: 100%;
    margin-right: 24px;
    padding: 16px 20px;
}

.product-group .product-group-products .items .item .col-right .buttons .wishlist {
    width: 32px;
    height: 32px;
    background-color: var(--black);
    mask: url("../image/icons/bookmark outline.svg") no-repeat;
    -webkit-mask: url("../image/icons/bookmark outline.svg") no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    display: none;
}

.product-group .product-group-products .items .item .col-right .buttons .wishlist.in-wishlist {
    mask-image: url(../image/icons/bookmark.svg);
    -webkit-mask-image: url(../image/icons/bookmark.svg);
}

.product-group .product-group-products .items .item .col-right .buttons .wishlist:hover {
    background-color: var(--color-link-hover);
}

@media screen and (max-height: 799px) {
    .product-simple .product-main .cols .col-left {
        width: calc(48% - 139px);
    }

    .product-simple .product-main .cols .col-left::after {
        width: 152px;
        height: 220px;
        right: -80px;
    }

    .product-simple .product-main .cols .col-right {
        padding: 0 47px 19px 47px;
    }

    .product-simple .product-main .cols .col-right .product-title {
        font-size: 44px;
    }

    .product-simple .product-main .cols .col-right .labels div {
        height: 30px;
    }

    .product-simple .product-main .cols .col-right .product-description {
        font-size: 14px;
        height: 135px;
        overflow-y: auto;
        padding-right: 6px;
    }

    .product-simple .product-main .cols .col-right .product-description::-webkit-scrollbar {
        background: transparent;
        width: 4px;
    }

    .product-simple .product-main .cols .col-right .product-description::-webkit-scrollbar-track {
        background: transparent;
    }

    .product-simple .product-main .cols .col-right .product-description::-webkit-scrollbar-thumb {
        height: 33px;
        border-radius: 100px;
        background: var(--illustration-dark);
    }

    .product-group .product-main .cols .col-left {
        width: calc(48% - 139px);
    }

    .product-group .product-main .cols .col-left::after {
        width: 150px;
        height: 260px;
    }

    .product-group .product-main .cols .col-right {
        justify-content: flex-start;
        padding: 0 47px 19px 47px;
    }

    .product-group .product-main .cols .col-right .product-title {
        font-size: 44px;
    }

    .product-group .product-main .cols .col-right .product-description {
        font-size: 14px;
        height: 235px;
        overflow-y: auto;
        padding-right: 6px;
    }

    .product-group .product-main .cols .col-right .product-description::-webkit-scrollbar {
        background: transparent;
        width: 4px;
    }

    .product-group .product-main .cols .col-right .product-description::-webkit-scrollbar-track {
        background: transparent;
    }

    .product-group .product-main .cols .col-right .product-description::-webkit-scrollbar-thumb {
        height: 33px;
        border-radius: 100px;
        background: var(--illustration-dark);
    }
}

@media screen and (max-height: 699px) {
    .product-simple .product-main .cols .col-left {
        width: calc(42% - 169px);
    }

    .product-simple .product-main .cols .col-right .product-title {
        font-size: 36px;
    }

    .product-group .product-main .cols .col-left {
        width: calc(42% - 169px);
    }
}

@media screen and (max-width: 1299px) {
    .product-simple .product-main .cols .col-left {
        margin-right: 50px;
        width: calc(50% - 50px);
    }

    .product-simple .product-main .cols .col-right .product-title {
        font-size: 42px;
    }

    .product-group .product-main .cols .col-left {
        margin-right: 50px;
        width: 50%;
    }

    .product-group .product-main .cols .col-right .product-title {
        font-size: 42px;
    }
}

@media screen and (max-width: 1099px) {
    .product-group .product-group-products {
        padding: 40px 16px;
    }

    .product-group .product-group-products .items .item .col-right > .title {
        font-size: 34px;
    }

    .product-group .product-group-products .items .item .col-left {
        width: 50%;
    }

    .product-group .product-group-products .items .item .col-right {
        padding: 20px;
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .product-wrapper {
        margin-bottom: 60px;
    }

    .product-simple .product-main {
        margin-bottom: 60px;
    }

    .product-simple .product-main .cols {
        flex-direction: column;
        align-items: stretch;
    }

    .breadcrumb {
        padding: 0 16px;
    }

    .breadcrumb li {
        margin: 0 4px 4px 0;
    }

    .breadcrumb li > a,
    .breadcrumb li > span {
        font-size: 14px;
        font-weight: 700;
    }

    .breadcrumb li > span {
        font-weight: 400;
    }

    .breadcrumb li > a::after {
        margin-left: 4px;
    }

    .product-simple .product-main .cols .col-left {
        width: 100%;
        max-width: initial;
        margin-bottom: 30px;
    }

    .product-simple .product-main .cols .col-left::after {
        display: none;
    }

    .product-simple .product-main .cols .col-left .product-images {
        max-width: 708px;
        margin: 0 auto;
    }

    .product-simple .product-main .cols .col-right {
        padding: 0 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }

    .product-simple .product-main .cols .col-right .product-title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 16px;
        order: 0;
    }

    .product-simple .product-main .cols .col-right .labels {
        order: 3;
        margin-bottom: 16px;
    }

    .product-simple .product-main .cols .col-right .labels div {
        height: 42px;
    }

    .product-simple .product-main .cols .col-right .tastes-of-drink {
        display: block;
        order: 4;
    }

    .product-simple .product-main .cols .col-right .tastes-of-drink .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        text-align: center;
        margin-bottom: 20px;
    }

    .product-simple .product-main .cols .col-right .tastes-of-drink .items {
        flex-wrap: wrap;
    }

    .product-simple .product-main .cols .col-right .tastes-of-drink .items .item {
        margin: 0 24px 20px 0;
        width: 100%;
        max-width: 72px;
    }

    .product-simple .product-main .cols .col-right .product-description {
        height: auto;
        overflow: visible;
        order: 5;
        margin-bottom: 0;
        font-size: 14px;
    }

    .product-simple .product-main .cols .col-right .price {
        font-size: 24px;
        letter-spacing: 0.48px;
        order: 1;
    }

    .product-simple .product-main .cols .col-right .buttons {
        order: 2;
        margin-bottom: 20px;
    }

    .product-simple .product-details {
        max-width: initial;
        padding: 0 16px;
        margin-bottom: 60px;
    }

    .product-simple .product-details .cols {
        flex-direction: column;
        align-items: center;
    }

    .product-simple .product-details .cols > div {
        width: 100%;
    }

    .product-simple .product-details .cols > div > .title {
        width: auto;
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .product-simple .product-details .cols .col-left {
        margin-bottom: 40px;
    }

    .product-simple .product-details .cols .col-left .attributes {
        flex-direction: column;
        margin-bottom: 0;
    }

    .product-simple .product-details .cols .col-left .attributes .attribute {
        width: auto;
    }

    .product-simple .product-details .cols .col-left .attributes .attribute .title {
        font-size: 14px;
    }

    .product-simple .product-details .cols .col-left .attributes .attribute .value {
        font-size: 14px;
    }

    .product-simple .product-details .cols .col-left .compatibility-of-drink {
        display: none;
    }

    .product-simple .product-details .cols .col-right .tasting-notes .items .item {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .product-simple .product-details .cols .col-right .tasting-notes .items .title {
        margin: 0 0 13px 0;
        width: auto;
    }

    .product-simple .product-related > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .product-simple .product-related .products-wrapper {
        padding: 0 4px;
    }

    .product-simple .product-related .products-wrapper .item-wrapper {
        margin-bottom: 0;
    }

    .product-group .product-main {
        margin-bottom: 60px;
    }

    .product-group .product-main .cols {
        flex-direction: column;
        align-items: stretch;
    }

    .product-group .product-main .cols .col-left {
        width: 100%;
        max-width: initial;
        margin-bottom: 30px;
    }

    .product-group .product-main .cols .col-left::after {
        display: none;
    }

    .product-group .product-main .cols .col-left .product-images {
        max-width: 708px;
        margin: 0 auto;
    }

    .product-group .product-main .cols .col-right {
        padding: 0 16px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }

    .product-group .product-main .cols .col-right .product-title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 16px;
        order: 0;
    }

    .product-group .product-main .cols .col-right .price {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .product-group .product-main .cols .col-right .product-description {
        font-size: 14px;
    }

    .product-group .product-sommelier {
        padding: 0 16px;
        margin-bottom: 30px;
    }

    .product-group .product-sommelier .cols {
        flex-direction: column-reverse;
        align-items: center;
    }

    .product-group .product-sommelier .cols .col-left {
        max-width: initial;
    }

    .product-group .product-sommelier .cols .col-left .description {
        font-size: 14px;
        text-align: center;
    }

    .product-group .product-sommelier .cols .col-right {
        max-width: initial;
        margin: 0 0 24px 0;
    }

    .product-group .product-sommelier .cols .col-right .title {
        color: var(--black);
        justify-content: center;
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
    }

    .product-group .product-sommelier .cols .col-right .image img {
        max-width: 100px;
    }

    .product-group .product-group-products {
        padding: 30px 16px;
    }

    .product-group .product-group-products > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
    }

    .product-group .product-group-products .items .item {
        margin-bottom: 24px;
    }

    .product-group .product-group-products .items .item .col-left {
        display: none;
    }

    .product-group .product-group-products .items .item .col-right {
        width: 100%;
    }

    .product-group .product-group-products .items .item .col-right > .title {
        font-size: 24px;
        margin-bottom: 24px;
        letter-spacing: 0.48px;
    }

    .product-group .product-group-products .items .item .col-right .description {
        font-size: 14px;
        margin-bottom: 24px;
    }

    .product-group .product-group-products .items .item .col-right .tastes-of-drink {
        margin-bottom: 4px;
    }

    .product-group .product-group-products .items .item .col-right .tastes-of-drink .items {
        flex-wrap: wrap;
    }

    .product-group .product-group-products .items .item .col-right .tastes-of-drink .items .item {
        width: 72px;
        margin: 0 24px 20px 0;
    }

    .product-group .product-group-products .items .item .col-right .attributes {
        width: 100%;
        margin-bottom: 4px;
    }

    .product-group .product-group-products .items .item .col-right .attributes .attribute {
        width: 50%;
    }

    .product-group .product-group-products .items .item .col-right .attributes .attribute .title,
    .product-group .product-group-products .items .item .col-right .attributes .attribute .value {
        font-size: 14px;
    }
}

#cartModal,
#wishlistModal,
#reorderModal,
#supportModal,
#ageVerificationModal {
    position: relative;
    border-radius: 4px;
    padding: 30px 0 40px 0;
    background: #FFF;
    width: auto;
    max-width: 546px;
    margin: 20px auto;
}

#cartModal > .title,
#wishlistModal > .title,
#reorderModal > .title,
#supportModal > .title,
#ageVerificationModal > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 40px;
    padding: 0 60px;
}

#cartModal .content-wrapper,
#wishlistModal .content-wrapper {
    margin-bottom: 30px;
    padding: 0 79px;
}

#cartModal .content-wrapper .cols,
#wishlistModal .content-wrapper .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#cartModal .content-wrapper .cols .col-left,
#wishlistModal .content-wrapper .cols .col-left {
    flex: 0 0 auto;
    margin-right: 24px;
}

#cartModal .content-wrapper .cols .col-right,
#wishlistModal .content-wrapper .cols .col-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 278px;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

#cartModal .content-wrapper .cols .col-right .title,
#wishlistModal .content-wrapper .cols .col-right .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 2px;
}

#cartModal .content-wrapper .cols .col-right .title:hover {
    color: var(--color-link-hover);
}

#cartModal .buttons,
#wishlistModal .buttons,
#reorderModal .buttons,
#supportModal .buttons,
#ageVerificationModal .buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 62px;
}

#cartModal .buttons .btn,
#wishlistModal .buttons .btn {
    font-size: 14px;
    padding: 14px 10px;
    width: 100%;
}

#cartModal .buttons .btn:first-child {
    margin-right: 14px;
    max-width: 230px;
}

#cartModal .buttons .btn:last-child {
    max-width: 179px;
}

#cartModal .buttons .btn.icon::after {
    height: 18px;
    width: 18px;
    mask-size: contain;
    -webkit-mask-size: contain;
    margin: 0;
}

#wishlistModal .content-wrapper,
#wishlistModal .content-wrapper a {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0.64px;
    text-align: center;
}

#wishlistModal .content-wrapper a {
    text-decoration: underline;
}

#wishlistModal .buttons {
    justify-content: center;
}

#reorderModal .content-wrapper {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0 60px;
    margin-bottom: 30px;
}

#reorderModal .buttons .btn {
    height: 42px;
    font-size: 14px;
    letter-spacing: 0.28px;
    padding: 10px 30px;
}

#reorderModal .buttons .btn.btn-red.icon.icon-arrow-top-right::after {
    height: 18px;
    width: 18px;
}

#supportModal .content-wrapper {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0 30px;
    margin-bottom: 30px;
}

#supportModal .buttons {
    justify-content: center;
}

#supportModal .buttons .btn {
    height: 42px;
    min-width: 179px;
}

#ageVerificationModal > .title {
    margin-bottom: 24px;
}

#ageVerificationModal .content-wrapper {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0 45px;
    margin-bottom: 30px;
}

#ageVerificationModal .buttons {
    justify-content: center;
}

#ageVerificationModal .buttons .btn {
    height: 42px;
    min-width: 137px;
}

#ageVerificationModal .buttons .btn + .btn {
    margin-left: 14px;
}

.mfp-bg {
    background: var(--black);
    opacity: 0.4;
}

button.mfp-close,
.mfp-close:active {
    display: block;
    height: 20px;
    width: 20px;
    font-size: 0;
    mask: url(../image/icons/close.svg) no-repeat;
    -webkit-mask: url(../image/icons/close.svg) no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--black);
    top: 14px;
    right: 14px;
    transition: all 300ms;
}

button.mfp-close:hover {
    background-color: var(--btn-accent);
}

@media screen and (max-width: 991px) {
    #cartModal,
    #wishlistModal,
    #reorderModal,
    #supportModal,
    #ageVerificationModal {
        padding: 50px 0;
        max-width: 343px;
    }

    #cartModal > .title,
    #wishlistModal > .title,
    #reorderModal > .title,
    #supportModal > .title,
    #ageVerificationModal > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 30px;
        padding: 0 35px;
    }

    #cartModal .content-wrapper,
    #wishlistModal .content-wrapper,
    #reorderModal .content-wrapper {
        margin-bottom: 40px;
        padding: 0 28px;
    }

    #cartModal .content-wrapper .cols .col-left {
        margin-right: 14px;
    }

    #cartModal .content-wrapper .cols .col-right,
    #cartModal .content-wrapper .cols .col-right .title {
        font-size: 14px;
    }

    #cartModal .buttons,
    #wishlistModal .buttons,
    #reorderModal .buttons,
    #supportModal .buttons,
    #ageVerificationModal .buttons {
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0 16px;
    }

    #cartModal .buttons .btn,
    #wishlistModal .buttons .btn,
    #reorderModal .buttons .btn,
    #supportModal .buttons .btn,
    #ageVerificationModal .buttons .btn {
        max-width: initial !important;
    }

    #cartModal .buttons .btn:first-child {
        margin: 0 0 14px 0;
    }

    #reorderModal .buttons .btn + .btn {
        margin-top: 14px;
    }

    #ageVerificationModal .content-wrapper {
        padding: 0 35px;
    }

    #ageVerificationModal .buttons .btn + .btn {
        margin: 14px 0 0 0;
    }

    button.mfp-close,
    .mfp-close:active {
        top: 10px;
        right: 10px;
    }
}

#loginModal {
    position: relative;
    border-radius: 4px;
    padding: 30px 60px 25px 60px;
    background: #FFF;
    width: auto;
    max-width: 546px;
    min-height: 631px;
    margin: 20px auto;
}

#loginModal > div.hidden {
    display: none;
}

#loginModal > div > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

#loginModal > div > .title .prev-step {
    height: 24px;
    width: 24px;
    display: block;
    background: url("../image/icons/circle arrow left.svg") no-repeat;
    background-size: contain;
}

#loginModal > div > .title .text-wrapper {
    margin: 0 auto;
}

#loginModal form .form-group + .form-group {
    margin-top: 12px;
}

#loginModal form label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

#loginModal form .form-group input[type="text"],
#loginModal form .form-group input[type="password"],
#loginModal form .form-group input[type="email"],
#loginModal form .form-group input[type="tel"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 14px 20px;
    width: 100%;
    height: 54px;
    resize: none;
    outline: none;
}

#loginModal form .form-group input[type="tel"]::placeholder {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

#loginModal form .form-group input[type="text"].has-error,
#loginModal form .form-group input[type="password"].has-error,
#loginModal form .form-group input[type="email"].has-error,
#loginModal form .form-group input[type="tel"].has-error {
    border: 1px solid var(--btn-accent);
}

#loginModal form .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

#loginModal form .buttons {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#loginModal form .buttons .btn {
    width: 100%;
    height: 41px;
    padding: 16px 10px;
}

#loginModal form .buttons .btn:disabled {
    background: var(--bg-light);
    color: var(--illustration-dark);
    border-color: var(--bg-light);
}

#loginModal form .buttons .links {
    margin-top: 12px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#loginModal form .buttons .links a {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

#loginModal form .buttons .links a:hover {
    color: var(--color-link-hover);
}

#loginModal .login-content .register-info {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0 0 30px 0;
}

#loginModal .login-content .register-info::after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    background: #000;
}

#loginModal .login-content .register-info .title {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 12px;
}

#loginModal .login-content .register-info .btn {
    height: 41px;
    width: 100%;
}

#loginModal .login-content .login-via-socials {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#loginModal .login-content .login-via-socials .title {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 12px;
}

#loginModal .login-content .login-via-socials .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#loginModal .login-content .login-via-socials .items .item {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
}

#loginModal .login-content .login-via-socials .items .item + .item {
    margin-left: 20px;
}

#loginModal .login-content .login-via-socials .items .item.item-google {
    background-image: url(../image/icons/google.svg);
}

#loginModal .login-content .login-via-socials .items .item.item-facebook {
    background-image: url(../image/icons/facebook.svg);
}

#loginModal .login-via-sms-content {
    height: 100%;
}

#loginModal .login-via-sms-content > .title {
    margin-bottom: 101px;
}

#loginModal .login-via-sms-content .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

#loginModal .login-via-sms-content .info-block {
    color: var(--illustration-dark);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
    min-height: 52px;
}

#loginModal .login-via-sms-content .step-form.hidden,
#loginModal .login-via-sms-content .step-form:not(.hidden) + .step-form {
    display: none;
}

#loginModal .login-via-sms-content .buttons .links {
    justify-content: center;
}

#loginModal .password-forget-content {
    height: 100%;
}

#loginModal .password-forget-content > .title {
    margin-bottom: 101px;
}

#loginModal .password-forget-content .content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

#loginModal .password-forget-content .info-block {
    color: var(--illustration-dark);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
    min-height: 52px;
}

#loginModal .password-forget-content .step-form.hidden,
#loginModal .password-forget-content .step-form:not(.hidden) + .step-form {
    display: none;
}

#loginModal .password-forget-content .buttons .links {
    justify-content: center;
    position: relative;
}

#loginModal .password-forget-content .buttons .links.disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
}

#loginModal .password-forget-content .buttons .timer {
    margin-top: 9px;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    text-align: center;
    opacity: 0.6;
}

#loginModal .register-content .buttons .privacy-info {
    color: rgba(56, 55, 53, 0.50);
    text-align: center;
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: 12px;
}

#loginModal .register-content .buttons .privacy-info a {
    color: rgba(56, 55, 53, 0.50);
    text-decoration: underline;
}

#loginModal .register-content .buttons .login-step {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: 12px;
}

@media screen and (max-width: 767px) {
    .mfp-container {
        padding: 0 16px;
    }

    #loginModal {
        padding: 50px 20px 20px 20px;
    }

    #loginModal > div > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 499px) {
    #loginModal form .buttons .links {
        flex-direction: column;
    }

    #loginModal form .buttons .links a + a {
        margin-top: 5px;
    }
}




.checkout-wrapper {
    padding: 30px 48px 0 48px;
}

.checkout-content {
    max-width: 1344px;
    margin: 0 auto;
}

.checkout-content > .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.checkout-content > .cols .col-left {
    max-width: 774px;
    width: 100%;
}

.checkout-content > .cols .col-left > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 24px;
}

.checkout-content > .cols .col-left .content-top {
    margin-bottom: 24px;
}

.checkout-page-about {
    border-radius: 4px;
    background: var(--color-bg-green);
    padding: 20px;
}

.checkout-page-about .points {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: -26px;
}

.checkout-page-about .points .point {
    margin: 0 26px 26px 0;
    width: calc(33.33334% - 26px);
}

.checkout-page-about .points .point .point-icon {
    height: 30px;
    width: 30px;
    margin-bottom: 6px;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkout-page-about .points .point .point-icon.icon-delivery {
    background-image: url(../image/icons/delivery.svg);
}

.checkout-page-about .points .point .point-icon.icon-money {
    background-image: url(../image/icons/money.svg);
}

.checkout-page-about .points .point .point-icon.icon-case {
    background-image: url(../image/icons/case.svg);
}

.checkout-page-about .points .point .point-icon.icon-price-tag {
    background-image: url("../image/icons/price tag.svg");
}

.checkout-page-about .points .point .point-icon.icon-wine {
    background-image: url(../image/icons/wine-outline.svg);
}

.checkout-page-about .points .point .point-icon.icon-box {
    background-image: url(../image/icons/box.svg);
}

.checkout-page-about .points .point .point-description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.checkout-content .cols .col-left .steps .step {
    margin-bottom: 30px;
}

.checkout-content .cols .col-left .steps .step:last-child {
    margin-bottom: 100px;
}

.checkout-content .cols .col-left .steps .step > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 22px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.checkout-content .cols .col-left .steps .step > .title .step-num {
    height: 28px;
    width: 28px;
    border-radius: 100px;
    background: var(--accent-light);
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0.32px;
    margin-right: 28px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.checkout-content .cols .col-left .steps .step > .title .edit-step {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin: 0 111px 0 auto;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.checkout-content .cols .col-left .steps .step > .title .edit-step::before {
    content: "";
    height: 24px;
    width: 24px;
    mask: url(../image/icons/pen.svg) no-repeat;
    mask-size: contain;
    -webkit-mask: url(../image/icons/pen.svg) no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--btn-accent);
    margin-right: 4px;
}

.checkout-content .cols .col-left .steps .step .account-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 20px;
}

.checkout-content .cols .col-left .steps .step .account-info a {
    color: var(--btn-accent);
    text-align: right;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
}

.checkout-content .cols .col-left .steps .step .account-info a::before {
    content: "";
    height: 24px;
    width: 24px;
    margin-right: 4px;
    mask: url(../image/icons/user.svg) no-repeat;
    -webkit-mask: url(../image/icons/user.svg) no-repeat;
    background-color: var(--btn-accent);
}

.checkout-content .cols .col-left .step-form {
    max-width: 432px;
}

.checkout-content .cols .col-left .step-form .form-group.hidden {
    display: none;
}

.checkout-content .cols .col-left .step-form .form-group + .form-group {
    margin-top: 20px;
}

.checkout-content .cols .col-left .step-form .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.checkout-content .cols .col-left .step-form .form-group input[type="text"],
.checkout-content .cols .col-left .step-form .form-group input[type="password"],
.checkout-content .cols .col-left .step-form .form-group input[type="email"],
.checkout-content .cols .col-left .step-form .form-group input[type="number"],
.checkout-content .cols .col-left .step-form .form-group input[type="tel"],
.checkout-content .cols .col-left .step-form .form-group textarea {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 14px 20px;
    width: 100%;
    height: 54px;
    resize: none;
    outline: none;
}

.checkout-content .cols .col-left .step-form .form-group input[type="tel"]::placeholder {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.checkout-content .cols .col-left .step-form .form-group textarea {
    min-height: 106px;
    padding: 13px 20px;
    border-radius: 20px;
}

.checkout-content .cols .col-left .step-form .form-group input:not([type="radio"]):not([type="checkbox"]).has-error,
.checkout-content .cols .col-left .step-form .form-group textarea.has-error {
    border: 1px solid var(--btn-accent);
}

.checkout-content .cols .col-left .step-form .form-group .checkbox-block label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.checkout-content .cols .col-left .step-form .form-group .checkbox-block label input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: -2px 16px 0 0;
    font: inherit;
}

.checkout-content .cols .col-left .step-form .form-group .checkbox-block label input[type="checkbox"]::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/checkbox-unchecked.svg);
    background-size: contain;
}

.checkout-content .cols .col-left .step-form .form-group .checkbox-block label input[type="checkbox"]:checked::before {
    background: url(../image/checkbox-checked.svg);
}

.checkout-content .cols .col-left .step-form .form-group .checkbox-block label:hover input[type="checkbox"]:not(:checked)::before {
    background: url(../image/checkbox-hover.svg);
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: -2px 16px 0 0;
    font: inherit;
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label input[type="radio"]::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/radio-unchecked.svg);
    background-size: contain;
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label input[type="radio"]:checked::before {
    background: url(../image/radio-checked.svg);
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label:hover input[type="radio"]:not(:checked)::before {
    background: url(../image/radio-hover.svg);
}

.checkout-content .cols .col-left .step-form .form-group .radio-block label img {
    max-width: 80px;
    margin-left: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.07));
}

.checkout-content .cols .col-left .step-form .buttons {
    margin-top: 30px;
    flex-direction: column;
}

.checkout-content .cols .col-left .step-form .buttons .btn {
    max-width: 204px;
    width: 100%;
}

.checkout-content .cols .col-left .step-form .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.checkout-content .cols .col-left .step .user-order-data {
    display: none;
}

.checkout-content .cols .col-left .step .user-order-data .data-cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.checkout-content .cols .col-left .step .user-order-data .data-cols > div {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.checkout-content .cols .col-left .step .user-order-data .data-cols > div.hidden {
    display: none;
}

.checkout-content .cols .col-left .step .user-order-data .data-cols > div > .title {
    font-weight: 600;
    margin-bottom: 4px;
}

.checkout-content .cols .col-left .step .user-order-data .data-cols .data-col-left {
    margin-right: 29px;
}

.checkout-content .cols .col-left .step.hidden > div:not(.title):not(.user-order-data) {
    display: none;
}

.checkout-content .cols .col-left .step.hidden .user-order-data {
    display: block;
}

.checkout-content .cols .col-left .steps .step.hidden > .title .edit-step {
    display: flex;
}

.checkout-content .cols .col-left .steps .step + .step .form-wrapper {
    display: none;
}

.checkout-content .cols .col-left .steps .step.hidden + .step .form-wrapper {
    display: block;
}

.checkout-content .cols .col-left #step-2-form .form-block {
    margin-bottom: 24px;
}

.checkout-content .cols .col-left #step-2-form .form-block > .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 432px;
    margin-bottom: 24px;
}

.checkout-content .cols .col-left #step-2-form .form-block .content-wrapper > .subtitle {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.checkout-content .cols .col-left #step-2-form .form-block .content-wrapper > .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 10px 0;
}

.checkout-content .cols .col-left #step-2-form .form-block .content-wrapper > .information {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 6px;
}

.checkout-content .cols .col-left #step-2-form .form-block .form-group-wrapper {
    margin-top: 24px;
}

.checkout-content .cols .col-left #step-2-form .form-block .form-group + .form-group {
    margin-top: 16px;
}

.checkout-content .cols .col-left #step-2-form .buttons {
    margin-top: 46px;
}

.checkout-content .cols .col-left #step-2-form .buttons .btn {
    max-width: initial;
}

.checkout-content .cols .col-left #step-2-form .buttons .btn:disabled {
    background: var(--bg-light);
    color: var(--illustration-dark);
    border-color: var(--bg-light);
}

.checkout-content .cols .col-left #step-2-form .buttons .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin: 10px 0;
}

.checkout-content .cols .col-left #step-2-form .buttons .agree-block {
    margin-top: 12px;
}

.checkout-content .cols .col-left #step-2-form .buttons .agree-block a {
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-decoration-line: underline;
}

#step-2-form .form-block .content-wrapper .block-additional-content .form-group {
    margin-top: 24px;
    position: relative;
}

#step-2-form .form-block .content-wrapper .block-additional-content select {
    display: none;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white);
    padding: 14px 20px;
    width: 100% !important;
    height: 54px;
    resize: none;
    outline: none;
}

#step-2-form .form-block .content-wrapper .block-additional-content select.has-error + .select2 {
    border: 1px solid var(--btn-accent);
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2 span {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 54px;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2 .select2-selection {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2 .selection .select2-selection__rendered .select2-selection__placeholder {
    color: var(--black);
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2 .select2-selection__arrow {
    height: 24px;
    width: 24px;
    background: url(../image/icons/chevron.svg) no-repeat;
    background-size: contain;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2.select2-container--open .select2-selection__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open:last-child {
    border-radius: 5px;
    background: var(--bg-light);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15;
    padding: 15px;
    margin: 10px 0;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown {
    width: 100% !important;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-search--dropdown {
    display: block;
    margin-bottom: 20px;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-search--dropdown input {
    border-radius: 50px;
    border: 1px solid rgba(56, 55, 53, 0.30);
    background: #FFF;
    width: 100%;
    height: 35px;
    color: rgba(0, 0, 0, 0.5);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 7px 15px;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 176px;
    overflow-y: auto;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options li {
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 4px;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options li:last-child {
    margin-bottom: 0;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options li:not(.select2-results__message):hover {
    color: var(--color-link-hover);
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options li.select2-results__option--selected {
    font-weight: bold;
    background: #eee;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options::-webkit-scrollbar {
    background: transparent;
    width: 6px;
}
#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options::-webkit-scrollbar-track {
    background: transparent;
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
    height: 33px;
    border-radius: 100px;
    background: var(--illustration-dark);
}

#step-2-form .form-block .content-wrapper .block-additional-content .select2-container--open .select2-dropdown .select2-results__options::-webkit-scrollbar-button {
    display: none;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar {
    margin-top: 24px;
    width: calc(100% + 32px);
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 24px;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .title .info-block {
    color: var(--illustration-dark);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin-top: 6px;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items .item,
#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items a {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 16px 16px 0;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items .item input[type="radio"] {
    display: none;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items .item label,
#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items a {
    border-radius: 4px;
    border: 1px solid var(--accent-light, #FABAA6);
    background: var(--white, #FFF);
    padding: 10px 0;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    height: 46px;
    width: 99px;
    text-align: center;
    transition: all 300ms;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items a {
    width: auto;
    padding: 10px;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items .item input[type="radio"]:checked + label,
#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items .item label:hover,
#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .items a:hover {
    background: var(--accent-light);
    color: var(--black);
    font-weight: 700;
}

#step-2-form .form-block .content-wrapper .block-additional-content  .calendar .help-block {
    display: none;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#step-2-form .form-block .content-wrapper .block-additional-content .time-section {
    margin-top: 24px;
}

.checkout-content #confirm-block {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.checkout-content .cols .col-right {
    margin-left: 24px;
    max-width: 546px;
    width: 100%;
}

.cart-block {
    border-radius: 4px;
    background: var(--bg-light);
    overflow: hidden;
}

.cart-block .content-wrapper {
    padding: 24px 24px 46px 24px;
}

.cart-block .content-wrapper > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 18px;
}

.cart-block .content-wrapper .items-wrapper {
    overflow: auto;
    padding: 0 18px 0 0;
    max-height: 584px;
    margin-bottom: 24px;
}

.cart-block .content-wrapper .items-wrapper::-webkit-scrollbar {
    background: transparent;
    height: 66px;
    width: 8px;
}

.cart-block .content-wrapper .items-wrapper::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: rgba(56, 55, 53, 0.3);
}

.cart-block .content-wrapper .items-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.cart-block .content-wrapper .items-wrapper .item {
    margin-bottom: 24px;
}

.cart-block .content-wrapper .items-wrapper .item .item-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.cart-block .content-wrapper .items-wrapper .item:last-child {
    margin: 0;
}

.cart-block .content-wrapper .items-wrapper .item .item-image {
    flex: 0 0 auto;
    margin-right: 24px;
}

.cart-block .content-wrapper .items-wrapper .item:nth-child(4n+1) .item-image {
    background-color: var(--card-bg-v-1);
}

.cart-block .content-wrapper .items-wrapper .item:nth-child(4n+2) .item-image {
    background-color: var(--card-bg-v-2);
}

.cart-block .content-wrapper .items-wrapper .item:nth-child(4n+3) .item-image {
    background-color: var(--card-bg-v-3);
}

.cart-block .content-wrapper .items-wrapper .item:nth-child(4n+4) .item-image {
    background-color: var(--card-bg-v-4);
}

.cart-block .content-wrapper .items-wrapper .item .item-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    max-width: 278px;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .product-info {
    margin-bottom: 10px;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .product-info .title {
    display: inline-block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .product-info .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 12px;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button.qty-add {
    background: url(../image/icons/plus.svg) no-repeat;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper button.qty-remove {
    background: url(../image/icons/minus.svg) no-repeat;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .input-wrapper input {
    background: none;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 26px;
    text-align: center;
}

.cart-block .content-wrapper .items-wrapper .item .item-description .total-info .total {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.cart-block .content-wrapper .items-wrapper .item .item-remove {
    margin-left: auto;
}

.cart-block .content-wrapper .items-wrapper .item .item-remove button {
    width: 16px;
    height: 16px;
    background: url(../image/icons/close.svg) no-repeat;
    background-size: contain;
}

.cart-block .content-wrapper .items-wrapper .item .item-group {
    flex: 1 0 auto;
    width: 100%;
    margin-top: 12px;
}

.cart-block .content-wrapper .items-wrapper .item .item-group .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item {
    margin-right: 16px;
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:last-child {
    margin: 0;
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.cart-block .content-wrapper .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.cart-block .content-wrapper .items-wrapper .item.free-item {
    background: var(--color-bg-beige);
    padding: 16px;
    border-radius: 5px;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-image {
    margin-right: 14px;
    border-radius: 3px;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-description {
    max-width: initial;
    margin: 0;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-description .product-info {
    margin: 0;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-description .product-info .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    margin: 0 0 5px 0;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-group {
    margin: 0 0 5px 0;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-group a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.cart-block .content-wrapper .items-wrapper .item.free-item .item-notification {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    padding: 6px 20px;
    background: var(--accent-light);
    border-radius: 3px;
}

.cart-block .content-wrapper .coupon-wrapper,
.cart-block .content-wrapper .point-wrapper {
    margin-bottom: 37px;
}

.cart-block .content-wrapper .coupon-wrapper .form-group,
.cart-block .content-wrapper .point-wrapper .form-group {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-block .content-wrapper .coupon-wrapper .form-group input[type="text"],
.cart-block .content-wrapper .point-wrapper .form-group input[type="text"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 14px 175px 14px 20px;
    width: 100%;
    height: 54px;
    resize: none;
    outline: none;
}

.cart-block .content-wrapper .coupon-wrapper .form-group input[type="text"].has-error,
.cart-block .content-wrapper .point-wrapper .form-group input[type="text"].has-error {
    border: 1px solid var(--btn-accent);
}

.cart-block .content-wrapper .coupon-wrapper .form-group .btn,
.cart-block .content-wrapper .point-wrapper .form-group .btn {
    position: absolute;
    right: 6px;
    font-size: 14px;
    letter-spacing: 0.28px;
    padding: 12px 23px;
    height: 41px;
    max-width: 139px;
    width: 100%;
}

.cart-block .content-wrapper .coupon-wrapper .form-group .confirmed,
.cart-block .content-wrapper .point-wrapper .form-group .confirmed {
    color: var(--btn-accent);
    position: absolute;
    right: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

.cart-block .content-wrapper .coupon-wrapper .form-group .confirmed::before,
.cart-block .content-wrapper .point-wrapper .form-group .confirmed::before {
    content: "";
    height: 24px;
    width: 24px;
    background: url(../image/icons/check-v2.svg) no-repeat;
    background-size: contain;
    margin-right: 4px;
}

.cart-block .content-wrapper .coupon-wrapper .error,
.cart-block .content-wrapper .coupon-wrapper .success,
.cart-block .content-wrapper .point-wrapper .error,
.cart-block .content-wrapper .point-wrapper .success {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: 10px;
}

.cart-block .content-wrapper .coupon-wrapper .success,
.cart-block .content-wrapper .point-wrapper .success {
    color: var(--black);
}

.cart-block .content-wrapper .point-wrapper .heading {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.cart-block .content-wrapper .point-wrapper .heading .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.cart-block .content-wrapper .point-wrapper .heading .points {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.cart-block .content-wrapper .point-wrapper .heading .points .old {
    text-decoration: line-through;
    opacity: 0.5;
    margin-right: 8px;
}

.cart-block .content-wrapper .donation-form {
    margin-bottom: -16px;
}

.cart-block .content-wrapper .donation-form > .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 16px;
}

.cart-block .content-wrapper .donation-form .items {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.cart-block .content-wrapper .donation-form .items .item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 16px 16px 0;
}

.cart-block .content-wrapper .donation-form .items .item input[type="radio"] {
    display: none;
}

.cart-block .content-wrapper .donation-form .items .item label {
    border-radius: 4px;
    border: 1px solid var(--accent-light, #FABAA6);
    background: var(--white, #FFF);
    padding: 10px 14px;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    height: 46px;
    min-width: 76px;
    text-align: center;
    transition: all 300ms;
}

.cart-block .content-wrapper .donation-form .items .item input[type="radio"]:checked + label,
.cart-block .content-wrapper .donation-form .items .item label:hover {
    background: var(--accent-light);
    color: var(--black);
    font-weight: 700;
}

.cart-block .content-wrapper .donation-form .donation-msg {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
}

.cart-block .content-wrapper .sommelier-gift-wrapper {
    margin: 0 0 30px 0;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: -2px 16px 0 0;
    font: inherit;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label input[type="checkbox"]::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/checkbox-unchecked.svg);
    background-size: contain;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label input[type="checkbox"]:checked::before {
    background: url(../image/checkbox-checked.svg);
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label:hover input[type="checkbox"]:not(:checked)::before {
    background: url(../image/checkbox-hover.svg);
}

.cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block .info {
    width: 24px;
    height: 24px;
    background: url(../image/icons/question.svg);
    margin: 0 0 0 16px;
    flex: 0 0 auto;
}

.cart-block .content-wrapper .sommelier-gift-wrapper .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: 10px;
}

.cart-block .content-wrapper .error.min-order-price {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 160%;
    margin-top: 20px;
}

.cart-block .total-wrapper {
    background: var(--color-bg-green);
    padding: 16px 24px;
}

.cart-block .total-wrapper .total {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 6px;
}

.cart-block .total-wrapper .total:last-child {
    margin-bottom: 0;
    font-weight: 700;
}

@media screen and (max-width: 1099px) {
    .checkout-wrapper {
        padding: 20px;
    }

    .checkout-content > .cols .col-left > .title {
        font-size: 42px;
    }

    .checkout-page-about .points .point {
        width: calc(50% - 26px);
    }
}

@media screen and (max-width: 991px) {
    .checkout-wrapper {
        padding: 0;
    }

    .checkout-content > .cols {
        flex-direction: column;
    }

    .checkout-content > .cols .col-left {
        max-width: initial;
        padding: 0 16px;
    }

    .checkout-content > .cols .col-left > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .checkout-content > .cols .col-left .content-top {
        margin-bottom: 30px;
    }

    .checkout-page-about {
        padding: 16px;
    }

    .checkout-page-about .points {
        margin-bottom: -16px;
    }

    .checkout-page-about .points .point {
        margin: 0 16px 16px 0;
        width: calc(33.33334% - 16px);
    }

    .checkout-content .cols .col-left .steps .step > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 20px;
    }

    .checkout-content .cols .col-left .steps .step > .title .edit-step {
        font-size: 14px;
        margin: 0 0 0 auto;
    }

    .checkout-content .cols .col-left .steps .step > .title .edit-step::before {
        height: 20px;
        width: 20px;
    }

    .checkout-content .cols .col-left .steps .step > .title .step-num {
        margin-right: 16px;
    }

    .checkout-content .cols .col-left .step-form .form-group .checkbox-block label {
        font-size: 14px;
    }

    .checkout-content .cols .col-left #step-2-form .form-block > .title {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .checkout-content .cols .col-left #step-2-form .form-block .content-wrapper > .subtitle {
        font-size: 14px;
    }

    .checkout-content .cols .col-left #step-2-form .form-block .content-wrapper > .subtitle {
        font-size: 14px;
    }

    .checkout-content .cols .col-left .step-form .form-group .radio-block label {
        font-size: 14px;
    }

    .checkout-content .cols .col-left .step-form .form-group .checkbox-block label input[type="checkbox"] {
        margin-top: 0;
    }

    .checkout-content .cols .col-left .step-form .form-group .radio-block label input[type="radio"] {
        margin-top: 0;
    }

    .checkout-content .cols .col-left #step-2-form .buttons {
        margin-top: 30px;
    }

    .checkout-content .cols .col-left #step-2-form .buttons .agree-block {
        text-align: center;
    }

    .checkout-content > .cols .col-right {
        max-width: initial;
        margin: 0 0 60px 0;
    }

    .cart-block .content-wrapper {
        padding: 40px 16px 30px 16px;
    }

    .cart-block .content-wrapper > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 24px;
    }

    .cart-block .content-wrapper .items-wrapper {
        padding: 0 8px 0 0;
        width: calc(100% + 12px);
    }

    .cart-block .content-wrapper .items-wrapper::-webkit-scrollbar {
        width: 4px;
    }

    .cart-block .content-wrapper .items-wrapper .item .item-description {
        margin-right: 10px;
    }

    .cart-block .content-wrapper .coupon-wrapper {
        margin-bottom: 31px;
    }

    .cart-block .content-wrapper .coupon-wrapper .form-group,
    .cart-block .content-wrapper .point-wrapper .form-group {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .cart-block .content-wrapper .coupon-wrapper .form-group input[type="text"],
    .cart-block .content-wrapper .point-wrapper .form-group input[type="text"] {
        padding: 14px 20px;
        margin-bottom: 12px;
    }

    .cart-block .content-wrapper .coupon-wrapper .form-group .btn,
    .cart-block .content-wrapper .point-wrapper .form-group .btn {
        position: static;
        max-width: initial;
    }

    .cart-block .content-wrapper .coupon-wrapper .form-group .confirmed,
    .cart-block .content-wrapper .point-wrapper .form-group .confirmed {
        position: static;
    }

    .cart-block .content-wrapper .point-wrapper {
        margin-bottom: 24px;
    }

    .cart-block .content-wrapper .point-wrapper .heading {
        margin-bottom: 12px;
    }

    .cart-block .content-wrapper .point-wrapper .heading .title {
        font-size: 14px;
    }

    .cart-block .content-wrapper .point-wrapper .heading .points {
        font-size: 14px;
    }

    .cart-block .content-wrapper .sommelier-gift-wrapper {
        margin-bottom: 39px;
    }

    .cart-block .content-wrapper .sommelier-gift-wrapper .checkbox-block label {
        font-size: 14px;
    }

    .cart-block .total-wrapper .total {
        font-size: 14px;
    }

    .cart-block .content-wrapper .items-wrapper .item.free-item .item-description .product-info .title {
        font-size: 14px;
    }

    .cart-block .content-wrapper .items-wrapper .item.free-item .item-group a {
        font-size: 14px;
    }

    .cart-block .content-wrapper .items-wrapper .item.free-item .item-notification {
        padding: 6px 14px;
        font-size: 12px;
    }

    .cart-block {
        margin-bottom: 50px;
    }

    .checkout-content .cols .col-right > .buttons {
        flex-direction: column;
        padding: 0 16px;
    }

    .checkout-content .cols .col-right > .buttons .btn {
        padding: 16px 10px;
    }

    .checkout-content .cols .col-right > .buttons .btn:disabled {
        background: var(--bg-light);
        color: var(--illustration-dark);
        border-color: var(--bg-light);
    }

    .checkout-content .cols .col-right > .buttons .error {
        color: var(--btn-accent);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 160%;
        margin: 10px 0;
    }

    .checkout-content .cols .col-right > .buttons .agree-block {
        margin-top: 12px;
        text-align: center;
    }

    .checkout-content .cols .col-right > .buttons .agree-block a {
        color: var(--illustration-dark);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        text-decoration-line: underline;
        opacity: 0.8;
    }
}

@media screen and (max-width: 767px) {
    .checkout-page-about .points .point {
        width: calc(50% - 16px);
    }

    .cart-block .content-wrapper .items-wrapper .item .item-image {
        max-width: 74px;
        margin-right: 12px;
    }

    .checkout-content .cols .col-left .steps .step:last-child {
        margin-bottom: 30px;
    }

    .checkout-content .cols .col-left #step-2-form .buttons .btn {
        max-width: initial;
    }
}

.page-checkout-success,
.page-checkout-failure {
    background: var(--color-bg-green);
}


.page-checkout-success header,
.page-checkout-success footer,
.page-checkout-failure header,
.page-checkout-failure footer {
    display: none;
}

.page-checkout-success #content,
.page-checkout-failure #content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.success-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.success-wrapper .heading {
    padding: 28px 48px;
}

.success-wrapper .success-content {
    max-width: 660px;
    margin: auto;
    padding: 20px 16px;
}

.success-wrapper .success-content .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.success-wrapper .success-content .order-info {
    color: var(--illustration-dark);
    text-align: center;
    font-family: var(--base-font);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}

.success-wrapper .success-content .img-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.success-wrapper .success-content .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.success-wrapper .success-content .buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.success-wrapper .success-content .buttons .btn + .btn {
    margin-left: 30px;
}

@media screen and (max-width: 991px) {
    .success-wrapper .heading {
        padding: 20px 16px;
    }

    .success-wrapper .success-content .title {
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .success-wrapper .success-content .order-info {
        font-size: 14px;
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 30px;
    }

    .success-wrapper .success-content .img-wrapper {
        margin-bottom: 30px;
    }

    .success-wrapper .success-content .description {
        font-size: 14px;
    }

    .success-wrapper .success-content .buttons {
        flex-direction: column;
        align-items: center;
    }

    .success-wrapper .success-content .buttons .btn {
        max-width: 343px;
        width: 100%;
    }

    .success-wrapper .success-content .buttons .btn + .btn {
        margin: 30px 0 0 0;
    }
}

.account-wrapper {
    margin-bottom: 100px;
}

.account-wrapper .account-heading {
    padding: 50px 48px 60px 48px;
}

.account-wrapper .account-heading .cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.account-wrapper .account-heading .cols .col-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.account-wrapper .account-heading .cols .col-left .img-wrapper {
    margin-right: 24px;
}

.account-wrapper .account-heading .cols .col-left .account-info .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 10px;
}

.account-wrapper .account-heading .cols .col-left .account-info .sub-title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.account-wrapper .account-heading .cols .col-right {
    align-self: flex-end;
}

.account-wrapper .account-heading .cols .col-right .links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.account-wrapper .account-heading .cols .col-right .links a {
    height: 32px;
    width: 32px;
    margin-right: 16px;
    mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    background-color: var(--illustration-dark);
}

.account-wrapper .account-heading .cols .col-right .links a:hover {
    background-color: var(--btn-accent);
}

.account-wrapper .account-heading .cols .col-right .links a:last-child {
    margin: 0;
}

.account-wrapper .account-heading .cols .col-right .links a.support {
    mask-image: url(../image/icons/conversation.svg);
    -webkit-mask-image: url(../image/icons/conversation.svg);
}

.account-wrapper .account-heading .cols .col-right .links a.settings {
    mask-image: url(../image/icons/settings.svg);
    -webkit-mask-image: url(../image/icons/settings.svg);
}

.account-wrapper .account-heading .cols .col-right .links a.logout {
    mask-image: url(../image/icons/logout.svg);
    -webkit-mask-image: url(../image/icons/logout.svg);
}

.account-wrapper .account-content {
    background: var(--color-bg-green);
    padding: 77px 48px 100px 48px;
}

.account-wrapper .account-content .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
}

.account-wrapper .account-content .orders-info {
    padding: 30px 7px 30px 30px;
    background: var(--white);
    border-radius: 10px;
    max-width: calc(65% - 24px);
    width: 100%;
    margin: 0 24px 24px 0;
}

.account-wrapper .account-content .orders-info > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 24px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper {
    max-height: 315px;
    overflow: auto;
    padding-right: 23px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper::-webkit-scrollbar {
    background: transparent;
    width: 6px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper::-webkit-scrollbar-thumb {
    height: 30px;
    border-radius: 100px;
    background: var(--illustration-dark);
}

.account-wrapper .account-content .orders-info .orders-section-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section {
    margin-bottom: 30px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section:last-child {
    margin: 0;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section > .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 16px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order {
    border-radius: 8px;
    border: 1px solid rgba(56, 55, 53, 0.20);
    background: var(--white);
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 21px 40px 17px 17px;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section.current .orders .order {
    background: rgba(250, 186, 166, 0.20);
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order:last-child {
    margin: 0;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-id {
    color: var(--btn-accent, #E78264);
    font-weight: 700;
    line-height: 140%;
    margin-right: 24px;
    max-width: 75px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-date {
    opacity: 0.6;
    margin-right: 24px;
    max-width: 76px;
    width: 100%;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-address {
    margin-right: 24px;
    max-width: 222px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-total {
    color: var(--btn-accent, #E78264);
    margin-right: 24px;
    max-width: 106px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-actions {
    margin: 0 0 0 auto;
}

.account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-actions .view-order {
    display: block;
    height: 24px;
    width: 24px;
    background: url(../image/icons/eye.svg) no-repeat;
    background-size: contain;
}

.account-wrapper .account-content .orders-info .empty-wrapper {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
}

.account-wrapper .account-content .points-info {
    padding: 30px;
    background: var(--white);
    max-width: 35%;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 24px;
}

.account-wrapper .account-content .points-info > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 24px;
}

.account-wrapper .account-content .points-info > .subtitle {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 21px;
}

.account-wrapper .account-content .points-info .points-wrapper {
    position: relative;
    margin-bottom: 20px;
    color: var(--btn-accent);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
}

.account-wrapper .account-content .points-info .points-wrapper::before {
    content: "";
    display: block;
    background: url(../image/img-cocktail-1.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 123px;
    width: 40px;
}

.account-wrapper .account-content .points-info .points-wrapper::after {
    content: "";
    display: block;
    background: url(../image/img-cocktail-2.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 20px;
    height: 123px;
    width: 56px;
}

.account-wrapper .account-content .points-info .points-wrapper .subtitle {
    font-size: 32px;
    letter-spacing: 0.64px;
}

.account-wrapper .account-content .points-info .rules {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.account-wrapper .account-content .points-info .rules .title {
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 8px;
}

.account-wrapper .account-content .referral-info {
    padding: 30px;
    background: var(--white);
    max-width: calc(35% - 24px);
    width: 100%;
    border-radius: 10px;
    margin-right: 24px;
}

.account-wrapper .account-content .referral-info > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 24px;
}

.account-wrapper .account-content .referral-info .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.account-wrapper .account-content .referral-info .img-wrapper {
    text-align: center;
    margin-bottom: 40px;
}

.account-wrapper .account-content .referral-info .buttons {
    margin-bottom: 30px;
    text-align: center;
}

.account-wrapper .account-content .referral-info .buttons .btn {
    padding: 16px 10px;
    width: 100%;
    max-width: 266px;
}

.account-wrapper .account-content .referral-info .buttons .btn:not(.active) span.text-active {
    display: none;
}

.account-wrapper .account-content .referral-info .buttons .btn.btn-red.active {
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
}

.account-wrapper .account-content .referral-info .buttons .btn.active span:not(.text-active) {
    display: none;
}

.account-wrapper .account-content .referral-info .buttons .btn.active.btn-red.icon.icon-copy::after {
    mask-image: url(../image/icons/check.svg);
    -webkit-mask-image: url(../image/icons/check.svg);
    background-color: var(--black);
}

.account-wrapper .account-content .referral-info .buttons #copy-referral-href {
    opacity: 0;
    position: absolute;
    z-index: -9999;
    pointer-events: none;
    font-size: 0;
}

.account-wrapper .account-content .referral-info .statistic > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 24px;
}

.account-wrapper .account-content .referral-info .statistic .cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
}

.account-wrapper .account-content .referral-info .statistic .cols .col-left,
.account-wrapper .account-content .referral-info .statistic .cols .col-right {
    width: 40%;
}

.account-wrapper .account-content .referral-info .statistic .cols .col-left {
    margin-right: 10%;
}

.account-wrapper .account-content .referral-info .statistic .cols .title {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.account-wrapper .account-content .referral-info .statistic .cols .value {
    color: var(--btn-accent);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
}

.account-wrapper .account-content .wine-cabinet {
    padding: 38px 30px 41px 30px;
    background: var(--white);
    border-radius: 10px;
    max-width: 65%;
    width: 100%;
}

.account-wrapper .account-content .wine-cabinet .title-wrapper {
    margin-bottom: 32px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.account-wrapper .account-content .wine-cabinet .title-wrapper .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
}

.account-wrapper .account-content .wine-cabinet .title-wrapper .btn {
    margin-left: auto;
    padding: 10px 32px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.28px;
}

.account-wrapper .account-content .wine-cabinet .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

.account-wrapper .account-content .wine-cabinet .cols .col-left {
    width: 30%;
    border-right: 1px solid var(--color-bg-beige);
    padding-right: 40px;
    margin-right: 40px;
}

.account-wrapper .account-content .wine-cabinet .cols .col-left .img-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-3 {
    align-self: flex-end;
    margin-top: -135px;
}

.account-wrapper .account-content .wine-cabinet .cols .col-left .btn {
    display: none;
}

.account-wrapper .account-content .wine-cabinet .cols .col-right {
    width: calc(70% - 40px);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper {
    overflow: auto;
    max-height: 560px;
    height: 100%;
    padding-right: 23px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper::-webkit-scrollbar {
    background: transparent;
    width: 6px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper::-webkit-scrollbar-thumb {
    height: 30px;
    border-radius: 100px;
    background: var(--illustration-dark);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item {
    margin-bottom: 20px;
    position: relative;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item:last-child {
    margin: 0;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-image {
    flex: 0 0 auto;
    margin-right: 24px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item:nth-child(4n+1) .item-image {
    background-color: var(--card-bg-v-1);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item:nth-child(4n+2) .item-image {
    background-color: var(--card-bg-v-2);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item:nth-child(4n+3) .item-image {
    background-color: var(--card-bg-v-3);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item:nth-child(4n+4) .item-image {
    background-color: var(--card-bg-v-4);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-right: 20px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description .product-info {
    max-width: 278px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description .product-info .title {
    display: inline-block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description .product-info .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons button {
    height: 32px;
    width: 32px;
    transition: all 300ms;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--black);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons button.not-in-stock {
    width: auto;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons button.not(.not-in-stock):hover {
    background-color: var(--color-link-hover);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .btn-cart {
    mask: url(../image/icons/cart-plus.svg) no-repeat;
    -webkit-mask: url(../image/icons/cart-plus.svg) no-repeat;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .btn-wishlist-remove {
    height: 20px;
    width: 20px;
    mask-image: url(../image/icons/close.svg);
    -webkit-mask-image: url(../image/icons/close.svg);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .not-in-stock {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    background: var(--bg-light);
    padding: 8px 20px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group {
    flex: 1 0 auto;
    width: 100%;
    margin-top: 12px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item {
    margin-right: 16px;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item:last-child {
    margin: 0;
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-notification {
    margin-top: 14px;
    color: var(--btn-accent);
    font-weight: 700;
    line-height: 140%;
}

.account-wrapper .account-content .wine-cabinet .empty-wrapper {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
}

#productInfoModal {
    position: absolute;
    z-index: 20;
    border-radius: 7px;
    background: #FFF;
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12);
    padding: 20.5px 17px;
    width: 352px;
}

#productInfoModal .content-wrapper {
    position: relative;
}

#productInfoModal .close-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 50;
}

#productInfoModal .close-wrapper .close-modal {
    display: block;
    height: 20px;
    width: 20px;
    font-size: 0;
    mask: url(../image/icons/close.svg) no-repeat;
    -webkit-mask: url(../image/icons/close.svg) no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    background-color: var(--black);
    position: absolute;
    top: 9.5px;
    right: 7px;
}

#productInfoModal .close-wrapper .close-modal:hover {
    background-color: var(--btn-accent);
}

#productInfoModal .products-wrapper {
    padding: 0;
}

#productInfoModal .content-wrapper .products-wrapper .item-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.account-wrapper .account-info-wrapper {
    background: var(--color-bg-beige);
    padding: 60px 48px;
}

.account-wrapper .account-info-wrapper .account-info-heading {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 40px;
}

.account-wrapper .account-info-wrapper .account-info-heading .breadcrumb {
    margin-bottom: 16px;
}

.account-wrapper .account-info-wrapper .account-info-heading .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
}

.account-wrapper .account-info-wrapper .account-settings {
    max-width: 432px;
    width: 100%;
    margin: 0 auto;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper {
    margin-bottom: 40px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper:last-child {
    margin-bottom: 0;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group + .form-group {
    margin-top: 20px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group input[type="text"],
.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group input[type="password"],
.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group input[type="tel"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 14px 20px;
    width: 100%;
    height: 54px;
    resize: none;
    outline: none;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group input[type="tel"]::placeholder {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper form .form-group input:not([type="radio"]):not([type="checkbox"]).has-error {
    border: 1px solid var(--btn-accent);
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper .buttons {
    margin-top: 30px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper .buttons .btn {
    width: 100%;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper .success {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.account-wrapper .account-info-wrapper .account-settings .form-wrapper .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.account-wrapper .account-support {
    max-width: 432px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 337px;
}

.account-wrapper .account-support .form-wrapper form > .subtitle {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 10px;
}

.account-wrapper .account-support .form-wrapper form .form-group {
    margin-bottom: 20px;
}

.account-wrapper .account-support .form-wrapper form .form-group.hidden {
    display: none;
}

.account-wrapper .account-support .form-wrapper form .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.account-wrapper .account-support .form-wrapper form .form-group input[type="email"],
.account-wrapper .account-support .form-wrapper form .form-group input[type="tel"],
.account-wrapper .account-support .form-wrapper form textarea {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 14px 20px;
    width: 100%;
    height: 54px;
    resize: none;
    outline: none;
}

.account-wrapper .account-support .form-wrapper form textarea {
    height: 184px;
    border-radius: 20px;
}

.account-wrapper .account-support .form-wrapper form .form-group input[type="tel"]::placeholder {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block {
    margin-bottom: 16px;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block:last-child {
    margin-bottom: 0;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block label {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block label input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: -2px 16px 0 0;
    font: inherit;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block label input[type="radio"]::before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background: url(../image/radio-unchecked.svg);
    background-size: contain;
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block label input[type="radio"]:checked::before {
    background: url(../image/radio-checked.svg);
}

.account-wrapper .account-support .form-wrapper form .form-group .radio-block label:hover input[type="radio"]:not(:checked)::before {
    background: url(../image/radio-hover.svg);
}

.account-wrapper .account-support .form-wrapper form .form-group input:not([type="radio"]):not([type="checkbox"]).has-error,
.account-wrapper .account-support .form-wrapper form .form-group textarea.has-error {
    border: 1px solid var(--btn-accent);
}

.account-wrapper .account-support .form-wrapper form .buttons {
    margin-top: 30px;
}

.account-wrapper .account-support .form-wrapper form .buttons .btn {
    width: 100%;
}

.account-wrapper .account-support .form-wrapper form .success {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.account-wrapper .account-support .form-wrapper form .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.order-info-wrapper {
    border-radius: 4px;
    background: #FFF;
    max-width: 831px;
    width: 100%;
    margin: auto;
    position: relative;
    padding: 30px;
}

.order-info-wrapper > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.order-info-wrapper .order-info .order {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.order-info-wrapper .order-info .order .order-id {
    color: var(--btn-accent);
    font-weight: 700;
    line-height: 140%;
    margin-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.order-info-wrapper .order-info .order .order-date {
    opacity: 0.6;
    margin-right: 24px;
}

.order-info-wrapper .order-info .order .order-address {
    margin-right: 24px;
    max-width: 222px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.order-info-wrapper .order-info .order .order-total {
    color: var(--btn-accent, #E78264);
    margin-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.order-info-wrapper .order-info .order .order-actions {
    margin: 0 0 0 auto;
}

.order-info-wrapper .order-info .order .order-actions .reorder {
    display: block;
    height: 24px;
    width: 24px;
    mask-image: url(../image/icons/cart.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url(../image/icons/cart.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--btn-accent);
    font-size: 0;
}

.order-info-wrapper .order-info .items-wrapper {
    overflow: auto;
    max-height: 365px;
    min-height: 200px;
    height: 100%;
}

.order-info-wrapper .order-info .items-wrapper::-webkit-scrollbar {
    background: transparent;
    height: 0;
    width: 0;
}

.order-info-wrapper .order-info .items-wrapper::-webkit-scrollbar-thumb {
    background: transparent;
}

.order-info-wrapper .order-info .items-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.order-info-wrapper .order-info .items-wrapper .item {
    margin-bottom: 24px;
    position: relative;
}

.order-info-wrapper .order-info .items-wrapper .item:last-child {
    margin: 0;
}

.order-info-wrapper .order-info .items-wrapper .item .item-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.order-info-wrapper .order-info .items-wrapper .item .item-image {
    flex: 0 0 auto;
    margin-right: 24px;
}

.order-info-wrapper .order-info .items-wrapper .item:nth-child(4n+1) .item-image {
    background-color: var(--card-bg-v-1);
}

.order-info-wrapper .order-info .items-wrapper .item:nth-child(4n+2) .item-image {
    background-color: var(--card-bg-v-2);
}

.order-info-wrapper .order-info .items-wrapper .item:nth-child(4n+3) .item-image {
    background-color: var(--card-bg-v-3);
}

.order-info-wrapper .order-info .items-wrapper .item:nth-child(4n+4) .item-image {
    background-color: var(--card-bg-v-4);
}

.order-info-wrapper .order-info .items-wrapper .item .item-description {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

.order-info-wrapper .order-info .items-wrapper .item .item-description .product-info {
    max-width: 278px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-description .product-info .title {
    display: inline-block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-description .product-info .price {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 auto;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .total {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-right: 12px;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .input-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .input-wrapper button {
    width: 24px;
    height: 24px;
    background-size: contain;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .input-wrapper button.qty-add {
    background: url(../image/icons/plus.svg) no-repeat;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .input-wrapper button.qty-remove {
    background: url(../image/icons/minus.svg) no-repeat;
}

.order-info-wrapper .order-info .items-wrapper .item .total-info .input-wrapper input {
    background: none;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    width: 26px;
    text-align: center;
}

.order-info-wrapper .order-info .items-wrapper .item .buttons {
    margin-left: auto;
}

.order-info-wrapper .order-info .items-wrapper .item .buttons .btn {
    height: 42px;
    font-size: 14px;
    letter-spacing: 0.28px;
    padding: 12px 20px;
}

.order-info-wrapper .order-info .items-wrapper .item .buttons .not-in-stock {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.28px;
    background: var(--bg-light);
    padding: 10px 38px;
}

.order-info-wrapper .order-info .items-wrapper .item .buttons .btn.icon::after {
    height: 18px;
    width: 18px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group {
    flex: 1 0 auto;
    width: 100%;
    margin-top: 12px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item {
    margin-right: 16px;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item:last-child {
    margin: 0;
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+1) {
    background-color: var(--card-bg-v-1);
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+2) {
    background-color: var(--card-bg-v-2);
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+3) {
    background-color: var(--card-bg-v-3);
}

.order-info-wrapper .order-info .items-wrapper .item .item-group .group-items-wrapper .group-item:nth-child(4n+4) {
    background-color: var(--card-bg-v-4);
}

.order-info-wrapper .order-info .items-wrapper .item .item-notification {
    margin-top: 14px;
    color: var(--btn-accent);
    font-weight: 700;
    line-height: 140%;
}

@media screen and (max-width: 1399px) {
    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-2 {
        width: 60%;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-3 {
        margin-top: -30px;
        width: 60%;
    }
}

@media screen and (max-width: 1199px) {
    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-3 {
        margin-top: 0;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left {
        padding-right: 20px;
        margin-right: 20px;
        width: 20%;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-right {
        width: calc(80% - 20px);
    }
}

@media screen and (max-width: 991px) {
    .account-wrapper .account-content .cols {
        flex-direction: column;
    }

    .account-wrapper .account-content .orders-info {
        max-width: initial;
        margin-right: 0;
    }

    .account-wrapper .account-content .points-info {
        max-width: initial;
    }

    .account-wrapper .account-content .referral-info {
        max-width: initial;
        margin: 0 0 24px 0;
    }

    .account-wrapper .account-content .wine-cabinet {
        max-width: initial;
    }
}

@media screen and (max-width: 767px) {
    .account-wrapper {
        margin-bottom: 60px;
    }

    .account-wrapper .account-heading {
        padding: 30px 17px 40px 17px;
    }

    .account-wrapper .account-heading .cols {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    .account-wrapper .account-heading .cols .col-left {
        flex-direction: column;
    }

    .account-wrapper .account-heading .cols .col-left .img-wrapper {
        margin: 0 0 16px 0;
        max-width: 30px;
    }

    .account-wrapper .account-heading .cols .col-left .account-info {
        text-align: center;
        margin-bottom: 20px;
    }

    .account-wrapper .account-heading .cols .col-left .account-info .title {
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .account-wrapper .account-heading .cols .col-right {
        align-self: center;
    }

    .account-wrapper .account-heading .cols .col-right .links {
        margin-bottom: 0;
    }

    .account-wrapper .account-content {
        padding: 30px 16px 61px 16px;
    }

    .account-wrapper .account-content .orders-info {
        padding: 20px 4px 20px 20px;
    }

    .account-wrapper .account-content .orders-info > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
        text-align: center;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper {
        max-height: 442px;
        padding-right: 10px;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section > .title {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order {
        flex-wrap: wrap;
        padding: 12px;
        font-size: 14px;
        margin-bottom: 12px;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-id {
        max-width: 50%;
        margin-right: 0;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-date {
        max-width: 50%;
        margin-right: 0;
        text-align: right;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-address {
        max-width: 100%;
        text-align: center;
        margin: 9px 0 0 0;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-total {
        max-width: 100%;
        text-align: center;
        margin: 9px 0 0 0;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-actions {
        margin: 9px 0 0 0;
        width: 100%;
    }

    .account-wrapper .account-content .orders-info .orders-section-wrapper .orders-section .orders .order .order-actions .view-order {
        margin: 0 auto;
    }

    .account-wrapper .account-content .points-info {
        padding: 20px;
    }

    .account-wrapper .account-content .points-info > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }

    .account-wrapper .account-content .points-info > .subtitle {
        font-size: 14px;
        margin-bottom: 18px;
    }

    .account-wrapper .account-content .points-info .points-wrapper {
        margin-bottom: 22px;
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .account-wrapper .account-content .points-info .points-wrapper::before {
        left: 0;
        width: 26px;
        height: 70px;
    }

    .account-wrapper .account-content .points-info .points-wrapper::after {
        right: 0;
        width: 38px;
        height: 70px;
    }

    .account-wrapper .account-content .points-info .points-wrapper .subtitle {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .account-wrapper .account-content .points-info .rules {
        font-size: 14px;
    }

    .account-wrapper .account-content .points-info .rules .title {
        margin-bottom: 6px;
    }

    .account-wrapper .account-content .referral-info {
        padding: 20px;
    }

    .account-wrapper .account-content .referral-info > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }

    .account-wrapper .account-content .referral-info .description {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .account-wrapper .account-content .referral-info .img-wrapper {
        margin-bottom: 20px;
    }

    .account-wrapper .account-content .referral-info .buttons {
        margin-bottom: 20px;
    }

    .account-wrapper .account-content .referral-info .buttons .btn {
        padding: 10px;
    }

    .account-wrapper .account-content .referral-info .buttons .btn::after {
        display: none;
    }

    .account-wrapper .account-content .referral-info .statistic > .title {
        display: none;
    }

    .account-wrapper .account-content .referral-info .statistic .cols .title {
        font-size: 14px;
    }

    .account-wrapper .account-content .referral-info .statistic .cols .value {
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .account-wrapper .account-content .wine-cabinet {
        padding: 20px;
    }

    .account-wrapper .account-content .wine-cabinet .title-wrapper {
        margin-bottom: 20px;
        justify-content: center;
    }

    .account-wrapper .account-content .wine-cabinet .title-wrapper .title {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .account-wrapper .account-content .wine-cabinet .title-wrapper .btn {
        display: none;
    }

    .account-wrapper .account-content .wine-cabinet .cols {
        flex-direction: column;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left {
        width: 100%;
        margin: 0 0 24px 0;
        padding: 0;
        border: none;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .img-wrapper {
        flex-direction: row;
        width: 100%;
        padding: 0 10px;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-1 {
        width: 100px;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-2 {
        height: 84px;
        width: 45px;
        transform: rotate(26.836deg);
        margin: 20px 20px 0 auto;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .wishlist-img-3 {
        height: 120px;
        width: 50px;
        transform: rotate(-21.01deg);
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-left .btn {
        display: flex;
        margin: 30px auto 0 auto;
        font-size: 14px;
        letter-spacing: 0.28px;
        padding: 10px 20px;
        max-width: 303px;
        width: 100%;
    }

    .account-wrapper .account-content .wine-cabinet .cols .col-right {
        width: 100%;
        margin: 0;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper {
        max-height: 485px;
        padding-right: 12px;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-info {
        flex-wrap: wrap;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-image {
        max-width: 74px;
        margin-right: 12px;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description {
        width: calc(100% - 96px);
        margin: 0;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-description .product-info {
        max-width: initial;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons {
        width: 100%;
        margin: 12px 0 0 0;
        gap: 20px;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons button {
        width: auto;
        height: auto;
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .btn-cart,
    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons button.not-in-stock {
        mask: none;
        -webkit-mask: none;
        background: var(--white);
        display: flex;
        width: 203px;
        height: auto;
        padding: 16px 40px;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        border: 1px solid var(--black);
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .btn-wishlist-remove {
        mask: none;
        -webkit-mask: none;
        display: flex;
        width: 52px;
        height: 52px;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        border: 1px solid var(--black);
        background: var(--white);
    }

    .account-wrapper .account-content .wine-cabinet .cols .items-wrapper .item .item-buttons .btn-wishlist-remove::after {
        content: "";
        height: 20px;
        width: 20px;
        background: url(../image/icons/close.svg) no-repeat;
        background-size: contain;
    }

    #productInfoModal .content-wrapper .products-wrapper .buttons .wishlist {
        display: block;
        margin-left: 24px;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .image-wrapper .labels span {
        border-radius: 4px;
        font-size: 14px;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .description-wrapper {
        margin-bottom: 10px;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .title .mobile-title {
        display: none;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .title > a {
        display: block;
        font-size: 16px;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .description-wrapper > .filters {
        display: block;
    }

    #productInfoModal .content-wrapper .products-wrapper .item .price {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .account-wrapper .account-info-wrapper {
        padding: 30px 17px 60px 17px;
    }

    .account-wrapper .account-info-wrapper .account-info-heading {
        margin-bottom: 30px;
    }

    .account-wrapper .account-info-wrapper .account-info-heading .breadcrumb {
        margin-bottom: 20px;
    }

    .account-wrapper .account-info-wrapper .account-info-heading .title {
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .account-wrapper .account-info-wrapper .account-settings .form-wrapper {
        margin-bottom: 30px;
    }

    .account-wrapper .account-info-wrapper .account-settings .form-wrapper > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }

    .account-wrapper .account-info-wrapper .account-settings .form-wrapper .buttons {
        margin-top: 16px;
    }

    .account-wrapper .account-info-wrapper .account-settings .form-wrapper .buttons .btn {
        padding: 11px 10px;
        font-size: 14px;
        letter-spacing: 0.28px;
    }

    .account-wrapper .account-support {
        padding-bottom: 0;
    }

    .account-wrapper .account-support .form-wrapper form > .subtitle {
        font-size: 14px;
    }

    .account-wrapper .account-support .form-wrapper form .form-group {
        margin-bottom: 16px;
    }

    .account-wrapper .account-support .form-wrapper form .form-group .radio-block label {
        font-size: 14px;
    }

    .account-wrapper .account-support .form-wrapper form textarea {
        height: 132px;
    }

    .account-wrapper .account-support .form-wrapper form .buttons .btn {
        padding: 11px 10px;
        font-size: 14px;
        letter-spacing: 0.28px;
    }

    .order-info-wrapper {
        padding: 50px 20px 20px 20px;
        max-width: 343px;
    }

    .order-info-wrapper > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .order-info-wrapper .order-info .order {
        font-size: 14px;
        flex-wrap: wrap;
        margin-bottom: 36px;
    }

    .order-info-wrapper .order-info .order .order-id {
        order: 1;
        width: 33.33334%;
        margin: 0;
    }

    .order-info-wrapper .order-info .order .order-date {
        order: 3;
        width: 33.33334%;
        margin: 0;
        text-align: right;
    }

    .order-info-wrapper .order-info .order .order-address {
        order: 4;
        width: 100%;
        max-width: initial;
        margin: 7px 0 20px 0;
        text-align: center;
    }

    .order-info-wrapper .order-info .order .order-total {
        order: 2;
        text-align: center;
        width: 33.33334%;
        margin: 0;
    }

    .order-info-wrapper .order-info .order .order-actions {
        order: 5;
        width: 100%;
        text-align: center;
    }

    .order-info-wrapper .order-info .order .order-actions .reorder {
        display: inline-flex;
        padding: 12px 20px;
        justify-content: center;
        align-items: center;
        height: 42px;
        width: 100%;
        gap: 10px;
        border-radius: 50px;
        background: var(--btn-accent);
        color: var(--white);
        border: 1px solid var(--btn-accent);
        font-family: var(--base-font);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.28px;
        mask: none;
        -webkit-mask: none;
    }

    .order-info-wrapper .order-info .items-wrapper .item {
        margin-bottom: 49px;
    }

    .order-info-wrapper .order-info .items-wrapper .item .item-image {
        max-width: 74px;
        margin-right: 12px;
    }

    .order-info-wrapper .order-info .items-wrapper .item .item-description {
        flex-direction: column;
    }

    .order-info-wrapper .order-info .items-wrapper .item .total-info {
        margin: 10px 0 0 0;
        flex-direction: row-reverse;
    }

    .order-info-wrapper .order-info .items-wrapper .item .total-info .total {
        margin: 0 0 0 12px;
    }

    .order-info-wrapper .order-info .items-wrapper .item > .buttons {
        margin-top: 16px;
    }

    .order-info-wrapper .order-info .items-wrapper .item > .buttons .btn {
        width: 100%;
    }

    .order-info-wrapper .order-info .items-wrapper .item .buttons .not-in-stock {
        width: 100%;
    }
}

@media screen and (max-width: 599px) {
    .account-wrapper .account-content .wine-cabinet .wishlist-items-wrapper .wishlist-items .wishlist-item {
        width: 33.33334%;
    }
}

@media screen and (max-width: 499px) {
    .account-wrapper .account-content .wine-cabinet .wishlist-items-wrapper .wishlist-items .wishlist-item {
        width: 50%;
    }
}

.page-information-information #content {
    margin-bottom: 100px;
}


.about-us-wrapper {
    margin: 50px 0 0 0;
}

.about-us-wrapper .our-mission {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.about-us-wrapper .our-mission .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
    z-index: 5;
    margin-bottom: -50px;
}

.about-us-wrapper .our-services {
    background: var(--color-bg-green);
    padding: 190px 0 96px 0;
    margin: -100px 0 100px 0;
}

.about-us-wrapper .our-services .title-wrapper {
    padding: 0 48px;
}

.about-us-wrapper .our-services .title-wrapper .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
    padding: 0 0 60px 162px;
    border-bottom: 1px solid var(--black);
}

.about-us-wrapper .our-services .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
}

.about-us-wrapper .our-services .cols .col-left {
    position: absolute;
    left: -150px;
}

.about-us-wrapper .our-services .cols .col-left img {
    height: 736px;
}

.about-us-wrapper .our-services .cols .col-right {
    width: 70%;
    padding-right: 48px;
    margin-left: auto;
}

.about-us-wrapper .our-services .cols .col-right .service-items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.about-us-wrapper .our-services .cols .col-right .service-items .item {
    width: 100%;
    padding: 60px 0 60px 114px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid var(--black);
}

.about-us-wrapper .our-services .cols .col-right .service-items .item:last-child {
    border-bottom: none;
}

.about-us-wrapper .our-services .cols .col-right .service-items .item .image {
    max-width: 85px;
    width: 100%;
    text-align: center;
    margin-right: 30px;
}

.about-us-wrapper .our-services .cols .col-right .service-items .item .content .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
    max-width: 660px;
}

.about-us-wrapper .our-services .cols .col-right .service-items .item .content .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 543px;
}

.about-us-wrapper .who-are-we {
    margin-bottom: 100px;
    padding: 0 48px;
}

.about-us-wrapper .who-are-we .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 1115px;
    margin: 0 auto;
}

.about-us-wrapper .who-are-we .cols .col-left {
    margin-right: 29px;
    max-width: 546px;
    width: 100%;
}

.about-us-wrapper .who-are-we .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.about-us-wrapper .who-are-we .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.about-us-wrapper .consider-us {
    position: relative;
    margin-bottom: 100px;
}

.about-us-wrapper .consider-us > img {
    display: block;
    width: 100%;
}

.about-us-wrapper .consider-us .content {
    position: absolute;
    top: 77px;
    left: 43px;
}

.about-us-wrapper .consider-us .content .title {
    max-width: 546px;
    width: 100%;
    color: var(--white);
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
    margin-bottom: 60px;
}

.about-us-wrapper .our-team {
    background: var(--color-bg-green);
    margin-bottom: 100px;
    padding: 100px 48px 70px 48px;
}

.about-us-wrapper .our-team > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
}

.about-us-wrapper .our-team .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.about-us-wrapper .our-team .cols .col-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -12px;
    max-width: 75%;
    width: calc(100% - 24px);
}

.about-us-wrapper .our-team .cols .col-left .item-wrapper {
    padding: 0 12px;
    margin-bottom: 30px;
}

.about-us-wrapper .our-team .cols .col-left .item-wrapper .item {
    max-width: 204px;
    width: 100%;
}

.about-us-wrapper .our-team .cols .col-left .item-wrapper .item .image {
    margin-bottom: 12px;
}

.about-us-wrapper .our-team .cols .col-left .item-wrapper .item .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.48px;
    margin-bottom: 12px;
}

.about-us-wrapper .our-team .cols .col-left .item-wrapper .item .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.about-us-wrapper .our-team .cols .col-right {
    width: 25%;
    text-align: right;
    margin-left: auto;
}

.about-us-wrapper .our-projects {
    padding: 0 48px 100px 48px;
}

.about-us-wrapper .our-projects > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 50px;
}

.about-us-wrapper .our-projects .cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1089px;
    margin: 0 auto;
}

.about-us-wrapper .our-projects .cols .col-left {
    max-width: 432px;
    margin-right: 20px;
}

.about-us-wrapper .our-projects .cols .col-left > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.about-us-wrapper .our-projects .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.about-us-wrapper .our-projects .cols .col-left .counters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.about-us-wrapper .our-projects .cols .col-left .counters .item .title {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 4px;
}

.about-us-wrapper .our-projects .cols .col-left .counters .item .value {
    color: var(--btn-accent);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
}

@media screen and (max-width: 1199px) {
    .about-us-wrapper .our-team .cols .col-left {
        max-width: 85%;
    }

    .about-us-wrapper .our-team .cols .col-right {
        max-width: 15%;
    }
}

@media screen and (max-width: 991px) {
    .about-us-wrapper {
        margin: 0;
    }

    .about-us-wrapper .our-mission {
        margin-bottom: 70px;
    }

    .about-us-wrapper .our-mission .title {
        font-size: 36px;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: -8px;
        padding: 0 16px;
    }

    .about-us-wrapper .our-mission .image-wrapper {
        padding: 0 46px;
    }

    .about-us-wrapper .our-services {
        margin: 0 0 60px 0;
        padding: 33px 16px 60px 16px;
    }

    .about-us-wrapper .our-services .title-wrapper {
        padding: 0;
    }

    .about-us-wrapper .our-services .title-wrapper .title {
        font-size: 36px;
        line-height: 110%;
        letter-spacing: 0.72px;
        padding: 0 0 20px 0;
        text-align: center;
    }

    .about-us-wrapper .our-services .title-wrapper .title br {
        display: none;
    }

    .about-us-wrapper .our-services .cols .col-left {
        display: none;
    }

    .about-us-wrapper .our-services .cols .col-right {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .about-us-wrapper .our-services .cols .col-right .service-items .item {
        padding: 30px 0 0 0;
        flex-direction: column;
        border-bottom: none;
    }

    .about-us-wrapper .our-services .cols .col-right .service-items .item .image {
        max-width: initial;
        margin: 0 0 24px 0;
    }

    .about-us-wrapper .our-services .cols .col-right .service-items .item .image img {
        max-height: 80px;
    }

    .about-us-wrapper .our-services .cols .col-right .service-items .item .content .title {
        max-width: initial;
        text-align: center;
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 12px;
    }

    .about-us-wrapper .our-services .cols .col-right .service-items .item .content .description {
        max-width: initial;
        font-size: 14px;
        text-align: center;
    }

    .about-us-wrapper .who-are-we {
        padding: 0 16px;
        margin-bottom: 60px;
    }

    .about-us-wrapper .who-are-we .cols {
        max-width: initial;
        flex-direction: column-reverse;
    }

    .about-us-wrapper .who-are-we .cols .col-left {
        max-width: initial;
        margin: 0;
    }

    .about-us-wrapper .who-are-we .cols .col-left .description {
        font-size: 14px;
        text-align: center;
    }

    .about-us-wrapper .who-are-we .cols .col-right {
        margin-bottom: 20px;
        text-align: center;
    }

    .about-us-wrapper .who-are-we .cols .col-right .title {
        color: var(--black);
        justify-content: center;
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .about-us-wrapper .who-are-we .cols .col-right img {
        max-width: 57%;
    }

    .about-us-wrapper .consider-us {
        margin: 0;
    }

    .about-us-wrapper .consider-us .content {
        top: 32px;
        left: 16px;
    }

    .about-us-wrapper .consider-us .content .title {
        font-size: 36px;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
        max-width: 80%;
    }

    .about-us-wrapper .consider-us .content .image img {
        height: 40px;
    }

    .about-us-wrapper .our-team {
        padding: 60px 7px 40px 7px;
        margin: 0 0 60px 0;
    }

    .about-us-wrapper .our-team > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 35px;
        text-align: center;
        padding: 0 9px;
    }

    .about-us-wrapper .our-team .cols .col-left {
        max-width: 100%;
        width: 100%;
        margin: 0;
    }

    .about-us-wrapper .our-team .cols .col-left .item-wrapper {
        padding: 0 9px;
        margin-bottom: 20px;
        width: 25%;
    }

    .about-us-wrapper .our-team .cols .col-left .item-wrapper .item {
        max-width: initial;
    }

    .about-us-wrapper .our-team .cols .col-left .item-wrapper .item .image {
        text-align: center;
    }

    .about-us-wrapper .our-team .cols .col-left .item-wrapper .item .title {
        letter-spacing: 0.36px;
    }

    .about-us-wrapper .our-team .cols .col-left .item-wrapper .item .description {
        font-size: 14px;
    }

    .about-us-wrapper .our-team .cols .col-right {
        display: none;
    }

    .about-us-wrapper .our-projects {
        padding: 0 16px 60px 16px;
    }

    .about-us-wrapper .our-projects > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
    }

    .about-us-wrapper .our-projects .cols {
        flex-direction: column-reverse;
    }

    .about-us-wrapper .our-projects .cols .col-left {
        max-width: initial;
        margin: 0;
    }

    .about-us-wrapper .our-projects .cols .col-left > .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 12px;
        text-align: center;
    }

    .about-us-wrapper .our-projects .cols .col-left .description {
        font-size: 14px;
        text-align: center;
        margin-bottom: 24px;
    }

    .about-us-wrapper .our-projects .cols .col-left .counters {
        justify-content: space-around;
    }

    .about-us-wrapper .our-projects .cols .col-left .counters .item {
        width: 33.33334%;
    }

    .about-us-wrapper .our-projects .cols .col-left .counters .item .title {
        font-size: 14px;
    }

    .about-us-wrapper .our-projects .cols .col-left .counters .item .value {
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .about-us-wrapper .our-projects .cols .col-right {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .about-us-wrapper .our-team .cols .col-left .item-wrapper {
        width: 33.33334%;
    }
}

@media screen and (max-width: 599px) {
    .about-us-wrapper .our-team .cols .col-left .item-wrapper {
        width: 50%;
    }
}

.page-information-corporate #content {
    margin-bottom: 100px;
}

.corporate-wrapper {

}

.corporate-wrapper .consider-us {
    margin-bottom: 70px;
}

.corporate-wrapper .consider-us .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    background: var(--color-bg-beige);
}

.corporate-wrapper .consider-us .cols .col-left {
    padding: 77px 114px 77px 43px;
    width: 50%;
}

.corporate-wrapper .consider-us .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
    margin-bottom: 30px;
}

.corporate-wrapper .consider-us .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.corporate-wrapper .consider-us .cols .col-right {
    width: 50%;
    text-align: right;
}

.corporate-wrapper .gifts-type {
    padding: 0 48px;
    margin-bottom: 100px;
}

.corporate-wrapper .gifts-type > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 40px;
}

.corporate-wrapper .gifts-type .cols {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.corporate-wrapper .gifts-type .col {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
}

.corporate-wrapper .gifts-type .col + .col {
    margin-top: 24px;
}

.corporate-wrapper .gifts-type .col > div:first-child {
    margin-right: 24px;
}

/*.corporate-wrapper .gifts-type .col .col-image {*/
/*    flex: 1 0 auto;*/
/*}*/

.corporate-wrapper .gifts-type .col .col-image img {
    border-radius: 10px;
}

.corporate-wrapper .gifts-type .col .col-description {
    flex: 1 1 auto;
    padding: 40px 77px 37px 40px;
    background-color: var(--bg-light);
    background-repeat: no-repeat;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 70%;
}

.corporate-wrapper .gifts-type .col .col-description + .col-image {
    text-align: right;
}

.corporate-wrapper .gifts-type .col.col-wine .col-description {
    background-image: url(../image/img-wine.svg);
    background-position: 97% center;
}

.corporate-wrapper .gifts-type .col.col-drinks .col-description {
    background-image: url(../image/img-drinks.svg);
    background-position: 97% center;
}

.corporate-wrapper .gifts-type .col.col-accessories .col-description {
    background-image: url(../image/img-accessories.svg);
    background-position: 97% center;
}

.corporate-wrapper .gifts-type .col .col-description .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 21px;
}

.corporate-wrapper .gifts-type .col .col-description .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 389px;
}

.corporate-wrapper .gifts-type .col .col-description .buttons .btn:last-child {
    margin-right: 0;
}

.corporate-wrapper .corporate-services .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
}

.corporate-wrapper .corporate-services .cols .col-left {
    width: 50%;
    background: var(--bg-light);
    padding: 80px 48px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
}

.corporate-wrapper .corporate-services .cols .col-right {
    width: 50%;
    background: var(--color-bg-green);
    padding: 80px 48px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.corporate-wrapper .corporate-services .cols .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .corporate-services .cols .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 20px;
    max-width: 389px;
}

.corporate-wrapper .gift-block {
    padding: 105px 48px 100px 48px;
}

.corporate-wrapper .gift-block .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
}

.corporate-wrapper .gift-block .cols .col-left {
    margin-right: 141px;
    max-width: 543px;
    width: 100%;
}

.corporate-wrapper .gift-block .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .gift-block .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.corporate-wrapper .gift-block .cols .col-right {
    max-width: 432px;
    width: 100%;
}

.corporate-wrapper .gift-block .cols .col-right .form-group + .form-group {
    margin-top: 20px;
}

.corporate-wrapper .gift-block .cols .col-right .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.corporate-wrapper .gift-block .cols .col-right .form-group input[type="text"],
.corporate-wrapper .gift-block .cols .col-right .form-group input[type="tel"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 13px 14px;
    width: 100%;
    resize: none;
    outline: none;
}

.corporate-wrapper .gift-block .cols .col-right .form-group input[type="text"].has-error,
.corporate-wrapper .gift-block .cols .col-right .form-group input[type="tel"].has-error {
    border: 1px solid var(--btn-accent);
}

.corporate-wrapper .gift-block .cols .col-right .form-group .error {
    color: var(--btn-accent);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.corporate-wrapper .gift-block .cols .col-right .success {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-top: 10px;
}

.corporate-wrapper .gift-block .cols .col-right .buttons {
    margin-top: 30px;
}

.corporate-wrapper .gift-block .cols .col-right .buttons .btn {
    width: 100%;
    height: 41px;
    font-size: 14px;
}

.corporate-wrapper .large-selection-of-gifts {
    padding: 70px 48px;
    background: var(--color-bg-beige);
    margin-bottom: 100px;
}

.corporate-wrapper .large-selection-of-gifts .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-left {
    max-width: 432px;
    width: 100%;
    margin-right: 138px;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-right {
    max-width: 543px;
    width: 100%;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-right .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-right .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-right .buttons {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.corporate-wrapper .large-selection-of-gifts .cols .col-right .buttons .btn + .btn {
    margin-top: 20px;
}

.corporate-wrapper .our-projects {
    margin-bottom: 100px;
    padding: 0 48px;
}

.corporate-wrapper .our-projects .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
}

.corporate-wrapper .our-projects .cols .col-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 543px;
    margin-right: 20px;
}

.corporate-wrapper .our-projects .cols .col-left .logos {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: var(--illustration-dark);
    font-family: var(--base-font);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 20px;
}

.corporate-wrapper .our-projects .cols .col-left .logos img:first-child {
    height: 34px;
}

.corporate-wrapper .our-projects .cols .col-left .logos img:last-child {
    height: 40px;
}

.corporate-wrapper .our-projects .cols .col-left .logos span {
    margin: 0 24px;
}

.corporate-wrapper .our-projects .cols .col-left .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .our-projects .cols .col-left .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.corporate-wrapper .branding {
    padding: 0 48px;
    margin-bottom: 76px;
}

.corporate-wrapper .branding .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .branding .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    max-width: 543px;
    margin: 0 auto 50px auto;
}

.corporate-wrapper .branding .images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.corporate-wrapper .branding .images .image-wrapper {
    margin-bottom: 24px;
}

.corporate-wrapper .branding .images .image-wrapper + .image-wrapper {
    margin-left: 24px;
}

.corporate-wrapper .personalized-approach {
    background-color: var(--color-bg-green);
    background-image: url(../image/img-drinks-4.svg);
    background-repeat: no-repeat;
    background-position: right 94%;
    padding: 70px 48px;
    margin-bottom: 100px;
}

.corporate-wrapper .personalized-approach .cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1344px;
    margin: 0 auto;
}

.corporate-wrapper .personalized-approach .cols .col-left {
    margin-right: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.corporate-wrapper .personalized-approach .cols .col-left .person-info {
    max-width: 317px;
    width: 100%;
}

.corporate-wrapper .personalized-approach .cols .col-left .person-info + .person-info {
    margin-left: 25px;
}

.corporate-wrapper .personalized-approach .cols .col-left .person-info .image-wrapper {
    margin-bottom: 24px;
}

.corporate-wrapper .personalized-approach .cols .col-left .person-info .name {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 16px;
}

.corporate-wrapper .personalized-approach .cols .contacts {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.corporate-wrapper .personalized-approach .cols .contacts > * {
    margin-bottom: 12px;
}

.corporate-wrapper .personalized-approach .cols .contacts > *:last-child {
    margin-bottom: 0;
}

.corporate-wrapper .personalized-approach .cols .contacts .title {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.corporate-wrapper .personalized-approach .cols .contacts a {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.corporate-wrapper .personalized-approach .cols .contacts a::before {
    content: "";
    height: 30px;
    width: 30px;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--illustration-dark);
    margin-right: 12px;
}

.corporate-wrapper .personalized-approach .cols .contacts a.telephone::before {
    mask-image: url(../image/icons/phone.svg);
    -webkit-mask-image: url(../image/icons/phone.svg);
}

.corporate-wrapper .personalized-approach .cols .contacts a.email::before {
    mask-image: url(../image/icons/mail.svg);
    -webkit-mask-image: url(../image/icons/mail.svg);
}

.corporate-wrapper .personalized-approach .cols .contacts a:hover {
    color: var(--color-link-hover);
}

.corporate-wrapper .personalized-approach .cols .contacts a:hover::before {
    background-color: var(--color-link-hover);
}

.corporate-wrapper .personalized-approach .cols .col-left .person-info .contacts {
    align-items: center;
}

.corporate-wrapper .personalized-approach .cols .col-right {
    max-width: 543px;
    width: 100%;
}

.corporate-wrapper .personalized-approach .cols .col-right > .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 20px;
}

.corporate-wrapper .personalized-approach .cols .col-right .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 40px;
}

.corporate-wrapper .our-clients {
    padding: 0 48px;
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
}

.corporate-wrapper .our-clients .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin-bottom: 53px;
}

.corporate-wrapper .our-clients .logos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: calc(100% + 20px);
    margin: 0 -10px 43px -10px;
}

.corporate-wrapper .our-clients .logos .logo-wrapper {
    padding: 0 10px;
    margin-bottom: 10px;
}

.corporate-wrapper .our-clients .logos .logo-wrapper img {
    max-width: 140px;
}

.corporate-wrapper .our-clients .images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.corporate-wrapper .our-clients .images .image-wrapper + .image-wrapper {
    margin-left: 24px;
}

@media screen and (max-width: 1399px) {
    .corporate-wrapper .consider-us .cols .col-left .title {
        font-size: 62px;
    }
}

@media screen and (max-width: 1199px) {
    .corporate-wrapper .personalized-approach {
        background-size: 200px auto;
    }

    .corporate-wrapper .personalized-approach .cols .col-left .person-info .name {
        font-size: 36px;
    }

    .corporate-wrapper .personalized-approach .cols .col-right > .title {
        font-size: 40px;
    }
}

@media screen and (max-width: 991px) {
    .page-information-corporate #content {
        margin-bottom: 60px;
    }

    .corporate-wrapper .consider-us {
        margin-bottom: 60px;
    }

    .corporate-wrapper .consider-us .cols {
        flex-direction: column;
        background: transparent;
    }

    .corporate-wrapper .consider-us .cols .col-left {
        width: 100%;
        padding: 30px 16px 40px 16px;
        background: var(--color-bg-beige);
    }

    .corporate-wrapper .consider-us .cols .col-left .title {
        font-size: 32px;
        letter-spacing: 0.72px;
        text-align: center;
        margin-bottom: 20px;
    }

    .corporate-wrapper .consider-us .cols .col-left .description {
        font-size: 14px;
        text-align: center;
    }

    .corporate-wrapper .consider-us .cols .col-right {
        width: 100%;
        text-align: center;
    }

    .corporate-wrapper .gifts-type {
        padding: 0 16px;
        margin-bottom: 60px;
    }

    .corporate-wrapper .gifts-type > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 24px;
    }

    .corporate-wrapper .gifts-type .col {
        flex-direction: column;
        margin: 0 0 24px 0;
    }

    .corporate-wrapper .gifts-type .col:last-child {
        margin: 0;
    }

    .corporate-wrapper .gifts-type .col + .col {
        margin-top: 0;
    }

    .corporate-wrapper .gifts-type .col > div:first-child {
        margin-right: 0;
    }

    .corporate-wrapper .gifts-type .col .col-image {
        order: 1;
        text-align: center;
        margin: 0;
    }

    .corporate-wrapper .gifts-type .col .col-description + .col-image {
        text-align: center;
    }

    .corporate-wrapper .gifts-type .col .col-description {
        order: 0;
        width: 100%;
        padding: 20px;
        margin: 0 0 24px 0;
        background-size: 62px auto;
        background-position: 98% 20% !important;
    }

    .corporate-wrapper .gifts-type .col .col-description .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 12px;
        max-width: 80%;
    }

    .corporate-wrapper .gifts-type .col .col-description .description {
        font-size: 14px;
        max-width: 80%;
    }

    .corporate-wrapper .corporate-services .cols {
        flex-direction: column;
    }

    .corporate-wrapper .corporate-services .cols .col-left {
        width: 100%;
        padding: 50px 16px;
    }

    .corporate-wrapper .corporate-services .cols .col-right {
        width: 100%;
        padding: 50px 16px;
    }

    .corporate-wrapper .corporate-services .cols .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 16px;
    }

    .corporate-wrapper .corporate-services .cols .description {
        font-size: 14px;
        margin-bottom: 16px;
        max-width: initial;
    }

    .corporate-wrapper .gift-block {
        padding: 60px 16px;
    }

    .corporate-wrapper .gift-block .cols {
        flex-direction: column;
    }

    .corporate-wrapper .gift-block .cols .col-left {
        max-width: initial;
        margin: 0 0 30px 0;
    }

    .corporate-wrapper .gift-block .cols .col-left .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
        text-align: center;
    }

    .corporate-wrapper .gift-block .cols .col-left .description {
        font-size: 14px;
        text-align: center;
    }

    .corporate-wrapper .gift-block .cols .col-right {
        max-width: initial;
    }

    .corporate-wrapper .large-selection-of-gifts {
        padding: 50px 16px;
        margin-bottom: 60px;
    }

    .corporate-wrapper .large-selection-of-gifts .cols {
        flex-direction: column;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-left {
        max-width: initial;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-left .title {
        color: var(--black);
        font-family: var(--alt-font);
        font-size: 36px;
        font-style: normal;
        font-weight: 300;
        line-height: 110%;
        letter-spacing: 0.72px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-left img {
        max-width: 48%;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-right {
        max-width: initial;
        text-align: center;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-right .description {
        font-size: 14px;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-right .buttons {
        margin-top: 20px;
        align-items: center;
    }

    .corporate-wrapper .large-selection-of-gifts .cols .col-right .buttons .btn {
        max-width: 340px;
        width: 100%;
        padding: 16px 10px;
    }

    .corporate-wrapper .our-projects {
        padding: 0 16px;
        margin-bottom: 60px;
    }

    .corporate-wrapper .our-projects .cols {
        flex-direction: column;
    }

    .corporate-wrapper .our-projects .cols .col-left {
        order: 1;
        max-width: initial;
        margin: 0;
        align-items: center;
    }

    .corporate-wrapper .our-projects .cols .col-left .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        text-align: center;
        margin-bottom: 20px;
    }

    .corporate-wrapper .our-projects .cols .col-left .description {
        font-size: 14px;
        text-align: center;
    }

    .corporate-wrapper .our-projects .cols .col-right {
        margin: 0 0 20px 0;
        text-align: center;
    }

    .corporate-wrapper .our-projects .cols .col-right .logos {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
        color: var(--illustration-dark);
        font-family: var(--base-font);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
    }

    .corporate-wrapper .our-projects .cols .col-right .logos img:first-child {
        height: 24px;
    }

    .corporate-wrapper .our-projects .cols .col-right .logos img:last-child {
        height: 30px;
    }

    .corporate-wrapper .our-projects .cols .col-right .logos span {
        margin: 0 24px;
    }

    .corporate-wrapper .our-projects .cols .col-right > img {
        max-width: 76%;
    }

    .corporate-wrapper .branding {
        padding: 0 16px;
        margin-bottom: 40px;
    }

    .corporate-wrapper .branding .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        text-align: center;
    }

    .corporate-wrapper .branding .description {
        font-size: 14px;
        margin: 0 auto 20px auto;
    }

    .corporate-wrapper .branding .images {
        flex-wrap: wrap;
        width: calc(100% + 12px);
        margin: 0 -6px;
    }

    .corporate-wrapper .branding .images .image-wrapper {
        margin-bottom: 20px;
        width: 50%;
        padding: 0 6px;
        text-align: center;
    }

    .corporate-wrapper .branding .images .image-wrapper + .image-wrapper {
        margin-left: 0;
    }

    .corporate-wrapper .personalized-approach {
        padding: 50px 16px;
        background-image: none;
        margin-bottom: 70px;
    }

    .corporate-wrapper .personalized-approach .cols {
        flex-direction: column-reverse;
    }

    .corporate-wrapper .personalized-approach .cols .col-left {
        width: 100%;
        margin: 0;
        flex-direction: column;
        align-items: center;
    }

    .corporate-wrapper .personalized-approach .cols .col-left .person-info + .person-info {
        margin: 20px 0 0 0;
    }

    .corporate-wrapper .personalized-approach .cols .col-left .person-info .name {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 20px;
    }

    .corporate-wrapper .personalized-approach .cols .col-right {
        max-width: initial;
        margin: 0 0 20px 0;
    }

    .corporate-wrapper .personalized-approach .cols .col-right > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        text-align: center;
    }

    .corporate-wrapper .personalized-approach .cols .col-right .description {
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
    }

    .corporate-wrapper .personalized-approach .cols .contacts {
        align-items: center;
    }

    .corporate-wrapper .personalized-approach .cols .contacts a {
        font-size: 14px;
    }

    .corporate-wrapper .our-clients {
        padding: 0 16px;
    }

    .corporate-wrapper .our-clients .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 30px;
    }

    .corporate-wrapper .our-clients .logos {
        width: calc(100% + 40px);
        margin: 0 -20px 5px -20px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .corporate-wrapper .our-clients .logos .logo-wrapper {
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .corporate-wrapper .our-clients .images {

    }

    .corporate-wrapper .our-clients .images .image-wrapper + .image-wrapper {
        margin-left: 12px;
    }

    .corporate-wrapper .our-clients .images .image-wrapper:nth-child(2) ~ .image-wrapper {
        display: none;
    }
}

.search-wrapper .search-heading {
    background: var(--bg-light);
    padding: 63px 48px;
    margin-bottom: 50px;
}

.search-wrapper .search-heading .cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1116px;
    margin: 0 auto;
}

.search-wrapper .search-heading .cols .col-left {
    max-width: 546px;
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-right: 138px;
}

.search-wrapper .search-heading .cols .col-right {
    max-width: 432px;
}

@media screen and (max-width: 991px) {
    .search-wrapper .search-heading {
        padding: 30px 16px;
        margin-bottom: 30px;
    }

    .search-wrapper .search-heading .cols {
        max-width: initial;
        flex-direction: column;
    }

    .search-wrapper .search-heading .cols .col-left {
        max-width: initial;
        margin: 0 0 20px 0;
        font-size: 36px;
        letter-spacing: 0.72px;
    }

    .search-wrapper .search-heading .cols .col-right {
        max-width: initial;
    }
}

.page-product-quiz:not(.results) footer {
    display: none;
}

.page-product-quiz .wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
}

.page-product-quiz #content {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
}

.page-product-quiz-result #content {
    margin-bottom: 60px;
}

.quiz-wrapper {
    height: 100%;
    width: 100%;
}

.quiz-wrapper .steps {
    height: 100%;
    width: 100%;
}

.quiz-wrapper .steps .hidden {
    display: none;
}

.quiz-wrapper .step {
    background: var(--color-bg-green);
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 50px 48px;
    position: relative;
}

.quiz-wrapper .step.loading::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.5);
}

.quiz-wrapper .step .step-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin: 0 auto;
}

.quiz-wrapper .step .step-content-wrapper > .counter {
    text-align: center;
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 20px;
}

.quiz-wrapper .step .step-content-wrapper > .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.quiz-wrapper .step .step-content-wrapper > .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: -10px 0 30px 0;
}

.quiz-wrapper .step .step-content-wrapper > .help-text {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px auto 0 auto;
    cursor: pointer;
}

.quiz-wrapper .step .step-content-wrapper > .help-text .icon {
    height: 24px;
    width: 24px;
    background: url(../image/icons/question.svg) no-repeat;
    background-size: contain;
    margin-right: 17px;
}

.quiz-wrapper .steps .step-content-wrapper .form-group {
    max-width: 432px;
}

.quiz-wrapper .steps .step-content-wrapper .form-group label {
    display: block;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 10px;
}

.quiz-wrapper .steps .step-content-wrapper .form-group input[type="text"] {
    border-radius: 70px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: var(--white, #FFF);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 13px 14px;
    width: 100%;
    resize: none;
    outline: none;
}

.quiz-wrapper .steps .step-content-wrapper .buttons .btn:disabled,
.quiz-wrapper .steps .step-content-wrapper .buttons .btn:disabled:hover {
    background: var(--btn-disabled);
    color: var(--illustration-dark);
    border: 1px solid var(--btn-disabled);
}

.quiz-wrapper .steps .step-content-wrapper .buttons .btn.icon:disabled::after {
    background-color: var(--illustration-dark);
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    max-width: 1044px;
    margin: 0 auto -30px auto;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group {
    width: 342px;
    height: 323px;
    padding: 0 12px;
    margin-bottom: 30px;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group:last-child {
    margin-right: 0;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="radio"],
.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="checkbox"] {
    display: none;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label {
    height: 100%;
    background: var(--white, #FFF);
    border: 2px solid var(--white);
    border-radius: 10px;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="radio"] + label,
.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="checkbox"] + label {
    margin-bottom: 0;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label .block-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label .block-content .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    text-align: center;
    margin: auto 0;
    padding: 0 20px;
}

.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="radio"]:checked + label,
.quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group input[type="checkbox"]:checked + label {
    border: 2px solid var(--btn-accent);
}

.quiz-wrapper .step:not(.step-final) .step-content-wrapper .buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.quiz-wrapper .step .step-content-wrapper .buttons .btn.prev-step {
    margin-right: 24px;
    padding: 16px 20px;
    min-width: 259px;
}

.quiz-wrapper .step .step-content-wrapper .buttons .btn.prev-step::before {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    mask: url("../image/icons/circle arrow left.svg");
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask: url("../image/icons/circle arrow left.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--black);
}

.quiz-wrapper .step .step-content-wrapper .buttons .btn.prev-step:hover::before {
    background-color: var(--white);
}

.quiz-wrapper .step:not(.step-0) .step-content-wrapper .buttons .btn.next-step {
    min-width: 226px;
}

.quiz-wrapper .step-0 .step-content-wrapper {
    max-width: 660px;
    width: 100%;
}

.quiz-wrapper .step-0 .step-content-wrapper .image-wrapper {
    text-align: center;
    margin-bottom: 30px;
}

.quiz-wrapper .step-0 .step-content-wrapper .form-group {
    width: 100%;
    margin: 0 auto;
}

.quiz-wrapper .step-0 .step-content-wrapper .buttons {
    width: 100%;
}

.quiz-wrapper .step-0 .step-content-wrapper .buttons .btn {
    max-width: 432px;
    width: 100%;
}

/*.quiz-wrapper .step-2 {*/
/*    background: var(--card-bg-v-1);*/
/*}*/

/*.quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group label .block-content img {*/
/*    margin: auto 0 -55px 0;*/
/*}*/

/*.quiz-wrapper .step-2 .step-content-wrapper .buttons {*/
/*    margin-top: 85px;*/
/*}*/

.quiz-wrapper .step-1 {
    background: var(--card-bg-v-3);
}

.quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-3-img-1.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 19px) 24px;
}

.quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-3-img-2.svg);
    background-repeat: no-repeat;
    background-position: 50% calc(100% - 62px);
}

.quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-3-img-3.svg);
    background-repeat: no-repeat;
    background-position: 10px calc(100% - 37px);
}

.quiz-wrapper .step-2 {
    background: var(--card-bg-v-2);
}

.quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label {
    background-image: url(../image/quiz/step-4-img-1.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 8px;
}

.quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-4-img-2.svg);
    background-repeat: no-repeat;
    background-position: 16px calc(100% - 17px);
}

.quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-4-img-3.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 29px) 25px;
}

.quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-4-img-4.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) calc(100% - 20px);
}

.quiz-wrapper .step-3 {
    background: var(--card-bg-v-4);
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group {
    height: 118px;
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-5-img-1.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 19px) calc(100% - 12px);
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-5-img-2.svg);
    background-repeat: no-repeat;
    background-position: 10px -3px;
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-5-img-3.svg);
    background-repeat: no-repeat;
    background-position: 0 20px;
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(4) label .block-content {
    background-image: url(../image/quiz/step-5-img-4.svg);
    background-repeat: no-repeat;
    background-position: 26px center;
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(5) label .block-content {
    background-image: url(../image/quiz/step-5-img-5.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(6) label .block-content {
    background-image: url(../image/quiz/step-5-img-6.svg);
    background-repeat: no-repeat;
    background-position: 8px calc(100% - 14px);
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(7) label .block-content {
    background-image: url(../image/quiz/step-5-img-7.svg);
    background-repeat: no-repeat;
    background-position: 16px calc(100% - 19px);
}

.quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(8) label .block-content {
    background-image: url(../image/quiz/step-5-img-8.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 31px) calc(100% - 15px);
}

.quiz-wrapper .step-4 {
    background: var(--card-bg-v-1);
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group {
    height: 118px;
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-6-img-1.svg);
    background-repeat: no-repeat;
    background-position: 12px 14px;
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-6-img-2.svg);
    background-repeat: no-repeat;
    background-position: 0 bottom;
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-6-img-3.svg);
    background-repeat: no-repeat;
    background-position: right 16px;
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group:nth-child(4) label .block-content {
    background-image: url(../image/quiz/step-6-img-4.svg);
    background-repeat: no-repeat;
    background-position: 5px calc(100% - 23px);
}

.quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group:nth-child(5) label .block-content {
    background-image: url(../image/quiz/step-6-img-5.svg);
    background-repeat: no-repeat;
    background-position: 20px 12px;
}

.quiz-wrapper .step-5 {
    background: var(--card-bg-v-3);
}

.quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-7-img-1.svg);
    background-repeat: no-repeat;
    background-position: 21px 15px;
}

.quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-7-img-2.svg);
    background-repeat: no-repeat;
    background-position: 75px calc(100% - 26px);
}

.quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-7-img-3.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 43px) 35px;
}

.quiz-wrapper .step-6 {
    background: var(--card-bg-v-2);
}

.quiz-wrapper .step-6 .step-content-wrapper .form-wrapper {
    max-width: initial;
}

.quiz-wrapper .step-7 {
    background: var(--card-bg-v-3);
}

.quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-9-img-1.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 36px) 27px;
}

.quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-9-img-2.svg);
    background-repeat: no-repeat;
    background-position: 20px calc(100% - 14px);
}

.quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-9-img-3.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 37px) 26px;
}

.quiz-wrapper .step-8 {
    background: var(--card-bg-v-4);
}

.quiz-wrapper .step-8 .step-content-wrapper .form-wrapper .form-group {
    height: 118px;
}

.quiz-wrapper .step-9 {
    background: var(--card-bg-v-2);
}

.quiz-wrapper .step-9 .step-content-wrapper .form-wrapper {
    max-width: initial;
}

.quiz-wrapper .step-10 {
    background: var(--card-bg-v-3);
}

.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group label {
    border: 1px solid var(--white);
}

.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group input[type="radio"]:checked + label,
.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group input[type="checkbox"]:checked + label {
    border: 1px solid var(--illustration-dark);
}

.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content {
    background-image: url(../image/quiz/step-12-img-1.svg);
    background-repeat: no-repeat;
    background-position: 20px 20px;
}

.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content {
    background-image: url(../image/quiz/step-12-img-2.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 41px) calc(100% - 27px);
}

.quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content {
    background-image: url(../image/quiz/step-12-img-3.svg);
    background-repeat: no-repeat;
    background-position: 44px 104px;
}

.quiz-wrapper .step-final {
    background: var(--color-bg-green);
    align-items: flex-start;
}

.quiz-wrapper .step-final .step-content-wrapper {
    max-width: 1344px;
    width: 100%;
}

.quiz-wrapper .step-final .step-content-wrapper .heading {
    width: 100%;
    margin-bottom: 40px;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 660px;
    width: 100%;
    margin-left: 114px;
    flex: 0 1 auto;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .image-wrapper {
    margin-right: 24px;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .content-wrapper .title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 10px;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .content-wrapper .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-right {
    margin-left: auto;
    flex: 0 0 auto;
}

.quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-right .btn + .btn {
    margin-left: 16px;
    padding: 16px;
}

.quiz-wrapper .step-final .step-content-wrapper .products-wrapper {
    padding: 0;
    margin: 0 -12px;
}

.quiz-wrapper .step-final .step-content-wrapper .products-wrapper .item-wrapper {
    width: 25%;
}

.quiz-wrapper .step-final .step-content-wrapper .no-results {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin: 70px auto 70px auto;
}

@media screen and (max-width: 1399px) {
    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left {
        margin-left: 0;
    }
}

@media screen and (max-width: 1199px) {
    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-right {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-right .btn + .btn {
        margin: 16px 0 0 0;
    }

    .quiz-wrapper .step-final .step-content-wrapper .products-wrapper .item-wrapper {
        width: 33.33334%;
    }
}

@media screen and (max-width: 991px) {
    .quiz-wrapper .step {
        padding: 40px 16px 50px 16px;
    }

    .quiz-wrapper .step .step-content-wrapper > .counter {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin-bottom: 12px;
    }

    .quiz-wrapper .step .step-content-wrapper > .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 12px;
    }

    .quiz-wrapper .step .step-content-wrapper > .description {
        margin: 0 0 12px 0;
    }

    .quiz-wrapper .step .step-content-wrapper > .help-text {
        margin: 30px auto 0 auto;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper {
        margin-bottom: -12px;
        width: 100%;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group {
        max-width: 343px;
        width: 100%;
        height: auto;
        margin-bottom: 12px;
        padding: 0 6px;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label .block-content {
        padding: 30px 0;
        justify-content: center;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label .block-content .title {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin: 0;
    }

    .quiz-wrapper .step-0 .step-content-wrapper .form-group {
        max-width: 343px;
    }

    .quiz-wrapper .step-0 .step-content-wrapper > .title {
        margin-bottom: 30px;
    }

    .quiz-wrapper .step-0 .step-content-wrapper .image-wrapper {

    }

    .quiz-wrapper .step-0 .step-content-wrapper .buttons .btn {
        max-width: 343px;
        width: 100%;
    }

    .quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content::after {
        content: url(../image/quiz/step-3-img-1.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content::after {
        content: url(../image/quiz/step-3-img-2.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-1 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content::after {
        content: url(../image/quiz/step-3-img-3.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label {
        background-image: none;
    }

    .quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content::after {
        content: "";
        display: block;
        width: 100px;
        height: 90px;
        background: url(../image/quiz/step-4-img-2.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
    }

    .quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content::after {
        content: "";
        display: block;
        width: 100px;
        height: 91px;
        background: url(../image/quiz/step-4-img-3.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
    }

    .quiz-wrapper .step-2 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content::after {
        content: "";
        display: block;
        width: 50px;
        height: 100px;
        background: url(../image/quiz/step-4-img-4.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
    }

    .quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group {
        height: 140px;
    }

    .quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group label .block-content {
        justify-content: center;
    }

    .quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group:nth-child(7) label .block-content {
        background-position: left bottom;
    }

    .quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group {
        height: 140px;
    }

    .quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group label .block-content {
        justify-content: center;
    }

    .quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group label .block-content {
        justify-content: center;
    }

    .quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content::after {
        content: url(../image/quiz/step-7-img-1.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content::after {
        content: url(../image/quiz/step-7-img-2.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-5 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content::after {
        content: url(../image/quiz/step-7-img-3.svg);
        margin-top: 10px;
    }

    .quiz-wrapper .step-6 .step-content-wrapper .form-wrapper .form-group label .block-content {
        justify-content: center;
    }

    .quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content::after {
        content: "";
        display: block;
        width: 61px;
        height: 92px;
        background: url(../image/quiz/step-9-img-1.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
        transform: rotate(16deg);
    }

    .quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content::after {
        content: "";
        display: block;
        width: 24px;
        height: 100px;
        background: url(../image/quiz/step-9-img-2.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
    }

    .quiz-wrapper .step-7 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content::after {
        content: "";
        display: block;
        width: 83px;
        height: 100px;
        background: url(../image/quiz/step-9-img-3.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
    }

    .quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(1) label .block-content::after {
        content: "";
        display: block;
        width: 56px;
        height: 100px;
        background: url(../image/quiz/step-12-img-1.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
        transform: rotate(21deg);
    }

    .quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(2) label .block-content::after {
        content: "";
        display: block;
        width: 56px;
        height: 100px;
        background: url(../image/quiz/step-12-img-2.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
        transform: rotate(-14deg);
    }

    .quiz-wrapper .step-10 .step-content-wrapper .form-wrapper .form-group:nth-child(3) label .block-content::after {
        content: "";
        display: block;
        width: 36px;
        height: 100px;
        background: url(../image/quiz/step-12-img-3.svg) no-repeat;
        background-size: contain;
        margin-top: 10px;
        transform: rotate(4deg);
    }

    .quiz-wrapper .step-final {
        background: var(--white);
        padding: 0;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading {
        background: var(--color-bg-green);
        padding: 40px 16px 50px 16px;
        margin-bottom: 50px;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left {
        flex-direction: column-reverse;
        max-width: initial;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .image-wrapper {
        margin: 0;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .content-wrapper {
        margin-bottom: 30px;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .content-wrapper .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        text-align: center;
    }

    .quiz-wrapper .step-final .step-content-wrapper .heading .cols .col-left .content-wrapper .description {
        text-align: center;
    }

    .quiz-wrapper .step-final .step-content-wrapper .products-wrapper {
        margin: 0;
        padding: 0 4px;
    }

    .quiz-wrapper .step-final .step-content-wrapper > .buttons {
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
    }

    .quiz-wrapper .step-final .step-content-wrapper > .buttons .btn {
        padding: 16px;
        max-width: 343px;
        width: 100%;
    }

    .quiz-wrapper .step-final .step-content-wrapper > .buttons .btn + .btn {
        margin-top: 20px;
    }

    .quiz-wrapper .step-final .step-content-wrapper .no-results {
        font-size: 22px;
        text-align: center;
        padding: 0 16px;
        margin: 0;
    }
}

@media screen and (max-width: 717px) {
    .quiz-wrapper .step .step-content-wrapper > .title br {
        display: none;
    }

    .quiz-wrapper .step .step-content-wrapper > .description br {
        display: none;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group {
        padding: 0;
    }

    .quiz-wrapper .step .step-content-wrapper .form-wrapper .form-group label .block-content .title br {
        display: none;
    }

    .quiz-wrapper .step:not(.step-final) .step-content-wrapper .buttons {
        flex-direction: column-reverse;
    }

    .quiz-wrapper .step:not(.step-final) .step-content-wrapper .buttons .btn {
        max-width: 343px;
        width: 100%;
    }

    .quiz-wrapper .step .step-content-wrapper .buttons .btn.prev-step {
        margin: 20px 0 0 0;
    }

    .quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group {
        height: auto;
    }

    .quiz-wrapper .step-3 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }

    .quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group {
        height: auto;
    }

    .quiz-wrapper .step-4 .step-content-wrapper .form-wrapper .form-group label .block-content {
        background: none !important;
    }
}

@media screen and (max-width: 599px) {
    .quiz-wrapper .step-final .step-content-wrapper .products-wrapper {
        padding: 0 8px;
    }

    .quiz-wrapper .step-final .step-content-wrapper .products-wrapper .item-wrapper {
        width: 50%;
    }
}

.blog-wrapper {
    margin-bottom: 70px;
}

.blog-wrapper .blog-heading {
    background: var(--card-bg-v-4);
    padding: 40px 20px;
    margin-bottom: 80px;
}

.blog-wrapper .blog-heading .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.blog-wrapper .blog-heading .cols .col-left {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 90px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 1.8px;
    margin-right: 71px;
}

.blog-wrapper .blog-content .items {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 1368px;
    margin: 0 auto;
}

.blog-wrapper .blog-content .items .item {
    padding: 0 12px;
    width: 25%;
    margin-bottom: 50px;
}

.blog-wrapper .blog-content .items .item .image {
    margin-bottom: 20px;
}

.blog-wrapper .blog-content .items .item .info .title {
    margin-bottom: 10px;
}

.blog-wrapper .blog-content .items .item .info .title a {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
}

.blog-wrapper .blog-content .items .item:hover .info .title a {
    color: var(--color-link-hover);
}

.blog-wrapper .blog-content .items .item .info .description {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}


@media screen and (max-width: 991px) {
    .blog-wrapper {
        margin-bottom: 60px;
    }

    .blog-wrapper .blog-heading {
        padding: 30px 16px 40px 16px;
        margin-bottom: 50px;
    }

    .blog-wrapper .blog-heading .cols {
        flex-direction: column;
    }

    .blog-wrapper .blog-heading .cols .col-left {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin: 0 0 20px 0;
    }

    .blog-wrapper .blog-content .items .item {
        width: 33.33334%;
        margin-bottom: 24px;
    }

    .blog-wrapper .blog-content .items .item .info {
        padding: 0 20px;
    }

    .blog-wrapper .blog-content .items .item .image img {
        margin: 0 auto;
    }

    .blog-wrapper .blog-content .items .item .info .title {
        text-align: center;
    }

    .blog-wrapper .blog-content .items .item .info .title a {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .blog-wrapper .blog-content .items .item .info .description {
        font-size: 14px;
        text-align: center;
    }
}

@media screen and (max-width: 699px) {
    .blog-wrapper .blog-content .items .item {
        width: 50%;
    }
}

@media screen and (max-width: 499px) {
    .blog-wrapper .blog-content .items .item {
        width: 100%;
    }

    .blog-wrapper .blog-content .items .item .image {
        text-align: center;
    }
}

.blog-article-wrapper {
    margin-bottom: 60px;
}

.blog-article-wrapper .blog-article-heading {
    height: 432px;
    max-width: 1920px;
    margin: 0 auto 50px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.blog-article-wrapper .blog-article-content {
    max-width: 888px;
    width: 100%;
    margin: 0 auto;
}

.blog-article-wrapper .blog-article-content .article-date {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.blog-article-wrapper .blog-article-content .article-title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 30px;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper h2,
.blog-article-wrapper .blog-article-content .article-content-wrapper h3 {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.96px;
    margin: 50px 0 16px 0;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper h4,
.blog-article-wrapper .blog-article-content .article-content-wrapper h5,
.blog-article-wrapper .blog-article-content .article-content-wrapper h6 {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin: 50px 0 16px 0;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ul {
    padding-left: 1.5em;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ul li {
    margin: 16px 0 0 0;
    list-style: disc;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ul li span {
    color: var(--btn-accent);
    font-weight: 700;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ol {
    padding-left: 1.5em;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ol li {
    margin: 16px 0 0 0;
    list-style: decimal;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ol li::marker {
    color: var(--btn-accent);
    font-weight: 700;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper ol li span {
    color: var(--btn-accent);
    font-weight: 700;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper blockquote {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 10px;
    background: var(--color-bg-green);
    padding: 60px 114px;
    margin: 50px 0;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper blockquote::before {
    content: "";
    height: 58px;
    width: 101px;
    background: url(../image/icons/double-quotes.svg) no-repeat center;
    background-size: contain;
    margin-bottom: 24px;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper blockquote::after {
    content: "";
    height: 95px;
    width: 204px;
    background: url(../image/wine-and-glass-img.svg) no-repeat center;
    background-size: contain;
    margin-top: 24px;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper blockquote p {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 24px;
}

.blog-article-wrapper .blog-article-content .article-content-wrapper blockquote span {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blog-article-wrapper .blog-module {
    margin: 100px 0 0 0;
}

@media screen and (max-width: 991px) {
    .blog-article-wrapper .blog-article-heading {
        height: 228px;
        margin-bottom: 40px;
    }

    .blog-article-wrapper .blog-article-content {
        padding: 0 16px;
    }

    .blog-article-wrapper .blog-article-content .article-title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 10px;
    }

    .blog-article-wrapper .blog-article-content .article-content-wrapper {
        font-size: 14px;
    }

    .blog-article-wrapper .blog-article-content .article-content-wrapper h2,
    .blog-article-wrapper .blog-article-content .article-content-wrapper h3,
    .blog-article-wrapper .blog-article-content .article-content-wrapper h4,
    .blog-article-wrapper .blog-article-content .article-content-wrapper h5,
    .blog-article-wrapper .blog-article-content .article-content-wrapper h6 {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin: 30px 0 16px 0;
    }

    .blog-article-wrapper .blog-article-content .article-content-wrapper blockquote {
        padding: 30px 31px 34px 31px;
        margin: 30px 0;
    }

    .blog-article-wrapper .blog-article-content .article-content-wrapper blockquote p {
        font-size: 24px;
        letter-spacing: 0.48px;
    }

    .blog-article-wrapper .blog-article-content .article-content-wrapper blockquote span {
        font-size: 14px;
    }

    .blog-article-wrapper .blog-module {
        margin-top: 60px;
        padding: 0;
    }
}


.page-error header,
.page-error footer {
    display: none;
}

.page-error #content {
    position: absolute;
    width: 100%;
    height: 100%;
}

.page-error-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-error-wrapper .heading {
    padding: 28px 48px;
}

.page-error-wrapper .page-error-content {
    max-width: 660px;
    margin: auto;
    padding: 20px 16px;
}

.page-error-wrapper .page-error-content .title {
    color: var(--black);
    text-align: center;
    font-family: var(--alt-font);
    font-size: 64px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 1.28px;
    margin-bottom: 20px;
}

.page-error-wrapper .page-error-content .img-wrapper {
    text-align: center;
    margin-bottom: 30px;
}

.page-error-wrapper .page-error-content .description {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 30px;
}

.page-error-wrapper .page-error-content .buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 991px) {
    .page-error-wrapper .heading {
        padding: 20px 16px;
    }

    .page-error-wrapper .page-error-content .title {
        font-size: 36px;
        letter-spacing: 0.72px;
        margin-bottom: 30px;
    }

    .page-error-wrapper .page-error-content .img-wrapper {
        margin-bottom: 30px;
    }

    .page-error-wrapper .page-error-content .description {
        font-size: 14px;
    }

    .page-error-wrapper .page-error-content .buttons .btn {
        max-width: 343px;
        width: 100%;
    }
}


/* Content */

footer {
    padding-bottom: 50px;
}

footer > .decoration {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

footer > .decoration::before,
footer > .decoration::after {
    content: "";
    height: 1px;
    background: var(--black);
}

footer > .decoration::before {
    width: 20%;
}

footer > .decoration::after {
    width: 80%;
}

footer > .decoration img {
    margin: 0 33px;
}

footer .columns {
    padding: 0 55px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

footer .subscribe-our-social {
    margin-bottom: 30px;
}

footer .subscribe-our-social-title {
    color: var(--black);
    font-family: var(--alt-font);
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: 0.64px;
    margin-bottom: 30px;
}

footer .subscribe-our-social-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

footer .subscribe-our-social-links li {
    margin: 0 24px 0 0;
}

footer .subscribe-our-social-links li:last-child {
    margin: 0;
}

footer .subscribe-our-social-links a.icon::before {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    background-color: var(--black);
    transition: all 300ms;
}

footer .subscribe-our-social-links a.icon:hover::before {
    background-color: var(--color-link-hover);
}

footer .subscribe-our-social-links a.icon.icon-instagram::before {
    mask: url(../image/icons/instagram-negative.svg);
    -webkit-mask: url(../image/icons/instagram-negative.svg);
}

footer .subscribe-our-social-links a.icon.icon-facebook::before {
    mask: url(../image/icons/facebook-negative.svg);
    -webkit-mask: url(../image/icons/facebook-negative.svg);
}

footer .subscribe-our-social-links a.icon.icon-telegram::before {
    mask: url(../image/icons/telegram-negative.svg);
    -webkit-mask: url(../image/icons/telegram-negative.svg);
}

footer .privacy-policy-wrapper {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

footer .privacy-policy-wrapper a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-decoration: underline;
}

footer .privacy-policy-wrapper a:hover {
    color: var(--color-link-hover);
}

footer .column-footer-right {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

footer .column-footer-right .megamenu-wrapper {
    position: static;
    border-radius: 0;
    background: transparent;
}

footer .column-footer-right .megamenu-wrapper .remove-wrapper,
footer .column-footer-right .megamenu-wrapper .language-wrapper {
    display: none;
}

footer .column-footer-right > .responsive {
    margin-right: 60px;
}

footer .column-footer-right > .responsive:last-of-type {
    margin: 0;
}

footer .column-footer-right .container-megamenu .navbar-header {
    display: none;
}

footer .column-footer-right .megamenu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

footer .column-footer-right .megamenu li {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 16px 0;
}

footer .column-footer-right .megamenu li:last-child {
    margin: 0;
}

footer .column-footer-right .megamenu li a {
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: auto;
    padding: 0;
}

footer .column-footer-right ul.megamenu > li > a:hover,
footer .column-footer-right ul.megamenu > li.active > a,
footer .column-footer-right ul.megamenu > li.home > a,
footer .column-footer-right ul.megamenu > li:hover > a {
    background: transparent;
    color: var(--color-link-hover);
}

footer .column-footer-right .megamenu li a strong {
    font-weight: 400;
}

footer .column-footer-right .megamenu li.icon::after {
    content: "";
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 8px;
    background-color: var(--black);
    transition: all 300ms;
}

footer .column-footer-right .megamenu li.icon:hover::after {
    background-color: var(--color-link-hover);
}

footer .column-footer-right .megamenu li.icon.icon-wine::after {
    mask: url(../image/icons/wineglass.svg);
    -webkit-mask: url(../image/icons/wineglass.svg);
}

footer .footer-bottom .logo {
    text-align: center;
    margin-bottom: 6px;
}

footer .footer-bottom .logo img {
    max-width: 578px;
    width: 100%;
}

footer .footer-bottom .our-slogan {
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

@media screen and (max-width: 991px) {
    footer {
        padding: 0 16px 27px 16px;
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        justify-content: flex-start;
        position: relative;
    }

    footer::before {
        content: "";
        height: 1px;
        width: 100%;
        background: var(--black);
        order: 99;
        margin-bottom: 30px;
    }

    footer > .decoration {
        display: none;
    }

    footer .columns {
        flex-direction: column-reverse;
        align-items: stretch;
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }

    footer .column-footer-left {
        margin-bottom: 40px;
    }

    footer .subscribe-our-social {
        margin: 0;
    }

    footer .subscribe-our-social-title {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    footer .subscribe-our-social-links {
        justify-content: center;
    }

    footer .privacy-policy-wrapper {
        font-size: 14px;
        text-align: center;
    }

    footer .privacy-policy-wrapper br {
        display: none;
    }

    footer .column-footer-right {
        justify-content: center;
        margin-bottom: 40px;
    }

    footer .column-footer-right > .responsive {
        margin: 0 5% 0 0;
    }

    footer .column-footer-right .megamenu-wrapper {
        transform: none;
        visibility: visible;
        padding: 0;
        border: none;
        overflow: visible;
        width: auto;
    }

    footer .column-footer-right .megamenu-wrapper .remove-wrapper {
        display: none;
    }

    footer .column-footer-right .megamenu li {
        border: none;
    }

    footer .column-footer-right .megamenu li a {
        font-size: 14px;
    }

    footer .footer-bottom {
        margin-bottom: 38px;
    }

    footer .footer-bottom .logo {
        margin-bottom: 13px;
    }

    footer .footer-bottom .logo img {
        max-width: 344px;
    }

    footer .footer-bottom .our-slogan {
        font-size: 14px;
    }
}

/* General style */

.btn {
    display: inline-flex;
    padding: 16px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 300ms;
}

.btn:hover {
    color: var(--white);
    background: var(--btn-accent);
    border: 1px solid var(--btn-accent);
}

.btn.icon::after {
    content: "";
    height: 20px;
    width: 20px;
    display: block;
    margin-right: 2px;
    flex: 0 0 auto;
    transition: all 300ms;
}

.btn.icon.icon-arrow-top-right::after {
    mask: url(../image/icons/arrow.svg) no-repeat;
    mask-size: contain;
    -webkit-mask: url(../image/icons/arrow.svg) no-repeat;
    -webkit-mask-size: contain;
    background-color: var(--black);
    transform: rotate(-90deg);
}

.btn.icon:hover::after {
    background-color: var(--white);
}

.btn.btn-red {
    background: var(--btn-accent);
    color: var(--white);
    border: 1px solid var(--btn-accent);
}

.btn.btn-red:hover {
    border: 1px solid var(--black);
    background: var(--white);
    color: var(--black);
}

.btn.btn-red.icon.icon-arrow-top-right::after {
    mask-image: url(../image/icons/arrow.svg);
    -webkit-mask-image: url(../image/icons/arrow.svg);
    background-color: var(--white);
    transform: rotate(-90deg);
}

.btn.btn-red:hover.icon.icon-arrow-top-right::after {
    background-color: var(--black);
}

.btn.btn-red.icon.icon-copy::after {
    mask: url(../image/icons/copy-v2.svg);
    mask-size: contain;
    -webkit-mask: url(../image/icons/copy-v2.svg);
    -webkit-mask-size: contain;
    background-color: var(--white);
}

.btn.btn-red:hover.icon.icon-copy::after {
    background-color: var(--black);
}

body .ui-tooltip {
    border: none;
    color: var(--black);
    text-align: center;
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 7px;
    background: var(--white);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12);
    padding: 6px 10px;
}

body .ui-tooltip.account-links::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/corner.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body .ui-tooltip.cart-group-item-links {
    max-width: 164px;
    text-align: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 6px 10px;
}

body .ui-tooltip.cart-group-item-links::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/corner.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(180deg);
}

body .ui-tooltip.order-info-address {
    max-width: 200px;
    text-align: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    padding: 6px 10px;
}

body .ui-tooltip.order-info-address::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/corner.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(180deg);
}

body .ui-tooltip.sommelier-gift-info::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/corner.svg) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

body .ui-tooltip.quiz-step-tooltip {
    max-width: 244px;
    text-align: center;
    color: var(--black);
    font-family: var(--base-font);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

body .ui-tooltip.quiz-step-tooltip::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/corner.svg) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(180deg);
}

body .ui-autocomplete {
    border-radius: 5px;
    background: var(--bg-light);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 15;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    font-family: var(--base-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

body .ui-autocomplete.ui-menu .ui-menu-item {
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    margin: 0 0 4px 0;
    background: transparent;
    padding: 0;
}

body .ui-menu .ui-state-focus,
body .ui-menu .ui-state-active {
    background: transparent;
    color: var(--color-link-hover);
    border: none;
    margin: 0 0 4px 0;
}

body .ui-autocomplete::-webkit-scrollbar {
    background: transparent;
    width: 6px;
}
body .ui-autocomplete::-webkit-scrollbar-track {
    background: transparent;
}

body .ui-autocomplete::-webkit-scrollbar-thumb {
    height: 33px;
    border-radius: 100px;
    background: var(--illustration-dark);
}

@media screen and (max-width: 767px) {
    body .ui-tooltip.sommelier-gift-info::after {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .mobile-hidden {
        display: flex !important;
    }

    .mobile-visible {
        display: none !important;
    }
}

@media screen and (max-width: 991px) {
    .mobile-hidden {
        display: none !important;
    }

    .mobile-visible {
        display: flex !important;
    }
}