:root {
    --main-font-size: 16px;
    --main-font-color: #464646;
    --main-font-weight: 400;
    --main-font-lineHeight: 1.4;
    --main-general-color: #373493;
    --main-bg-color: #f2f2f2;
    --link-color: #333;
    --selected-color: #ff6101;
    --alert-color: #de214e;
    --valid-color: #32d300;

    --catalog-menu-hover-bg: #ecfaff;
    --border-color:#dadcde;
    --gray-base:#f4f5f6;
    --gray-color:#787878;
    --gray-bg-color:#eee;
    --gray-lighter-color:#949494;
    --gray-lighter-color2:#a7a7a7;
}
*,*::after, *::before{
    box-sizing: border-box;
}
html,body{
    height:100%;
    margin:0;
    padding:0;
    font-family:Montserrat,sans-serif;
}
body{
    color:var(--main-font-color);
    font-family:Montserrat,sans-serif;
    line-height: var(--main-font-lineHeight);
    background:var(--main-bg-color);
    font-weight: var(--main-font-weight);
    font-size: var(--main-font-size);
}
body.active-mobile-menu,
body.active-catalog-menu{
    overflow: hidden;
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    line-height: var(--main-font-lineHeight);
    margin: 0;
}
.no-select{
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.hide{
    display:none !important;
}
svg.hidden{
    display:none;
}
svg.icon {
    width:16px;
    height:16px;
    fill: currentColor;
    color: inherit !important;
}
article, aside, footer, header, nav, section {
    display: block;
    position: relative;
}
header{
    z-index:999999999;
}
h1.page-title{
    margin:0 0 30px;
    font-size:24px;
    font-weight: 600;
}
h4{
    margin:0 0 30px;
}
a {
    color: var(--main-font-color);
    cursor: pointer;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
img{
    max-width: 100%;
    height: auto;
}
p{
    margin: 0 0 20px;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
.mb0{
    margin-bottom: 0 !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb30{
    margin-bottom: 30px  !important;
}
.mb40{
    margin-bottom: 40px  !important;
}
.mb50{
    margin-bottom: 50px  !important;
}
.mb60{
    margin-bottom: 60px  !important;
}
.mb80{
    margin-bottom: 80px  !important;
}
.mb100{
    margin-bottom: 100px !important;
}

header {
    position: relative;
    background: #fff;
}
header .header-top{
    background: var(--main-general-color);
    color:#fff;
}
header .header-top a{
    color:inherit;
    text-decoration: none;
}
header .header-top a:hover{
    text-decoration: underline;
}
header .header-top .panel{
    height:52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .header-top .panel .lang{
    display: flex;
    align-items: center;
    gap:30px;
    justify-content: space-between;
    font-size:14px;
}
header .header-top .panel .lang a{
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
header .header-top .panel .lang a.active{
    text-decoration:none;
}
header .header-top .panel .lang a:hover{
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
header .header-top .panel .top-menu1{
    margin:0;
    padding:0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 30px;
    flex-wrap:wrap;
}
header .header-top .panel .phones{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap:wrap;
    font-size:14px;
}
header .header-top .panel .separator{
    position: relative;
    display: block;
    width: 1px;
    height:21px;
    background: #fff;
}
header .header-controls {
    position: relative;
    background: #fff;
    padding: 13px 0;
    box-shadow: 0 4px 7px rgba(0,0,0,.15);
}
.sticky-wrap-header-controls.fixed-position .header-controls{
    position: fixed;
    left:0;
    top:0;
    width: 100% !important;
}
.sticky-wrap-header-controls.fixed-position .container{
    padding:0 15px;
}
header .header-controls .panel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:30px;
}
.logo a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap:8px;
}
.logo a img{
    display: block;
    height:auto;
}
.logo a img:first-child{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    flex: 0 0 auto;
}
.logo:hover img:first-child{
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


header .header-controls .search-field-wrapper{
    flex:1;
    position: relative;
}
header .header-controls .search-field-wrapper #searchbox{
    display: flex;
    align-items: stretch;
    background: #e9e9e9;
    border-radius: 20px;
    padding: 0 16px;
    gap:12px;
    color:#b1b1b1;
}
header .header-controls .search-field-wrapper #searchbox .searchbox-element {
    display: flex;
    align-items: center;
}
header .header-controls .search-field-wrapper #searchbox .searchbox-input {
    position: relative;
    line-height: 40px;
    border: 0;
    outline: none;
    background: transparent;
    flex:1;
}
header .header-controls .search-field-wrapper #searchbox svg{
    cursor:pointer;
    filter: drop-shadow(0 0 1px rgba(0,0,0,0.2));
}
header .header-controls .search-field-wrapper #searchbox button{
    border:0;
    background-color: transparent;
    color:inherit;
    display: flex;
    align-items: center;
}

.tool-box {
    display: flex;
    gap:40px;
    align-items: center;
    font-size:12px;
}
.tool-box a{
    text-decoration: none;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.tool-box a div{
    display: flex;
    justify-content: center;
    position: relative;
    width: 24px;
    height: 24px;
    align-self: center;
}
.tool-box a div svg{
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
}
.tool-box a div{
    position: relative;
    display: block;
    height:24px;
}
.tool-box a [data-count]::after{
    content: attr(data-count);
    position: absolute;
    display: block;
    top: -6px;
    right: -12px;
    font-size: 10px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #fff;
    background: var(--selected-color);
    padding: 2px 5px 3px 5px;
    border-radius: 50%;
    line-height: 1;
}
.tool-box a #icon-compare[data-count]::after{
    right: -14px;
}
.tool-box a [data-count="0"]::after{
    display:none;
}
.tool-box a > span{
    position: relative;
    display: inline-block;
    padding-top:3px;
    line-height: 10px;
}


.catalog-btn{
    position: relative;
    background: var(--main-general-color);
    border-radius:20px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    height:42px;
    color:#fff;
    font-weight: 500;
    transition: border-radius 0.3s linear;
    cursor: pointer;
}
.catalog-btn .ham{
    display: flex;
    position: relative;
    margin-right:8px;
    width: 24px;
    height:24px;
}
.catalog-btn .ham .line {
    fill: none;
    stroke: #fff;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.catalog-btn .ham .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.catalog-btn .ham .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}
.catalog-btn .ham .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}
.catalog-btn.active .ham .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.catalog-btn.active .ham .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}
.catalog-btn.active .ham .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}
.catalog-btn span{
    flex:1;
    text-align: center;
}
.catalog-btn > svg.icon{
    margin-left: 8px;
}



#catalog-menu{
    position:absolute;
    left:-10000px;
    top:-10000px;
    right:0;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    transition: visibility 0.3s, opacity 0.3s;
}
#catalog-menu.active{
    visibility: visible;
    opacity: 1;
    left:0;
    top:100%;
}

.overlay{
    position: fixed;
    display: none;
    left:0;
    top:0;
    bottom:0;
    right:0;
    height:100vh;
    width: 100vw;
    background: rgba(0,0,0,0.5);
    z-index: 999990;
}
#catalog-menu .catalog-container{
    margin: 0 auto;
    max-width: 1380px;
    background: #fff;
    display: grid;
    grid-template-columns: auto 1fr;
    border-radius:0 0 10px 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    position:relative;
}
#catalog-menu .catalog-container .column{
    position:relative;
    padding:0;
    overflow: hidden;
}
#catalog-menu .catalog-container .column .mCSB_container{
    padding:15px;
}
#catalog-menu .catalog-container .column-content{
    padding-left:15px;
}
#catalog-menu .catalog-container .column-content a{
    font-size:14px;
}
#catalog-menu .catalog-container .column-content a + ul{
    margin-top:4px;
}
#catalog-menu .catalog-container .column-content ul li{
    padding: 3px 0;
}
#catalog-menu .catalog-container .column-content a:not(.mCSB_buttonDown){
    position: relative;
}
#catalog-menu .catalog-container .column-content a:not(.mCSB_buttonDown):hover{
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
#catalog-menu h2{
    margin:0 0 30px;
    font-size:18px;
    font-weight: bold;
}

