html, html body {
    background: #fff;
    color: #000;
    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.55;
    margin: 0;
    padding: 0;
    min-width: 360px;

    position:relative;
    -webkit-overflow-scrolling: touch;
}

html body.no-scroll {
    overflow: hidden;
    max-height: 100vh;
}
html body.no-scroll #content {
    max-height: 100vh;
    overflow: hidden;
}

.container {
    width: 1306px;
    margin: 0 auto;
}
.container .container {
    width: auto;
}

.only-desktop {
    display: block;
}
.only-desktop.flex {
    display: flex;
}

.only-mobile,
.only-mobile.flex {
    display: none;
}


/* typography */

h1 {
    margin: 0 0 30px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.3;
}
h2 {
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3;
}
h3 {
    margin-bottom: 15px;
    font-size: 20px;
}
* {
    outline: none !important;
}
a {
    text-decoration: underline;
    color: var(--color-main);
}
p {
    margin-bottom: 15px;
}
p:last-child {
    margin-bottom: 0;
}
.pre-wrap {
    white-space: pre-wrap;
}
b,strong {
    font-weight: bold;
}


/* flex */

.flex, .f {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.flex-center, .fc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-left, .fl {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.flex-right, .fr {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.flex-middle, .fm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.flex-top, .ft {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.flex-bottom, .fb {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.flex-nowrap, .fn {
    flex-wrap: nowrap;
}
.flex-column, .fv {
    flex-direction: column;
    flex-wrap: nowrap;
}

/* form */

.form-group {
    margin-bottom: 20px;
}
.form-group:last-child {
    margin-bottom: 0;
}

.form-group.radios .form-group {
    margin-bottom: 10px;
}
.form-group.radios .form-group:last-child {
    margin-bottom: 0;
}

.form-group.radios-inline {
    display: flex;
    flex-wrap: wrap;
}
.form-group.radios-inline .form-group {
    margin: 0 18px 0 0;
}
.form-group.radios-inline .form-group:last-child {
    margin: 0;
}

.form-inline {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.form-inline > .form-group {
    margin: 0;
}

form .help {
    color: #888;
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.3;
}
form .help p {
    margin-bottom: 5px;
}
form .help p:last-child {
    margin-bottom: 0;
}

input[type="text"],
input[type="password"],
input[type="search"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    padding: 0 16px;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;

    border: 1px solid #CBCBCB;
    border-radius: 4px;

    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 16px;

    height: 48px;
}
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder {
    color: #111;
}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 100%;
    max-width: 100%;

    border: 1px solid #CBCBCB;
    border-radius: 4px;

    padding: 14px 16px;
    margin: 0;
    box-sizing: border-box;

    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: block;
}
textarea::placeholder {
    color: #111;
}

input[type="radio"] {
    display: none;
}
input[type="radio"] + label {
    display: block;
    position: relative;
    line-height: 1.45;

    padding-left: 28px;
}
input[type="radio"] + label:after {
    content: '';
    border: 1px solid #6E6C6C;

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

    width: 20px;
    height: 20px;
    border-radius: 100px;
    box-sizing: border-box;
}
input[type="radio"]:checked + label:after {
    background: var(--color-main);
    border-color: var(--color-main);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
}

button,
.button {
    line-height: 56px;
    height: 56px;
    box-sizing: border-box;
    border: none;
    padding: 0 32px;
    margin: 0;
    background: var(--color-main);
    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 20px;
    border-radius: 4px;
    text-decoration: none;
    color: #ffffff;
    display: block;
    text-align: center;
    cursor: pointer;
}
button:hover,
.button:hover {
    background: var(--color-main-dark);
}

button.grey,
.button.grey {
    background: #eee;
    color: #222222;
}
button.grey:hover,
.button.grey:hover {
    background: #ddd;
}

button.small,
.button.small {
    line-height: 50px;
    height: 50px;
    font-size: 18px;
    padding: 0 26px;
}


/* flash-messages */

html body > p.flash-message {
    font-size: 15px;
}
html body > p.flash-message button.close {
    height: 29px;
}
html body > p.flash-message {
    width: 500px;
    margin-left: -250px;
    left: 50%;
    box-sizing: border-box;
}
html body > p.flash-message pre {
    text-align: left;
}


/* stripe */

.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
    background: var(--color-main) !important;
}


/* placeholder */

.placeholder-wrapper {
    position: relative;
}
.placeholder {
    position: absolute;
    z-index: 1;

    top: 1px;
    left: 10px;
    max-width: calc(100% - 10px);

    pointer-events: none;
    padding: 0 7px;
    line-height: 46px;
    box-sizing: border-box;
    font-size: 16px;
    color: #111111;
    white-space: nowrap;

    transition: 0.1s ease all;
}
input:focus + .placeholder,
input.has-value + .placeholder,
textarea:focus + .placeholder,
textarea.has-value + .placeholder {
    font-size: 13px;
    line-height: 1 !important;
    top: -6px;
    background: #fff;
}





/* svg */

.svg-icon {
    display: block;
    width: 20px;
    height: 20px;
    fill: #000;
}


/* page */

.page {
    margin: 60px 0;
}


/* block */

.block {
    margin: 65px 0;
}
.block-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.3;
}


/* city-block */

.city-block {
    min-width: 165px;
}
.city-block .city .svg-icon {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}
.city-block a {
    color: #000000;
    text-decoration: none;
}
.city-block a:hover {
    text-decoration: underline;
}


/* small-cart-block */

.small-cart-block a {
    position: relative;
    display: block;
}
.small-cart-block .icon {
    width: 43px;
    height: 43px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.small-cart-block .svg-icon {
    width: 36px;
    height: 36px;
    stroke: var(--color-main);
}
.small-cart-block .count {
    position: absolute;
    background: var(--color-main);
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    min-width: 22px;
    padding: 0 7px;
    box-sizing: border-box;
    border-radius: 100px;
    top: 0;
    left: 50%;
    margin-left: 4px;
}

/* header-block */

.header-block {
    font-size: 16px;
    height: 136px;
}
.header-block .block-inner {
    border-bottom: 1px solid transparent;
}
.header-block .info {
    padding: 10px 0;
    margin-top: 10px;
}

.header-block .left {
    width: 220px;
    min-width: 220px;

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

    -webkit-transition: width 500ms ease;
    -moz-transition: width 500ms ease;
    -ms-transition: width 500ms ease;
    -o-transition: width 500ms ease;
    transition: width 500ms ease;
}
.header-block .right {
    width: 100%;
    min-width: 0;
}

.header-block .logo {
    margin-bottom: 18px;
}
.header-block .logo .small {
    display: none;
}
.header-block .logo img {
    display: block;
}
.header-block .user a.login {
    border: 1px solid var(--color-main);
    line-height: 43px;
    color: var(--color-main);
    text-decoration: none;
    padding: 0 20px;
    border-radius: 4px;
    box-sizing: border-box;
}
.header-block .user a.login:hover {
    background: var(--color-main);
    color: #ffffff;
}

.header-block .user .profile .svg-icon {
    width: 40px;
    height: 40px;
    fill: rgb(255, 153, 0);
    stroke:  rgb(255, 153, 0);
    stroke-width: 0.19;
}

.header-block .phone a {
    color: var(--color-main);
    font-weight: 500;
    font-size: 22px;
    text-decoration: none;
}

.header-block .delivery {
    color: #a9a9a9;
}

.header-block .menu-link {
    width: 38px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header-block .menu-link span {
    width: 100%;
    margin-bottom: 8px;
    height: 4px;
    border-radius: 100px;
    background: #46484F;
}
.header-block .menu-link span:last-child {
    margin-bottom: 0;
}

.header-block .categories {
    width: 100%;
    min-width: 0;
}
.header-block .categories a {
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    line-height: 60px;
    position: relative;
    display: block;
}
.header-block .categories a.active {
    color: var(--color-main);
}
.header-block .categories a:hover {
    color: var(--color-main);
}

.header-block .categories-and-cart .small-cart-block {
    width: 0;
    overflow: hidden;

    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}


/* header-block.fixed */

@media (min-width: 1321px) {
    #header-block.fixed .header-block .block-inner {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 30;

        background: #fff;
        border-bottom-color: #e7e7e7;
    }
    #header-block.fixed .header-block .left {
        width: 160px;
        min-width: 160px;
    }
    #header-block.fixed .header-block .info {
        display: none;
    }
    #header-block.fixed .header-block .logo .default {
        display: none;
    }
    #header-block.fixed .header-block .logo .small {
        display: block;
    }
    #header-block.fixed .header-block .categories-and-cart .small-cart-block {
        width: 43px;
        margin-left: 30px;
        padding-right: 15px;
    }
    #header-block.fixed .header-block .categories a.active:after {
        content: '';
        height: 4px;
        background: var(--color-main);

        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: -1px;
    }
}


