@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap');

:root {
    --color-1: #d9141b;
    --color-2: #070707;
    --color-3: #282828;
    --color-4: #5b5b5b;
    --color-5: #757578;
    --color-6: #909497;
    --color-7: #adaaaa;
    --color-8: #b2b2b2;

    --color-vk: #45668e;
    --color-ig: #5851db;
    --color-tg: #0088cc;

    --font-1: 'Montserrat', sans-serif;
    --font-2: 'Caveat', cursive;
    --font-3: 'Pacifico', cursive;
    --font-4: 'Comfortaa', cursive;
}

/* body
----------------------------------------------------------------------------------------------------------------------*/
html,
body {
    width: auto;
    margin: 0;
    padding: 0;
    background: #fff url('/images/content_mainPage_background.jpg');
    font-family: var(--font-1);
    font-size: 14px;
    font-weight: 400;
}
body {
    width: 100%;
    /*height: 100%;*/
    min-height: 100vh;
}
.wrap {
    width: auto;
    height: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
}
.wrap .toast-container {
    z-index: 10;
}
body.modal-open .wrap .toast-container {
    right: 17px !important;
}
div {
    outline: none !important;
}
img {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    outline: none !important;
}
a {
    outline: none !important;
}
button {
    outline: none !important;
}
.bg-white {
    background: #fff;
}

/* prime-button
----------------------------------------------------------------------------------------------------------------------*/
.prime-button:not(:hover) {
    background: var(--color-1);
}