#catalog-menu .list{
    column-count: 3;
    column-gap: 20px;
}
#catalog-menu .list a{
    text-decoration: none;
    color:var(--gray-color);
}
#catalog-menu .list ul{
    list-style: none;
    margin:0 0 20px;
    padding:0;
    page-break-inside: avoid;
    break-inside: avoid;
    font-size: 16px;
}
#catalog-menu .list ul ul{
    margin-bottom:0;
    font-size:14px;
    padding:0 20px;
}
#catalog-menu .list ul ul ul{
    font-size:12px;
}
#catalog-menu .list ul ul ul ul{
    font-size:10px;
}
#catalog-menu .list > ul > li > a{
    color:var(--main-font-color);
    font-weight: 500;
}
#catalog-menu .list ul ul ul a{
    color: var(--gray-lighter-color2);
}
#catalog-menu .column-left {
    min-width: 280px;
    border-right:1px solid #c5c5c5;
}
#catalog-menu .column-left .mCSB_inside > .mCSB_container{
    margin-right:0;
    padding:9px 15px 15px 0;
}
#catalog-menu .column-left .mCSB_inside > .mCSB_container.mCS_y_hidden{
    padding-right:0;
}
#catalog-menu .column-left svg{
    display: block;
    width:16px;
    height:16px;
    position: absolute;
    right:5px;
    top:50%;
    fill:#c5c5c5;
    transform: translateY(-50%);
}
#catalog-menu .column-left ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#catalog-menu .column-left ul li{
    position: relative;
    border-bottom:1px solid #efefef;
}

#catalog-menu .column-left li a{
    color: var(--gray-color);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding:7px 15px;
}
#catalog-menu .column-left ul li.active,
#catalog-menu .column-left ul li:hover{
    background: #f6f6f6;
}
#catalog-menu .column-left li.active a,
#catalog-menu .column-left li:hover a{
    font-weight: 500;
    color:var(--main-font-color);
}
#catalog-menu .column-left li.active svg,
#catalog-menu .column-left li:hover svg{
    fill:var(--main-font-color);
}
.cat-childNodes{
    display: none;
}
.cat-childNodes.active{
    display:block;
}
.control-row{
    position:relative;
}
.hamburger-btn{
    display:none;
    width:28px;
    height: 28px;
    cursor: pointer;
    flex-shrink: 0;
}

#mobileMenu{
    position:fixed;
    left:-110%;
    top:0;
    background: #fff;
    z-index: 9999999999;
    padding:20px 0;
    width: 100%;
    max-width:550px;
    height: 100vh;
    overflow: auto;
    transition: left 0.3s ease-in-out;
    box-shadow: 3px 0 10px rgba(0,0,0,.25);
}
#mobileMenu .header {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
#mobileMenu .header .logo {
    flex:1;
    display: flex;
    justify-content: center;
}
#mobileMenu .header .logo a{
    display: flex;
    align-items: center;
    gap: 8px;
}
#mobileMenu .header svg{
    margin-left:auto;
    cursor:pointer;
}
#mobileMenu .lang{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin-bottom: 35px;
}
#mobileMenu .top-menu1 {
    list-style: none;
    padding: 0;
    margin: 0;
}

#mobileMenu .top-menu1 ul {
    list-style: none;
    padding: 0 0 0 10px;
    margin: 0;
    display: none;
}
#mobileMenu .top-menu1 li {
    position: relative;
    padding-left:20px;
    border-bottom:1px solid var(--border-color);
}

#mobileMenu .top-menu1 a {
    text-decoration: none;
    color: #333;
    display: inline-block;
    padding: 10px 0;
    position: relative;
}

#mobileMenu .toggle-icon {
    /*position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 30px;
    */
    cursor: pointer;
    height: 38px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512' fill='%23999'%3E%3Cpath d='M7,24a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l8.17-8.17a3,3,0,0,0,0-4.24L6.29,1.71A1,1,0,0,1,7.71.29l8.17,8.17a5,5,0,0,1,0,7.08L7.71,23.71A1,1,0,0,1,7,24Z'/%3E%3C/svg%3E");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center right;
}
#mobileMenu .sub-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#mobileMenu .sub-menu > a {
    white-space: nowrap;
}

#mobileMenu .sub-menu > .toggle-icon {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

#mobileMenu .sub-menu > ul {
    width: 100%;
}
#mobileMenu li.open > ul {
    border-top:2px solid var(--selected-color);
}
#mobileMenu li.open > ul > li:last-child {
    border:0;
}
#mobileMenu li.open > .toggle-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512' fill='%23000000'%3E%3Cpath d='M12,17.17a5,5,0,0,1-3.54-1.46L.29,7.54A1,1,0,0,1,1.71,6.12l8.17,8.17a3,3,0,0,0,4.24,0l8.17-8.17a1,1,0,1,1,1.42,1.42l-8.17,8.17A5,5,0,0,1,12,17.17Z'/%3E%3C/svg%3E");
}

#mobileMenu .searchbox{
    display: flex;
    align-items: stretch;
    background: #e9e9e9;
    border-radius: 20px;
    padding: 0 16px;
    gap:12px;
    color:#b1b1b1;
    margin-bottom:20px;
}
#mobileMenu .searchbox .searchbox-element {
    display: flex;
    align-items: center;
}
#mobileMenu .searchbox .searchbox-input {
    position: relative;
    line-height: 40px;
    border: 0;
    outline: none;
    background: transparent;
    flex:1;
    padding-left: 5px;
}
#mobileMenu .searchbox svg{
    cursor:pointer;
    display: block;
}
#mobileMenu .searchbox button{
    border:0;
    background-color: transparent;
    color:inherit;
    display: flex;
    align-items: center;
}
#mobileMenu .address-item{
    margin-bottom:40px;
}
#mobileMenu .address-item .header-address{
    margin-bottom:12px;
    font-weight: 600;
    padding-left: 22px;
}
#mobileMenu .address-item .header-phones {
    padding-left: 22px;
}
#mobileMenu .address-item .header-phones div{
    display: flex;
    align-items: center;
    gap:10px;
    margin-bottom: 8px;
}
#mobileMenu .tool-box{
    margin-bottom:20px;
    justify-content: space-around;
}
body.active-mobile-menu #mobileMenu{
    left:0;
    visibility: visible;
}


.top-slider-container{
    margin-bottom:60px;
}
#top-slider .top-slider-item {
    aspect-ratio: 69 / 25; /* дефолт для десктопа */
    overflow: hidden;
}

#top-slider .top-slider-item picture,
#top-slider .top-slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.v-nav.owl-carousel .owl-nav{
    display: block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
}
.v-nav.owl-carousel .owl-nav.disabled{
    display:none;
}
.v-nav.owl-carousel .owl-nav button.owl-next,
.v-nav.owl-carousel .owl-nav button.owl-prev{
    color: inherit;
    border: 1px solid #ccc;
    padding: 0 !important;
    font-variant-numeric: inherit;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: rgba(255,255,255,0.85);
    background-repeat: no-repeat;
    background-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    top: -20px;
}
.v-nav.owl-carousel .owl-nav button.owl-prev{
    background-position: 6px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M17.17,24a1,1,0,0,1-.71-.29L8.29,15.54a5,5,0,0,1,0-7.08L16.46.29a1,1,0,1,1,1.42,1.42L9.71,9.88a3,3,0,0,0,0,4.24l8.17,8.17a1,1,0,0,1,0,1.42A1,1,0,0,1,17.17,24Z'/%3E%3C/svg%3E");
    left:0;
}
.v-nav.owl-carousel .owl-nav button.owl-next{
    background-position: 8px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M7,24a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l8.17-8.17a3,3,0,0,0,0-4.24L6.29,1.71A1,1,0,0,1,7.71.29l8.17,8.17a5,5,0,0,1,0,7.08L7.71,23.71A1,1,0,0,1,7,24Z'/%3E%3C/svg%3E");
    right:0;
}
#top-slider a{
    position: relative;
    display: block;
}

@media (max-width: 767px) {
    #top-slider .top-slider-item {
        aspect-ratio: 3 / 4;
    }
}