/* footer-block */

.footer-block {
    padding: 65px 0;
}

.footer-block .column-logo-and-info {
    width: 300px;
    min-width: 300px;
}
.footer-block .column-menu {
    width: 100%;
    min-width: 0;
    margin: 0 30px;
}
.footer-block .column-apps {
    width: 142px;
    min-width: 142px;
}

.footer-block .logo-and-copyright {
    margin-bottom: 80px;
}

.footer-block .logo {
    margin-bottom: 15px;
    display: block;
}
.footer-block .logo img {
    display: block;
}
.footer-block .copyright {
    font-size: 16px;
}

.footer-block .info {
    font-size: 20px;
    line-height: 1.2;
}
.footer-block .info .phone {
    margin-bottom: 22px;
}
.footer-block .info .phone a {
    color: var(--color-main);
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}
.footer-block .info .phone a:hover {
    text-decoration: underline;
}
.footer-block .info .delivery {
    margin-bottom: 6px;
}

.footer-block .menu {
    width: 33.333%;
}
.footer-block .menu .name {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.footer-block .menu li {
    line-height: 1.2;
    margin-bottom: 14px;
}
.footer-block .menu li:last-child {
    margin-bottom: 0;
}
.footer-block .menu a {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
}
.footer-block .menu a:hover {
    color: var(--color-main);
}

.footer-block .apps a {
    display: block;
    margin-bottom: 8px;
}
.footer-block .apps a:last-child {
    margin-bottom: 0;
}
.footer-block .apps .svg-icon {
    width: 142px;
    height: 42px;
}


/* slider-block */

.slider-block {
    margin: 20px 0;
}
.slider-block .block-inner {
    position: relative;
}
.slider-block .block-inner:before {
    content: '';
    position: absolute;
    z-index: -1;

    left: -12px;
    top: 24px;
    bottom: 24px;

    width: 12px;
    background: #8CDFFF;

    border-radius: 5px 0 0 5px;
}
.slider-block .block-inner:after {
    content: '';
    position: absolute;
    z-index: -1;

    right: -12px;
    top: 24px;
    bottom: 24px;

    width: 12px;
    background: #9E82C1;

    border-radius: 0 5px 5px 0;
}

.slider-block .item {
    height: 400px;
    position: relative;
    z-index: 1;
    line-height: 1.2;

    background: var(--color-main);
    border-radius: 5px;
}

.slider-block .item .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.slider-block .item .img img {
    display: block;
    border-radius: 5px;
}

.slider-block .item .info {
    position: absolute;
    z-index: 1;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    color: #ffffff;

    display: flex;
    flex-wrap: nowrap;
}

.slider-block .item .info .left {
    width: 60%;
    min-width: 60%;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;

    box-sizing: border-box;
    padding: 60px 0 60px 65px;
}
.slider-block .item .info .right {
    width: 100%;
    min-width: 0;

    display: flex;
    align-items: flex-end;

    box-sizing: border-box;
    padding: 0 35px 35px 0;
}

.slider-block .item .percent-and-name {
    margin-bottom: 20px;
}
.slider-block .item .percent-and-name.has-percent {
    margin-bottom: 40px;
}
.slider-block .item .percent {
    font-size: 125px;
    line-height: 0.85;
    margin-right: 25px;
    font-weight: 500;
}
.slider-block .item .name {
    font-size: 65px;
    line-height: 1.12;
    font-weight: 500;
}
.slider-block .item .has-percent .name {
    font-size: 50px;
}
.slider-block .item .text {
    font-size: 35px;
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: 2px;
}
.slider-block .item .price {
    font-size: 40px;
    font-weight: 500;
    margin: 15px 0;
}
.slider-block .item .price .svg-icon {
    width: 21px;
    height: 29px;
    margin-left: 8px;
    fill: #fff;
}

.slider-block .link a {
    display: block;
    line-height: 54px;
    font-size: 18px;
    font-weight: 500;
    background: #fe4c00;
    color: #ffffff;
    text-decoration: none;
    padding: 0 26px;
    border-radius: 4px;
}
.slider-block .link a:hover {
    background: #df4604;
}

.slider-block .circle-wrapper {
    display: flex;
    justify-content: flex-start;

    width: 100%;
}
.slider-block .circle-wrapper.position-center {
    justify-content: center;
}
.slider-block .circle-wrapper.position-right {
    justify-content: flex-end;
}
.slider-block .circle {
    background: #FE4C00;
    color: #ffffff;
    border-radius: 1000px;

    width: 184px;
    height: 184px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    text-align: center;
}
.slider-block .circle-wrapper.color-yellow .circle {
    background: #FEE500;
    color: #000000;
}
.slider-block .circle-price {
    font-size: 40px;
    font-weight: 500;
}
.slider-block .circle-price .svg-icon {
    width: 21px;
    height: 29px;
    margin-left: 8px;
    fill: #fff;
}
.slider-block .circle-name {
    font-weight: 500;
    font-size: 57px;
    line-height: 0.95;
}
.slider-block .circle-text {
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
}

.slider-block .owl-carousel .owl-nav button.owl-next,
.slider-block .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -24px;
    top: 50%;
    margin: -15px 0 0;

    text-indent: -9999px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;

    overflow: hidden;

    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 1000px;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.slider-block .owl-carousel .owl-nav button.owl-next {
    transform: rotate(180deg);

    left: auto;
    right: -24px;
}


/*owl-carousel*/

.owl-carousel .owl-dots {
    position: absolute;
    z-index: 5;

    left: 0;
    right: 0;
    bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-carousel button.owl-dot {
    width: 14px;
    height: 14px;
    background: #7C7C7C;
    border-radius: 100px;
    margin: 0 7px;
}
.owl-carousel button.owl-dot.active {
    background: #fff;
}

.owl-carousel.small-dots .owl-dots {
    position: static;
    margin-top: 30px;
}
.owl-carousel.small-dots button.owl-dot {
    width: 10px;
    height: 10px;
    background: #E3E3E3;
}
.owl-carousel.small-dots button.owl-dot.active {
    background: var(--color-main);
}


/* catalog-block */

.catalog-block {
    margin: 40px 0;
}
.catalog-block .category {
    margin-bottom: 90px;
}
.catalog-block .category:last-child {
    margin-bottom: 0;
}
.catalog-block .category-name {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 32px;
}
.catalog-block [data-category-section] {
    position: relative;
    top: -20px;
}


/* products-list */

.products-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 38px 60px;
}
.products-list-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.products-list-item .img {
    height: 208px;
    min-height: 208px;

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

    margin-bottom: 20px;

    width: 100%;
}
.products-list-item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    width: 100%;

    height: 100%;
    min-height: 0;
}
.products-list-item .img img {
    display: block;
}
.products-list-item .name a {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    display: block;
    line-height: 1.3;
}
.products-list-item .name a:hover {
    color: var(--color-main);
}
.products-list-item .teaser {
    margin-top: 10px;
    font-size: 14px;
    color: #979797;
}
.products-list-item .footer {
    margin-top: 12px;
}