/* form-group
----------------------------------------------------------------------------------------------------------------------*/
.form-group {
    margin: 0;
}
.form-group.form-check {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.form-group label {
    margin-bottom: .5rem;
    font-weight: 600;
}
.form-group.form-check label {
    margin: 2px 0 0 10px;
    user-select: none;
    cursor: pointer;
}
.form-group.required label:before {
    content: '*';
    margin-right: 3px;
    color: var(--bs-danger);
}
.form-group.form-check input[type='checkbox'] {
    cursor: pointer;
}
.form-group.form-check input[type='radio'] {
    cursor: pointer;
}
.form-group.has-success input[type='text'] {
    border-color: var(--bs-success);
}
.form-group.has-success input[type='text']:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error input[type='text'] {
    border-color: var(--bs-danger);
}
.form-group.has-error input[type='text']:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group.has-success input[type='tel'] {
    border-color: var(--bs-success);
}
.form-group.has-success input[type='tel']:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error input[type='tel'] {
    border-color: var(--bs-danger);
}
.form-group.has-error input[type='tel']:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group.has-success input[type='number'] {
    border-color: var(--bs-success);
}
.form-group.has-success input[type='number']:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error input[type='number'] {
    border-color: var(--bs-danger);
}
.form-group.has-error input[type='number']:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group.has-success input[type='password'] {
    border-color: var(--bs-success);
}
.form-group.has-success input[type='password']:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error input[type='password'] {
    border-color: var(--bs-danger);
}
.form-group.has-error input[type='password']:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group.has-success input[type='email'] {
    border-color: var(--bs-success);
}
.form-group.has-success input[type='email']:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error input[type='email'] {
    border-color: var(--bs-danger);
}
.form-group.has-error input[type='email']:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group.has-success select {
    border-color: var(--bs-success);
}
.form-group.has-success select:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error select {
    border-color: var(--bs-danger);
}
.form-group.has-error select:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group textarea {
    height: 100px;
    resize: vertical;
}
.form-group.has-success textarea {
    border-color: var(--bs-success);
}
.form-group.has-success textarea:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25);
}
.form-group.has-error textarea {
    border-color: var(--bs-danger);
}
.form-group.has-error textarea:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25);
}
.form-group .verifyWrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.form-group .verifyWrap .img {
    width: auto;
    height: 40px;
    margin-right: 1rem;
    padding: 3px;
    flex-shrink: 0;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.form-group .verifyWrap .img img {
    width: auto;
    height: 100%;
}
.form-group .verifyWrap .input {
    width: 100%;
    flex-shrink: 2;
}
.form-group .help-block {
    margin: 5px 0 0;
    font-size: 13px;
    color: var(--color5);
}
.form-group.has-success .help-block {
    color: var(--bs-success);
}
.form-group.has-error .help-block {
    color: var(--bs-danger);
}

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

/* header
----------------------------------------------------------------------------------------------------------------------*/
header {
    top: 0;
    background: #fff;
    position: sticky;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    z-index: 99;
}
header .top-container {
    padding: .75rem 1.5rem;
    background: var(--color-2);
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
header .top-container a.phone {
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    transition: color .15s;
}
header .top-container a.phone:hover {
    color: var(--color-1);
}
header .top-container span.time {
    margin-left: 1rem;
    font-size: 13px;
    color: #fff;
}
header .header-content {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
header .header-content a.logo {
    width: 74px;
    display: block;
    flex-shrink: 0;
    text-decoration: none;
}
header .header-content a.logo img {
    width: 100%;
}
header .header-content .categories-menu {
    margin: 0 1.5rem;
    flex-shrink: 2;
}
header .header-content .categories-menu .inner {
    margin: -.25rem -.5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
header .header-content .categories-menu .inner a.item {
    margin: .25rem .5rem 0;
    text-decoration: none;
}
header .header-content .categories-menu .inner a.item span {
    font-weight: 500;
    font-size: 16px;
    color: var(--color-2);
    white-space: nowrap;
    transition: color .15s;
}
header .header-content .categories-menu .inner a.item:hover span {
    color: var(--color-1);
}
header .header-content .widgets-container {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    flex-shrink: 0;
}
header .header-content .widgets-container > *:not(:first-child) {
    margin-top: .5rem;
}
header .header-content .widgets-container .header-cart-widget a {
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
}
header .header-content .widgets-container .header-cart-widget a span.count {
    width: 21px;
    height: 21px;
    margin-left: .5rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    color: var(--color-2);
    border-radius: 50%;
}

@media (min-width: 992px) {
    header .top-container .side-menu {
        margin-left: auto;
    }
    header .top-container .side-menu .offcanvas-body ul.navbar-nav {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }
    header .top-container .side-menu .offcanvas-body ul.navbar-nav li.nav-item {
    }
    header .top-container .side-menu .offcanvas-body ul.navbar-nav li.nav-item:not(:first-child) {
        margin-left: .75rem;
    }
    header .top-container .side-menu .offcanvas-body ul.navbar-nav li.nav-item a.nav-link {
        padding: 0;
        font-size: 13px;
        color: #fff;
        transition: color .15s;
    }
    header .top-container .side-menu .offcanvas-body ul.navbar-nav li.nav-item a.nav-link:hover {
        color: var(--color-1);
    }
    header .header-content .categories-menu {
        background: none !important;
    }
}
@media (max-width: 1200px) {
    header .header-content .categories-menu .inner a.item span {
        font-size: 14px;
    }
}
@media (max-width: 992px) {
    header .top-container {
        padding: 0;
    }
    header .top-container .side-menu .offcanvas-body {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
    }
    header .top-container .side-menu .offcanvas-body .contacts {
        margin-top: auto;
    }
    header .top-container .side-menu .offcanvas-body .contacts a {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-decoration: none;
    }
    header .top-container .side-menu .offcanvas-body .contacts a:not(:first-child) {
        margin-top: .75rem;
    }
    header .top-container .side-menu .offcanvas-body .contacts a span {
        font-weight: 500;
        font-size: 18px;
        color: var(--color-2);
    }
    header .top-container .side-menu .offcanvas-body .contacts a i {
        margin-right: .5rem;
        font-size: 30px;
        color: var(--color-1);
    }
    header .header-content {
        padding: 0;
        flex-wrap: wrap;
    }
    header .header-content button.side-menu-show {
        width: 55px;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
    }
    header .header-content button.side-menu-show i {
        font-size: 30px;
    }
    header .header-content a.logo {
        width: auto;
        height: 55px;
        margin-left: 1rem;
        padding: .5rem;
    }
    header .header-content a.logo img {
        width: auto;
        height: 100%;
    }
    header .header-content .categories-menu {
        width: 100vw;
        margin: 0;
        padding: 1.2rem 1.5rem .6rem;
        flex-shrink: 0;
    }
    header .header-content .categories-menu .inner {
        margin: 0;
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
    }
    header .header-content .categories-menu .inner a.item {
        margin: 0;
        padding-bottom: .6rem;
    }
    header .header-content .categories-menu .inner a.item:not(:first-child) {
        margin-left: 1rem;
    }
    header .header-content .categories-menu .inner a.item span {
        font-size: 15px;
    }
    header .header-content .widgets-container {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    header .header-content .widgets-container > *:not(:first-child) {
        margin: 0 0 0 1.5rem;

    }
    header .header-content .widgets-container a.phone {
        text-decoration: none;
    }
    header .header-content .widgets-container a.phone i {
        font-size: 23px;
        color: var(--color-2);
    }
    header .header-content .widgets-container .header-auth-widget a {
        padding: 0;
        background: none;
        border: none;
    }
    header .header-content .widgets-container .header-auth-widget a i {
        font-size: 26px;
        color: var(--color-2);
    }
    header .header-content .widgets-container .header-cart-widget a {
        height: 55px;
        border-radius: 0 !important;
    }
}

/* main
----------------------------------------------------------------------------------------------------------------------*/
main {
    padding: 3rem 5rem;
}
main section {
    width: auto;
    max-width: 1640px;
    margin: 0 auto;
}
main section:not(:first-child) {
    margin-top: 3rem;
}
main section .section-body {
}
main section .section-body h2.section-title {
    margin-bottom: 3rem;
    position: relative;
    font-family: var(--font-2);
    font-weight: 700;
    font-size: 66px;
    text-align: center;
}
main section .section-body h2.section-title:before {
    content: '';
    width: 60px;
    height: 6px;
    left: 50%;
    bottom: 0;
    background: var(--color-1);
    display: block;
    position: absolute;
    transform: translate(-50%, 100%);
    border-radius: 50rem;
}

@media (max-width: 992px) {
    main {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media (max-width: 576px) {
    main {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    main section .section-body h2.section-title {
        margin-bottom: 2rem;
        font-size: 46px;
    }
    main section .section-body h2.section-title:before {
        width: 50px;
    }
}

/* main section.auth
---------------------------------------------------------------------------*/
main section.auth {
}
main section.auth .section-body {
}
main section.auth .section-body form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
main section.auth .section-body form .buttons {
    margin: -1rem -.5rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
main section.auth .section-body form .buttons > * {
    margin: 1rem .5rem 0;
}
main section.auth .section-body form .alert.code-message {
    display: none;
}

@media (max-width: 576px) {
    main section.auth .section-body form .buttons {
        flex-direction: column-reverse;
        align-items: center;
    }
    main section.auth .section-body form .buttons > * {
        min-width: 80%;
    }
}

/* main section.page
---------------------------------------------------------------------------*/
main section.page {
}
main section.page .section-body {
}

/* main section.top-block
---------------------------------------------------------------------------*/
main section.top-block {
    width: auto;
    max-width: none;
    margin: -3rem -5rem 0;
}
main section.top-block .section-body {
}
main section.top-block .section-body .top-block-slider {
}
main section.top-block .section-body .top-block-slider:not(.slick-slider) {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
main section.top-block .section-body .top-block-slider .slide {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
main section.top-block .section-body .top-block-slider:not(.slick-slider) .slide {
    width: 100%;
}
main section.top-block .section-body .top-block-slider:not(.slick-slider) .slide:not(:first-child) {
    display: none;
}
main section.top-block .section-body .top-block-slider .slide .item {
    width: 100%;
    display: block;
    text-decoration: none;
}
main section.top-block .section-body .top-block-slider .slide .item img {
    width: 100%;
}

@media (max-width: 992px) {
    main section.top-block {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }
}
@media (max-width: 576px) {
    main section.top-block {
        margin-top: -2rem;
    }
}

/* main section.products
---------------------------------------------------------------------------*/
main section.products {
}
main section.products .section-body {
}
main section.products .section-body .products-container {
    margin: -2rem -1rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
}
main section.products .section-body .products-container > .box {
    width: 25%;
    padding: 2rem 1rem 0;
}
main section.products .section-body .products-container article.product {
    width: auto;
    height: 100%;
    overflow: hidden;
}
main section.products .section-body .products-container article.product .img-container {
}
main section.products .section-body .products-container article.product .img-container .img {
    height: 245px;
    position: relative;
}
main section.products .section-body .products-container article.product .img-container .img:before {
    content: '\f817';
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 180px;
    z-index: 1;
}
main section.products .section-body .products-container article.product .img-container .img img {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    object-fit: contain;
    object-position: center center;
    z-index: 2;
}
main section.products .section-body .products-container article.product .img-container .img img.lazy-load {
    display: none;
}
main section.products .section-body .products-container article.product .card-body {
    padding-bottom: calc(42px + 2rem);
    position: relative;
}
main section.products .section-body .products-container article.product .card-body .title-container {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
main section.products .section-body .products-container article.product .card-body .title-container h5 {
    margin-bottom: 0;
    flex-shrink: 2;
}
main section.products .section-body .products-container article.product .card-body .title-container p {
    margin: 0 0 0 1rem;
    flex-shrink: 0;
}
main section.products .section-body .products-container article.product .card-body .card-text {
    font-size: .9rem;
}
main section.products .section-body .products-container article.product .card-body form {
}
main section.products .section-body .products-container article.product .card-body form .radio-modifiers-container {
    display: flex;
}
main section.products .section-body .products-container article.product .card-body form .drop-modifiers-container {
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container {
    width: 100%;
    padding: 0 1rem 1rem;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p {
    margin: 0;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price-old {
    margin: 0 1rem 1px 0;
    color: var(--color-6);
    position: relative;
    line-height: 1;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price-old:after {
    content: '';
    width: calc(100% + 10px);
    height: 2px;
    top: 50%;
    left: -5px;
    background: var(--color-1);
    display: block;
    position: absolute;
    transform: translateY(-50%);
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price-old span {
    font-size: 18px;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price-old i {
    margin-left: .25rem;
    font-size: 15px;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price {
    line-height: 1;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price span {
    font-weight: 600;
    font-size: 28px;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container .price-container p.price i {
    margin-left: .25rem;
    font-size: 25px;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button > .spinner-border {
    width: 1.25rem;
    height: 1.25rem;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button > i,
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button > .spinner-border {
    margin-right: .5rem;
}
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button > i:not(.show),
main section.products .section-body .products-container article.product .card-body form .buy-button-container button.buy-button > .spinner-border:not(.show) {
    margin-right: .5rem;
    display: none;
}

@media (max-width: 1200px) {
    main section.products .section-body .products-container > .box {
        width: 50%;
    }
}
@media (max-width: 576px) {
    main section.products .section-body .products-container {
        flex-direction: column;
    }
    main section.products .section-body .products-container > .box {
        width: 100%;
    }
    main section.products .section-body .products-container article.product .img-container .img {
        height: 180px;
    }
}

/* main section.cart
---------------------------------------------------------------------------*/
main section.cart {
}
main section.cart .section-body {
}
main section.cart .section-body .cart-container {
    margin: -2rem -1rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
main section.cart .section-body .cart-container > * {
    width: 100%;
    padding: 2rem 1rem 0;
    flex-shrink: 2;
}
main section.cart .section-body .cart-container > .left-side {
    width: 70%;
    flex-shrink: 0;
}
main section.cart .section-body .cart-container > .right-side {
}
main section.cart .section-body .cart-container .cart-content {
}
main section.cart .section-body .cart-container .cart-content .products {
}
main section.cart .section-body .cart-container .cart-content .products .product {
    margin: -1rem -.5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
main section.cart .section-body .cart-container .cart-content .products .product > .box {
    padding: 1rem .5rem 0;
}
main section.cart .section-body .cart-container .cart-content .products .product > hr {
    margin-left: .5rem;
    margin-right: .5rem;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container {
    width: 120px;
    flex-shrink: 0;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container .img {
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container .img:before {
    content: '\f817';
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 300;
    font-size: 90px;
    z-index: 1;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container .img img {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    object-fit: cover;
    z-index: 2;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container .img img.lazy-load {
    display: none;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .description {
    margin-left: 1rem;
    flex-shrink: 2;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .description h5.name {
    font-weight: 600;
    font-size: 20px;
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .description .modifier-container {
}
main section.cart .section-body .cart-container .cart-content .products .product .description-container .description .modifier-container p {
    margin: 0;
    font-size: 12px;
}
main section.cart .section-body .cart-container .cart-content .products .product .count-container {
    margin-left: auto;
}
main section.cart .section-body .cart-container .cart-content .products .product .count-container .count {
    width: 75px;
}
main section.cart .section-body .cart-container .cart-content .products .product .cost-container {
    min-width: 130px;
    text-align: center;
}
main section.cart .section-body .cart-container .cart-content .products .product .cost-container p.cost {
    margin: 0;
    line-height: 1;
}
main section.cart .section-body .cart-container .cart-content .products .product .cost-container p.cost span {
    font-weight: 600;
    font-size: 24px;
}
main section.cart .section-body .cart-container .cart-content .products .product .cost-container p.cost i {
    margin-left: .25rem;
    font-size: 21px;
}
main section.cart .section-body .cart-container .cart-content .products .product .delete-container {
}
main section.cart .section-body .cart-container .cart-content .products .product .delete-container button {
    padding: 0;
    background: none;
    border: none;
}
main section.cart .section-body .cart-container .cart-content .products .product .delete-container button i {
    font-size: 26px;
    color: var(--color-1);
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * {
    width: 40%;
    margin-top: .75rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p {
    width: auto;
    margin: 0;
    flex-shrink: 0;
    line-height: 1;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p.title {
    margin-bottom: 1px;
    font-weight: 600;
    font-size: 16px;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p.dots {
    width: 100%;
    margin: 0 10px 1px;
    flex-shrink: 2;
    font-size: 16px;
    color: var(--color-6);
    overflow: hidden;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p.value {
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p.value span {
    font-weight: 700;
    font-size: 20px;
}
main section.cart .section-body .cart-container .cart-content .cart-cost-container > * p.value i {
    margin-left: .25rem;
    font-size: 17px;
}
main section.cart .section-body .cart-container .order-content {}
main section.cart .section-body .cart-container .order-content .order {}
main section.cart .section-body .cart-container .order-content .order form {}
main section.cart .section-body .cart-container .order-content .order form .coupon-container {
    padding: 3rem;
    clip-path: polygon(0% 0%, 100% 0%, 97.64% 8.33%, 100% 16.66%, 97.64% 24.99%, 100% 33.32%, 97.64% 41.65%, 100% 49.98%, 97.64% 58.31%, 100% 66.64%, 97.64% 74.97%, 100% 83.3%, 97.64% 91.63%, 100% 100%, 0% 100%, 2.36% 91.63%, 0% 83.3%, 2.36% 74.97%, 0% 66.64%, 2.36% 58.31%, 0% 49.98%, 2.36% 41.65%, 0% 33.32%, 2.36% 24.99%, 0% 16.66%, 2.36% 8.33%);
}
main section.cart .section-body .cart-container .order-content .order form .coupon-container input[type='text'] {
}
main section.cart .section-body .cart-container .order-content .order form .delivery-container {
    display: none;
}
main section.cart .section-body .cart-container .order-content .order form .delivery-container#iikodelievery {
    display: block;
}
main section.cart .section-body .cart-container .order-content .order form .date-container {
    display: none;
}
main section.cart .section-body .cart-container .order-content .order form .date-container#now {
    display: block;
}
main section.cart .section-body .cart-container .order-content .order form .date .input-group-addon {
    width: 49px;
}
main section.cart .section-body .cart-container .order-content .order form .date input.form-control {
    font-size: 1rem;
}
main section.cart .section-body .cart-container .order-content .order form .pay-container {
    display: none;
}
main section.cart .section-body .cart-container .order-content .order form .pay-container#cash {
    display: block;
}
main section.cart .section-body .cart-container .order-content .order form input[type='number'] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

@media (max-width: 1400px) {
    main section.cart .section-body .cart-container > .left-side {
        width: 68%;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container {
        width: 100px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .description h5.name {
        font-size: 18px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .description .modifier-container p {
        font-size: 10px;
    }
}
@media (max-width: 1200px) {
    main section.cart .section-body .cart-container {
        flex-direction: column;
    }
    main section.cart .section-body .cart-container > * {
        width: 100%;
    }
    main section.cart .section-body .cart-container > .left-side {
        width: 100%;
    }
}
@media (max-width: 992px) {
    main section.cart .section-body .cart-container .cart-content .products .product .description-container {
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container {
        margin-top: 1rem;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .description {
        margin-left: 0;
    }
    main section.cart .section-body .cart-container .cart-content .cart-cost-container > * {
        width: 50%;
    }
}
@media (max-width: 576px) {
    main section.cart .section-body .cart-container .cart-content .products .product .description-container {
        width: 100%;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container {
        width: 100px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .img-container .img:before {
        font-size: 76px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .description h5.name {
        font-size: 18px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .description-container .description .modifier-container p {
        font-size: 10px;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .count-container {
        margin-left: 0;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .cost-container {
        min-width: 0;
        margin-left: auto;
    }
    main section.cart .section-body .cart-container .cart-content .products .product .delete-container {
        position: absolute;
        top: 0;
        right: 0;
    }
    main section.cart .section-body .cart-container .cart-content .cart-cost-container > * {
        width: 100%;
    }
}

/* footer
----------------------------------------------------------------------------------------------------------------------*/
footer {
    margin-top: auto;
    padding: 2rem 5rem;
    background: var(--color-2);
}
footer .footer-content {
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
}
footer .footer-content .inner {
    margin: -2rem -4rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
footer .footer-content .inner > .box {
    padding: 2rem 4rem 0;
}
footer .footer-content .inner .contacts {
}
footer .footer-content .inner .contacts a {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    transition: color .15s;
}
footer .footer-content .inner .contacts a:hover {
    color: var(--color-1);
}
footer .footer-content .inner .contacts p {
    margin: .5rem 0 0;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}
footer .footer-content .inner .pay-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
footer .footer-content .inner .pay-container .pay {
    height: 62px;
}
footer .footer-content .inner .pay-container .pay:not(:first-child) {
    margin-left: 2rem;
}
footer .footer-content .inner .pay-container .pay img {
    height: 100%;
}
footer .footer-content .inner .social-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
footer .footer-content .inner .social-container a.social {
    width: 48px;
    height: 48px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: background-color .15s;
}
footer .footer-content .inner .social-container a.social:not(:first-child) {
    margin-left: 1rem;
}
footer .footer-content .inner .social-container a.social.vk:hover {
    background: var(--color-vk);
}
footer .footer-content .inner .social-container a.social.ig:hover {
    background: var(--color-ig);
}
footer .footer-content .inner .social-container a.social.tg:hover {
    background: var(--color-tg);
}
footer .footer-content .inner .social-container a.social i {
    font-size: 34px;
    color: var(--color-2);
    transition: color .15s;
}
footer .footer-content .inner .social-container a.social:hover i {
    color: #fff;
}
footer .footer-content .inner .copy-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
footer .footer-content .inner .copy-container p.copy {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-4);
}
footer .footer-content .inner .copy-container .links {
    margin-left: .5rem;
}
footer .footer-content .inner .copy-container .links a {
    margin-left: .5rem;
    font-weight: 500;
    font-size: 12px;
    color: var(--color-4);
    text-decoration: none;
    transition: color .15s;
}
footer .footer-content .inner .copy-container .links a:hover {
    color: #fff;
}

@media (max-width: 992px) {
    footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    footer .footer-content .inner {
        margin: -2rem 0 0;
        flex-direction: column;
        align-items: center;
    }
    footer .footer-content .inner > .box {
        width: auto;
        padding: 2rem 0 0;
        margin: 0 !important;
    }
    footer .footer-content .inner .contacts {
        text-align: center;
    }
    footer .footer-content .inner .contacts a {
        font-size: 18px;
    }
    footer .footer-content .inner .pay-container {
        justify-content: center;
    }
    footer .footer-content .inner .pay-container .pay {
        height: 50px;
    }
    footer .footer-content .inner .social-container {
        justify-content: center;
    }
    footer .footer-content .inner .social-container a.social {
        width: 40px;
        height: 40px;
    }
    footer .footer-content .inner .social-container a.social i {
        font-size: 26px;
    }
    footer .footer-content .inner .copy-container {
        flex-direction: column;
    }
    footer .footer-content .inner .copy-container p.copy {
        text-align: center;
    }
    footer .footer-content .inner .copy-container .links {
        margin: 0;
        text-align: center;
    }
    footer .footer-content .inner .copy-container .links a {
        font-size: 12px;
    }
}
@media (max-width: 576px) {
    footer {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}