h2.block-title{
    margin:0 0 30px;
    font-size:24px;
    font-weight: 600;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
h2.block-title a{
    font-size:16px;
    font-weight: normal;
    display: block;
    margin-left:auto;
}

.listing-container .list-item{
    position: relative;
    max-width:295px;
    border-radius:15px;
    background: #fff;
    padding-bottom:15px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 7px rgba(0,0,0,.15);
}
.listing-container .list-item a {
    display: block;
    text-decoration: none;
    flex:1;
}
.listing-container .list-item .photo {
    position: relative;
    margin-bottom: 15px;
}

.listing-container .list-item .photo img{
    display: block;
    max-width: 100%;
    height:auto;
    border-radius:15px 15px 0 0;
}
.listing-container .list-item .title{
    padding:0 10px;
    font-weight: 500;
    font-size: 15px;
    color: var(--main-font-color);
    margin-bottom:15px;
}

.listing-container .list-item .product-line-tool{
    display: flex;
    padding:0 10px;
    align-items: stretch;
    min-height: 44px;
    gap: 4px;
}
.listing-container .list-item .product-line-tool > div{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--main-bg-color);
    border-radius: 8px;
}
.listing-container .list-item .product-line-tool .price-wrapper{
    position: relative;
    justify-content: space-between;
    flex:1;
    display: flex;
    padding: 0 10px;
    font-weight: 500;
    font-size: 14px;
    flex-wrap: wrap;
}
.listing-container .list-item .out-of-stock{
    position:absolute;
    display: flex;
    align-items: flex-start;
    height:21px;
    border-radius:8px;
    background: #979797;
    left:50%;
    transform: translateX(-50%);
    bottom:-10px;
    padding: 0 10px;
    color:#fff;
    font-weight: 500;
    font-size: 12px;
    white-space: nowrap;
    line-height: 18px;
}
.listing-container .list-item .product-line-tool .price-wrapper.no-price{
    background: #fff;
}
.listing-container .list-item .product-line-tool .price-wrapper .special{
    font-weight: normal;
    color:var(--selected-color);
    position: relative;
}
.listing-container .list-item .product-line-tool .price-wrapper .special::before {
    content: "";
    position: absolute;
    left: -2px;
    right:-2px;
    top: 50%;
    height: 1px;
    background: var(--selected-color);
}
.listing-container .list-item .product-line-tool .price-wrapper .discount{
    font-size:16px;
    font-weight: bold;
    color:#000;
}
.listing-container .list-item .product-line-tool .fav-btn,
.listing-container .list-item .product-line-tool .cart-btn{
    width: 44px;
    cursor:pointer;
    color: var(--gray-lighter-color2);
}
.listing-container .list-item .product-line-tool .fav-btn:hover,
.listing-container .list-item .product-line-tool .cart-btn:hover{
    color: var(--main-font-color);
}
.listing-container .list-item .product-line-tool .fav-btn.selected,
.listing-container .list-item .product-line-tool .cart-btn.selected{
    color:var(--selected-color);
}
.listing-container:not(.owl-carousel){
    --auto-grid-min-size: 15rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 2rem 1rem;
}

.hit-slider-container{
    margin-bottom:60px;
}
#similar-slider.owl-carousel .owl-stage-outer,
#hit-slider.owl-carousel .owl-stage-outer{
    padding-top:3px;
    padding-bottom:12px;
    border-radius: 0 0 15px 15px;
}
#similar-slider.owl-carousel .owl-stage,
#hit-slider.owl-carousel .owl-stage{
    display: flex;
}
#similar-slider.owl-carousel .owl-stage .list-item,
#hit-slider.owl-carousel .owl-stage .list-item {
    height: 100%;
    margin:0 0 0 2px;
}

.promo-slider-container{
    margin-bottom:80px;
}
#promo-slider .promo-slide{
    width: 373px;
    height: 442px;
    display: block;
    position: relative;
    background: #fff;
    margin: 0 auto;
    border-radius: 15px;
}
#promo-slider .promo-slide .slide-pic{
    width: 373px;
    height: 442px;
    overflow: hidden;
    position: relative;
    z-index: 10;
    font-size: 0;
    border-radius: 15px;
}
#promo-slider .promo-slide .slide-pic::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:60%;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(55,52,147) 75%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(55,52,147) 75%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgb(55,52,147) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    border-radius: 15px;
}
#promo-slider .promo-slide .slide-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
}
#promo-slider .promo-slide .slide-info a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    padding: 24px 30px 49px;
}
#promo-slider .promo-slide .slide-info .slide-name{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px;
    text-decoration: none;
    hyphens: auto;
}
#promo-slider .promo-slide .slide-info .slide-price-new,
#promo-slider .promo-slide .slide-info .new-price{
    color: var(--selected-color);
    font-weight: 600;
    font-size: 24px;
    display: block;
}
#promo-slider .promo-slide .slide-info .slide-price-new::before{
	content:attr(data-old);
	color:#fff;
	font-weight: 500;
    font-size: 18px;
    margin-right:8px;
    text-decoration: line-through;
    opacity:0.75;
}
#promo-slider .promo-slide .slide-btn{
    width: 216px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    border-radius: 30px;
    color: v;
    text-decoration: none;
    font-size: 16arpx;
    position: var(--alert-color);
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 0 8px 0 rgba(50, 50, 50, 0.5);
    transform: scale(0);
    transition: all 0.3s ease-in-out;
    z-index:100;
}
#promo-slider .promo-slide:hover .slide-btn{
    transform: scale(1);
}
#promo-slider .promo-slide:hover .slide-btn:hover svg{
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
#promo-slider .owl-dots {
    margin-top:50px;
}
#promo-slider .owl-dots .owl-dot{
    width:15px;
    height:15px;
    margin:0 4px;
}
#promo-slider .owl-dots .owl-dot span{
    margin:0;
    width:15px;
    height:15px;
    background: #fff;
}
#promo-slider .owl-dots .owl-dot.active span {
    background: var(--main-general-color);
}
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}
.novelties-container{
    margin-bottom:80px;
}
.novelties-container .more-listings{
    display: flex;
    margin:30px 0 0;
    font-weight: 600;
    justify-content: center;
}

.about{
    padding: 159px 0 144px 0;
    position: relative;
    margin-top: -50px;
}

.about__main{
    background: #373493 ;
    background-attachment: fixed;
    width: 100%;
    height: 400px;
    padding: 70px 70px 70px 70px;
    position: relative;
}

.about__main__text{
    color: #fff;
    font-weight: 600;
    font-size: 45px;
    display: block;
}

.about__main__num{
    display: block;
    font-weight: 800;
    color: #fff;
    font-size: 106px;
    margin-bottom: 10px;
}

.about__link{
    display: block;
    width: 420px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    color: #373493;
    text-decoration: none;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
}

.about__link span{
    border-radius: 30px;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
}

.about__link::before{
    content: "";
    display: block;
    width: 436px;
    height: 116px;
    background: url('/images/shadow.png') 0 0 no-repeat;
    position: absolute;
    top: -6px;
    left: -8px;
    z-index: -1;
}

.about__link:hover,
.about__link:active,
.about__link:focus{
    color: #ffcd21;
}

.about__pic {
    width: 70%;
    height: 951px;
    position: absolute;
    top: -116px;
    right: 0;
}
.scene__pic{
    top: 20px!important;
    left: 230px!important;
}

.scene__frame {
    top: 186px!important;
    left: 129px!important;
    width: 685px;
}



#google-map{
    width: 100%;
    height: 512px;
}

.contacts-blc{
    position: relative;
}

.contacts{
    background: #fff;
    width: 425px;
    min-height: 325px;
    position: absolute;
    top: 164px;
    left: calc(50% - 40px);
    z-index: 2;
    padding: 41px 37px 41px 40px;
    color: #494949;
    border-radius: 15px;
    transform:translateX(-100%);
}
.contacts-blc.contacts-extended .contacts{
    top:50px;
}
.contacts:last-child{
    left: auto;
    transform:translateX(100%);
    right:calc(50% - 40px);
}

.contacts__title{
    text-transform: none;
    font-size: 18px;
    color: #494949;
    margin: 0 0 10px 30px;
    line-height: 1.2;
}

.contacts__item {
    position: relative;
    padding-left: 30px;
    font-size: 17px;
    color: #494949;
    margin-bottom: 15px;
}

.contacts__item::before{
    content: "";
    width: 21px;
    height: 22px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    background: url('/images/contacts.png') -2px 0 no-repeat;
}

.contacts__item_mail::before{
    background-position: 0px -48px;
}

.contacts__item a{
    color: #494949;
    text-decoration: none;
    display: inline-block;
    margin:5px 0;
}

.contacts__item a:hover{
    color: #494949;
}

.contacts__item_time::before{
    background-position: 0 -90px;
}

.contacts__item_phone::before{
    background-position: 0 -153px;
}

.contacts__link{
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    color: #373493;
    text-align: center;
    text-decoration: none;
    width: 340px;
    height: 60px;
    line-height: 60px;
    border-radius: 40px;
    border: 2px solid #373493;
    margin-top: 23px;
}

.contacts__link:hover,
.contacts__link:focus,
.contacts__link:active{
    border-color: var(--alert-color);
}

.contacts-blc .page__title{
    text-align: center;
    margin-bottom: 40px;
}
footer{
    padding:80px 0;
}
.footer-content{
    display: flex;
}
.footer-copy {
    color: #37060e;
    display: block;
    font-size: 14px;
}
.footer-copy span{
    white-space: nowrap;
}
.footer-menu-wrapper{
    flex:1;
    display: flex;
    justify-content: space-around;
    padding-right:120px;
}
.footer-menu-wrapper ul{
    margin:0;
    padding:0;
}
.footer-link{
    width: 20px;
    height: 20px;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 5px;
}
.footer-info{
    padding-bottom: 5px;
    display: flex;
    justify-content: flex-end;
    color: #37060e;
    font-size: 14px;
}
.footer-info a{
    white-space: nowrap;
}
.footer-social{
    display: flex;
    justify-content: center;
}