.products-list-item .price {
    font-size: 20px;
    font-weight: 500;
}
.products-list-item .price .svg-icon {
    width: 12px;
    height: 15px;
    margin-left: 4px;
}
.products-list-item .price-and-weight .line {
    height: 16px;
    width: 1px;
    background: #6E6C6C;
    margin: 0 10px;
}
.products-list-item .weight {
    color: #6f6c6c;
    font-size: 14px;
}


/* add-to-cart-link-default */

.add-to-cart-link-default .link {
    width: 48px;
    height: 48px;
    border: 1px solid var(--color-main);
    box-sizing: border-box;
    border-radius: 4px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.add-to-cart-link-default .link:hover {
    background: var(--color-main);
}
.add-to-cart-link-default .link .svg-icon {
    width: 26px;
    height: 26px;

    position: relative;
    left: -2px;

    stroke: var(--color-main);
}
.add-to-cart-link-default .link:hover .svg-icon {
    stroke: #fff;
}

.add-to-cart-link-price .link {
    line-height: 38px;
    box-sizing: border-box;
    min-width: 90px;
    border-radius: 3px;
    border: 1px solid var(--color-main);
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: #000000;

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

    padding: 0 8px;
}
.add-to-cart-link-price .link .svg-icon {
    width: 8px;
    height: 11px;
    margin-left: 3px;
}

.add-to-cart-link-default .count {
    background: var(--color-main);
    color: #ffffff;
    line-height: 48px;
    box-sizing: border-box;
    font-size: 20px;

    border-radius: 4px;
}
.add-to-cart-link-default .count .value {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 14px;
    text-align: center;
}
.add-to-cart-link-default .count a {
    width: 48px;
    height: 48px;

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

    text-decoration: none;
}
.add-to-cart-link-default .count a .svg-icon {
    stroke: #fff;
    width: 30px;
    height: 30px;
}
.add-to-cart-form .weight {
    border-left: 1px solid #6E6C6C;
    padding-left: 17px;
    color: #6f6c6c;
    font-size: 15px;
}


/* add-to-cart-link-price */

.add-to-cart-link-price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.add-to-cart-link-price .count {
    line-height: 38px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.add-to-cart-link-price .count a {
    width: 29px;
    height: 38px;

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

    box-sizing: border-box;
}
.add-to-cart-link-price .count a.minus {
    padding-left: 10px;
}
.add-to-cart-link-price .count a.plus {
    padding-right: 10px;
}
.add-to-cart-link-price .count .value {
    min-width: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}
.add-to-cart-link-price .count a .svg-icon {
    stroke: #000;
    width: 20px;
    height: 20px;
}


/* modal */

body > [data-modal] {
    display: none;
}

.mfp-bg {
    opacity: 0.6;
}
.mfp-container {
    padding: 0;
}
.mfp-container .mfp-content {
    background: #fff;
    width: 700px;
    box-sizing: border-box;
    padding: 65px 70px;
    border-radius: 10px;
}
.mfp-close-btn-in .mfp-close,
.mfp-close-btn-in .mfp-close:hover {
    opacity: 1;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='34.7366' y='37.2629' width='33.941' height='3.57273' rx='1.78637' transform='rotate(-135 34.7366 37.2629)' fill='%2346484F'/%3E%3Crect x='10.7368' y='34.7367' width='33.941' height='3.57273' rx='1.78637' transform='rotate(-45 10.7368 34.7367)' fill='%2346484F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-color: unset;

    right: 20px;
    top: 20px;
}

body.is-modal-open #content {
    filter: blur(8px);
}

[data-modal] .modal-title {
    font-size: 35px;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 30px;
}

.modal-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
.modal-actions .button {
    margin-right: 10px;
}
.modal-actions .button:last-child {
    margin-right: 0;
}


/* product-detail */

.product-detail-modal .mfp-container .mfp-content {
    width: 1082px;
}

.product-detail {
    display: flex;
    flex-wrap: nowrap;
}
.product-detail .info {
    width: 50%;
    min-width: 50%;

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.product-detail .image {
    width: 100%;
    min-width: 0;
    margin-left: 50px;

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

.product-detail .info .header {
    margin-bottom: 40px;
    width: 100%;
}
.product-detail .info .footer {
    width: 100%;
}

.product-detail .info .image img {
    display: block;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;
}
.product-detail .name {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.4;
}
.product-detail .teaser {
    font-size: 16px;
    line-height: 1.45;
}

.product-detail .name-and-teaser {
    margin-bottom: 25px;
}

.product-detail .nutritional {
    font-size: 16px;
    max-width: 340px;
}
.product-detail .nutritional .title {
    font-weight: 600;
    margin-bottom: 10px;
}
.product-detail .nutritional .item {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 5px;
}
.product-detail .nutritional .item:last-child {
    margin-bottom: 0;
}


/* add-to-cart-form */

.add-to-cart-form {
    max-width: 414px;
}
.add-to-cart-form .item-option {
    display: flex;
    flex-wrap: wrap;
    padding: 4px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: -1px;
}
.add-to-cart-form .item-option .item-variant {
    margin: 4px 25px 4px 0;
}
.add-to-cart-form .item-option .item-variant:last-child {
    margin-right: 0;
}

.add-to-cart-form .price-and-buy {
    margin-top: 20px;
}

.add-to-cart-form .price {
    margin-right: 20px;
}
.add-to-cart-form .price .value {
    font-size: 40px;
    line-height: 1;
}
.add-to-cart-form .price .svg-icon {
    width: 20px;
    height: 37px;
    margin-left: 6px;
}
.add-to-cart-form .buy button.add {
    height: 64px;
    background: var(--color-main);
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #fff;
    font-family: Golos, Helvetica, Arial, sans-serif;
    font-weight: normal;

    width: 164px;
    text-align: center;
}
.add-to-cart-form .buy .count {
    background: var(--color-main);
    border-radius: 4px;
}
.add-to-cart-form .buy .count button {
    overflow: hidden;
    text-indent: -9999px;
    height: 64px;
    width: 69px;
    background: none;
    border: none;
    margin: 0;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;
}
.add-to-cart-form .buy .count button .svg-icon {
    width: 40px;
    height: 40px;
    stroke: #fff;
}
.add-to-cart-form .buy .count .value {
    min-width: 26px;
    font-size: 24px;
    text-align: center;
    line-height: 64px;
    color: #fff;
}


/* add-to-cart-form woks */

.add-to-cart-form .woks {
    margin-bottom: 20px;
}
.add-to-cart-form .woks .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.add-to-cart-form .wok {
    width: 128px;

    margin-right: 15px;
    margin-bottom: 15px;

    display: flex;
}
.add-to-cart-form .wok:last-child,
.add-to-cart-form .wok:nth-child(3n) {
    margin-right: 0;
}
.add-to-cart-form .wok label {
    box-sizing: border-box;
    padding: 14px;
    border-radius: 12px;
    width: 100%;
    cursor: pointer;
    background: #fff;

    box-shadow: 0 0 10px -2px rgba(94, 97, 165, 0.4);

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.add-to-cart-form .wok label span:not(.flex) {
    display: block;
}
.add-to-cart-form .wok input[type="checkbox"] {
    display: none;
}
.add-to-cart-form .wok-img {
    height: 80px;
}
.add-to-cart-form .wok-img img {
    display: block;
    max-width: 100%;
    height: auto;
}
.add-to-cart-form .wok-name {
    font-size: 14px;
    line-height: 1.2;
    margin: 5px 0 10px;
}
.add-to-cart-form .wok-price {
    font-weight: 500;
    font-size: 17px;
}
.add-to-cart-form .wok-price .svg-icon {
    width: 12px;
    height: 12px;
    margin-left: 3px;
}
.add-to-cart-form .wok-buy {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background-color: var(--color-main);

    background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' fill='%23ffffff'%3E%3Cpath d='M489.667,233.667H276.333V20.333C276.333,8.551,266.782-1,255-1s-21.333,9.551-21.333,21.333v213.333H20.333 C8.551,233.667-1,243.218-1,255s9.551,21.333,21.333,21.333h213.333v213.333c0,11.782,9.551,21.333,21.333,21.333 s21.333-9.551,21.333-21.333V276.333h213.333c11.782,0,21.333-9.551,21.333-21.333S501.449,233.667,489.667,233.667z'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}

.add-to-cart-form .woks input[type="checkbox"]:checked + label .wok-buy {
    background-color: #58C162;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M12.3769 2.18934L12.3769 2.18935L4.48911 10.0772L1.52247 7.11055C1.20332 6.79137 0.685904 6.79142 0.366728 7.11053L0.366723 7.11054C0.0475478 7.42968 0.0475554 7.94709 0.366718 8.26625L0.472783 8.16019L0.366718 8.26626L3.91122 11.8107C3.91123 11.8107 3.91123 11.8107 3.91124 11.8107C4.23034 12.1299 4.74807 12.1296 5.06698 11.8107L13.5327 3.34509C13.5327 3.34509 13.5327 3.34509 13.5327 3.34509C13.8518 3.02594 13.8518 2.5085 13.5327 2.18935C13.2135 1.87018 12.6961 1.87019 12.3769 2.18934Z' fill='white' stroke='white' stroke-width='0.3'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}



/* cart-page */

.cart-page-center {
    width: 100%;
    min-width: 0;
    margin-right: 100px;
}
.cart-page-right {
    width: 336px;
    min-width: 336px;
}

.cart-page .promocode-and-scores .block {
    width: calc(50% - 15px);
}


/* cart-info-block */

.cart-info-block {
    padding: 50px;
    box-sizing: border-box;
    box-shadow: 0 0 30px rgba(94, 97, 165, 0.1);
    border-radius: 20px;
}
.cart-info-block .title {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 500;
    line-height: 1.3;
}
.cart-info-block .count {
    font-size: 20px;
}
.cart-info-block .total .value {
    font-size: 37px;
    margin-right: 9px;
    line-height: 1.3;
}
.cart-info-block .total .svg-icon {
    width: 20px;
    height: 27px;
    stroke: #fff;
}
.cart-info-block .checkout {
    margin: 30px 0;
}
.cart-info-block .checkout a {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
}
.cart-info-block .min-order-and-work {
    color: #979797;
    font-size: 14px;
    line-height: 1.3;
}
.cart-info-block .min-order-and-work p {
    margin-bottom: 8px;
}
.cart-info-block .min-order-and-work p:last-child {
    margin-bottom: 0;
}


/* cart-block */

.cart-block .empty {
    font-size: 20px;
}
.cart-block .cart-item {
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: -1px;
}
.cart-block .cart-item .count {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.cart-block .cart-item .count a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 52px;
    width: 38px;
}
.cart-block .cart-item .count a.plus {
    justify-content: flex-start;
}
.cart-block .cart-item .count input[type="text"] {
    padding: 0 0 1px;
    margin: 0;
    border: none;
    background: none;
    height: 52px;
    width: 48px;
    box-sizing: border-box;
    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-indent: 0;
    border-radius: 0;
    text-align: center;
    outline: none !important;
    position: relative;
}
.cart-block .cart-item .count a .svg-icon {
    width: 20px;
    height: 20px;
    stroke: #000;
}
.cart-block .cart-item .img {
    width: 185px;
    min-width: 185px;

    min-height: 140px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-block .cart-item .img a {
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-block .cart-item .img img {
    display: block;
}
.cart-block .cart-item .info {
    width: 100%;
    min-width: 0;
}
.cart-block .cart-item .name-and-variants {
    padding: 10px 0;
    width: 100%;
    min-width: 0;
}
.cart-block .cart-item .variants {
    font-size: 14px;
}
.cart-block .cart-item .wok-items {
    font-size: 14px;
}
.cart-block .cart-item .total {
    width: 90px;
    min-width: 90px;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 500;
}
.cart-block .cart-item .total .svg-icon {
    width: 11px;
    height: 16px;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.cart-block .cart-item .count {
    width: 125px;
    min-width: 125px;
    box-sizing: border-box;
}
.cart-block .delete {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    min-width: 60px;
    margin-left: 25px;
}
.cart-block .delete a {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;
}
.cart-block .delete a .svg-icon {
    width: 20px;
    height: 20px;
}
.cart-block .cart-item .name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
    line-height: 1.3;
}
.cart-block .cart-item .name a {
    color: #000000;
    text-decoration: none;
}
.cart-block .cart-item .name a:hover {
    color: var(--color-main);
}

.cart-block .presents {
    margin-top: 60px;
}
.cart-block .cart-present .count {
    border: none;
}
.cart-block .cart-present.deleted .img,
.cart-block .cart-present.deleted .name,
.cart-block .cart-present.deleted .total {
    opacity: 0.3;
}


/* products-carousel */

.products-carousel {
    overflow: hidden;
}
.products-carousel-item {
    width: 100%;
    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 0 15px;
    box-sizing: border-box;
}

.products-carousel-item .name {
    margin-bottom: 5px;
}
.products-carousel-item .name a {
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    color: #000000;
    line-height: 1.3;
    display: block;
}
.products-carousel-item .name a:hover {
    color: var(--color-main);
}
.products-carousel-item .img {
    margin-bottom: 10px;
    box-sizing: border-box;
    min-height: 110px;

    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.products-carousel-item .weight {
    color: #6f6c6c;
    margin: 5px 0;
    font-size: 14px;
}
.products-carousel-item .header {
    margin-bottom: 5px;
}

.products-carousel .owl-carousel .owl-stage {
    display: flex;
}
.products-carousel .owl-carousel .owl-item {
    display: flex;
}


/* menu-modal */

.menu-modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    z-index: 50;
    background: #fff;

    overflow: auto;
    box-sizing: border-box;

    display: none;
}
body.menu-modal-open .menu-modal {
    display: flex;
}
body.menu-modal-open #content {
    height: 0;
    overflow: hidden;
}

.menu-modal-left {
    width: 33%;
    min-width: 33%;

    padding-top: 8.5714rem;
    box-sizing: border-box;
}
.menu-modal-center {
    width: 100%;
    min-width: 0;

    padding-top: 8.5714rem;
    box-sizing: border-box;
}
.menu-modal-right {
    width: 29%;
    min-width: 29%;
    background: #F3F3F3;

    padding-top: 8.5714rem;
    box-sizing: border-box;
}

.menu-modal .menu {
    margin-bottom: 14.2857rem;
}
.menu-modal .menu li {
    margin-bottom: 2.1429rem;
    line-height: 1.3;
}
.menu-modal .menu li:last-child {
    margin-bottom: 0;
}
.menu-modal .menu a {
    font-size: 1.5714rem;
    color: #000000;
    text-decoration: none;
}
.menu-modal .menu a:hover {
    color: var(--color-main);
}

.menu-modal .info {
    line-height: 1.15;
    font-size: 1.7143rem;
}
.menu-modal .info .phone {
    margin-bottom: 2.5rem;
}
.menu-modal .info .phone a {
    color: var(--color-main);
    text-decoration: none;
    font-weight: 500;
    font-size: 2.1429rem;
}
.menu-modal .info .phone a:hover {
    text-decoration: underline;
}
.menu-modal .info .city {
    margin-top: 0.8571rem;
}

.menu-modal .kitchens {
    font-size: 1.5714rem;
    line-height: 1.2;
}
.menu-modal .kitchens .kitchen {
    width: 50%;
}
.menu-modal .kitchens .name {
    font-size: 2.1429rem;
    font-weight: bold;
    margin-bottom: 2.8571rem;
    max-width: 14.2857rem;
    line-height: 1.35;
}
.menu-modal .kitchens a {
    color: #000000;
    text-decoration: none;
}
.menu-modal .kitchens a:hover {
    color: var(--color-main);
}

.menu-modal .kitchens .categories li {
    margin-bottom: 2.1429rem;
}
.menu-modal .kitchens .categories li:last-child {
    margin-bottom: 0;
}

.menu-modal .logo {
    display: flex;
    justify-content: center;
}
.menu-modal .logo img {
    display: block;
}

.menu-modal .image {
    align-items: center;
    max-height: 75%;
    overflow: hidden;
}
.menu-modal .image img {
    display: block;
    transform: rotate(5deg);

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;
}

.menu-modal .close {
    position: absolute;
    top: 1.4286rem;
    right: 1.4286rem;
}
.menu-modal .close .svg-icon {
    width: 2.4286rem;
    height: 2.4286rem;
    fill: #333;
}


/* about-block */

.about-block {
    background: url(../img/about.jpg) no-repeat center #111;
    color: #ffffff;
}
.about-block.block {
    margin-bottom: 0;
}
.about-block .inner {
    height: 562px;
}
.about-block .name {
    font-size: 40px;
    line-height: 1.25;
    font-weight: 500;
}
.about-block .text {
    font-size: 20px;
    line-height: 1.6;
}
.about-block .more a {
    color: #ffffff;
    text-decoration: none;
    padding: 0 35px;
    line-height: 57px;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}
.about-block .more a:hover {
    color: #111111;
    background: #fff;
}

.about-block .item {
    margin-bottom: 35px;
}
.about-block .item:last-child {
    margin-bottom: 0;
}


/* checkout-form */

.checkout-form-modal .mfp-container .mfp-content {
    width: 1082px;
    padding: 0;
}
.checkout-form-modal [data-modal] {
    display: flex;
}
.checkout-form-modal .form {
    width: 100%;
    min-width: 0;
    padding: 55px 70px;
}
.checkout-form-modal .image {
    width: 448px;
    min-width: 448px;
    position: relative;
    z-index: 1;
    min-height: 700px;
    background: #F0F0F0;
    border-radius: 0 10px 10px 0;
}
.checkout-form-modal .image:after {
    content: '';
    position: absolute;
    top: 55px;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/delivery.jpg) no-repeat right;
    z-index: -1;
}
.checkout-form-modal .form .name {
    font-size: 40px;
    line-height: 1.25;
    margin-bottom: 30px;
    font-weight: 500;
}
.checkout-form .item-address-parts {
    display: grid;
    gap: 13px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.checkout-form .item-address-parts .form-group {
    margin: 0;
}
.checkout-form label {
    display: block;
    font-size: 16px;
    margin-bottom: 2px;
}
.checkout-form .radios label {
    margin-bottom: 10px;
}
.checkout-form .radios .form-group label {
    font-size: 14px;
    margin: 0;
}
.checkout-form .item-actions {
    margin-top: 30px;
}
.checkout-form .item-pickup-address .value {
    color: #777;
}
.checkout-form a.show {
    text-decoration: none;
    line-height: 1;
    border-bottom: 1px dotted;
    color: #000000;
}
.checkout-form a.show:hover {
    color: var(--color-main);
}
.checkout-form .item-delivery-date-and-time {
    display: grid;
    gap: 13px;
    grid-template-columns: 1fr 1fr;
}
.checkout-form .item-delivery-date-and-time .form-group {
    margin: 0;
}


/* autocomplete */

.autocomplete {
    position: relative;
}
.autocomplete ul {
    position: absolute;
    z-index: 10;

    top: -1px;
    left: 0;
    right: 0;

    background: #fff;
    border-radius: 4px;
    border: 1px solid #CBCBCB;
    box-sizing: border-box;
}

.autocomplete a {
    color: #111;
    text-decoration: none;
    display: block;
    padding: 9px 16px;
}
.autocomplete li {
    border-bottom: 1px solid #e7e7e7;
}
.autocomplete li:last-child {
    border-bottom: none;
}
.autocomplete a:hover {
    background: var(--color-main);
    color: #fff;
}


/* flatpickr */

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    box-sizing: border-box;
    padding: 0;
    width: 40px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.flatpickr-current-month {
    box-sizing: border-box;
    height: 50px;

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

    padding: 0;
}
.flatpickr-months .flatpickr-month {
    height: 50px;
}
span.flatpickr-weekday {
    color: #000;
    font-weight: normal;
}
.flatpickr-current-month .numInputWrapper {
    margin-left: 10px;
}
.flatpickr-day {
    line-height: 38px;
    box-sizing: border-box;
}


/* sms-code-form */

.sms-code-form-modal .mfp-container .mfp-content {
    width: 580px;
}

.sms-code-form a {
    text-decoration: none;
}
.sms-code-form a:hover {
    text-decoration: underline;
}

.sms-code-form .item-code {
    max-width: 320px;
}
.sms-code-form .item-code input[type="text"] {
    border-radius: 4px 0 0 4px;
    min-width: 0;
}
.sms-code-form .item-code button {
    width: 104px;
    min-width: 104px;
    padding: 0;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border-radius: 0 4px 4px 0;
    font-size: 17px;
    display: block;
    left: -1px;
    position: relative;
    z-index: 1;
}



/* login-form */

.login-form-modal .mfp-container .mfp-content {
    width: 480px;
}
.login-form .form-group {
    margin: 0;
}
.login-form .item-phone {
    width: 100%;
    min-width: 0;
}
.login-form .item-phone input[type="text"] {
    border-radius: 4px 0 0 4px;
}
.login-form .item-actions {
    width: 100px;
    min-width: 100px;
}
.login-form .item-actions button {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
    text-align: center;
    display: block;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.login-form .help {
    margin-top: 8px;
}


/* profile-page */

.profile-page-left {
    width: 300px;
    min-width: 300px;
    background: #fff;
    margin-right: 40px;
    padding: 20px;
    box-sizing: border-box;

    box-shadow: 0px 0px 30px rgba(94, 97, 165, 0.1);
    border-radius: 20px;
}
.profile-page-center {
    width: 100%;
}

.profile-page-left .box {
    margin-bottom: 30px;
}
.profile-page-left .box:last-child {
    margin-bottom: 0;
}
.profile-page-left .box-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;

    line-height: 1.3;
}
.profile-page-left .box .value {
    font-size: 16px;
}
.profile-page-left .box .empty {
    color: var(--color-main);
}
.profile-page-left .edit {
    width: 18px;
    min-width: 18px;
    margin-left: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-page-left .edit .svg-icon {
    width: 18px;
    height: 18px;
}
.profile-page-left .box-name {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 9px;
}

.profile-page-center .box {
    margin-bottom: 60px;
}
.profile-page-center .box:last-child {
    margin-bottom: 0;
}
.profile-page-center .box-title {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 1.3;
}

.profile-page-center .box .add {
    margin-top: 20px;
    font-size: 16px;
}
.profile-page-center .box .add a {
    text-decoration: none;
}
.profile-page-center .box .add a:hover {
    text-decoration: underline;
}
.profile-page-center .box .icon-add {
    margin-right: 7px;
    background: url(../img/add.png) no-repeat center;
    width: 20px;
    height: 20px;
}

.profile-page .subscribe-link {
    position: relative;
    padding-left: 40px;
    display: block;
    color: #000000;
    text-decoration: none;
    font-size: 16px;
}
.profile-page .subscribe-link:after {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 26px;
    height: 26px;
    border-radius: 3px;
    border: 1px solid #C4C4C4;
}
.profile-page .subscribe-link.subscribed:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 3px;
    width: 18px;
    height: 18px;
    background: var(--color-main);
    border-radius: 4px;
}


    /* profile-phone-form */

.profile-phone-form-modal .mfp-container .mfp-content {
    width: 550px;
}

.profile-phone-form .form-group {
    margin: 0;
}
.profile-phone-form .item-phone {
    width: 100%;
    min-width: 0;
}
.profile-phone-form .item-phone input[type="text"] {
    border-radius: 4px 0 0 4px;
}
.profile-phone-form .item-actions {
    width: 136px;
    min-width: 136px;
}
.profile-phone-form .item-actions button {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
    text-align: center;
    display: block;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.profile-phone-form .help {
    margin-top: 12px;
}


/* profile-email-form */

.profile-email-form-modal .mfp-container .mfp-content {
    width: 550px;
}

.profile-email-form .form-group {
    margin: 0;
}
.profile-email-form .item-email {
    width: 100%;
    min-width: 0;
}
.profile-email-form .item-email input[type="text"] {
    border-radius: 4px 0 0 4px;
}
.profile-email-form .item-actions {
    width: 136px;
    min-width: 136px;
}
.profile-email-form .item-actions button {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 0;
    text-align: center;
    display: block;
    margin-left: -1px;
    border-radius: 0 4px 4px 0;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.profile-email-form .help {
    margin-top: 8px;
}


/* profile-gender-form */

.profile-gender-form-modal .mfp-container .mfp-content {
    width: 450px;
}
.profile-gender-form .item-actions {
    margin-top: 30px;
}


/* profile-email-form */

.profile-date-of-birth-form-modal .mfp-container .mfp-content {
    width: 480px;
}
.profile-date-of-birth-form .item-actions {
    margin-top: 25px;
}


/* orders-list-item */

.orders-list-item {
    padding: 20px 0;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: -1px;
}
.orders-list-item .id-and-date {
    margin-bottom: 20px;
    line-height: 1.2;
}
.orders-list-item .id {
    font-size: 18px;
    font-weight: 500;
    margin-right: 20px;
}
.orders-list-item .date {
    font-size: 16px;
    font-weight: 500;
    color: #b4b4b4;
}
.orders-list-item .order-item .img img {
    display: block;
}
.orders-list-item .order-item .img {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 70px;
    margin-bottom: 7px;
}
.orders-list-item .order-item .name {
    text-align: center;
}
.orders-list-item .order-item .name a {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.orders-list-item .order-item .name a:hover {
    text-decoration: underline;
}
.orders-list-item .order-item {
    width: 175px;
    box-sizing: border-box;
    padding: 0 10px;
}
.orders-list-item .repeat {
    margin-top: 20px;
}
.orders-list-item .repeat a {
    line-height: 43px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid var(--color-main);
    padding: 0 20px;
    font-size: 16px;
    text-decoration: none;
    color: var(--color-main);
}
.orders-list-item .repeat a .svg-icon {
    width: 11px;
    height: 11px;
    fill: var(--color-main);
    margin-left: 2px;
}
.orders-list-item .repeat a:hover {
    background: var(--color-main);
    color: #ffffff;
}
.orders-list-item .repeat a:hover .svg-icon {
    fill: #ffffff;
}


/* address-form */

.address-form .item-address-parts {
    display: grid;
    gap: 13px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.address-form .item-address-parts .form-group {
    margin: 0;
}
.address-form .item-actions {
    margin-top: 30px;
}


/* address-delete-modal */

.address-delete-modal .mfp-container .mfp-content {
    width: 540px;
}



/* addresses-list */

[data-addresses-list-item] {
    margin-bottom: 20px;
}
[data-addresses-list-item]:last-child {
    margin-bottom: 0;
}

.addresses-list-item .name {
    margin-right: 20px;
}
.addresses-list-item .link {
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    top: -1px;
}
.addresses-list-item .link:last-child {
    margin-right: 0;
}


/* contacts-page */

.contacts-page .info {
    width: 100%;
    min-width: 0;
}
.contacts-page .info .svg-icon {
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 25px;
}
.contacts-page .info .name-and-value {
    width: 100%;
    min-width: 0;
}
.contacts-page .info .name {
    font-size: 18px;
    font-weight: 600;
}
.contacts-page .info .value {
    font-size: 20px;
}
.contacts-page .info .value a {
    color: #111111;
    text-decoration: none;
}
.contacts-page .info .value a:hover {
    text-decoration: underline;
}
.contacts-page .info .item {
    margin-bottom: 55px;
    display: flex;
}
.contacts-page .info .item:last-child {
    margin-bottom: 0;
}

.contacts-page .form {
    margin-left: 50px;
    width: 630px;
    min-width: 630px;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;

    box-shadow: 0 0 30px rgba(94, 97, 165, 0.1);
    border-radius: 20px;
}
.contacts-page .form-title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 30px;
    font-weight: 500;
}
.contacts-page .map {
    margin-top: 65px;
    height: 650px;
    background: #eee;
}


/* contacts-form */

.contacts-form .item-actions {
    margin-top: 30px;
}


/* about-page */

.about-page {
    margin: 10px 0 0;
    padding: 60px 0;
    background: #F9F9F9;
    box-sizing: border-box;
}
.about-page .page-inner {
    position: relative;
    z-index: 1;
}
.about-page .page-inner:before {
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    width: 744px;
    height: 503px;
    background: url(../img/about-1.jpg) no-repeat;
}
.about-page .page-inner:after {
    content: '';
    top: 210px;
    left: 0;
    position: absolute;
    z-index: -1;
    width: 634px;
    height: 827px;
    background: url(../img/about-2.jpg) no-repeat;
}
.about-page h1 {
    margin: 0;
    padding: 20px 0 45px 224px;
}
.about-page h2 {
    margin-bottom: 50px;
}
.about-page .text {
    font-size: 20px;
}
.about-page .box-1 {
    min-height: 386px;
}
.about-page .box-1 .text {
    margin-left: 224px;
    padding: 45px 50px;
    background: #fff;
    max-width: 870px;
    box-sizing: border-box;
}
.about-page .box-2 {
    margin-left: 634px;
    padding: 100px 120px 0 120px;
    box-sizing: border-box;
    min-height: 534px;
}
.about-page .box-3 {
    margin: 90px 0;
}
.about-page .box-3 .text {
    font-size: 28px;
    text-align: center;
    line-height: 1.4;
}
.about-page .box-4 {
    min-height: 537px;

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

    background: url(../img/about-3.jpg) no-repeat right;
}
.about-page .box-4 .text {
    max-width: 450px;
}


/* select2 */

.select2-wrapper {
    position: relative;
    z-index: 10;
}

.select2-hidden-accessible {
    display: none;
}
.select2 {
    display: block;
    width: auto !important;
    border: 1px solid #CBCBCB;
    border-radius: 4px;
    position: relative;
}
.select2.select2-container--open {
    z-index: 11;
}
.select2-container {
    min-width: 100%;
}
.select2-selection {
    display: flex;
    justify-content: flex-start;
    border-radius: 4px;
}
.select2-selection__rendered {
    line-height: 48px;
    width: 100%;
    min-width: 0;
    padding: 0 16px;
}
.select2-selection__arrow {
    height: 48px;
    width: 48px;
    min-width: 48px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M6.3293 9.10375L11.8643 3.55339C12.0455 3.37154 12.0452 3.07712 11.8634 2.89558C11.6815 2.71417 11.3869 2.71464 11.2055 2.89651L5.99998 8.11649L0.794437 2.89632C0.613032 2.71447 0.318634 2.71401 0.13676 2.89539C0.0455886 2.98639 2.36924e-06 3.10562 2.36402e-06 3.22485C2.35883e-06 3.34377 0.0452837 3.46253 0.135822 3.55337L5.67068 9.10375C5.75782 9.19133 5.87642 9.24048 5.99998 9.24048C6.12354 9.24048 6.24199 9.19119 6.3293 9.10375Z' fill='%23999999'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='12' height='12' fill='white' transform='translate(12) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}
.select2-container:not(.select2) {
    z-index: 10;
}
.select2-search {
    display: none;
}
.select2-dropdown {
    border: 1px solid #CBCBCB;

    box-shadow: 0 0 4px -1px #ccc;

    display: block;
    box-sizing: border-box;
    border-radius: 4px;
    margin: -1px 0;
    background: #fff;
    overflow: hidden;
}
.select2-results__options {
    max-height: 300px;
    overflow: auto;
}
.select2-dropdown li {
    padding: 10px 16px;
    border-bottom: 1px solid #eee;
}
.select2-dropdown li:last-child {
    border: none;
}
.select2-dropdown li:hover {
    background: #f6f6f6;
    cursor: pointer;
}



/* profile-page-left */

.profile-page-left a.logout {
    color: #000000;
    text-decoration: none;
    line-height: 1;
    display: inline-block;
    border-bottom: 1px dotted #777;
}



/* promocode-form */

.promocode-form .form-group {
    margin: 0;
}
.promocode-form .item-promocode input[type="text"] {
    border-radius: 4px 0 0 4px;
    width: 220px;

    height: 52px;
    line-height: 52px;
}
.promocode-form .item-promocode .placeholder {
    line-height: 50px;
}

.promocode-form .item-actions {
    position: relative;
    z-index: 1;
    margin-left: -1px;
}
.promocode-form .item-actions button {
    height: 52px;
    line-height: 52px;

    font-size: 17px;
    border-radius: 0 4px 4px 0;
    padding: 0 25px;
}


/* promocode-block */

.promocode-block .promocode {
    font-size: 16px;
}
.promocode-block .promocode p {
    margin-bottom: 10px;
}
.promocode-block .promocode p:last-child {
    margin-bottom: 0;
}


/* scores-form */

.scores-form .form-group {
    margin: 0;
}
.scores-form .change {
    border: 1px solid #ccc;
    border-radius: 4px;
}
.scores-form .change a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 52px;
    width: 38px;
}
.scores-form .change a.plus {
    justify-content: flex-start;
}
.scores-form .change input[type="text"] {
    padding: 0 0 1px;
    margin: 0;
    border: none;
    background: none;
    height: 52px;
    width: 66px;
    box-sizing: border-box;
    font-family: Golos, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    text-indent: 0;
    border-radius: 0;
    text-align: center;
    outline: none !important;
    position: relative;
}
.scores-form .change .svg-icon {
    width: 20px;
    height: 20px;
    stroke: #000;
}


/* sales-list */

.sales-list .grid {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr;
}

.sales-list-item {
    background: #fff;
    border-radius: 10px;

    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.sales-list-item .img {
    height: 150px;
    min-height: 150px;
}
.sales-list-item .img img {
    display: block;
    border-radius: 10px 10px 0 0;
}
.sales-list-item .info {
    padding: 16px 20px 20px;
    height: 100%;
    min-height: 0;
}
.sales-list-item .name {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 12px;
}
.sales-list-item .show {
    margin-top: 20px;
}


/* city-modal */

.city-modal .mfp-container .mfp-content {
    width: 500px;
}
.city-modal .item {
    margin-bottom: 10px;
}
.city-modal .item:last-child {
    margin-bottom: 0;
}
.city-modal .item a {
    font-size: 19px;
    text-decoration: none;
    color: #000000;
}
.city-modal .item a:hover {
    text-decoration: underline;
}


/* pagination */

.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    margin-top: 20px;
}
.pagination li {
    border: 1px solid #ddd;
    margin-right: -1px;
}
.pagination li:first-child {
    border-radius: 5px 0 0 5px;
}
.pagination li:last-child {
    border-radius: 0 5px 5px 0;
}
.pagination li span,
.pagination li a {
    display: block;
    line-height: 36px;
    min-width: 36px;
    text-align: center;
    padding: 0 5px;
    box-sizing: border-box;
    text-decoration: none;
}
.pagination li a:hover {
    text-decoration: underline;
}


/* static-page */

.static-page {
    margin: 30px 0;
}


/* personal-data-message */

.personal-data-message {
    background: #333;
    color: #ffffff;
    font-size: 12.5px;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 20;
    border-top: 1px solid #666;
}
.personal-data-message .inner {
    position: relative;
    padding: 12px 0;
}
.personal-data-message .text {
    margin-right: 20px;
}
.personal-data-message .close .svg-icon {
    fill: #fff;
    width: 18px;
    height: 18px;
}
.personal-data-message .close {
    position: absolute;
    right: -20px;
    top: 0;
    width: 36px;
    height: 36px;
    line-height: 1.3;

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