.footer-social span{
    color: #37060e;
    font-size: 14px;
}

.footer-link-unvis{
    display: none;
}

.footer-link-vis{
    display: block;
}

.footer-link:hover .footer-link-unvis{
    display: block;
}

.footer-link:hover .footer-link-vis{
    display: none;
}

.footer-info b{
    font-weight: 400;
    color: #dd2a1b;
}

.footer-info a{
    font-weight: 400;
    color: #dd2a1b;
    text-decoration: none;
}

.footer-menu-item ul{
    padding: 0;
    margin: 0;
}

.footer-menu-item li{
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    color: #494949;
}

.footer-menu-item li a{
    color: #494949;
    text-decoration: none;
}

.footer-menu-item li a:hover{
    color: var(--alert-color);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.whatsapp-bounce {
    -webkit-animation: bounce 1.5s ease-in-out;
    -moz-animation: bounce 1.5s ease-in-out;
    -o-animation: bounce 1.5s ease-in-out;
    animation: bounce 1.5s ease-in-out;
}
#whatsapp-wrapper{
    position:fixed;
    bottom:50px;
    right:15px;
    width:72px;
    height:72px;
    z-index: 9999;
}
#whatsapp-wrapper:hover{
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}
#whatsapp-wrapper img{
    position:relative;
    display: inline-block;
}

.bread-crumbs-wrapper{
    margin: 40px 0 50px;
}
.bread-crumbs-wrapper.mCS_no_scrollbar{
    margin: 40px 0 30px;
}

.bread-crumbs{
    list-style: none;
    padding: 0;
    margin:0;
    display: flex;
    gap: 35px;
    font-size:13px;
    height:20px;
}
.bread-crumbs li{
    position:relative;
    line-height: 1;
    white-space: nowrap;
}
.bread-crumbs li::after{
    content:'→';
    position:absolute;
    display: block;
    width:16px;
    height: 16px;
    top:-1px;
    right:-26px;
}
.bread-crumbs li a{
    position: relative;
    color:var(--main-font-color);
    text-decoration: none;
}
.bread-crumbs li:last-child a{
    color:var(--gray-lighter-color2);
}
.bread-crumbs li:last-child::after{
    display: none;
}
.bread-crumbs li a:hover{
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.bread-crumbs-wrapper .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.bread-crumbs-wrapper .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    bottom: -17px;
}

.page-content{
    background: #fff;
    border-radius:15px;
    padding-top:30px;
    padding-bottom:30px;
}

.delivery-page{
    background: var(--main-general-color);
}
.delivery-page .bread-crumbs li a {
    color: #99c;
}
.delivery-page .delivery{
    display: flex;
    align-items: flex-start;
    padding-bottom:70px;
}
.delivery-page .delivery .delivery-left{
    flex:1;
    text-align: center;
}
.delivery-page .delivery .delivery-right{
    max-width: 470px;
    padding-right: 70px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
.delivery-page .delivery .delivery-right strong{
    font-size: 31px;
    font-weight: 800;
    color: #ff0;
}

.contacts-item {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #cfcfcf;
}

.categoty-page-header{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom:30px;
    gap:30px 40px;
    flex-wrap: wrap;
}
.categoty-page-header h1{
    flex:1;
    margin:0 0 10px;
    line-height: 1;
    font-size:26px;
}

.select-tools{
    display: flex;
    align-items: center;
    gap:18px;
    flex-wrap:wrap;
}


.pagination{
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}

.pagination li{
    color: #909090;
    font-size: 16px;
    font-weight: 600;
    width: 39px;
    height: 39px;
    line-height: 39px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid transparent;
}

.pagination li a{
    color: #909090;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.pagination li.active{
    border-color: #373493;
    background: #373493;
}
.pagination li.active a{

    color: #fff;
}

.cat-grid {
    --auto-grid-min-size: 14rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
    grid-gap: 2rem 1rem;
}

.cat-grid-item {
    background: #fff;
    border-radius:10px;
    box-shadow: 0 4px 7px rgba(0,0,0,.15);
    padding:15px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    font-size:14px;
    font-weight: 600;
}
.cat-grid-item a{
    flex:1;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cat-grid-item img{
    flex:1;
    display: block;
    width: 80%;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    margin: 0 auto 30px;
}
.cat-grid-item .subcat-title{
    text-align: center;
}
.cat-grid-item:hover .subcat-title{
    text-decoration: underline;
}

.category-page .listing-container{
    margin-bottom:80px;
}
.empty-info-block{
    background: #fff;
    border-radius:10px;
    padding: 40px 20px;
    text-align: center;
    color:var(--gray-color);
}

#preview{
    border-radius:10px;
    border:1px solid var(--border-color);
}
.product-thumbs-wrapper{
    padding:0 20px;
}
.product-thumbs-wrapper .v-nav.owl-carousel .owl-nav{
    left:-30px;
    right:-30px;
    width: calc(100% + 60px);
}
.product-thumbs-wrapper .v-nav.owl-carousel .owl-nav button{
    border:0;
    background-color: transparent;
    margin-left:0;
    margin-right:0;
    top:-12px;
}
.product-thumbs-wrapper .owl-theme .owl-nav .disabled{
    opacity:0.2;
}
.product-thumbs {
    margin:0;
    padding:0;
    list-style: none;
}
.product-thumbs a{
    display: flex;
    justify-content: center;
    border: 2px solid var(--border-color);
    border-radius: 6px;
}
.product-thumbs .thumb-active a{
    border-color: var(--selected-color);
}
.product-thumbs img{
    width: 70px;
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    display: block;
    border-radius: 4px;
}
.fancybox__container{
    z-index: 1050000000;
}

.warning-text{
    background: rgba(252, 248, 227, 1);
    position: relative;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    line-height: 1.4;
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    margin-bottom: 25px;
    font-size: 14px;
    padding: 0 20px;
    height:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:8px;
    color:var(--selected-color);
}
.warning-text svg{
    fill:rgba(252, 248, 227, 1);
    width:24px;
    height: 24px;
}
.warning-text svg path{
    stroke:var(--selected-color);
}
.phones__block{
    position: relative;
    margin-bottom:30px;
}
.phones__block a{
    font-weight: 700;
    color: var(--alert-color);
}

.product-info h6{
    margin:0;
    font-size: 18px;
    line-height: 1.4;
    color: var(--main-font-color);
}

.address__blocks{
    position:relative;
    margin-bottom:15px;
    padding-bottom:5px;
    border-bottom:1px solid #ccc;
}
.address__blocks__item{
    position:relative;
    margin-bottom:10px;
    font-size:14px;
}
.address_block_wrapper .address__blocks:last-child{
    border:none;
}
.product__title h1,
h1.product__title{
    color: var(--main-font-color);
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
}

.product-availability{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.product-availability.in-stock{
    color:var(--main-font-color);
}
.product-availability svg{
    margin-right: 5px;
    fill:var(--alert-color);
}
.product-availability.in-stock svg{
    fill:var(--valid-color);
}

.product-info .price-wrapper{
    position: relative;
    font-weight: 600;
    font-size: 16px;
}
.product-info .price-wrapper.no-price{
    display: none;
}
.product-info .price-wrapper *{
    display: inline-block;
}
.product-info .price-wrapper .price.label{
    font-size: 16px;
    margin-right:8px;
}
.product-info .price-wrapper .price.special{
    font-weight: normal;
    color:var(--gray-color);
    position: relative;
    margin-right:8px;
}
.product-info .price-wrapper .price.special::before {
    content: "";
    position: absolute;
    left: -2px;
    right:-2px;
    top: 50%;
    height: 1px;
    background: var(--gray-color);
}
.product-info .price-wrapper .price:not(.special) .value{
    color: var(--alert-color);
    font-size: 20px;
    margin-right:8px;
}
.product-info .price-wrapper .price.discount{
    font-size:20px;
    font-weight: bold;
    color:var(--alert-color);
}
.product-info .cart-btn{
    display: inline-flex;
    align-items: center;
    height:44px;
    padding:0 20px;
    border-radius: 8px;
    background: var(--alert-color);
    color:#fff;
    cursor:pointer;
    gap:8px;
}

.product-description{
    margin-top:30px;
}
.product-description .tab-box{
    border-bottom:1px solid var(--border-color);
    display: flex;
    height:40px;
    align-items: stretch;
    justify-content: flex-start;
    padding-left:15px;
}
.product-description .tab-box span{
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0 30px;
    background: var(--gray-base);
    border-radius: 8px 8px 0 0;
    border:1px solid var(--border-color);
    border-bottom:0;
}
.product-description .tab-content{
    padding: 30px 15px;
}
.product-description .tab-content b,
.product-description .tab-content strong{
    font-weight: 600;
}
.product-photo{

}
@-webkit-keyframes shadowpulse {
    0% {-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.4)}
    70% {-webkit-box-shadow: 0 0 10px 30px transparent}
    to {-webkit-box-shadow: 0 0 0 0 transparent}
}

@keyframes shadowpulse {
    0% {-moz-box-shadow: 0 0 0 0 rgba(255,255,255,.4);box-shadow: 0 0 0 0 rgba(255,255,255,.4)}
    70% {-moz-box-shadow: 0 0 10px 30px transparent;box-shadow: 0 0 10px 30px transparent}
    to {-moz-box-shadow: 0 0 0 0 transparent;box-shadow: 0 0 0 0 transparent}
}
.product-photo .gallery::before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 68px;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    z-index: 7;
    animation: shadowpulse 2s infinite;
}
.product-photo .gallery::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: url("../images/plus-w.png") center no-repeat rgba(20, 20, 20, 0.9);
    outline: 10px solid rgba(20, 20, 20, 0.4);
    border-radius: 100%;
    z-index: 8;
    transition: all 0.3s ease-in-out;
}
.product-photo .btn.btn-next,
.product-photo .btn.btn-prev{
    color: inherit;
    border: 1px solid #ccc;
    padding: 0 !important;
    font-variant-numeric: inherit;
    border-radius: 50%;
    cursor:pointer;
    width: 32px;
    height: 32px;
    background-color: rgba(255,255,255,0.85);
    background-repeat: no-repeat;
    background-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.product-photo .btn.btn-prev{
    background-position: 6px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M17.17,24a1,1,0,0,1-.71-.29L8.29,15.54a5,5,0,0,1,0-7.08L16.46.29a1,1,0,1,1,1.42,1.42L9.71,9.88a3,3,0,0,0,0,4.24l8.17,8.17a1,1,0,0,1,0,1.42A1,1,0,0,1,17.17,24Z'/%3E%3C/svg%3E");
    left:20px;
}
.product-photo .btn.btn-next{
    background-position: 8px center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M7,24a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l8.17-8.17a3,3,0,0,0,0-4.24L6.29,1.71A1,1,0,0,1,7.71.29l8.17,8.17a5,5,0,0,1,0,7.08L7.71,23.71A1,1,0,0,1,7,24Z'/%3E%3C/svg%3E");
    right:20px;
}

.cart-empty{
    display: none;
}
.cart-empty.show{
    display: block;
}
.cart-empty .btn,
.cart-table .btn{
    background: var(--alert-color);
    color:#fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    padding:0 40px;
    height: 40px;
    border-radius:8px;
    white-space: nowrap;
    gap: 8px;
    width: auto;
}
.btn.btn-clear{
    color:var(--main-font-color);
    background: var(--border-color);
}
.btn.btn-order{
    width:100%;
    background:var(--selected-color);
    color:#fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    height: 40px;
    border-radius: 8px;
    white-space: nowrap;
    gap: 8px;
}
.btn.btn-order svg path{
    fill:#fff !important;
}
.btn-row{
    display: flex;
    justify-content: center;
}
.cart-block .page-content{
    padding-left:15px;
    padding-right:15px;
}

.cart-table{
    border:0;
    margin: 0 0 45px;
    padding:0;
    border-collapse: collapse;
    width: 100%;
}
.cart-table tr{
    border-bottom:1px solid #e4e4e4;
}
.cart-table thead{
    font-size:14px;
    font-weight: 300;
    line-height: 1;
    color:var(--gray-lighter-color);
}

.cart-table thead td{
    padding-bottom:11px;
}
.cart-table tbody td{
    padding: 35px 0;
}
.cart-table tfoot tr{
    border:0;
}
.cart-table .quantity{
    margin:0 auto;
}
.cart-table .product-pricing{
    display: inline-block;
    white-space: nowrap;
    margin: 0 0 15px;
    padding: 0;
}
.cart-table .product-pricing .price {
    color: var(--gray-color);
}
.cart-table .product-pricing .price .label {
    font-size: 10px;
    color:var(--gray-lighter-color2);
    letter-spacing: 0.01em;
    font-weight: 300;
    line-height: 10px;
    margin-bottom: 3px;
}
.cart-table .product-pricing .price .value {
    position: relative;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -0.06em;
    line-height: 1;
}
.cart-table .product-pricing .price.special{
    position: relative;
    margin:0 0 17px;
    display: inline-block;
}
.cart-table .product-pricing .price.discount .value{
    color:var(--selected-color);
}
.cart-table .product-pricing .price.special .value{
    font-size: 18px;
}
.cart-table .product-pricing .price.special .value::after{
    content: '';
    display: block;
    position: absolute;
    top:50%;
    left:-3px;
    right:-3px;
    height:1px;
    background: var(--main-font-color);
}
.cart-table h6{
    margin:0 0 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}
.cart-table dl{
    display: flex;
    line-height: 1;
    font-size:14px;
    margin:0 0 8px;
}
.cart-table dl dt{
    color:var(--gray-lighter-color);
    font-weight: 300;
    font-size: 14px;
}
.cart-table dl dd{
    font-weight: 600;
    font-size: 14px;
    color:var(--main-font-color);
    margin-left:10px;
}
.cart-table .icon-trash{
    fill:red;
    cursor:pointer;
    width:24px;
    height:24px;
}
.cart-table .cell-photo{
    width:120px;
}
.cart-table .cell-photo .product-photo{
    padding-right:25px;
}
.cart-table .cell-photo .product-photo img{
    border-radius:6px;
}
.cart-table .cell-price{
    width:130px;
}
.cart-table .cell-total{
    width:120px;
}
.cart-table .cell-quantity{
    width:170px;
}
.cart-table .cell-tool{
    width:35px;
}
.cart-table .cell-tool svg{
    width:24px;
    height:24px;
    fill:red
}
.cart-table thead td.cell-quantity,
.cart-table tbody td.cell-quantity,
.cart-table tbody td.cell-tool{
    text-align: center;
}
.cart-table tbody td.cell-total{
    font-weight: 600;
    font-size:26px;
    letter-spacing: -1px;
}
.cart-table dd a{
    text-decoration: none;
    position: relative;
    display: inline-block;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.cart-table tfoot td{
    padding-top:45px;
}
.cart-table tfoot td:nth-child(2){
    text-align: right;
}
.cart-info{
    padding:20px;
}

.quantity{
    display: flex;
    justify-content: flex-start;
    margin: 16px 0;
    min-height: 2.3em;
    align-items: stretch;
    width:111px;
}
.quantity button {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: var(--gray-bg-color);
    border: 1px solid var(--gray-lighter-color);
    text-indent: -10000px;
    color: transparent;
    padding: 8px 16px;
    font-weight: 700;
}
.quantity button::before {
    color: var(--main-font-color);
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.quantity button:first-child {
    border-radius: 5px 0 0 5px;
}
.quantity input {
    border: 1px solid var(--gray-lighter-color);
    margin: 0 -1px;
    flex: 0 0 auto;
    width: 44px;
    padding: 8px 4px;
    text-align: center;
    font-family: inherit;
    box-sizing: border-box;
    line-height: 1.15;
    outline:none;
    font-size:16px;
    max-width: 100%;
}
.quantity button:last-child {
    border-radius: 0 5px 5px 0;
}
.quantity button:first-child::before {
    content: "-";
}
.quantity button:last-child::before {
    content: "+";
}

.order-sum-total{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size:24px;
    font-weight: bold;
    margin-bottom:30px;
}
.order-sum-total .value{
    color:var(--selected-color);
    margin-left:auto;
}
.inner-content{
    padding:25px 16px;
    border:1px solid #e4e4e4;
    border-radius:10px;
    line-height: 1.2;
    color:var(--gray-lighter-color);
    font-size:14px;
    font-weight: 300;
    margin-bottom: 30px;
}
.inner-content .inner-title{
    position: relative;
    color:var(--main-font-color);
    font-weight: 600;
    font-size:16px;
    margin-bottom:20px;
}
.inner-content .inner-title::before{
    content:'';
    display: inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    background: var(--main-general-color);
    margin-right:8px;
    top: -1px;
    position: relative;
}
.inner-content .inner-text{
    margin-bottom:20px;
}

.inner-content .account-box{
    text-align: center;
    font-size:18px;
}
.inner-content .account-box a{
    color:var(--main-general-color);
}

.profile-page-menu{
    padding:0;
    margin:0 0 60px;
    list-style: none;
    border-bottom: 1px solid #e4e4e4;
    display: flex;
}
.profile-page-menu li{
    padding:8px 20px;
    border-radius: 8px 8px 0 0;
    display: flex;
    align-items: center;
}
.profile-page-menu li:last-child{
    margin-left:auto;
}
.profile-page-menu li.active{
    color:#fff;
    background: var(--main-general-color);
}
.profile-page-menu li a{
    text-decoration: none;
    color:inherit;
}
.profile-page-menu li:last-child{
    border:0;
}

.profile-form-block{
    max-width: 550px;
}
.login-text{
    padding-top:20px;
    font-size: 14px;
    color:var(--gray-color);
    line-height: 1.2;
}
.form-login.input-code-step .login-text{
    display:none;
}
.form-login .field-code{
    display:none;
}
.form-login.input-code-step .field-code{
    display:block;
}
.field-content{
    flex:1;
}
.field .field-width{
    padding-top:15px;
    width: 100%;
}
.field .field-width .form-field{
    width: 100%;
    max-width: 633px;
}
.modal .field-flex,
.login-form .field-flex{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom:7px;
    line-height: 1;
}
.modal .field-flex label,
.login-form .field-flex label{
    margin:0;
}
.modal .field-flex .flex-right,
.login-form .field-flex .flex-right{
    margin-left:auto;
}

.agree_text{
    position: relative;
    font-size:14px;
    line-height: 1.2;
    color: var(--gray-lighter-color2);
}
.agree_text a{
    color:var(--main-font-color);
    font-weight: bold;
}

.bubble{
    position: relative;
    border: 1px solid var(--border-color);
    border-radius:8px;
    line-height: 1.4;
    padding-left:61px;
    background-image: linear-gradient(to bottom,#FFFFFF,#F9F9F9);
    box-shadow: 0 1px 2px rgba(0,0,0,0.11);
    margin-bottom: 25px;
    font-size:14px;
    max-width:650px;
}
.bubble.filled{
    background: rgba(252, 248, 227, 1);
}
.bubble .icon{
    border-radius: 8px 0 0 8px;
    width: 45px;
    height: calc(100% + 2px);
    position: absolute;
    top: -1px;
    left: -1px;
    border: 1px solid var(--border-color);
    background-color: #fff3cd;
}
.bubble .icon::before{
    content: '';
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    background-image: url("/images/icons/info.svg");
    filter: invert(30%) sepia(14%) saturate(4427%) hue-rotate(10deg) brightness(97%) contrast(96%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
}
.bubble .icon::after{
    transform: rotate(45deg);
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid var(--border-color);
    position: absolute;
    border-left: 0;
    border-bottom: 0;
    top: 50%;
    right: -6px;
    margin-top: -5px;
    background:#fff3cd;
}
.bubble .title{
    padding: 10px 20px 0;
    font-weight: bold;
}
.bubble .body{
    padding: 11px 20px 14px;
}
.bubble .body:only-child{
    padding:0 20px;
    border:0;
}
.bubble .link{
    display: flex;
    gap: 40px;
    font-weight: bold;
    padding: 5px 0;
}

.bubble.type-success.filled{
    background-color: rgba(227, 253, 235, 1);
    border-color:#60c060;
}
.bubble.type-success .icon,
.bubble.type-success .icon::after{
    background:#60c060;
    border-color:#60c060;
}
.bubble.type-success .icon::before{
    background-size: 18px;
    background-image: url("/images/icons/check.svg");
    filter: invert(100%) sepia(3%) saturate(979%) hue-rotate(227deg) brightness(116%) contrast(100%);
}


.bubble.type-error.filled{
    background-color: rgba(248, 215, 218, .7);
    border-color:#ca452e;
}
.bubble.type-error .icon,
.bubble.type-error .icon::after{
    background:#ca452e;
    border-color:#ca452e;
}
.bubble.type-error .icon::before{
    background-image: url("/images/icons/alert.svg");
    background-size: 28px;
    filter: invert(100%) sepia(3%) saturate(979%) hue-rotate(227deg) brightness(116%) contrast(100%);
}
.bubble.type-error .icon::after{
    background:#ca452e;
}

.field.field-radio label{
    color:var(--main-font-color);
}
.field{
    margin-bottom:30px;
    position: relative;
}
.field.field-sm{
    margin-bottom:10px;
}
.field label{
    display: block;
    font-size:14px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom:7px;
}
.field label svg{
    margin-right:10px;
}
.field.required label::after{
    content:'*';
    position: relative;
    display: inline-block;
    color:#f00;
    top:-3px;
}
.field .form-value{
    font-size:14px;
    font-weight: 300;
}
.field.flex{
    display: flex;
    align-items: center;
    margin-bottom:10px;
    line-height: 1;
}
.field.flex label{
    margin:0 10px 0 0;
}
.field.flex label{
    display: flex;
    align-items: center;
}
.field.flex label .icon{
    position: relative;
    height:18px;
    margin-right:9px;
}
.field .btn-login{
    width:100%;
}
.btn-login-checkout{
    max-width: 176px;
}
.field input.hidden{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.field .checkmark{
    position:relative;
    display: inline-block;
    width:15px;
    height: 15px;
    border:2px solid #8f8f9d;
    border-radius:2px;
    margin-right:9px;
    top:2px;
}
.field .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 9px;
    border: solid var(--main-font-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}

.field .checkmark:hover{
    background: #ececec;
}

.field input.hidden:checked ~ .checkmark:after {
    display: block;
}

.form-field.error, input[type="text"].error, input[type="password"].error, select.error, textarea.error {
    border-color: #f00 !important;
}
div.error {
    font-size: 12px;
    font-weight: bold;
    color: #f00;
    line-height: 1.2;
}
.form-field{
    display: flex;
    align-items: center;
    width: 100%;
    border:1px solid #e4e4e4;
    border-radius: 5px;
    padding:6px 16px 8px 35px;
    font-family:sans-serif;
    font-size:14px;
    font-weight: 300;
    background-repeat: no-repeat;
    background-position: 10px 8px;
}
select.form-field{
    background-color: #fff;
}
textarea.form-field{
    min-height: 99px;
    max-height: 200px;
    resize: vertical;
}
.form-field[name=phone]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23aeaeae" viewBox="0 0 24 24"><path d="M13,1a1,1,0,0,1,1-1A10.011,10.011,0,0,1,24,10a1,1,0,0,1-2,0,8.009,8.009,0,0,0-8-8A1,1,0,0,1,13,1Zm1,5a4,4,0,0,1,4,4,1,1,0,0,0,2,0,6.006,6.006,0,0,0-6-6,1,1,0,0,0,0,2Zm9.093,10.739a3.1,3.1,0,0,1,0,4.378l-.91,1.049c-8.19,7.841-28.12-12.084-20.4-20.3l1.15-1A3.081,3.081,0,0,1,7.26.906c.031.031,1.884,2.438,1.884,2.438a3.1,3.1,0,0,1-.007,4.282L7.979,9.082a12.781,12.781,0,0,0,6.931,6.945l1.465-1.165a3.1,3.1,0,0,1,4.281-.006S23.062,16.708,23.093,16.739Zm-1.376,1.454s-2.393-1.841-2.424-1.872a1.1,1.1,0,0,0-1.549,0c-.027.028-2.044,1.635-2.044,1.635a1,1,0,0,1-.979.152A15.009,15.009,0,0,1,5.9,9.3a1,1,0,0,1,.145-1S7.652,6.282,7.679,6.256a1.1,1.1,0,0,0,0-1.549c-.031-.03-1.872-2.425-1.872-2.425a1.1,1.1,0,0,0-1.51.039l-1.15,1C-2.495,10.105,14.776,26.418,20.721,20.8l.911-1.05A1.121,1.121,0,0,0,21.717,18.193Z"></path></svg>');
}
.form-field[name=code]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23aeaeae" viewBox="0 0 24 24"><path d="m14.888,7.885v4.463c0,.341-.277.618-.618.618h-.003c-.341,0-.618-.277-.618-.618v-3.231l-1.273,1.379c-.245.265-.664.265-.909,0l-1.274-1.38-.002,3.233c0,.341-.277.618-.618.618s-.618-.277-.618-.618v-4.463c0-.471.382-.852.852-.852.246,0,.48.106.642.292l1.473,1.686,1.473-1.686c.162-.185.396-.292.642-.292.471,0,.852.382.852.852Zm-8.436,1.589c-.651-.24-1.243-.501-1.258-.501-.141-.096-.136-.24-.128-.299.012-.078.069-.27.358-.357.65-.194,1.251.276,1.276.296.26.218.647.185.866-.075l.005-.005c.219-.26.185-.648-.075-.866l-.003-.002c-.044-.038-1.122-.924-2.425-.531-.664.2-1.133.723-1.226,1.365-.086.604.176,1.184.769,1.562,0,0,.67.299,1.414.574.157.058.664.273.604.614-.045.253-.357.516-.801.516-.463,0-.908-.186-1.191-.498l-.002-.002c-.228-.251-.617-.27-.868-.042l-.005.005c-.251.228-.27.617-.042.868l.002.002c.522.575,1.289.904,2.106.904,1.01,0,1.859-.646,2.017-1.535.12-.67-.183-1.545-1.393-1.991Zm12.571-.033c-.651-.24-1.243-.501-1.258-.501-.141-.096-.136-.24-.128-.299.012-.078.069-.27.358-.357.65-.194,1.251.276,1.276.296.26.218.647.185.866-.075l.005-.005c.219-.26.185-.648-.075-.866l-.003-.002c-.044-.038-1.122-.924-2.425-.531-.663.2-1.133.723-1.226,1.365-.086.604.176,1.184.769,1.562,0,0,.67.299,1.414.574.157.058.664.273.604.614-.045.253-.357.516-.801.516-.463,0-.908-.186-1.191-.498l-.002-.002c-.228-.251-.617-.27-.868-.042l-.005.005c-.251.228-.27.617-.042.868l.002.002c.522.575,1.289.904,2.106.904,1.01,0,1.859-.646,2.017-1.535.12-.67-.183-1.545-1.393-1.991Zm4.976-5.441v12c0,2.206-1.794,4-4,4h-2.852l-3.847,3.18c-.362.322-.825.485-1.292.485-.476,0-.956-.169-1.338-.509l-3.748-3.156h-2.923c-2.206,0-4-1.794-4-4V4C0,1.794,1.794,0,4,0h16c2.206,0,4,1.794,4,4Zm-2,0c0-1.103-.897-2-2-2H4c-1.103,0-2,.897-2,2v12c0,1.103.897,2,2,2h3.289c.236,0,.464.083.644.235l4.047,3.409,4.172-3.415c.179-.148.405-.229.637-.229h3.211c1.103,0,2-.897,2-2V4Z"></path></svg>');
}
.form-field[name=phone][readonly]{
    outline:none;
}
.form-field[name=name]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23aeaeae" viewBox="0 0 24 24"><path d="M12,12A6,6,0,1,0,6,6,6.006,6.006,0,0,0,12,12ZM12,2A4,4,0,1,1,8,6,4,4,0,0,1,12,2Z"></path><path d="M12,14a9.01,9.01,0,0,0-9,9,1,1,0,0,0,2,0,7,7,0,0,1,14,0,1,1,0,0,0,2,0A9.01,9.01,0,0,0,12,14Z"></path></svg>');
}
.form-field[name=city],
.form-field[name=street],
.form-field[name=house],
.form-field[name=appartment]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23aeaeae" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="16" height="16"> <g id="_01_align_center"> <path d="M255.104,512.171l-14.871-12.747C219.732,482.258,40.725,327.661,40.725,214.577c0-118.398,95.981-214.379,214.379-214.379   s214.379,95.981,214.379,214.379c0,113.085-179.007,267.682-199.423,284.932L255.104,512.171z M255.104,46.553   c-92.753,0.105-167.918,75.27-168.023,168.023c0,71.042,110.132,184.53,168.023,236.473   c57.892-51.964,168.023-165.517,168.023-236.473C423.022,121.823,347.858,46.659,255.104,46.553z"/> <path d="M255.104,299.555c-46.932,0-84.978-38.046-84.978-84.978s38.046-84.978,84.978-84.978s84.978,38.046,84.978,84.978   S302.037,299.555,255.104,299.555z M255.104,172.087c-23.466,0-42.489,19.023-42.489,42.489s19.023,42.489,42.489,42.489   s42.489-19.023,42.489-42.489S278.571,172.087,255.104,172.087z"/> </g> </svg>');
}
.form-field[name=email]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23aeaeae" viewBox="0 0 24 24" width="16" height="16"><path d="M19,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V6A5.006,5.006,0,0,0,19,1ZM5,3H19a3,3,0,0,1,2.78,1.887l-7.658,7.659a3.007,3.007,0,0,1-4.244,0L2.22,4.887A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V7.5L8.464,13.96a5.007,5.007,0,0,0,7.072,0L22,7.5V18A3,3,0,0,1,19,21Z"/></svg>');
}
.form-field[type=password]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23aeaeae" viewBox="0 0 24 24" width="16" height="16"><g id="_01_align_center" data-name="01 align center"><path d="M19,8V7A7,7,0,0,0,5,7V8H2V21a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V8ZM7,7A5,5,0,0,1,17,7V8H7ZM20,21a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V10H20Z"/><rect x="11" y="14" width="2" height="4"/></g></svg>');
}
.form-field[name=text],
.form-field[name=comment],
.form-field[name=user_note]{
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23aeaeae" viewBox="0 0 24 24" width="16" height="16"><path d="M20,0H4A4,4,0,0,0,0,4V16a4,4,0,0,0,4,4H6.9l4.451,3.763a1,1,0,0,0,1.292,0L17.1,20H20a4,4,0,0,0,4-4V4A4,4,0,0,0,20,0Zm2,16a2,2,0,0,1-2,2H17.1a2,2,0,0,0-1.291.473L12,21.69,8.193,18.473h0A2,2,0,0,0,6.9,18H4a2,2,0,0,1-2-2V4A2,2,0,0,1,4,2H20a2,2,0,0,1,2,2Z"></path> <path d="M7,7h5a1,1,0,0,0,0-2H7A1,1,0,0,0,7,7Z"></path> <path d="M17,9H7a1,1,0,0,0,0,2H17a1,1,0,0,0,0-2Z"></path> <path d="M17,13H7a1,1,0,0,0,0,2H17a1,1,0,0,0,0-2Z"></path></svg>');
}
.form-field.btn-center[type=submit]{
    width: auto;
    margin:0 auto;
    padding:6px 16px 8px;
    border:0;
    cursor:pointer;
}
.field.field-radio{
    display: flex;
    gap:10px;
    justify-content: flex-start;
    align-items: flex-start;
}
.field.field-radio .form-field,
.field.field-radio label{
    width:auto;
}
.field.field-radio label{
    margin:2px 0 7px;
}
.field-help{
    font-size:12px;
    font-weight: 300;
    color:var(--gray-lighter-color);
    line-height: 1;
}
.checkbox-wrapper div.error{
    position:absolute;
    top:100%;
    padding-top:4px;
    left:44px;
}

.cart-empty{
    display:none;
}
.cart-empty.show{
    display: block;
}
.cart-empty .inner{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fafafa;
    height: 100px;
    color: var(--gray-color);
    margin-bottom:45px;
}

.checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.checkbox-wrapper input[type=checkbox]{
    position:relative;
    margin: 0 7px 0 0;
    appearance: none;
    min-height: 18px;
    min-width: 18px;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: inset 0 0 3px rgba(30,30,30,0.05);
    cursor: pointer;
    transition: border-color .2s ease;
    border-radius: 4px;
}
.checkbox-wrapper input[type=checkbox]:hover{
    box-shadow: none;
}
.checkbox-wrapper input[type=checkbox]:checked {
    border-color: var(--selected-color);
    box-shadow: 0 0 3px rgba(30,30,30,0.2);
}
.checkbox-wrapper input[type=checkbox]:checked::before {
    content: '\2713';
    display: block;
    font-size: 14px;
    line-height: 1;
    color: var(--selected-color);
    position: absolute;
    top: 0;
    left: 50%;
    font-weight: bold;
    transform: translateX(-50%);
}
.checkbox-wrapper div.error{
    position:absolute;
    top:100%;
    padding-top:4px;
    left:44px;
}
.modal .form-btn,
.login-form .form-btn{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height:33px;
    border:0;
    border-radius:5px;
    font-size:14px;
    cursor:pointer;
    background: var(--main-general-color);
    color:#fff;
    padding: 0 15px;
}

.order-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px;
}
.order-box{
    margin-bottom:40px;
    border-bottom:1px solid #e4e4e4;
    padding-bottom: 15px;
}
.order-box:last-child{
    border:0;
    padding-bottom: 0;
}
.order-box-title{
    margin-bottom:30px;
    font-weight: bold;
}
.order-box.error .field.field-radio label{
    color:var(--main-font-color);
}
.result-order {
    font-size:14px;
    font-weight: 300;
    line-height: 1;
    margin-bottom:25px;
}
.result-order .order-row{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom:16px;
    gap:20px;
}

.result-order .delivery {
    margin-bottom:16px;
}
.result-order .delivery .order-row{
    margin-bottom:4px;
}

.result-order .order-row .order-value{
    text-align: right;
}
.result-order .order-row .order-value.value-bold,
.result-order .order-row .order-label.label-bold{
    font-weight: bold;
}
.result-order .delivery .order-row .order-value,
.result-order .payment-type .order-row .order-value{
    color:var(--selected-color);
}
.delivery-content{
    display: none;
    margin-bottom:20px;
}
.delivery-content.active{
    display: block;
}
.order-help-text{
    font-size:14px;
    line-height: 1;
    color:var(--gray-color);
    margin-bottom:20px;
}
.share-cart-wrapper{
    position: relative;
    margin-top: 30px;
    display:flex;
    justify-content: center;
}
.btn-copy{
    display:flex;
    align-items: center;
}
.btn-copy span{
    position: relative;
}
.btn-copy span::before{
    content: attr(data-default);
    position: relative;
    display: inline-block;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.btn-copy.share-success span::before{
    content: attr(data-success);
}
.btn-copy svg{
    margin-left:7px;
    display:none;
}
.btn-copy svg path{
    fill:var(--main-font-color);
}
.btn-copy svg.share{
    display: inline-block;
}
.btn-copy.share-load svg.share,
.btn-copy.share-success svg.success{
    display:none;
}
.btn-copy.share-load svg.spinner{
    display: inline-block;
}
.btn-copy.share-success svg.share,
.btn-copy.share-success svg.spinner{
    display: none;
}
.btn-copy.share-success svg.check{
    display: inline-block;
}

.close-jq-toast-single{
    font-size:20px;
}

.autocomplete-suggestions .autocomplete-suggestion-inner{
    display: flex;
    flex-direction: column;
    gap:8px;
}
.autocomplete-suggestions .autocomplete-suggestion-inner img{
    display: block;
    width: 78px;
    height: 78px;
    object-fit: cover;
    border:1px solid var(--border-color);
    border-radius:5px;
}
.autocomplete-suggestions .autocomplete-suggestion-inner .suggestions-item{
    display: flex;
    gap:8px;
    align-items: center;
    font-size: 13px;
    line-height: 1.4;
}
.autocomplete-suggestions .autocomplete-suggestion-all{
    position: relative;
    font-size: 13px;
    margin-bottom:15px;
}
#search-all-results span{
    display: inline-block;
    font-size:11px;
}
#search-all-results span::before{
    content:'('
}
#search-all-results span::after{
    content:')'
}

.delivery-tab{
    display: flex;
    align-items: center;
    gap:12px;
}
.delivery-tab label{
    display: flex;
    align-items: center;
    gap:5px;
}
.delivery-tabs-wrapper{
    margin-bottom:20px;
}
#google-map .dg-error-message{
    display: none;
}
.btn-logout{
    border-radius:5px;
    background: #F59302;
    color:#fff;
}
.order-table{
    border:0;
    margin: 0 0 45px;
    padding:0;
    border-collapse: collapse;
    width: 100%;
}

.order-table thead{
    font-size:14px;
    font-weight: 300;
    line-height: 1;
    color:var(--gray-lighter-color);
}
.order-table thead tr th{
    padding: 0 0 20px 15px;
    text-align: left;
    font-weight: normal;
}
.order-table tbody tr.order-row-details{
    display:none;
}
.order-table tbody tr:not(.order-row-details):not(.order-row-note){
    border-top:1px solid #e4e4e4;
}
.order-table tbody tr.even td{
    background: #fffde8;
}
.order-table tbody tr td{
    padding: 20px 15px;
    vertical-align: top;
}
.order-table tbody tr[data-uuid] td{
    padding: 10px 15px;
}
.order-table tbody tr td .btn-order-details{
    margin:0;
    padding: 0 30px;
}
.order-table tbody tr td .btn-order-details::after{
    display:none;
}
.order-table tbody tr td .order-details-wrapper{
    display: block;
    border:0;
    padding:0 0 0 40px;
    margin-bottom:40px;
}

.btn-order-details{
    background: var(--main-general-color);
    color:#fff;
    border:0;
    position: relative;
    padding-right: 35px;
    cursor:pointer;
    margin-top:20px;
}
.btn-order-details::after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 5px;
    height: 5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: transform 0.3s;
}

.btn-order-details.active {
    border-radius: 5px 5px 0 0;
}
.btn-order-details.active::after {
    transform: translateY(-50%) rotate(-135deg);
}
.order-details-wrapper{
    display:none;
    padding: 20px;
    border: 1px solid var(--border-color);
    border-radius:  0 5px 5px 5px;
}
.order-details-wrapper .product-details-item a{
    text-transform: lowercase;
    font-size:14px;
}
.order-details-wrapper .product-details-item img{
    width:65px;
    height: auto;
}
.order-details-wrapper .product-pricing .price .value{
    font-size:20px;
}
.order-details .result-order{
    max-width:300px;
}
.order-details .result-order .order-value.strong{
    font-weight: bold;
    color:var(--main-general-color);
}
.btn{
    position: relative;
    display: inline-flex;
    text-decoration: none;
    border:1px solid var(--gray-lighter-color);
    background: #eeeeee;
    border-radius:5px;
    color:var(--main-font-color);
    fill:var(--main-font-color);
    width: 222px;
    align-items: center;
}
a.btn{
    text-decoration: none;
}
.btn-sm{
    width:auto;
    padding:0 30px;
    font-size:12px;
    height:26px;
}
.badge{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 26px;
    line-height: 1;
    font-size:12px;
    padding:0 12px;
    border-radius: 5px;
}

.badge.new{ background-color: #f0ad4e; color:#fff;}
.badge.complete{ background-color: rgb(92, 184, 92); color:#fff;}
.badge.rejected{ background-color: rgb(217, 83, 79); color:#fff;}
.badge.canceled{background-color: rgb(185, 79, 181); color:#fff;}

.product-details-item{
    margin-bottom:20px;
    display: flex;
    align-items: center;
    gap:20px;
}
.product-details-item .price-wrapper{
    display: flex;
    gap:20px;
}
.product-details-item .price-wrapper .product-pricing{
    margin-bottom:0;
    position: relative;
}
.product-details-item .price-wrapper .product-pricing:nth-child(2)::before{
    content: '=';
    position: absolute;
    left:-27px;
    top:50%;
    transform: translateY(-50%);
    color:var(--gray-color);
}
.product-details-item:last-child{
    margin-bottom:0;
}
.product-pricing{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 15px;
    padding: 0;
}
.product-pricing .price{
    margin-right: 20px;
    color:var(--gray-color);
}
.product-pricing .price .label{
    font-size: 10px;
    letter-spacing: 0.01em;
    font-weight: 700;
    line-height: 10px;
    margin-bottom:3px;
}
.product-pricing .price .value{
    position: relative;
    font-weight: 400;
    font-size: 26px;
    letter-spacing: -0.06em;
    line-height: 1;
}
.product-pricing .price.special .value::before{
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    left: -2%;
    width: calc(100% + 4px);
    height: 1px;
    background: #A1A1A1;
    transform: rotate(-17deg);
}
.product-pricing .price.discount{
    color:var(--selected-color);
    margin-right:0;
}
.catalog-menu-close{
    display: flex;
    width:28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border:1px solid var(--border-color);
    position:absolute;
    top:5px;
    right:5px;
}
.catalog-menu-close img{
    display: block;
    width:11px;
    height:11px;
    cursor:pointer;
}
.row-favorites-categories{
    display: flex;
    max-width: 100%;
    overflow: hidden;
}
.favorites-categories{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:5px;
    font-size:14px;
    column-gap: 24px;
}
.favorites-categories a{
    white-space: nowrap;
}
.favorites-categories a:hover{
    color: var(--selected-color);
}
.cat-count{
    font-size:11px;
    font-weight: 300;
    color:var(--gray-lighter-color2);
}
.nav-user-wrapper{
    position: relative;
    padding:7px 0;
}
.user-menu{
    display: none;
    z-index:1000;
    position: absolute;
    right:0;
    top:100%;
    margin:-1px 0 0 0;
    padding: 14px 22px 18px 22px;
    list-style: none;
    background: #ffffff;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
    line-height: 16px;
    border-radius:0 0 10px 10px;
}
.nav-user-wrapper.active:hover .user-menu{
    display: block;
}

.nav-user-wrapper.active .user-menu a{
    white-space: nowrap;
}
.nav-user-wrapper.active .user-menu a:hover{
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.nav-user-wrapper.active .user-menu > li{
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 5px;
}
.f-thumbs.is-modern .f-thumbs__slide button img{
    border: 2px solid transparent;
}
.f-thumbs.is-modern .f-thumbs__slide.is-selected button img{
    border-color:var(--selected-color);
}
.hover-slider-more {
    border-radius: 15px 15px 0 0;
}

.progress-segment {
    background: rgba(185, 185, 185, 0.5);
}
.progress-segment.active {
    background: var(--selected-color);
}