@import url(normalize.css?v=2.0.1.2);
@import url(reset.css?v=2.0.1.2);
@import url(fonts.css?v=2.0.1.2);

.incredible .right button,
.top-head .log-reg>a,
.top-head .user-modal .login {
    vertical-align: middle;
    text-align: center
}

body {
    background: var(--color-neutral-000);
    scroll-behavior: smooth;
    overflow-x: hidden;
    padding-bottom: 80px; /* 60px ارتفاع bottom-nav + 20px فاصله */
}

section{
    margin: 10px auto;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 16px !important;
    padding-left: 15px !important;
}
header {
    background-color: var(--color-neutral-000);
    z-index: 100;
    box-shadow: rgba(var(--color-primary-rgb), .1) 0 0 5px 0;
}

.top-head {
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex;
    position: relative;
}
.top-head > div {
    display: flex;
    align-items: center;
    gap: 4px;
}
.top-head .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.top-head .logo img {
  height: 32px;
  display: block;
}

#pull-up-search form input {
    height: 2.4rem;
    background-color: var(--color-neutral-100);
    color: var(--color-neutral-500);
    border-radius: 5px;
    padding: 5px 55px;
    font-size: 15px;
    line-height: 1.5rem;
    font-weight: 300;
}
#pull-up-search form input::placeholder {
    color: #828282;
    font-size: .9em;
}

#pull-up-search form button {
    position: absolute;
    right: 45px;
    background: transparent;
    height: 2.4rem;
}
.top-head .log-reg {
    color: #212121;
    cursor: pointer;
    user-select: none;
    padding: 3px 10px;
}
.top-head .log-reg i {
    font-size: 16px;
    color: #212121;
    padding-left: 5px;
}
.top-head .log-reg > a {
    text-overflow: ellipsis;
    width: 100%;
    line-height: 30px;
    font-weight: 500;
    color: var(--color-button-black);
}
.top-head .log-reg > a span:first-of-type {
    border-left: 1px solid var(--color-button-black);
    padding: 0px 10px;
}
.top-head .log-reg > a span:last-of-type{
    padding-right: 12px;
    white-space: nowrap;
}
.top-head .user-modal {
    display: none;
    flex-direction: column;
    top: calc(100% + 10px);
    right: -45px;
    width: 164px;
    box-shadow: rgba(112, 112, 112, .32) 0 2px 9px 0;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    padding: 0 22px;
    border-top: 4px solid var(--color-primary);
}

.top-head .user-modal i {
    color: #a6a6a6
}

.top-head .user-modal .login {
    background-color: #00bfd6;
    display: block;
    width: 100%;
    height: 35px;
    letter-spacing: -.5px;
    color: #fff;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 35px;
    border-radius: 5px
}

.user-modal .newuser a,
.user-modal .newuser span {
    font-size: 1.3em;
    line-height: 1.571;
    font-weight: 500
}

.user-modal .newuser {
    margin-top: 8px;
    text-align: center;
    border-bottom: 1px solid #eceff1;
    padding-bottom: 15px
}

.user-modal .newuser span {
    letter-spacing: -.4px;
    color: #4a4a4a
}

.user-modal .newuser a {
    color: #008ec9;
    border-bottom: 1px dashed #008ec9;
    padding-bottom: 3px;
    margin-right: 5px
}

.user-modal .order,
.user-modal .profile {
    color: #4a4a4a;
    font-size: 1.4em;
    line-height: 40px;
    display: block;
    margin-left: -15px;
    margin-right: -15px
}

.user-modal .order:hover,
.user-modal .profile:hover {
    background-color: #f4f4f4
}

.top-head .devider {
    height: 30px;
    width: 0;
    border-right: 1px solid #e6e4e4;
    margin: 0 20px;
}

.top-head .cart, .top-head .login-box{
    position: relative;
    user-select: none;
    cursor: pointer;
}
.top-head .login-box{
    padding: unset !important;
}
.log-reg-ok{
    padding: 8px !important;
}
.top-head .cart i {
    padding: 9px;
    font-size: 1.4em
}

.top-head .count {
    position: absolute;
    right: 2px;
    top: 16px;
    font-size: .8em;
    font-weight: 500;
    background: var(--color-primary-700);
    color: var(--color-white);
    border-radius: 50px;
    display: flex;
    height: 16px;
    width: 16px;
    align-items: center;
    justify-content: center;
}

header .top-nav {
    display: flex;
    justify-content: space-between;
}

.top-nav > li {
    display: inline-block;
    padding: 7px 18px;
}

.top-nav >li:hover>a {
    padding-bottom: 6px;
    border-bottom: 2px solid var(--color-primary-500);
}
.top-nav .main-category:hover .dropdown2{
    display: block;
}
.top-nav > li > a {
    font-weight: 500;
    font-size: .83rem;
}

.top-nav .dropdown2 {
    display: none;
    position: absolute;
    top: 35px;
    background-color: #fff;
    width: 300%;
    right: 0;
    left: 0;
    overflow: hidden;
    max-width: 1280px;
    padding: 0;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.15);
    z-index: 20;
    transition: .3s all ease;
    min-height: 330px;
}
.top-nav .dropdown2 > li {
    background-color: #f7f7f7;
    align-self: stretch;
    padding: 8px 8px 8px 0;
    width: 20%;
}
.top-nav .dropdown2 > li > a{
    padding: 8px 8px;
    color: #616161;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: .81rem;
    line-height: 1.5;
    font-weight: 500;
    transition: .3s all ease;
}
.top-nav .dropdown2 > li:hover > a {
    background-color: #fff;
    color: var(--color-primary);
}
.top-nav li:hover a {
    opacity: .9
}

.top-nav li i {
    font-size: 1.5em;
    padding-left: 5px;
}

.top-nav .promotion a {
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    font-size: .83rem;
}
.top-nav .promotion i {
    padding: 0 4px 6px 0;
    color: #4d4d4d;
}

.dropdown {
    position: relative;
    margin: 0;
}

.megamenu {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 3%;
    right: 20%;
    z-index: 200;
    background-color: #fff;
    padding: 10px;
    overflow: hidden;
    visibility: hidden;
    width: 95%;
    height: 100%;
}

.megamenu>li {
    flex-basis: 17%
}

.megamenu li a {
    display: block;
    margin-bottom: 15px;
    color: #000
}

.megamenu>li>a {
    font-weight: 400;
    padding-bottom: 6px
}

/*.megamenu>li>a:before {
    content: "\f053";
    font-family: fontawesome;
    font-size: 10px;
    padding-left: 2px
}*/

.dropdown li:hover>.megamenu {
    visibility: visible
}

.megamenu>li>ul {
    padding-right: 10px
}

.menu-btn {
    color: #fff;
    background: #666;
    padding: 10px 15px;
    border-radius: 3px
}

a#mynavmenu {
    background: #797979;
    padding: 10px 15px;
    color: #fff;
    border-radius: 3px;
}


.o-page__row {
    margin: 20px auto
}
.c-adplacement {
    display: flex;
    flex-direction: column;
}
.c-adplacement img{
    width: 86%;
    margin-bottom: 10px;
    border-radius: 3px;
    margin-right: 15px;
}
.main-article {
    margin: 20px auto;
    padding-right: 35px;
}
.main-slider .slide-item {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    position: relative;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    overflow: hidden;
    display: flex;
}
.clear {clear: both}
.swiper-pagination-bullet {
    background: #fff;
    opacity: .7
}

.swiper-pagination-bullet-active {
    background-color: #00bfd6;
    opacity: 1
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 35px
}

.swiper-button-next,
.swiper-button-prev {
    background-size: 10px 10px
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 35px
}

.product-wrapper .swiper-container{
flex:auto
}

.incredible {
    display: flex
}

.incredible .right {
    display: flex;
    flex-direction: column
}

.incredible .right img {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    height: 400px
}
/* new INC SLIDER*/
.bg-red {
    background-color: var(--color-button-primary) !important;
}

#inc-slider{
    border-color: var(--color-primary-200);
}

#inc-slider .product-item {
    background-color: #fff;
    height: auto;
}

.inc-slider .headline {
    background-color: var(--color-primary-800) !important;
    color: var(--color-neutral-000) ;
}

.inc-slider .headline a {
    color: var(--color-neutral-000) ;
}

/* END new INC SLIDER*/
.specials__title {
    margin: 0 44px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 170px;
}
.specials__btn {
    padding: 9px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    user-select: none;
    border-radius: 5px;
    transition: all .3s ease-in-out;
}
.swiper--specials {
    background: transparent;
    margin-top: 0 !important;
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% - 258px);
    width: calc(100% - 258px);
    max-width: calc(100% - 258px);
    box-shadow: none;
    padding: 0;
}
.product-wrapper .product-item {
    box-sizing: border-box;
    border: none;
    background-color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 5px;
    justify-content: flex-start;
    padding: 5px 50px;
    position: relative;
    border-left: 1px solid var(--color-neutral-200);
}



.product-wrapper .swiper-wrapper {
    height: unset;
    width: 1008px;
}
.product-wrapper .product-item img {
    height: 100px;
    max-width: 150px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}
.product-wrapper .product-item .title {
    display: block;
    height: 60px;
    text-align: right;
    width: 100%;
    margin-top: 14px;
    overflow: hidden;
    min-height: 50px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 25px;
    color: var(--color-neutral-800);
}
.product-wrapper .product-item .price {
    font-size: 1.2rem;
}
/* Incredible */
.incredible {display: flex;}
.incredible .right {
    display: flex;
    flex-direction: column;
}
.incredible .right img {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    height: 400px;
}
.incredible .right .allinbtn {
    display: flex;
    margin-top: 16.2px;
    height: 60px;
    width: 100%;
    border-radius: 5px;
    background-color: #00bfd6;
    box-shadow: 0 8px 14px 0 rgba(0,0,0,.03);
    color: #fff;
    font-size: .9rem;
    line-height: 60px;
    letter-spacing: -.5px;
    position: relative;
    padding-right: 40px;
    text-align: center;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.incredible .right .allinbtn:before{
    content: "";
    height: 90px;
    width: 90px;
    right: -40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    opacity: .21;
    border-radius: 100%;
    transition: all .3s ease-in-out;

}
.incredible .right .allinbtn:hover:before, .account-box .submit-button:hover:before,.btn-checked:hover:before, .btn-payment:hover:before, .btn-notify-me:hover:before{
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset;
}
.incredible .right .allinbtn:after{
    content: "\f061";
    font-family: fontawesome;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%) rotateY(180deg);
    color: #fff;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    font-weight: 500;
}
.incredible .left {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 8px 14px 0 rgba(0,0,0,.03);
    margin-right: 15px;
    width: 100%;
    overflow: hidden;
}
.incredible .discount-product{
    height: 353px;
    padding: 35px 20px 20px 30px;
    position: relative;
}
.incredible .discount-item{
    display: flex;
    height: 350px;
    position: relative;
}
.incredible .discount-item .inc-bar {
    position: absolute;
    left: 50%;
    top: -36px;
    width: 223px;
    height: 46px;
    transform: translateX(-50%);
    z-index: 4;
    background: #f25e5e;
    color: #fff;
    border-radius: 0 0 40% 40%;
    font-size: 2em;
    line-height: 2.2;
}
.incredible .discount-item .img {
    width: 400px;
    text-align: center;
    position: relative;
}
.incredible .discount-item img {
    height: 300px;
    margin-top: 30px;
}
.incredible .discount-item .info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.incredible .discount-item .original{
    font-size: 1.7em;
    font-weight: 500;
    text-decoration: line-through;
    color: #727272;
}
.incredible .discount-item .discount-price , .p-price .discount-price {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 2.5;
    color: var(--color-neutral-800);
}
.incredible .discount-item .discount-label, .p-price .discount-label {
    display: inline-block;
    width: 31px;
    height: 24px;
    border-radius: 20px;
    background-color: var(--color-secondary);
    margin-bottom: -45px;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.7;
    margin-right: 20px;
}
.incredible .discount-item  .title{
    font-size: 1.143rem;
    line-height: 1.89;
    font-weight: 700;
    text-align: right;
    max-width: 100%;
    margin: 20px 0 10px;
    color: #676666;
}
.incredible .discount-item .attributes{
    font-size: .929rem;
    line-height: 1.692;
    padding: 0;
    list-style-type: none;
    margin-bottom: 15px;
}
.incredible .discount-item .attributes li{
    margin: 5px 0;
    padding-right: 17px;
    position: relative;
    font-size: .9em;
    line-height: 24px;
    text-align: right;
}
.incredible .discount-item .attributes li:before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #bebebe;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.incredible hr{
    background-color: #eaeaea;
    height: 1px;
    border: none;
}
.incredible .counter {
    display: flex;
    flex-direction: column;
    font-size: 1.4em;
    color: #787878;
    font-weight: 500;
    line-height: 2;
}
.incredible .counter .time{
    font-size: 2.3em;
    line-height: 1;
    width: 128px;
    font-weight: 600;
    white-space: nowrap;
    padding-top: 19px;
    direction: ltr;
}
.incredible .dictount-title {
    display: flex;
    background-color: #f1f7fb;
    height: 60px;
    position: relative;
    /*overflow: auto;*/
    z-index: 1;
    margin-top: 62px;
}
.incredible .dictount-title-item{
    padding: 10px;
    flex-shrink: 0;
    white-space: nowrap;
    letter-spacing: -.5px;
    font-size: 1.1em;
    line-height: 2.5;
}
.incredible .dictount-title-item a{
    padding: 10px 25px;
    border-radius: 5px;
    color: #424242;
}
.incredible .dictount-title-item a:not(.is-active):hover{
    background-color: #ebebeb;
}
.incredible .active-item {
    background-color: #ef5662;
    color: #fff !important;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
}
/* incredible */
.inc-product-price {
    position: relative;
    height: 43px;
    text-align: left;
    width: 100%;
}
.inc-product-price del {
    letter-spacing: .5px;
    color: var(--color-neutral-400);
    text-decoration: line-through;
    padding-top: 3px;
    font-size: 1rem;
    line-height: 28px;
}
.inc-product-price-dis, .inc-product-price-off{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.c-price__discount-oval {
    background-color: var(--color-secondary);
    font-weight: 700;
    color: #fff;
    border-radius: 15px;
    padding: 5px 10px;
    letter-spacing: 0;
    font-size: 1.1em;
    text-align: center;
}
.c-product-box__amazing {
    margin-top: 20px;
    display: inline;
    text-align: left;
    width: 100%;
}
.c-product-box__timer {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.571;
    color: var(--color-primary-700);
    border-top: 2px solid;
}
.c-product-box__timer:before {
    content: "\f017";
    font-family: fontawesome;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
.c-swiper-specials--fresh {
    background: #6bb927;
}
.account-box button:hover:before,
.btn-checked:hover:before,
.btn-notify-me:hover:before,
.btn-payment:hover:before,
.incredible .right button:hover:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset
}

.account-box .foot,
.account-box button,
.c-mask__handler,
.c-product__guaranteed,
.copyright-en,
.image-row a,
.jump-to-up,
.not-found,
.product-item,
.product-item .title,
.register-logo,
.suggestion h3,
footer .copyright p {
    text-align: center
}
footer a:hover{
    color: var(--color-primary-800);
}
footer .copyright p {
    padding: 15px 0px;
    font-size: 12px;
    font-weight: 500;
    background-color: var(--color-neutral-200);
}
footer .copyright img {
    width: 50px;
    background-color: #fff;
    padding: 2px 5px;
    border-radius: 7px;
}
footer .copyright a {
    font-size: 1em;
}

.icon-box,
.product-wrapper .headline {
    width: unset;
    justify-content: space-between;
    display: flex;
    padding: 0px 30px;
    margin-bottom: 40px;
    border-radius: .5rem;
    gap: .75rem;
    align-items: center;
    
}
  .image-row > a {
    margin-top: 10px;
    width: 100%;
  }


.incredible .counter {
    display: flex;
    flex-direction: column;
    font-size: 1.4em;
    color: #787878;
    font-weight: 500;
    line-height: 2
}

.icon-box {
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
    border-radius: 2px;
    margin: 15px auto;
    padding: 10px 0;
    display: flex;
    justify-content: space-evenly
}

.image-row img {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.icon-box img {
    height: 60px
}

.icon-box a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.icon-box span {
    font-size: 1em;
    color: #606060;
    line-height: 2.5
}

.image-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
}

.image-row img {
    max-width: 95%;
    height: auto;
    border-radius: 18px
}
.image-row .ads2Img{
    max-width: 100%;
}

.image-row a:hover {
    opacity: .9
}

.product-wrapper {
    background-color: #fff;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0px;
    display: block !important;
}
.inc-slider {
    border-color: var(--color-primary-200) !important;
}


.product-wrapper img,
.suggestion img {
    /*width: 210px;
    max-width: 95%;
    height: auto*/
    height: 190px;
}

.product-wrapper .headline h4 {
    padding: 8px 0;
    min-height: 49px;
    font-size: 1.1rem;
    line-height: 31px;
    font-weight: 500;
    display: inline-block;
    border-bottom: 1px solid var(--color-primary-800);
}

.product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    user-select: none;
    padding: 5px;
}

/* .product-item:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
} */

.product-item .title {
    font-size: .8rem;
    font-weight: 400;
    width: 89%;
    margin: 10px 0;
    line-height: 2;
    color: #535353;
    text-align: right;
}

.product-item .price {
    font-size: 1.5em;
    line-height: 26px;
    letter-spacing: 0;
    font-weight: 500;
    color: var(--color-neutral-800);
    padding-left: 4px;
}

.product-item-cat{
    border-radius:35px;
    padding: 15px;
    background-color: #fff;

    box-shadow: rgba(var(--color-primary-rgb), .2) 0 0 15px 0;
}
.product-item-cat img{
    max-height: 64px;
}
.product-item h2{
    font-weight: 500;
    font-size: 0.80rem;
    width: 130%;
    margin-top: 10px;
}

.product-item-cat:hover{
    border: 1px solid var(--color-primary);
}
.suggestion h3 {
    padding: 8px 0;
    font-size: 1.3em;
    line-height: 31px;
    font-weight: 400
}

.slider-nbtn,
.slider-pbtn {
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100% !important;
    box-shadow: 0 0 14px -3px rgba(0,0,0,.22);
    background-color: var(--color-white) !important;
    z-index: 100;
}

.slider-nbtn {
    border-radius: 5px 0 0 5px;
    left: 10px!important
}

.slider-pbtn {
    border-radius: 0 5px 5px 0;
    right: 10px!important
}

.product-wrapper .two-headline {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-wrapper .two-headline a {
    font-size: 1.8em;
    font-weight: 500;
    color: #a8a8a8
}

.product-wrapper .two-headline a:hover {
    color: #1ca2bd
}
.catslider-title {
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
}

#brandslider img {
    max-height: 100px;
}
#cat-slider{
    padding: 0px 20px;
}
#cat-slider img {
    /*max-height: 70%;
    max-width: 70%*/
    max-height: 115px;
}

#cat-slider h2 {
    font-weight: 400;
    font-size: 1rem;
    padding: 10px 0px;
    color: var(--color-primary);
}

footer {
    min-height: 56px;
    position: relative;
    background-color: var(--color-neutral-100);
    padding: 64px 80px 24px;
    margin-top: 105px;
  }
.footer .c-product__feature{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: -105px;
  border: 1px solid var(--color-neutral-200);
}
.footer .c-product__feature span{
    width: unset;
}
.footer .icon,
.footer-content,
.icon-wrapper .icon {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0px;
    display: flex
}

.footer .icon img,
.icon-wrapper img {
    height: 60px
}

.footer .icon,
.icon-wrapper .icon {
    justify-content: space-evenly
}

.footer .icon a,
.icon-wrapper .icon a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.footer .icon span,
.icon-wrapper .icon span {
    font-size: 1em;
    color: #606060;
    line-height: 2.5
}

.footer-content {
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 5px
}

.footer-content .head {
    font-size: 1.5em;
    font-weight: 600;
    color: var(--color-primary-800);
    margin-bottom: 20px
}

.footer-content li {
    margin-bottom: 25px
}

.footer-content li a {
    font-size: 1.4em;
    color: #616161;
    font-weight: 400
}

.aboutus {
    max-width: 333px;
    flex-basis: 100% !important;
}
.aboutus img {
    width:20px
}

.aboutus .content{
    font-size: 1.4em;
    line-height: normal;
    margin-top: -8px;
    font-weight: 400;
}

.newsletter div{
    display: flex;
}

.newsletter .content div input{
    width: 50%;
}

.newsletter input {
    padding: 14px 7px;
    font-size: 12px;
    border-radius: 10px;
    width: 300px;
    margin-left: 3px;
    margin-bottom: 5px;
    display: block;
    background-color:  #fff;
    border:1px solid var(--color-neutral-100)
}

.newsletter button {
    color: #fff;
    background-color: var(--color-button-primary);
    padding: 11px 35px;
    border-radius: 8px
}

.newsletter .content .head {
    margin-top: 25px
}

.newsletter .social i {
    color: #666;
    font-size: 3em;
    margin-left: 30px
}

.cert .image {
    display: flex;
}

.cert img {
    height: 80px;
    width: 80px;
}

.footer-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.footer-contact span {
    color: #414141;
    font-weight: 400;
    margin-left: 10px;
    line-height: 2;
    font-size: 1.4em;
}

.footer-contact .app {
    display: none
}

.btn-invisible-call {
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    padding: 15px 25px;
    border: 2px solid hsla(0, 0%, 57%, .3);
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: 8px;
    box-shadow: 0 0 20px 0 hsla(0, 0%, 57%, .1);
    color: #919191
}

.account-box .register {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11)
}

.jump-to-up {
    padding: 15px 0 5px;
    font-size: 1.4em;
    cursor: pointer
}

.not-found {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
    line-height: 22px;
}

.not-found h3 {
    font-size: 1.5rem;
    line-height: 1.222;
    margin: 30px auto
}

.not-found a {
    background-color: var(--color-primary);
    border-radius: 8px;
    padding: 10px 20px;
    color: #fff;
    border: none;
    font-size: 1.5em;
    cursor: pointer;
}

.account-box {
    margin: 15px auto
}

.register-logo {
    margin-bottom: 18px
}

.register-logo img {
    width: 140px
}

.account-box .register {
    background: #fff;
    width: 389px;
    border: 1px solid #dedede;
    position: relative;
    margin: 0 auto;
    border-radius: 30px;
}

.account-box .headline {
    border-bottom: 1px solid #ececec;
    padding: 17px 40px;
    font-size: 1.4em;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}

.account-box .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px
}

.account-box .hint {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731;
    margin: 15px auto;
    border-radius: 5px;
    padding: 11px;
    line-height: 1.8;
    font-weight: 400
}
.account-box .hint-green {
    background-color: #eeffdf;
    border: 1px solid #b7ecb8;
    color: #518541;
    margin: 15px auto;
    border-radius: 5px;
    padding: 11px;
    line-height: 1.8;
    font-weight: 400
}

.account-box form {
    display: flex;
    flex-direction: column
}

.account-box form>label {
    color: #656565;
    margin: 5px 0;
    letter-spacing: -.6px;
    font-size: 1.071rem;
    line-height: 1.467;
    font-weight: 400
}

.account-box form>input {
    padding: 11px 8px;
    color: var(--color-neutral-900);
    font-size: 1.6em;
    font-weight: 600;
    line-height: 21px;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    position: relative
}

.account-box .acc-agree {
    margin: 3px 0 7px;
    font-size: .9em;
    line-height: 2;
    color: #5c5c5c
}

.account-box .acc-agree a {
    color: #1ca2bd;
    border-bottom: 1px dashed #1ca2bd;
    padding: 0;
    line-height: 2;
    font-weight: 400
}

.account-box input[type=checkbox] {
    transform: scale(1.4);
    margin: 0 5px
}

.account-box button {
    padding: 13px 50px 13px 13px;
    width: 100%;
    font-size: 1.8em;
    line-height: 1.222;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    letter-spacing: -.6px;
    position: relative;
    margin-bottom: 12px
}

.account-box button:before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.account-box button:after {
    position: absolute;
    right: 20px;
    top: 13px;
    font-size: 30px
}

.account-box button i {
    position: absolute;
    right: 24px;
    font-size: 1.2em
}

.account-box .foot {
    padding: 23px 40px;
    border-top: 1px solid rgba(96, 189, 201, .4);
    background-color: rgba(96, 189, 201, .1)
}

.account-box .foot a {
    color: #1ca2bd;
    border-bottom: 1px dashed #1ca2bd
}

.account-box .login-foot {
    background: rgba(93, 214, 0, .06);
    border-top: 1px solid #d7e6bb
}

.account-box .login form {
    display: block
}

.account-box .login form>input {
    margin: 5px 0
}

.account-box .login form>label {
    display: inline-block
}

.account-footer {
    color: #b1b1b1
}

.account-footer ul {
    display: flex;
    justify-content: center
}

.account-footer ul li {
    padding-left: 25px;
    padding-bottom: 15px
}

.account-footer li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.copyright-en {
    font-size: .8em
}

.c-breadcrumb li {
    display: inline-block;
    white-space: nowrap;
}

.c-breadcrumb li span{
    font-size: 1.3em;
}
.c-breadcrumb {
    display: flex;
    overflow-x: scroll;
    font-size: .9em;
    max-width: 100%;
    scrollbar-width: none;
    pointer-events: auto;
    padding: 10px;
}

.c-breadcrumb li:not(:first-of-type):before {
    content: "/";
    color: #cfcfcf;
    letter-spacing: .4px;
    font-size: 13px;
    vertical-align: top;
    margin-left: 5px;
    padding-right: 5px;
    font-weight: 400!important
}

.c-product {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    display: inline-flex;
    flex-direction: column-reverse;
    margin-bottom: 15px;
    width: 100%
}

.c-product__summary {
    width: 100%;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    padding: 1rem;
    padding-bottom: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.c-product__info {
    width: 100%;
    flex: 1 1 0;
    padding: 0 15px 0 20px;
    border-right: 1px solid #f2f2f2;
}

.c-product__gallery {
    margin: 0px !important;
}

.c-product__special-deal {
    background: rgba(var(--color-primary-rgb), .05);
    border-left: 1px solid var(--color-primary);
    padding: 20px;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.c-product__special-deal:before {
    content: "ماشینت پارتی";
    width: 184px;
    height: 20px;
    font-size: 2em;
    font-weight: 500;
}

.c-counter--special-deal {
    padding: 3px 0 0 24px;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    vertical-align: middle
}

.c-counter--special-deal:before {
    content: "\f017";
    font-family: fontawesome;
    position: absolute;
    left: 8px;
    font-size: 1.429rem;
    line-height: 20px;
    
}

.c-product__status-bar {
    font-size: 20px;
    position: relative;
    padding: 19px 72px 28px 17px;
    max-height: 56px;
    overflow: hidden
}

.c-product__status-bar--out-of-stock {
    color: #b37171;
    background-color: #fce9e8
}

.c-product__status-bar--out-of-stock::before {
    content: "\f291";
    font-family: fontawesome;
    color: #ecbbb9;
    right: 26px;
    font-size: 29px
}

.c-product__status-bar::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.c-product__gallery .c-gallery {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*height: 100%;*/
}
.c-product__special-deal:not(.hidden)+.c-gallery {
    border-left: 1px solid #ffcdd3;
    box-shadow: 1px 0 0 #ffcdd3, 0 1px 0 #ffcdd3;
    height: calc(100% - 83px)
}

.c-gallery__item {
    display: flex;
    height: calc(100% - 100px);
    position: relative;
    padding-top: 20px;
}
.c-gallery__item  .c-gallery__img {
    width: 310px;
    height: 220px;
    text-align: center;
}
.c-gallery__options {
    display: flex;
    flex-direction: column;
}

.c-gallery__options li:first-child {
    margin-top: 0
}

.c-gallery__options li {
    margin-top: 12px;
    position: relative
}
.c-product__variants{
    margin: 20px 0 10px;
    vertical-align: top;
}
.c-product__variants>span {
    padding-left: 15px;
}
.variants {
    display: inline-flex;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: .9em;
    font-weight: 400;
    color: #515151;
    cursor: pointer;
}
.color-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
.btn-option {
    width: 45px;
    height: 35px;
    background-color: #fff;
    color: #9b9b9b;
    position: relative;
    transition: .3s all;
    font-size: 1.3em;
}

.btn-option:hover {
    border-color: #000
}

/* .btn-option:before {
    position: absolute;
    font-family: fontawesome;
    font-size: 1.7em;
    color: #757575;
    top: 22%;
    right: 29%
}

.btn-option--add-to-wish:before {
    content: "\f004"
}

.btn-option--social:before {
    content: "\f1e0"
}

.btn-option--compare:before {
    content: "\f227"
}

.btn-option--stats:before {
    content: "\f201"
} */

.c-gallery__img img {
    max-height: 210px;
    max-width: 310px;
}

.c-gallery__items {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #f4f4f4;
    list-style: none;
    width: 100%;
    padding-top: 10px;
}

.c-product__headline {
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 0
}

.c-product__title {
    display: flex;
    flex-direction: column;
    font-size: 1.1em;
    color: #494949;
    font-weight: 400
}

.c-product__title .en-title {
    color: #b5b5b5;
    font-size: 1.2em;
    line-height: 2.7
}

.c-product__title .fa-title {
    font-size: 1.1rem;
    line-height: 24px;
    font-weight: 500;
    color: #000;
}

.c-product__guaranteed {
    margin-right: auto;
    letter-spacing: -.3px;
    font-size: .786rem;
    line-height: 1.6;
    color: #4b4b4b;
    position: relative;
    flex: 0 0 148px;
    font-weight: 400;
}

.c-product__guaranteed:before{
    content: "\f058";
    font-family: fontawesome;
    font-size: 35px;
    color: #fb3449;
    position: absolute;
    right: -10%;
    top: -9px;
    transform: translate(50%)
}
.c-product__params {
    flex-basis: 26%
}

.c-product__config {
    flex-basis: 70%;
    min-height: 300px;
    padding: 12px 0 0 20px
}

.c-product__attributes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
}

.c-product__directory {
    margin: 0 0 15px;
    font-size: .9em;
    line-height: 2
}

.c-product__directory li {
    margin-left: 28px;
    display: inline-block
}

.btn-link-spoiler {
    color: #1ca2bd;
    padding: 0;
    line-height: 2;
    border-bottom: 1px dashed #1ca2bd;
    font-weight: 400
}

.c-product__variants {
    margin: 20px 0 10px;
    vertical-align: top
}

.c-product__variants ul {
    display: inline-flex;
    max-width: calc(100% - 100px)
}
c-product__variants li {display: inline-block;}
.c-product__variants>span {
    padding-left: 15px
}
.seller-name {
    color:
            #4a5f73;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-right: 15px;
}
.c-product__seller-details::before, .seller-name::before {
    content: url(../images/500f5df4.svg);
    position: absolute;
    right: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 31px;
    color: #ccc;
}
.seller-name::before {
    opacity: .7;
    right: -10px;
    top: 70%;
}
.c-product__guarantee {
    margin: 10px 0 15px
}

.c-product__summary .seller span, .c-product__guarantee span {
    line-height: 1;
    font-weight: 400;
    font-size: 1.5em;
}

.c-product__delivery {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
    color: #565656
}

.c-product__delivery span {
    padding-left: 15px
}

.c-product__summary .seller , .c-product__guarantee , .c-product__delivery{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
.c-price {
    font-size: 2.5em;
    line-height: 1.5;
    font-weight: 600;
    color: var(--color-neutral-700);
    text-align: center;
}

.btn-add-to-cart {
    font-size: 1.286rem;
    line-height: 1.222;
    padding: 16px 98px 16px 18px;
    border-radius: 8px;
    background-color: var(--color-button-primary);;
    color: #fff;
    overflow: hidden;
    letter-spacing: -.7px;
    max-width: 380px;
    font-weight: 400;
}

/*
.btn-add-to-cart:before {
    content: "\f217";
    font-family: fontawesome;
    position: absolute;
    right: 29px;
    top: 10px;
    font-size: 32px
}

.btn-add-to-cart span:before {
    width: 96px;
    height: 96px;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.btn-add-to-cart:hover span:before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px
}
*/

.btn-add-to-cart span {
    font-size: 1em;
    display: inline-block;
    width: 300px;
}

.c-product__unfair-price {
    line-height: 4;
    color: #7c7c7c;
    letter-spacing: -.3px
}

.c-product__params ul {
    padding: 0;
    color: #55565a;
    margin: 20px 0;
    line-height: 1.8
}

.c-product__params ul:before {
    content: attr(data-title);
    font-weight: 500;
    font-size: 1.3em
}

.c-box-tabs__tab.is-active:before,
.c-content-expert__summary:after,
.c-mask__handler:after,
.c-product__params ul li:before {
    content: ""
}

.c-product__params ul li:before {
    width: 5px;
    height: 5px;
    background: #ccc;
    vertical-align: middle;
    margin-left: 5px;
    border-radius: 50%
}

.c-product__params ul li span {
    margin-left: 5px;
    white-space: normal;
    font-size: 1.25em;
    color: #000
}

.c-product__params ul li {
    margin: 5px 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.c-product__feature {
    display: flex;
    justify-content: space-between;
    margin: 10px auto 18px;
    border-top: 1px solid #f2f2f2;
    padding-top: 12px
}

.c-product__feature img {
    height: 42px
}

.c-product__feature span {
    font-size: .9em;
    width: 84px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
    padding-right: 8px
}
.c-product__get-club {
    text-align: center;
    font-size: .9em;
    color: #000;
    font-weight: 400;
    padding: 10px 0;
}
.c-product__get-club i {
    font-size: 1.8em;
    line-height: 1.2;
    padding-bottom: 4px;
    color: #ffd700;
}
.swiper-slide {
    background-size: cover;
    background-position: center
}

.gallery-top {
    height: 80%;
    width: 100%
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1
}

.c-gallery__items img {
    max-width: 80px;
    max-height: 70px;
    overflow: hidden;
    cursor: pointer;
    opacity: .7
}

.c-gallery__items li {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 5px;
    margin: auto 7px;
    border-radius: 5px;
    width: 90px;
    text-align: center;
}

.p-tabs {
    margin-top: 39px;
    position: relative;
    padding-top: 57px;
    line-height: 22px
}

.c-box-tabs {
    display: flex;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    line-height: 1.294;
    letter-spacing: -.4px;
    position: absolute;
    top: 0;
    width: 100%
}

.c-box-tabs .desc,
.c-box-tabs__tab {
    border-left: 1px solid #dfdfdf;
    position: relative;
    flex-basis: 100%;
}

.c-box-tabs__tab a {
    padding: 12px 6px;
    position: relative;
    color: #6f6f6f;
    display: block;
    line-height: 27px;
    font-size: 1em;
}

.c-box-tabs__tab span {
    font-size: 1.3em;
    font-weight: 400
}

.c-box-tabs__tab i {
    color: #c3c3c3;
    display: inline-block;
    margin-left: 11px;
    font-size: 1.8em
}

.c-box-tabs__tab.is-active:first-of-type {
    border-right: none
}

.c-box-tabs__tab.is-active:before {
    display: block;
    left: -1px;
    right: -1px;
    bottom: 100%;
    height: 4px;
    background: #00bfd6
}

.c-box--tabs {
    padding: 15px;
    margin-bottom: 58px;
    margin-top: 1px;
    border-top: none;
    background-color: #fff;
    position: relative
}

.p-tabs__content>div.is-active {
    display: block
}

.c-params__headline {
    color: #6f6f6f;
    font-size: 2.2em;
    line-height: 1.467;
    font-weight: 500;
    margin-bottom: 35px;
    letter-spacing: -.6px
}

.c-params__headline span {
    font-size: 16px;
    font-size: .8em;
    line-height: 1.375;
    letter-spacing: -.3px;
    display: block;
    color: #a7a7a7
}

.c-content-expert__summary {
    background: #fcfcfc;
    color: #404040;
    font-size: 1.4em;
    min-height: 256px;
    position: relative;
    line-height: 1.6;
    text-align: justify;
}

.c-mask {
    position: relative;
    padding-bottom: 15px
}

.c-mask__text p {
    font-size: 1rem;
    line-height: 2.2;
    text-align: justify;
    text-justify: inter-word;
}

.c-mask__text.is-active {
    height: auto!important;
    max-height: unset!important;
    padding-bottom: 30px
}

.c-mask__text {
    overflow: hidden;
    padding: 20px;
}

.c-mask__text li {
    list-style: disc !important;
}

.c-mask__handler {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 15px;
    color: #2196f3;
    background: #fcfcfc;
    cursor: pointer;
    font-size: .9em;
    font-weight: 400
}

.c-mask__handler:after {
    position: absolute;
    right: 0;
    left: 0;
    opacity: 1;
    bottom: 30px;
    height: 105px;
    z-index: 1;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 99%, .99) 99%, #fcfcfc)
}

.c-mask__handler.is-active {
    height: auto;
    transition: opacity .15s ease
}

.without-after:after {
    content: none
}

.br-theme-bars-movie .br-widget {
    display: flex;
    align-items: center;
    border-radius: 3px
}

.br-theme-bars-movie .br-current-rating {
    width: 70px!important;
    color: #666!important;
    font-size: 1.3em
}

.br-theme-bars-movie .br-widget a.br-active,
.br-theme-bars-movie .br-widget a.br-selected,
.br-theme-bars-movie a.br-active,
.br-theme-bars-movie a.br-selected {
    background-color: var(--color-primary)!important
}

.br-theme-bars-movie .br-widget a {
    background-color: #d5d5d5;
    margin: 0;
    height: 4px
}

.p-tabs__content>div {
    display: none
}

.c-params__title {
    color: #4d4d4d;
    margin-bottom: 25px;
    position: relative;
    padding-right: 19px;
    font-size: 1.5em;
    font-weight: 400
}

.c-params__title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent var(--color-primary);
    transform: rotate(45deg)
}

.p-tabs.is-fixed .c-box-tabs {
    position: fixed;
    top: 0;
    width: calc(100% - 30px);
    min-width: 1005px;
    z-index: 123;
    box-shadow: 0 5px 10px 0 hsla(0, 0%, 71%, .2)
}

.c-checkout,
.c-checkout-summary,
.cart-empty,
.icon-wrapper {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-params__list {
    list-style: none;
    padding: 0;
    margin-bottom: 70px
}

.c-params__list li {
    display: flex;
    flex-wrap: wrap;
    margin: 8px -8px
}

.c-params__list-value {
    padding-right: 8px;
    padding-left: 8px
}

.c-params__list-key .block,
.c-params__list-value .block {
    background: #fafafa;
    padding: 14px 18px 12px;
    font-size: 1.5em;
    color: #666;
    position: relative;
    border-radius: 10px;
    margin: 5px;
    display: inline-block;
}
.c-params__list-value .block::before {
    content: "\f00c";
    width: 5px;
    height: 5px;
    font-family: fontawesome;
    font-weight: 600;
    color:var(--color-primary);
    margin-left: 5px;
    background-color: #fff;
    border-radius: 50%;
    padding: 4px;
}
.c-params__list-value {
    display: table-footer-group;
}

.c-params__list-key {
    flex-basis: 23%
}

.c-params__list-value {
    flex-basis: 76%
}

.c-params__list-value .block:not(:first-of-type) {
    margin-top: 3px
}

.c-comments__headline {
    font-size: 1.9em;
    line-height: 1.571;
    letter-spacing: -.6px;
    color: #6f6f6f
}

.c-comments__headline>span {
    margin-top: 10px;
    width: 100%;
    display: inline-flex;
    font-size: .8em;
    font-weight: 500
}

.c-comments__summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.c-comments__summary-box,
.c-comments__summary-note {
    flex: 0 0 50%;
    max-width: 100%;
}

.c-comments__summary-note>span {
    font-size: 1.357rem;
    line-height: 1.158;
    color: #5a5a5a;
    letter-spacing: -.4px;
    margin-bottom: 20px;
    display: block
}

.c-comments__summary-note p {
    font-size: 1.071rem;
    line-height: 2.27;
    margin-bottom: 35px;
    color: #676767
}

.btn-add-comment.is-disabled {
    background-color: #7a7a7a;
    border-color: #7a7a7a;
    color: #fff
}

.btn-add-comment {
    font-size: 1.143rem;
    line-height: 1.375;
    padding: 16px 105px 16px 45px;
    border-radius: 8px;
    background-color: #7a7a7a;
    border: 1px solid #7a7a7a;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    position: relative
}

.btn-add-comment:before {
    content: "\f086";
    font-family: fontawesome;
    position: absolute;
    right: 27px;
    top: 8px;
    font-size: 32px
}

.btn-add-comment span:before {
    width: 96px;
    height: 96px;
    position: absolute;
    right: -11px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out
}

.btn-checked:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-checkout:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-notify-me:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-order-traking:not(.disabled):not(.is-inactive):not([disabled])::before,
.btn-payment:not(.disabled):not(.is-inactive):not([disabled])::before,
.c-checkout-pack {
    transition: all .3s ease-in-out
}

.btn-add-comment span {
    font-size: 1em;
    padding: 0 40px
}

.c-comments__filter {
    border-bottom: 1px solid #eee;
    display: flex;
    margin-top: 60px
}

.c-faq__filter-title {
    line-height: 1.375;
    padding: 14px 19px 14px 17px;
    position: relative;
    font-size: 1.7em;
    font-weight: 400
}

.c-faq__filter-title:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 0 7px;
    border-color: transparent transparent transparent #00bfd6
}

.c-faq__filter-items {
    line-height: 1.375;
    margin-right: auto;
    padding: 0
}

.c-faq__filter-items[data-title]:before {
    display: inline-block;
    content: attr(data-title);
    padding: 14px 10px;
    font-size: 1.5em
}

.c-faq__filter-items li {
    display: inline-block;
    margin-right: 10px
}

.c-faq__filter-items li a.is-active {
    color: #00bfd6;
    padding-bottom: 17px
}

.c-faq__filter-items li a {
    display: block;
    position: relative;
    padding: 14px 17px;
    color: #4d4d4d;
    font-size: 1.5em
}

.c-faq__filter-items li a.is-active:after {
    left: 0;
    right: 0;
    top: 100%;
    height: 1px;
    content: "";
    position: absolute;
    background: #00bfd6
}

.c-comments__list {
    padding: 0;
    margin-top: 18px
}

.c-comments__list>li {
    border-radius: 5px;
    background-color: #fcfcfc;
    border: 1px solid #f3f3f3;
    padding: 57px 30px 30px;
    margin-bottom: 36px
}

.c-comments__list>li section {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px
}

.c-comments__list>li section .aside {
    flex: 0 0 27%;
    max-width: 27%
}

.c-comments__list>li section .article {
    flex: 0 0 73%;
    max-width: 73%;
    padding-bottom: 50px
}

.c-comments__list>li .c-message-light {
    margin-bottom: 25px;
    position: relative
}

.c-message-light--purchased {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fdfff8;
    border: 1px solid #e2f0d5;
    border-radius: 3px;
    color: rgba(36, 90, 29, .98);
    padding: 7px 40px 7px 12px
}

.c-message-light--purchased:before {
    content: "\f07a";
    font-family: fontawesome;
    position: absolute;
    right: 9px;
    top: 13px;
    font-size: 17px;
    color: #818181
}

.c-message-light--opinion-negative {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fff8f9;
    border: 1px solid #ffbcc7;
    border-radius: 3px;
    color: #ff637d;
    padding: 7px 40px 7px 12px
}

.c-message-light--opinion-negative:before {
    content: "\f165";
    font-family: fontawesome;
    position: absolute;
    right: 9px;
    top: 14px;
    font-size: 17px;
    color: #818181
}

.c-message-light--opinion-noidea {
    font-size: .929rem;
    line-height: 2.23;
    background-color: #fff9f2;
    border: 1px solid #fcdfbf;
    border-radius: 3px;
    color: #dd7e19;
    padding: 7px 12px;
    text-align: right
}

.c-comments__user-shopping {
    padding: 5px 0 0
}

.c-comments__user-shopping>li {
    font-size: .929rem;
    line-height: 1.692;
    color: #777;
    margin: 5px 0
}

.c-comments__list>li .article,
.c-comments__list>li .aside {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px
}

.c-comments__list>li section .article .header {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.c-comments__list>li section .article .header>span {
    font-size: 19px;
    font-size: 1.357rem;
    line-height: 1.158;
    color: #5f5f5f;
    font-weight: 500
}

.c-comments__list>li section .article .header>span:nth-child(2) {
    font-size: 1.5em;
    line-height: 1.571;
    display: block;
    color: #adadad;
    margin-top: 5px;
    font-weight: 400
}

.c-comments__evaluation {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -10px 40px
}

.c-comments__evaluation-negative,
.c-comments__evaluation-positive {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    display: flex;
    align-items: center
}

.c-comments__evaluation-negative>span,
.c-comments__evaluation-positive>span {
    color: #00bfd6;
    padding: 20px
}

.c-comments__evaluation-negative ul li,
.c-comments__evaluation-positive ul li {
    margin: 6px 0;
    padding-right: 17px;
    color: #5f5f5f;
    position: relative;
    font-size: 1.4em
}

.c-comments__evaluation-positive ul li:before {
    background-color: #00bfd6!important
}

.c-comments__evaluation-negative ul li:before,
.c-comments__evaluation-positive ul li:before {
    background: #ccc;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 8px;
    right: 0
}

.c-comments__evaluation-negative ul li:before {
    background-color: #ff637d
}

.c-comments__list>li .article p {
    font-size: 1.4em;
    line-height: 2.71;
    color: #505050
}

.c-comments__list>li .article .footer {
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    left: 30px
}

.c-comments__likes {
    text-align: left;
    color: #777;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.btn-like,
.c-comments__likes>span {
    font-size: .9em
}

.c-comments__likes .btn-like {
    margin-right: 17px
}

.btn-like {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 13px;
    color: #8c8c8c;
    line-height: 1.692
}

.c-comments__list>li section .aside>div:not(:first-of-type) {
    margin-top: 40px
}

.c-pager {
    display: flex;
    flex-wrap: wrap;
    margin: 10.5px -10px;
    align-items: center;
    justify-content: center
}

.c-pager__items li,
.c-pager__tabs li {
    display: inline-block
}

.c-pager__item.is-active {
    background-color: #00bfd6;
    border: 1px solid #00bfd6;
    color: #fff
}

.c-pager__item {
    border-radius: 8px;
    color: #535353;
    font-size: 1.6em;
    line-height: 34px;
    margin: 0 3px
}

.c-pager__item,
.c-pager__next,
.c-pager__prev {
    display: inline-block;
    width: 35px;
    height: 34px;
    text-align: center;
    vertical-align: top
}

.c-faq__headline {
    font-size: 2.3em;
    line-height: 1.571;
    letter-spacing: -.6px;
    color: #6f6f6f;
    font-weight: 700
}

.c-faq__headline span {
    display: block;
    font-size: .7em;
    line-height: 1.375;
    margin-top: 10px;
    font-weight: 400;
    color: #6f6f6f
}

.c-form-faq textarea,
.modal-checkout textarea {
    height: 180px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    padding: 10px;
    color: #424242;
    width: 100%;
    resize: vertical;
    vertical-align: top;
    min-height: 56px;
    font-size: .857rem;
    line-height: 2.58;
    margin: 12px 0
}

.disabled {
    opacity: .5;
    cursor: default!important;
    user-select: none;
    pointer-events: none
}

.btn-tertiary {
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 1.294;
    border-radius: 8px;
    background-color: #7a7a7a;
    padding: 18px 31px;
    color: #fff
}

.form-row {
    display: flex;
    align-items: center
}

.form-row .agreement {
    margin-right: 20px;
    font-size: 1.4em;
    line-height: 2.3
}

#questions c-comments__filter {
    flex-wrap: wrap
}

.c-faq__list {
    margin-top: 40px
}

.c-faq__list>li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.c-faq__list>li {
    position: relative;
    border: 1px solid #dbdbdb;
    background: #fcfcfc;
    margin-right: 171px;
    padding: 19px 29px 50px;
    color: #4d4d4d;
    min-height: 220px
}

.c-faq__list>li:after,
.c-faq__list>li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 11px;
    border-color: transparent transparent transparent #dbdbdb;
    left: 100%;
    top: 50px
}

.c-faq__list>li.is-question .section .header {
    font-size: 62px;
    padding-top: 69px;
    color: #35ccde
}

.c-faq__list>li.is-question .section .header:before {
    content: "\f059";
    font-family: fontawesome
}

.c-faq__list>li .section p {
    margin-bottom: 20px
}

.c-faq__list>li .section .header .h5 {
    color: #7a7a7a;
    font-size: .4em;
    line-height: 1.692;
    margin-top: 10px
}

.c-faq__list>li .section .header .h5 span {
    display: block;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #959595
}

.c-faq__list>li .section .header {
    width: 122px;
    margin-left: 44px;
    padding-top: 64px;
    position: absolute;
    left: 100%;
    top: -10px;
    text-align: center
}

.c-faq__list>li .section>p {
    font-size: 1.5em;
    line-height: 2.4
}

.c-faq__list>li .section .footer {
    font-size: .857rem;
    line-height: 1.833;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    right: 0;
    bottom: 25px;
    padding: 0 29px
}

.c-faq__list>li .section .footer em {
    color: #d3d3d3;
    font-style: normal;
    margin-left: auto
}

.c-faq__list>li .section .footer .btn-link-spoiler {
    margin-right: 20px;
    font-size: 1em
}

.c-faq__list>li.is-answer {
    background: #fff
}

.c-faq__list>li.is-answer .section .header {
    font-size: 79px;
    padding-top: 86px;
    color: #ffd188
}

.c-faq__list>li.is-answer .section .header:before {
    content: "\f0eb";
    font-family: fontawesome
}

.c-faq__likes {
    text-align: left;
    color: #777;
    line-height: 1.692;
    margin-right: auto;
    font-size: .9em
}

.c-faq__likes span {
    font-size: 1em
}

.c-faq__answer-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.c-faq__answer-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.c-faq__answer-col--form {
    flex: 0 0 54%;
    max-width: 54%;
    padding-left: 33px;
    padding-right: 26px
}

.c-faq__answer-col--form span.h3 {
    margin-bottom: 4px;
    font-size: 2em;
    line-height: 1.048;
    letter-spacing: -.8px;
    color: #7a7a7a;
    display: block
}

.c-form-faq-answer__col--submit .btn-default {
    width: 100%
}

.btn-default {
    line-height: 1.375;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    padding: 14px 31px;
    color: #fff
}

.c-faq__answer-col--rules {
    flex: 0 0 46%;
    max-width: 46%;
    border-right: 1px solid #f0f0f0;
    padding-right: 25px
}

.c-faq__answer-col--rules span.h4 {
    padding-right: 37px;
    margin-bottom: 25px;
    position: relative;
    font-weight: 700;
    letter-spacing: -.7px;
    line-height: 1.294;
    color: #7a7a7a;
    display: block;
    font-size: 1.5em
}

.c-faq__answer-col--rules span.h4:before {
    content: "\f14b";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 22px
}

.c-faq__rules-list li {
    margin: 15px 0 0;
    position: relative;
    padding-right: 33px
}

.c-faq__rules-list li:before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    top: 7px;
    right: 8px;
    background: #e2e2e2;
    position: absolute;
    content: ""
}

.c-faq__answer-row textarea,
.comment-new form textarea {
    border: 1px solid #c8c8c8;
    width: 100%;
    resize: vertical;
    min-height: 56px;
    vertical-align: top
}

.c-faq__rules-list span.h5 {
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: 1.4em;
    line-height: 1.571;
    color: #7a7a7a;
    display: block
}

.c-faq__rules-list p {
    line-height: 1.6;
    margin-top: 10px;
    color: #959595;
    letter-spacing: -.7px;
    font-size: 1.4em
}

.c-faq__answer-row textarea {
    height: 180px;
    border-radius: 5px;
    padding: 10px;
    color: #424242;
    font-size: .857rem;
    line-height: 2.58;
    margin: 12px 0
}

.add-comment {
    background-color: #fff;
    margin: 20px auto;
    padding: 20px 30px
}

.comment-info {
    display: flex;
    justify-content: space-between
}

.comment-info img {
    height: 300px
}

.comment--info {
    display: flex;
    flex-direction: column;
    flex: 0 0 68.5%;
    background: #fcfcfc;
    padding: 0 30px 39px 28px
}

.comment--info .headline {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 13px
}

.comment--info .headline h4 {
    font-size: 2.2em;
    font-weight: 400;
    line-height: 1.8
}

.comment--info .headline span {
    line-height: 1.5;
    color: #b5b5b5
}

.comment-new {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.comment-new form>input,
.comment-new form>label {
    display: block;
    width: 100%
}

.comment-new form label,
.group-input span {
    margin-bottom: 12px;
    color: #565656;
    font-size: 1.143rem;
    line-height: 1.4;
    position: relative;
    font-weight: 400
}

.comment-new form input,
.comment-new form>input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 1.3em;
    line-height: 1.571;
    padding: 11px 12px;
    /*width: 100%;*/
    letter-spacing: -.8px
}

.group-input {
    display: flex
}

.group-input div {
    display: flex;
    flex-direction: column;
    margin-left: 20px
}

.comment-new form textarea {
    border-radius: 5px;
    outline: 0;
    padding: 10px;
    color: #424242;
    line-height: 2;
    height: 166px;
    font-size: 1.2em
}

.group-input .advantage span:before,
.group-input .disadvantage span:before {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 7px;
    top: 6px;
    border-radius: 4px;
    content: ""
}

.comment-new label,
.comment-new span {
    margin-top: 25px
}

.comment-new span {
    padding-right: 20px
}

.group-input .advantage span:before {
    background: #00bfd6
}

.group-input .disadvantage span:before {
    background: #fb3449
}

.comment-new button {
    margin-top: 15px;
    display: block
}

.comment-new .form-holder {
    flex-basis: 55%;
    padding-left: 30px;
    position: relative
}

/*.comment-new .form-holder .btn-link-spoiler {
    position: absolute;
    bottom: 10px
}*/

.comment-new .description {
    border-right: 1px solid #ededed;
    padding: 40px 50px
}

.comment-new .description h3 {
    margin-bottom: 45px;
    letter-spacing: -.5px;
    font-size: 2em;
    line-height: 1.5;
    font-weight: 400
}

.comment-new .description p {
    line-height: 2.3
}

.cart-empty,
.icon-wrapper {
    background: #fff;
    border: 1px solid #e7e7e7;
    text-align: center;
    line-height: 22px
}

.cart-empty__icon {
    width: 167px;
    height: 170px;
    background: #f4f4f4;
    position: relative;
    border-radius: 50%;
    margin: 0 auto
}

.cart-empty__icon:before {
    content: "\f07a";
    font-family: fontawesome;
    position: absolute;
    font-size: 77px;
    left: 42px;
    top: 72px;
    color: #a8a8a8
}
.cart-sfl__icon{
    margin: 0 auto;
    width: 200px;
    height: 150px;
    background: url(../images/06d51c65.png) 50% no-repeat;
    background-size: auto;
    background-size: contain;
}
.cart-empty__title {
    font-size: 2.214rem;
    line-height: 1.419;
    letter-spacing: -.4px;
    margin: 25px 0;
    color: #858585
}

.cart-empty__links {
    margin-bottom: 20px
}

.cart-empty__link-urls a {
    margin: 5px 0 0 10px;
    padding: 0 2px;
    position: relative
}

.btn-cart:not(.disabled):not(.is-inactive):not([disabled]) {
    position: relative;
    overflow: hidden
}

.cart-empty .btn-cart {
    padding-right: 100px;
    padding-left: 100px;
    margin-top: 15px;
    display: inline-block
}

.icon-wrapper .icon {
    border-bottom: none;
    justify-content: space-around;
    flex-wrap: wrap
}

.main-cart {
    display: flex;
    flex-wrap: wrap
}

.main-cart .o-page__content {
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
}

.c-checkout__tab--active {
    color: var(--color-button-primary) !important;
    font-weight: 500;
}
.c-checkout__tab--active:before {
    background-color: var(--color-button-primary);
}
.c-checkout__tab--active:before, .c-checkout__tab--active .c-checkout__tab-counter {
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 2px 2px 0 0;
}
.c-checkout__tab-counter {
    color: #f8f8f8;
    background-color: var(--color-button-primary)/*#999*/;
    margin-right: -20px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
}
.main-cart .c-checkout-text {
    cursor: pointer;
    color: #818181;
    text-align: center;
    position: relative;
    min-width: 140px;
    padding: 8px 24px 10px;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.467;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.main-cart  .o-headline {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ececec;
}
.c-cart-item__stock-info span {
    font-size: .7rem;
    line-height: 19px;
    color: var(--color-button-primary);
    font-weight: 500;
}
.c-cart-item__stock-info {
    margin-top: 12px;
}
.c-checkout__to-shipping-sticky {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 66px;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 -3px 4px 0 rgba(0,0,0,.06);
    box-shadow: 0 -3px 4px 0 rgba(0,0,0,.06);
    border-color: #e0e0e2;
    border-style: solid;
    border-width: 1px 0;
    padding: 10px 12px;
    z-index: 100;
}
.c-checkout__to-shipping-link {
    padding: 12px 16px;
    background-color: var(--color-button-primary);
    border-radius: 5px;
    max-width: 200px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    border: none;
    cursor: pointer;
}
.c-checkout__to-shipping-price-report {
    padding-left: 8px;
}
.c-checkout__to-shipping-price-report p {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    color: #777;
    text-align: left;
}
.c-checkout__to-shipping-price-report--price {
    color: #000;
    font-size: 1.1rem;
    line-height: 1.222;
    font-weight: 600;
    text-align: left;
    margin-top: 2px;
}
.c-checkout__to-shipping-price-report--price span {
    font-size: .8rem;
    line-height: 1.833;
    font-weight: 400;
}
.c-checkout__header {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 13px 0 10px 0;
    margin: 0 12px;
}
.c-checkout__header-title {
    color: #777;
    font-size: 15px;
    font-size: .9rem;
    line-height: 1.5;
    font-weight: 700;
    margin-right: 8px;
}
.c-checkout__header-extra-info {
    color: #777;
    font-weight: 400;
    font-size: 13px;
    font-size: .8rem;
    line-height: 1.5;
    margin-right: 8px;
}
.c-checkout__header-delivery-cost {
    position: absolute;
    left: 0;
    color: #777;
    font-size: 13px;
    font-size: .8rem;
    line-height: 1.692;
}
.c-checkout {
    margin: 0 0 10px;
    border: 1px solid #e7e7e7;
    background: #fff
}

.c-checkout__item:first-child {
    border-top: none
}

.c-checkout__item {
    border-top: 1px solid #eaeaea
}

.c-checkout__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    position: relative;
    padding-left: 10px;
    border-bottom: 1px solid #eaeaea;
}

.c-checkout__col {
    line-height: 22px;
    /*position: relative;
    width: 100%;*/
    min-height: 1px;
    padding-right: 0;
    padding-left: 0
}

.c-checkout__col--thumb {
    flex: 0 0 19%;
    padding-right: 40px;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center
}

.c-checkout__col--thumb a {
    position: relative
}

.c-checkout__col--thumb img:not(.c-product-box__fmcg-symbol) {
    max-width: 90%;
    max-height: 100%;
    position: relative
}

.c-checkout__btn-remove {
    position: absolute;
    width: 26px;
    height: 26px;
    text-align: center;
    border: none;
    border-radius: 13px;
    color: #999;
    background: #f5f5f5;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.c-checkout__btn-remove::before {
    content: "\f1f8";
    font-family: fontawesome;
    font-size: 12px;
    vertical-align: top;
    margin-top: 3px;
    display: inline-block
}

.c-checkout__col--desc {
    /*flex: 0 0 35%*/
    width: 80%;
}

.c-checkout__col--desc a {
    color: #000;
    font-size: 1.6em;
    line-height: 1.6;
    font-weight: 400
}

.c-checkout__col--desc p {
    font-size: 1.2em
}

.c-checkout__title {
    font-size: 1.071rem;
    line-height: 1.88;
    margin-bottom: 15px
}

.c-checkout__dealer {
    font-size: .929rem;
    line-height: 1.692;
    margin: 7px 0
}

.c-checkout__guarantee,
.c-checkout__special-deal {
    font-size: .857rem;
    line-height: 1.833;
    margin: 7px 0
}

.c-checkout__variant {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin: 7px 0
}

.c-checkout__col--information,
.c-checkout__col--message {
    display: flex
}

.c-checkout__col--information {
    /*flex: 0 0 46%;*/
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.c-cart-item__save-for-later {
    font-size: .75rem !important;
    line-height: 1.833;
    color: #777 !important;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
    padding-top: 8px;
}
.c-quantity-selector {
    width: 100px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #0fabc6;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.c-quantity-selector button ,.c-quantity-selector a {
    border: none;
    margin: 0;
    padding: 0;
    color: #0fabc6;
    background-color: #fff;
    cursor: pointer;
    width: 33%;
    text-align: center;
    height: 100%;
    border-radius: 5px;
}
.c-quantity-selector__add i {
    color: #e0e0e2;
    font-size: 1rem;
}
.c-quantity-selector__remove i {
    font-size: 1.1rem;
}
.c-cart-item__quantity-row {
    display: flex;
}
.c-checkout__row--inner {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    width: 100%
}

.c-checkout__col--counter {
    /*flex: 0 0 52%;
    max-width: 52%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center*/
}

.c-checkout__quantity {
    position: relative;
    z-index: 12;
    user-select: none;
    line-height: 22px;
    font-size: 1.1em;
    text-align: center
}

.c-checkout__quantity select {
    border-radius: 8px;
    font-size: .8em;
    border: 1px solid rgba(0, 0, 0, .1)
}

.c-checkout__quantity-error {
    position: absolute;
    top: calc(100% + 10px);
    right: -5px;
    padding: 10px;
    color: #fff;
    background-color: #ef5661;
    white-space: nowrap;
    z-index: 9283;
    display: none;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571
}

.c-checkout__col--price {
    /* flex: 0 0 47%;
     max-width: 47%;
     display: -ms-flexbox;
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: right*/
}

.c-checkout__price:first-child,
.c-checkout__price:nth-child(3) {
    padding-right: 47px
}

.c-checkout__price {
    font-size: 1.7em;
    line-height: 1.294;
    margin: 2px 0;
    font-weight: 400
}


.c-checkout-aside {
    margin-bottom: 23px
}

.main-cart .c-checkout-aside {
    margin-top: 77px;
    margin-bottom: 83px
}

.c-checkout__row.is-incredible {
    padding-bottom: 40px;
    position: relative
}

/*.c-checkout__row.is-incredible::after {
    content: "";
    position: absolute;
    border-radius: 8px;
    border: 1px solid #fccdd2;
    width: 137px;
    height: 27px;
    background: url(../images/9ddbb0ae.png) 50% no-repeat #fff8f8;
    background-size: auto 12px;
    -o-object-fit: contain;
    object-fit: contain;
    bottom: 10px;
    right: 20px
}*/

.c-checkout__price--del {
    font-size: .929rem;
    line-height: 1.692;
    text-decoration: line-through;
    color: #a0a0a0
}

.c-checkout-summary__discount .discount-price{
    line-height: 1.571;
    color: var(--color-button-primary)
}

.c-checkout__price--discount {
    font-size: .857rem;
    line-height: 1.833;
    color: #a0a0a0
}

.c-checkout-summary__content div:last-of-type>span {
    font-size: .9em
}

.c-checkout-summary {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    line-height: 22px;
}
.c-checkout-summary span {
    color: #777;
    font-size: 1.3em;
}
.c-checkout-summary .has-devider {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
}
.c-checkout-summary .has-devider span{
    font-weight: 500;
    color: #2b2b2b;
}
.pd-10 { padding-top: 10px}
.pd-10 i {color: gold}
.c-checkout-summary__summary {
    list-style: none;
    padding: 15px 10px
}

.c-checkout-summary__summary li {
    padding-bottom: 5px;
    display: flex;
    margin: 5px 0;
    justify-content: space-between;
    font-weight: 400;
    font-size: 1.1em
}

.c-checkout-summary__devider {
    padding: 0 10px
}

.c-checkout-summary__devider div {
    width: 100%;
    border: 1px solid #e6e6e6;
    height: 4px;
    border-right: none;
    border-left: none
}

.c-checkout-summary__content {
    padding: 15px;
    color: #a0a0a0;
    font-size: .786rem;
    line-height: 2;
    padding-top: 0;
}
.cart-sfl__links p{
    font-size: 1.5em;
    width: 30%;
    margin: 0 auto;
    line-height: 1.7;
    text-align: center;
}
#cart-sfl {
    width: 98%;
    display: none;
}
.c-checkout-summary__price-title {
    text-align: center;
    color: #676767;
    font-size: 1.286rem;
    line-height: normal
}

.c-checkout-summary__price-value {
    text-align: center;
    font-size: 1.071rem;
    line-height: normal;
    color: #fb3449
}

.c-checkout-summary__price-value-amount {
    font-size: 1.429rem;
    line-height: 2;
    font-weight: 700
}

.btn-checkout:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.c-checkout-summary__content .btn-checkout {
    width: 100%;
    text-align: center;
    margin-top: 2px;
    font-weight: 700;
    position: relative
}

.btn-checkout {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    padding: 15px 70px 15px 15px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.6px
}

.btn-checkout::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-checkout::after {
    content: "\f053";
    font-family: fontawesome;
    position: absolute;
    right: 21px;
    top: 14px;
    font-size: 21px
}

.btn-checkout:not(.disabled):not(.is-inactive):not([disabled]):hover::before {
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset
}

.c-checkout-summary__content div:last-child {
    padding-right: 5px;
    line-height: 2;
    margin-top: 9px
}

.c-checkout-feature-aside {
    border-radius: 5px;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    padding: 15px;
    letter-spacing: -.2px;
    line-height: 1.73;
    color: #aaa;
    font-weight: 500
}

.c-checkout-feature-aside__item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 1.3em;
    line-height: 1.692;
    font-weight: 500;
    margin-bottom: 10px;
    padding: 0 27px 0 20px
}

.c-checkout-steps,
.c-checkout-steps__item::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.c-checkout-feature-aside__item--guarantee {
    background: url(../images/a8d65c7a.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside__item--cash {
    background: url(../images/3e2ec4e5.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside__item:last-child {
    margin-bottom: 0
}

.c-checkout-feature-aside__item--express {
    background: url(../images/0e30c4eb.svg) 100% 50% no-repeat;
    background-size: 22px auto
}

.c-checkout-feature-aside {
    font-size: 1em
}

header.shipping .logo {
    text-align: center;
    height: 75px;
    display: flex;
    justify-content: center
}

header.shipping .logo a {
    margin: 23px auto
}

header.shipping .logo img {
    width: 120px;
    height: auto
}

header.shipping {
    height: 110px;
    box-shadow: 0 2px 12px 0 hsla(0, 0%, 44%, .14);
    z-index: unset
}

.c-checkout-steps {
    display: flex;
    list-style: none;
    padding: 0;
    color: #a0a0a0;
    justify-content: space-between;
    width: 60%;
    max-width: calc(428px * 0.6);
    line-height: 1.692;
    top: 100px;
    margin: 0;
    z-index: 1000
}

.c-checkout-steps li.is-active,
.c-checkout-steps li.is-completed {
    color: #00bfd6
}

.c-checkout-steps li:first-of-type {
    margin-left: 0
}

.c-checkout-steps__item::before {
    top: -25px;
    content: attr(data-title);
    white-space: nowrap;
    font-size: 1.3em;
    font-weight: 400
}

.c-checkout-steps li.is-completed:before,
.c-checkout-steps:before {
    content: "";
    position: absolute;
    height: 3px;
    border-radius: 3.5px;
    z-index: 0;
    top: 50%;
    transform: translateY(-50%)
}

.c-checkout-steps:before {
    width: 98%;
    background-color: #d0d0d0;
    left: 10px
}

.c-checkout-steps li.is-completed:before {
    width: 49%;
    background-color: #00bfd6;
    right: 10px
}

.c-checkout-steps li.is-completed:last-of-type:before {
    left: 10px
}

.c-checkout-steps li.is-active .c-checkout-steps__item,
.c-checkout-steps li.is-active::before {
    background-color: #00bfd6
}

.c-checkout-steps__item {
    position: relative;
    text-align: center;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    background-color: #d0d0d0;
    z-index: 1
}

.o-headline--checkout {
    padding-left: 0;
    align-items: flex-end;
    color: #858585;
    margin-top: 36px;
    margin-bottom: 10px;
    justify-content: space-between
}

.o-headline--checkout>span {
    color: inherit;
    font-weight: 400
}

.c-checkout-contact.is-completed .c-checkout-contact__badge {
    width: 41px;
    height: 41px;
    background-color: #f3feff;
    box-shadow: 0 8px 9px 0 rgba(0, 0, 0, .05);
    border: 1px solid #8dd4dd;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%
}

.c-checkout-contact,
.c-checkout-pack {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-checkout-contact.is-completed .c-checkout-contact__badge::before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 17px;
    position: absolute;
    top: 10px;
    right: 11px;
    color: #00bfd6
}

.c-checkout-contact {
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-bottom: 20px;
    position: relative
}

.c-checkout-contact__content {
    padding: 20px 43px 22px 20px;
    position: relative;
    color: #6d6d6d
}

.c-checkout-contact__content::before {
    width: 5px;
    top: 0;
    bottom: 0;
    right: -1px;
    position: absolute;
    background-color: #8dd4dc;
    content: ""
}

.c-checkout-contact__item:first-child {
    margin-top: 0;
    margin-bottom: 5px
}

.c-checkout-contact__item--message,
.c-checkout-contact__item--mobile {
    display: inline-block;
    white-space: nowrap;
    line-height: 1.571;
    font: 1.4em;
    font-weight: 400
}

.c-checkout-contact__item--location {
    margin: 15px 0
}

.c-checkout-contact__item--message {
    margin-right: 10px
}

.c-checkout-contact__item--username {
    font-weight: 500
}

.c-checkout-contact__btn-edit {
    line-height: 21px;
    font-size: 12px;
    margin-right: 11px;
    border: none;
    position: relative;
    color: #00bfd6;
    border-bottom: 1px dashed #00bfd6;
    background-color: transparent;
    font-weight: 700
}

.c-checkout-contact__location {
    padding: 3px 10px 4px;
    line-height: 25px;
    background-color: #ededed;
    position: absolute;
    border: none;
    top: 20px;
    left: 20px;
    border-radius: 5px;
    color: #6d6d6d
}

.c-checkout-pack {
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    transition: all .3s ease-in-out;
}
.c-checkout-pack__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.c-checkout-pack__row:not(:last-child) {
    border-bottom: 1px solid #e7e7e7;
}
.c-checkout-time-table {
    padding: 18px;
    width: 100%;
}
.c-checkout-time-table__title-bar {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 2;
    letter-spacing: -.3px;
    color: #858585;
}
.c-checkout-time-table__subtitle-bar {
    line-height: 2;
    letter-spacing: -.2px;
    color: #535353;
    display: flex;
    font-size: 1.3em;
    background-color: rgba(245, 120, 0,.14);
    padding: 8px;
    font-weight: 400;
    margin-bottom: 5px;
    border: 1px solid rgba(245, 124, 0, .3);
    border-radius: 3px;
    cursor: pointer;
}
.c-checkout-time-table__subtitle-bar > :not(:last-child) {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #e0e0e0;
}
.c-checkout-time-table__subtitle-bar.selected {border: 1px solid #a58000;}

.c-checkout-shipment__invoice-type {
    background-color: #fff;
    padding: 24px 16px 32px;
    border-top: 7px solid #f5f7fa;
    position: relative;
}
.c-checkout-shipment__invoice-type-info {
    font-size: .9rem;
    line-height: 26px;
    color: #f57f17;
    position: relative;
    padding-right: 40px;
    font-weight: 400;
}
.c-checkout-shipment__invoice-type-info::before {
    content: "\f05a";
    font-family: "fontawesome";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    color: #f9a825;
    font-size: 24px;
}
span.full-address {
    font-size: 1.3em;
    margin-top: 10px;
    display: inline-block
}

.c-checkout__actions {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    margin-top: 15px;
    width: 100%
}

.c-checkout__actions button {
    background: 0 0
}

.c-product-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 26px 0 20px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.c-product-box__img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 7px
}

.c-product-box--compact .c-product-box__img img{
    height: 130px;
    padding: 0 10px 5px
}

.c-product-box--compact .c-product-box__title {
    margin-top: 13px;
    width: 65%;
    line-height: 22px;
    letter-spacing: -.3px;
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 1.2em
}

.modal-checkout {
    display: none;
    position: fixed;
    top: 5%;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: 420px;
    margin: 0 auto;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    border: 1px solid #e6e6e6;
    padding: 10px;
    letter-spacing: -.2px;
    font-size: .786rem;
    line-height: 1.73;
    color: #aaa;
    font-weight: 500;
    max-height: 90vh;
    overflow: auto;
    z-index: 9992
}

.btn-checked,
.btn-order-traking,
.btn-order-traking:not(.disabled):not(.is-inactive):not([disabled]),
.btn-payment,
.btn-payment:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.main-cart-overlay:before {
    position: fixed;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9991
}

.modal-checkout .container {
    min-width: unset;
    width: 100%;
    max-width: 100%!important;
    padding: 15px!important
}

.c-form-checkout__headline {
    width: 100%;
    background-color: #f6f6f6;
    padding: 7px 15px 8px;
    line-height: 1.39;
    color: #858585;
    font-size: 1.4em;
    margin-bottom: 10px
}

.modal-checkout .group-input {
    margin-top: 12px
}

.modal-checkout .group-input span {
    letter-spacing: -.3px;
    margin-bottom: 2px;
    line-height: 1.67;
    color: #858585;
    font-size: 1.3em;
    padding: 5px 0 1px
}

.modal-checkout input:not([type=button]),
.modal-checkout select {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
    font-size: 1.1em
}

.modal-checkout select {
    cursor: pointer
}

.modal-checkout .group-input>div {
    flex-basis: 50%
}

.modal-checkout .textarea-area span {
    line-height: 1.67;
    padding-top: 10px;
    color: #858585;
    font-size: 1.3em;
    display: inline-block;
    font-weight: 400
}

.modal-checkout .foot {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    align-items: baseline;
    flex-wrap: wrap
}

.modal-checkout .foot button {
    flex: 0 0 67%
}

.btn-checked {
    font-size: 1.3em;
    line-height: 1.222;
    padding: 20px 100px 20px 20px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: center;
    letter-spacing: -.7px;
    position: relative
}

.btn-checked::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-checked::after {
    position: absolute;
    right: 23px;
    top: 16px;
    font-size: 27px;
    content: "\f00c";
    font-family: fontawesome
}

.modal-checkout textarea {
    resize: none;
    height: 100px
}

.modal-checkout .close-modal {
    background-color: #f5f5f5;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 10px;
    left: 17px;
    text-decoration: none;
    color: #989898;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100;
    transform: rotate(45deg)
}

.c-checkout-paymethod {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    background: #fff;
    list-style: none;
    padding: 0
}

.c-checkout-paymethod>li:first-child {
    border-top: none
}

.c-checkout-paymethod>li {
    border-top: 1px solid #efefef
}

.c-checkout-paymethod__item.is-select-mode {
    background-color: #fbffff
}

.c-checkout-paymethod__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px 135px 33px 0
}

.c-checkout-paymethod__options {
    border-top: 1px solid #e2f2f4;
    padding: 18px 20px 24px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    position: relative;
    display: none
}

.c-checkout-paymethod__item.is-select-mode+.c-checkout-paymethod__options {
    display: block;
    background-color: #fbffff
}

.c-checkout-paymethod__item.is-select-mode::before {
    color: #00bfd6
}

.c-checkout-paymethod__item--cc::before {
    content: "\f09d";
    font-family: fontawesome;
    position: absolute;
    top: 38px;
    right: 86px;
    color: #c6c6c6;
    font-size: 25px
}

.c-checkout-paymethod__item .c-ui-radio {
    position: absolute;
    top: 41px;
    right: 40px
}

.c-ui-radio--primary {
    width: 19px;
    height: 19px
}

.c-ui-radio {
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative
}

.c-ui-radio input[type=radio] {
    visibility: hidden;
    position: absolute
}

.c-ui-radio--primary input[type=radio]:checked+.c-ui-radio__check::before {
    width: 15px;
    height: 15px
}

.c-ui-radio input[type=radio]:checked+.c-ui-radio__check::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    background: #00bfd6;
    border-radius: inherit
}

.c-checkout-paymethod__title {
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 500;
    letter-spacing: -.7px
}

.c-checkout-paymethod__title span {
    font-size: .8em;
    line-height: 1.571;
    font-weight: 500;
    letter-spacing: -.5px;
    display: block;
    margin-top: 5px;
    color: #a0a0a0
}

.c-checkout-paymethod__providers {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -16px -16px 0 0;
    position: relative
}

.c-checkout-paymethod__item.is-select-mode+.c-checkout-paymethod__options .c-checkout-paymethod__providers-arrow {
    background-color: #fbffff
}

.c-checkout-paymethod__providers-arrow {
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border-left: 1px solid #cbf1f5;
    position: absolute;
    top: -10px;
    right: 100px;
    background-color: #fbffff
}

.c-checkout-paymethod__providers label.is-selected {
    border-color: #cbf1f5;
    background-color: #cbfdff
}

.c-checkout-paymethod__providers label {
    border-radius: 11px;
    background: #fff;
    border: 1px solid #cbf1f5;
    position: relative;
    display: flex;
    height: 64px;
    margin-top: 16px;
    cursor: pointer;
    padding: 10px 57px 10px 20px;
    align-items: center;
    margin-right: 16px
}

.c-checkout-paymethod__providers label .c-ui-radio {
    position: absolute;
    right: 31px;
    top: 50%;
    transform: translateY(-50%)
}

.c-ui-radio__check {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc
}

.c-checkout-paymethod__source-title {
    display: block;
    font-size: .9em;
    font-weight: 400
}

.c-checkout-paymethod__providers label img {
    margin-right: auto;
    max-height: 50px;
    max-width: 80px
}

.c-checkout-order-summary {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    padding: 15px 20px;
    margin-bottom: 29px
}

.c-checkout-order-summary__item:first-child {
    margin-top: 0
}

.c-checkout-order-summary__item {
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    margin-top: 20px
}

.c-checkout-order-summary__header {
    border-radius: 6px;
    background-color: #fcfcfc;
    padding: 9px 25px 9px 50px;
    position: relative;
    cursor: pointer
}

.c-checkout-order-summary__header .c-checkout-order-summary__row {
    align-items: baseline
}

.c-checkout-order-summary__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.c-checkout-order-summary__col--post-time {
    font-size: 1.1em;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: -.7px;
    color: #858585;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.c-checkout-order-summary__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    flex: 0 0 20%;
    flex-grow: 1;
    max-width: unset
}

.c-checkout-order-summary__col span {
    font-size: 1.3em;
    line-height: 21px;
    vertical-align: middle;
    display: block;
    font-weight: 400;
    color: #919191
}

.c-checkout-order-summary__header::after {
    content: "\f078";
    font-family: fontawesome;
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    color: #c6c6c6;
    font-size: 20px;
    cursor: pointer
}

.c-checkout-order-summary__content {
    border-radius: 0 0 6px 6px;
    padding: 30px 0;
    display: none
}

.c-checkout-order-summary__content .c-product-box {
    padding: 0 10px;
    width: 23%;
    border: 0
}

.c-checkout-order-summary__content .c-product-box h4 {
    font-size: 1.3em;
    font-weight: 500;
    padding: 10px 0
}

.c-checkout-price-options__container {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    background-color: #fff;
    padding: 15px;
    height: 100%;
    min-width: 50%
}

.c-checkout-price-options__header {
    padding-right: 5px;
    margin-bottom: 9px
}

.c-checkout-price-options__header>span:first-of-type {
    font-size: 1.6em;
    line-height: 31px;
    color: #777676;
    font-weight: 600
}

.c-checkout-price-options__row {
    margin-top: 10px
}

.c-checkout-price-options__row input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    padding: 11px 12px;
    width: 60%;
    letter-spacing: -.8px
}

.c-checkout-price-options__content p {
    font-size: 1.4em
}

.c-checkout-price-options__messages {
    width: 100%;
    margin-top: 15px
}

.c-checkout-price-options__message {
    border-radius: 5px;
    padding: 10px 21px;
    position: relative;
    line-height: 22px;
    font-size: .9em;
    font-weight: 400
}

.c-checkout-price-options__message span {
    display: block;
    width: 100%
}

.c-checkout-price-options__message--error {
    background-color: snow;
    border: 1px solid #ffc1c6;
    color: #ef5662
}

.c-checkout-price-options__message--success {
    background-color: #eeffde;
    border: 1px solid #b7ebb7;
    color: #538f0d
}

.c-checkout-alert {
    margin: 20px auto;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    background-color: #fff;
    border: 1px solid #e8e8e8;
    padding: 25px 0
}

.c-checkout-alert__icon.failed {
    background-color: rgba(251, 52, 73, .18);
    color: #ff637d
}

.c-checkout-alert__icon.success {
    background-color: #b3e17c;
    color: #4CAF50
}

.c-checkout-alert__icon {
    margin: 0 auto 6px;
    padding: 27px;
    border-radius: 50%;
    width: 95px;
    height: 95px
}

.c-checkout-alert__icon.failed i {
    font-size: 2.929rem;
    line-height: 1.073;
    transform: rotate(45deg)
}

.btn-order-traking::after,
.btn-payment::after {
    transform: translateY(-50%);
    font-family: fontawesome
}

.c-checkout-alert__icon.success i {
    font-size: 4em;
    line-height: 1.073
}

.c-checkout-alert__title h4 {
    color: #737373;
    font-size: 1.8em;
    line-height: 2;
    font-weight: 500;
    letter-spacing: -.5px;
    text-align: center;
    margin-bottom: 10px
}

.c-checkout-alert__content {
    text-align: center;
    font-weight: 400;
    line-height: 1.5
}

.c-checkout-alert__content p {
    font-size: 1.071rem;
    line-height: 1.67;
    color: #7d7d7d;
    text-align: center
}

.c-checkout-alert__content--failed {
    color: #fb3449
}

.c-checkout-alert__content--success {
    color: green
}

.c-checkout-alert__content--small {
    font-size: .857rem;
    line-height: 2.08
}

.c-checkout-alert__highlighted--success {
    color: #00bfd6;
    background-color: #ebfdff
}

.c-checkout-alert__highlighted {
    border-radius: 8px;
    padding: 3px 5px 0;
    margin: 0 5px;
    font-weight: 700;
    font-size: 1.1em
}

.btn-container {
    display: flex;
    justify-content: flex-end;
    padding: 0;
    margin-top: 10px
}

.payment-methods {
    padding: 0
}

.btn-payment {
    font-size: 1.071rem;
    line-height: 1.467;
    padding: 15px 80px 15px 15px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: right;
    letter-spacing: -.6px;
    position: relative
}

.btn-payment--large {
    padding: 15px 130px;
    text-align: center
}

.btn-payment::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-payment::after {
    content: "\f09d";
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.048
}

.c-checkout-details {
    margin: 20px auto;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    padding: 40px 40px 40px 44px;
    background: #fff;
    overflow: hidden
}

.c-checkout-details__title {
    font-size: 1.5rem;
    line-height: 1.048;
    font-weight: 600;
    letter-spacing: -.7px
}

.c-checkout-details__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    padding-top: 25px;
    padding-bottom: 25px;
    position: relative;
    justify-content: space-between
}

.c-checkout-details__col--text {
    flex: 0 0 70%;
    line-height: 1.5;
    font-weight: 400
}

.c-checkout-details__title p {
    font-size: 1.071rem;
    line-height: 1.467;
    font-weight: 500;
    letter-spacing: -.5px;
    display: block;
    margin-top: 5px;
    color: #a0a0a0
}

.c-checkout-details .text-highlight--error {
    color: #fb3449;
    background-color: #fff1f2
}

.c-checkout-details .text-highlight--ok {
    background-color: #b3e17c;
    color: #4CAF50
}

.c-checkout-details .text-highlight {
    padding: 4px 6px;
    margin: 0 3px;
    border-radius: 8px;
    font-size: 1em
}

.c-checkout-details__col--text .btn-link-spoiler {
    font-size: 1em
}

.c-checkout-details__col--button {
    flex: 0 0 30%;
    text-align: left
}

.btn-order-traking {
    font-size: 1.071rem;
    line-height: 1.467;
    padding: 15px 130px 15px 100px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    text-align: right;
    letter-spacing: -.6px;
    position: relative
}

.btn-order-traking--gray {
    background-color: #7a7a7a;
    border-color: #7a7a7a
}

.btn-order-traking::before {
    width: 85px;
    height: 85px;
    position: absolute;
    right: -20px;
    top: -17px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%;
    overflow: hidden
}

.c-checkout-orders-table,
.c-checkout-table {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05)
}

.btn-order-traking::after {
    content: "\f290";
    position: absolute;
    right: 17px;
    top: 50%;
    font-size: 28px;
    line-height: 22px
}

.c-checkout-details__col--table {
    flex: 0 0 100%;
    max-width: 100%;
    padding-top: 10px;
    padding-bottom: 10px
}

.c-checkout-table {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.c-checkout-table__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1
}

.c-checkout-table__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 50%;
    padding: 20px 30px
}

.c-checkout-table__col p {
    font-size: 1.6em;
    line-height: 1.222;
    letter-spacing: -.5px;
    color: #737373
}

.c-checkout-table__col span.red {
    color: #f63b4f;
    font-size: 1.1em
}

.c-checkout-table__col span.green {
    color: #4CAF50;
    font-size: 1.1em
}

.c-checkout-table__col span {
    font-size: 1.6em;
    font-weight: 400
}

.c-checkout-table__row:nth-of-type(2n+1) {
    background-color: #fafafa
}

.c-checkout-table__row:first-of-type {
    background-color: #ededed!important
}

.c-checkout-table__col.full-col {
    flex: 0 0 100%;
    max-width: 100%;
    border-bottom: 1px solid #f1f1f1
}

.c-checkout-orders-table {
    background-color: #fff;
    border: 1px solid #e8e8e8
}

.c-checkout-orders-table__row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    padding: 10px
}

.c-checkout-orders-table__row:first-of-type {
    background-color: #ededed!important;
    font-weight: 400
}

.c-checkout-orders-table__row:nth-of-type(2n+1) {
    background-color: #fafafa
}

.c-checkout-orders-table__row>div {
    flex-basis: 8%;
    border-left: 1px solid #f1f1f1
}

.not-found img {
    max-width: 100%
}

.c-message {
    color: #4e4e4e;
    font-size: 1rem;
    padding: 22px;
    position: relative;
    border-radius: 5px;
    line-height: 22px
}

.c-product .c-message--disabled,
.c-product .c-message--info,
.c-product .c-message--timer {
    margin-top: 83px;
    margin-bottom: 58px
}

.c-message--info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    padding-right: 100px;
    width: 620px;
    height: 86px
}

.c-message--info::before {
    content: "\f06a";
    font-family: fontawesome;
    font-size: 50px;
    color: #f6e8a1;
    right: 25px;
    top: 28px;
    position: absolute
}
/* suppliers*/
.c-box-suppliers__headline-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-table-suppliers {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    color: #3c3c3c;
}

.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers-hidden {display: none;}
.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers__row {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
    padding: 25px;/*15px;*/
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.c-table-suppliers__row--active {
    background: #f4fbff;
    border: 1px solid #19bfd3;
}
.c-table-suppliers__cell--price {
    flex-basis: 16.5%;
    justify-content: center;
    justify-content: flex-start;
    font-weight: 400;
    min-width: 150px;
}
.c-table-suppliers__cell--price .price-val {font-size: 2em;}
.c-table-suppliers__cell--price .price-currency {font-size: 1.6em;}

.c-table-suppliers__cell--action {
    flex-basis: 17.7% !important;
    justify-content: center;
    padding-left: 28px;
    padding-right: 28px;
    flex: 0 0 104px;
}
.c-btn-seller-add-cart {
    border-radius: 8px;
    background-color: transparent;
    border: 2px solid #00bfd6;
    padding: 10px 24px;
    color: #00bfd6;
    font-weight: 500;
    font-size: 1rem !important;
    line-height: 1.571;
    text-align: center;
    transition: all .3s ease;
}
.c-table-suppliers--main .c-table-suppliers__body .c-table-suppliers__row:not(.in-list) {
    display:none
}
.c-table-suppliers__cell.c-product__variants {margin: 0}
.bgf-w {background-color: #fff}
.seller-product__variant {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -3px;
}
.c-product__delivery-warehouse--delay {
        font-weight: 600;
    position: relative;
    margin-right: 5px;
    font-size: 12px;
}

.c-table-suppliers__row .c-product__delivery-warehouse--delay::before, .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time::before {
    right: -41px;
    top: -1px;
}
.c-table-suppliers__row .c-product__delivery-warehouse--delay, .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time {
    margin-right: 2px;
    line-height: 2.5;
}
.seller-product__guarantee::before {
    right: -31px;
    top: -7px;
}
.c-product__add,
.c-product__add.is-added .c-product__add-substitute {
    display: flex
}

.c-product__add {
    margin: 10px auto;
    white-space: nowrap;
    position: relative;
}
.c-product__delivery-warehouse--no-lead-time {
    color: #00bfd6;
    font-weight: 700;
}
.delivery-warehouse i{
    font-size: 17px;
    width: 28px;
    height: 24px;
    color: #00bfd6;
    font-weight: 700;
}

.o-headline{
    padding: 0 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.btn-notify-me:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.btn-notify-me {
    font-size: 1.6em;
    line-height: 1.222;
    padding: 16px 98px 16px 18px;
    border-radius: 8px;
    background-color: #7a7a7a;
    border: 1px solid #fcfcfc;
    color: #fff;
    overflow: hidden;
    text-align: right;
    letter-spacing: -.7px;
    position: relative
}

.c-product__config .btn-add-to-cart,
.c-product__config .btn-notify-me {
    text-align: center;
    width: 100%
}

.c-product__config:not(.c-product__config--quick-view) .btn-add-to-cart,
.c-product__config:not(.c-product__config--quick-view) .btn-notify-me,
.c-product__config:not(.c-product__config--quick-view) .c-price {
    max-width: 380px
}

.btn-notify-me::before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -15px;
    top: -20px;
    background: hsla(0, 0%, 100%, .21);
    content: "";
    border-radius: 50%
}

.btn-notify-me::after {
    content: "\f0f3";
    font-family: fontawesome;
    position: absolute;
    right: 23px;
    top: 12px;
    font-size: 25px
}

.profile-page {
    display: flex;
    flex-wrap: wrap;
}

.profile-page .o-page__aside {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 19px;
    flex: 0 0 20%
}

.c-profile-aside {
    position: sticky;
    top: 10px
}

.c-profile-box {
    margin-bottom: 21px;
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dedede
}

.c-profile-box__header {
    position: relative;
    background-color: #00bfd6;
    height: 47px
}

.c-profile-box__avatar {
    width: 54px;
    height: 54px;
    background: 50% no-repeat #fff;
    background-size: contain;
    box-shadow: 0 0 0 4px hsla(0, 0%, 100%, .61);
    position: absolute;
    left: 50%;
    top: 12px;
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden
}

.c-profile-box__btn-edit {
    width: 16px;
    height: 16px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    position: absolute;
    top: 50px;
    left: 60%;
    margin-left: -52px;
    background: #fff
}

.c-profile-box__btn-edit::before {
    content: "\f044";
    font-family: fontawesome;
    font-size: 9px;
    color: #909090;
    position: absolute;
    left: 3px;
    top: 3px
}

.c-profile-box__username {
    padding: 23px 20px 19px;
    text-align: center;
    font-size: 1.7em;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -.5px
}

.c-profile-box__tabs {
    display: flex;
    border-top: 1px solid #f1f1f1;
    background-color: #fcfcfc;
    min-height: 47px;
    text-align: center
}

.c-profile-box__tab:first-child {
    border-left: 1px solid #ebebeb
}

.c-profile-box__tab {
    flex: 0 0 50%;
    padding: 23px 10px 0;
    font-weight: 400;
    letter-spacing: -.3px;
    font-size: 1.3em;
    line-height: 2;
    color: #7b7b7b;
    position: relative
}

.c-profile-box__tab--access::before {
    content: "\f023";
    font-family: fontawesome;
    font-size: 17px;
    top: 8px
}

.c-profile-box__tab::before {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%)
}

.c-profile-box__tab--sign-out::before {
    content: "\f14d";
    font-family: fontawesome;
    font-size: 13px;
    top: 3px
}

.c-profile-menu {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #dedede;
    margin-bottom: 21px
}

.c-profile-menu__header {
    padding: 18px 39px 18px 0;
    border-bottom: 1px solid #f3f3f3;
    font-weight: 700;
    letter-spacing: .2px;
    color: #535353;
    font-size: .929rem;
    line-height: 1.692
}

.c-profile-menu__url.is-active,
.c-profile-menu__url:hover {
    background-color: #f6ffff;
    color: #009ec9
}

.c-profile-menu__url {
    display: flex;
    align-items: center;
    position: relative;
    padding: 12px 53px 12px 0;
    color: #5b5b5b;
    font-weight: 400
}

.c-profile-menu__url::before {
    position: absolute;
    color: #c7c7c7;
    font-family: fontawesome;
    font-size: 16px;
    top: 11px;
    right: 25px
}

.c-message-light,
.c-profile-recent-fav,
.o-headline,
.private-info--table {
    position: relative
}

.c-profile-menu__url--dashboard::before {
    content: "\f109"
}

.c-profile-menu__url--orders::before {
    content: "\f290"
}

.c-profile-menu__url--return::before {
    content: "\f04e"
}

.c-profile-menu__url--wishlist::before {
    content: "\f005"
}

.c-profile-menu__url--comments::before {
    content: "\f075"
}

.c-profile-menu__url--gifts::before {
    content: "\f06b"
}

.c-profile-menu__url--address::before {
    content: "\f2b9"
}

.c-profile-menu__url--notif::before {
    content: "\f0f3"
}

.c-profile-menu__url--notification::before {
    content: "\f0e0"
}

.c-profile-menu__url--personal::before {
    content: "\f2c2"
}

.c-profile-menu__url.is-active::before,
.c-profile-menu__url:hover::before {
    color: inherit
}

.profile-page .o-page__content {
    padding-left: 0;
    padding-right: 0px;
    flex: 100%
}

.c-message-light {
    font-size: .8rem;
    padding: 15px 32px;
    border-radius: 5px;
    line-height: 22px;
}

.o-page__content .c-message-light:first-child {
    margin-bottom: 20px
}

.c-message-light--info {
    background-color: #fffde4;
    border: 1px solid #f6e8a1;
    color: #a37731
}

.c-message-light__justify {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.btn-light:not(.disabled):not(.is-inactive):not([disabled]) {
    overflow: hidden
}

.btn-light {
    line-height: 1.467;
    border-radius: 8px;
    background-color: #00bfd6;
    padding: 13px 29px;
    color: #fff
}

.btn-light--verify {
    height: 35px;
    width: 151px;
    padding: 0 20px;
    line-height: 2.9;
    font-size: .8em;
    text-align: center
}

.btn-light--gray {
    background-color: #7a7a7a
}

.c-message-light--text {
    margin-left: 33px;
    font-size: .9em
}

.c-profile-recent-fav,
.private-info--table {
    border: 1px solid #dedede;
    margin-bottom: 23px;
    padding-bottom: 43px;
    height: calc(100% - 68px);
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.user-main {
    display: flex;
    flex-wrap: wrap
}

.user-main>div {
    flex: 0 0 50%;
    padding-right: 10px;
    padding-left: 10px
}

.private-info--row,
.wishlit-item {
    border-bottom: 1px solid #f1f1f1;
    display: flex
}

.private-info--row {
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.private-info--col:first-child {
    border-right: none
}

.private-info--col {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 50%;
    max-width: 50%;
    border-right: 1px solid #f1f1f1;
    padding: 20px 30px
}

.private-info--col .col-title {
    font-size: 1.5em;
    line-height: 1.158;
    letter-spacing: -.5px;
    color: #aeabab;
    font-weight: 500;
    padding-bottom: 13px
}

.private-info--col .col-value {
    font-size: .929rem;
    line-height: 1.692;
    letter-spacing: -.3px;
    margin-bottom: 4px;
    font-weight: 600;
    color: #7d7c7c;
    overflow: auto
}

.c-profile-stats__action {
    padding: 14px 30px 17px;
    text-align: center;
    font-size: 1em;
    position: absolute;
    bottom: 6px;
    height: 54px;
    left: 0;
    right: 0
}

.wishlit-item {
    align-items: center;
    padding: 10px;
    position: relative
}

.wishlit-item img {
    /*max-width: 55%*/
    max-width: 62px;
}

.wishlit-item__title {
    display: flex;
    flex-direction: column;
    font-weight: 500;
    color: #000
}

.wishlit-item__title .out-stock {
    color: red;
    line-height: 3
}

.wishlit-item button {
    position: absolute;
    left: 12px;
    top: 28%;
    background-color: #fff;
    border: 1px solid #c5c5c5;
    width: 33px;
    height: 28px;
    border-radius: 8px;
    color: #929292
}

.c-table-orders {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1);
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-radius: 5px
}

.c-table-orders__show-more {
    line-height: 45px;
    letter-spacing: -.4px;
    color: #535353;
    width: 100%;
    border-radius: 0 0 5px 5px;
    background-color: #fafafa;
    height: 45px;
    vertical-align: middle;
    text-align: center;
    display: block;
    transition: background-color .3s ease-in-out;
    font-weight: 400
}

.c-table-orders__body .table-row>div,
.c-table-orders__head--highlighted>div {
    letter-spacing: .2px;
    font-size: 1.4em;
    line-height: 1.692;
    min-height: 45px;
    text-align: center
}

.c-table-orders__show-more:hover {
    background-color: #e5e5e5
}

.c-table-orders__head--highlighted {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #85b3be;
    border-right-color: #85b3be
}

.c-table-orders__head--highlighted>div {
    font-weight: 500;
    color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    flex-basis: 12%
}

.c-table-orders__body .table-row {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: 1px solid #f2f2f2;
    justify-content: space-between;
    align-items: center
}

.c-table-orders__body .table-row>div {
    font-weight: 400;
    flex-basis: 12%;
    color: #7e7e7e;
    padding: 15px 10px;
    transition: .3s all;
    user-select: none
}

.c-table-orders__body .table-row:hover div:last-child {
    background-color: #eaeaea
}

.c-table-orders__body .table-row>div:last-child {
    cursor: pointer
}

.c-table-orders__body .table-row>div:last-child a {
    display: block
}

.c-table-orders__payment-status--ok {
    color: #46a651;
    font-size: 1em;
    font-weight: 400
}

.c-table-orders__body .table-row:nth-child(2n) {
    background-color: #fbfbfb
}

.modal-avatar__content {
    display: none;
    padding: 15px 20px 25px;
    background-color: #fff;
    margin: 0 auto;
    position: fixed;
    top: 5%;
    left: 10px;
    right: 10px;
    width: auto;
    max-width: 420px;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    max-height: 90vh;
    overflow: auto
}

.c-remodal-avatar__title {
    color: #656565;
    font-size: 1.5em;
    line-height: 1.294;
    font-weight: 700;
    margin-bottom: 35px
}

.c-profile-avatars {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 87%;
    margin: 0 auto;
    height: 50vh
}

.c-profile-avatars__item {
    width: 112px;
    height: 112px;
    background: 50% 50% no-repeat;
    background-size: cover;
    display: block;
    margin-bottom: 30px;
    cursor: pointer
}

.remodal-close {
    position: absolute;
    top: 10px;
    left: 17px;
    display: block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    transition: color .2s;
    text-decoration: none;
    color: #989898;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100
}

.c-profile-return__box {
    border: 1px solid #e8e8e8;
    box-shadow: 0 8px 13px -7px rgba(0, 0, 0, .05);
    border-radius: 5px;
    background: #fff;
    margin-top: 21px;
    padding: 20px
}

.c-profile-empty,
.profile-address-card {
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .1)
}

.c-profile-return form p {
    margin-right: 20px;
    margin-bottom: 11px;
    color: #737373;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467
}

.c-profile-return__box form>div {
    display: flex;
    flex-wrap: wrap;
    margin: 15px auto;
    justify-content: space-between
}

.c-profile-return__box input {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #acacac;
    color: #717171;
    line-height: 1.571;
    padding: 11px 12px;
    width: 83%;
    letter-spacing: -.8px
}

.btn-cart,
.btn-primary {
    font-size: 1.071rem;
    line-height: 1.467;
    border-radius: 20px;
    background-color: var(--color-button-primary);
    border: 1px solid #148693;
    padding: 11px 31px;
    color: #fff
}

.c-profile-return__box .c-message>p {
    font-size: .9em;
    font-weight: 500
}

.grey-txt {
    border-right: 1px solid #ccc;
    padding: 0 13px;
    color: #b7b7b7;
    margin-right: 13px
}

.wishlist-item-content .title,
.wishlist-item-info .price {
    font-size: 1.5em;
    font-weight: 500
}


.wishlist-list .wishlist-item {
    display: flex;
    flex-wrap: wrap;
    flex-basis: calc(50% - 10.5px);
    padding: 30px 0 20px;
    background-color: #fff;
    margin-bottom: 15px
}

.wishlist-item-thumb {
    flex: 0 0 36%;
    padding: 0 40px 0 20px;
    height: 100%;
    text-align: center;
    position: relative
}

.wishlist-item-thumb .fa-plus {
    transform: rotate(45deg)
}

.wishlist-item-content {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 5px 0 0;
    flex-basis: 58%
}

.wishlist-item-content .wishlist-item-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.wishlist-item-info .price {
    color: #fb3449
}

.wishlist-item-content .btn-primary {
    font-size: 1.3em
}

.c-profile-wishlist__list-item-remove {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5f5f5;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    color: #999;
    cursor: pointer
}

.comment-wrapper .comment-item {
    display: flex;
    justify-content: space-between;
    padding: 0
}

.comment-item .img img {
    max-width: 80%
}
.wishlist-item .img img {
    height: 143px;
    max-width: unset !important;
}

.comment-item .img {
    padding-left: 0
}

.comment-item>div {
    padding: 20px
}

.comment-item .content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 66%;
    background-color: #fcfcfc
}

.comment-item .content .foot,
.comment-item .content .head {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

.comment-item .content .head .title {
    font-weight: 400;
    font-size: 1.6em
}

.c-profile-comment__status {
    padding: 2.5px 8px;
    border-radius: 3px;
    border: 1px solid;
    font-size: 10px;
    font-size: .714rem;
    line-height: 19px
}

.c-profile-comment__status--approved {
    color: #8dc08c;
    background-color: #f5fff0;
    border-color: #bbedae
}

.c-profile-comment__status--waiting {
    color: #4E342E;
    background-color: #a1887f78;
    border-color: #4E342E
}

.comment-item .content .body p {
    font-size: 1.2em
}

.btn-helpful {
    border-radius: 5px;
    border: 1px solid #efefef;
    background: #fff;
    padding: 5px 6px;
    color: #8c8c8c;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1
}

.comment-item .like button:not(:first-child) {
    margin-right: 5px
}

.btn-note {
    border-radius: 5px;
    background-color: #e3e3e3;
    font-size: 1.2em;
    line-height: 1.571;
    color: #6d6d6d;
    padding: 5px 20px
}

.c-profile-empty {
    background-color: #fff;
    border: 1px solid #dedede;
    padding: 37px 15px 50px;
    min-height: 337px;
    display: flex;
    font-size: 1.6em;
    color: #c8c8c8;
    text-align: center;
    flex-direction: column
}

.c-profile-empty:before {
    content: "\f06a";
    font-family: fontawesome;
    font-size: 154px;
    margin-bottom: 30px;
    display: block;
    color: #dadada
}

.full-col {
    flex-basis: 100%!important
}

.notify-wrapper .wishlist-item {
    position: relative
}

.remove-btn {
    position: absolute;
    top: 5%;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #f5f5f5;
    transform: rotate(45deg);
    color: #666
}

.notify-wrapper .content .title a,
.notify-wrapper .notify-on {
    color: #858585;
    border-bottom: 1px solid #ededed;
    display: block;
    font-weight: 500
}

.notify-wrapper .content .title a {
    font-size: 1.5em;
    padding-bottom: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.notify-wrapper .notify-on {
    line-height: 2;
    letter-spacing: -.2px;
    font-size: 1em;
    padding: 13px 0
}

.notify-wrapper .checkboxs label {
    display: block;
    color: #515151;
    margin-top: 15px;
    font-weight: 500
}

.profile-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
    padding: 0 9px
}

.profile-navbar .title {
    color: #858585;
    font-size: 2em;
    font-weight: 400
}

.c-profile-navbar__btn-location {
    background: 0 0;
    font-size: 1.5em;
    line-height: 1.833;
    letter-spacing: -.4px;
    color: #767676;
    margin-right: auto;
    position: relative
}

.c-profile-navbar__btn-location i {
    font-size: 1.8em
}

.c-profile-address-add {
    display: flex;
    background: 0 0;
    border: 4px dashed #b8b8b8;
    height: 280px;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 2em;
    line-height: 1.913;
    font-weight: 600;
    letter-spacing: -.5px;
    cursor: pointer;
    color: #989898;
    margin-bottom: 25px
}

.c-profile-address-add:before {
    content: "\f041";
    font-family: fontawesome;
    color: #8f8f8f;
    font-size: 75px
}

.profile-address-card {
    background-color: #fff;
    margin-bottom: 25px;
    position: relative;
    height: 280px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.profile-address-card::before {
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #00bfd6 48px, #ff7e7e 0) repeat-x;
    background-size: 96px 3px
}

.c-profile-address-card__desc {
    padding: 25px 30px 15px;
    min-height: 120px
}

.c-profile-address-card__desc h4 {
    font-size: 1.7em;
    line-height: 1.048;
    letter-spacing: -.4px;
    margin-bottom: 5px;
    color: #6d6d6d
}

.c-profile-address-card__desc p {
    font-size: 1.5em;
    line-height: 1.571;
    letter-spacing: -.3px;
    color: #979797;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-profile-address-card__data {
    display: flex;
    padding: 25px 30px;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #f4f4f4
}

.c-profile-address-card__methods {
    padding: 0;
    color: #979797
}

.c-profile-address-card__method {
    margin-top: 22px;
    font-size: 1.6em;
    line-height: 1.375;
    position: relative;
    color: #979797;
    font-weight: 500;
    padding-right: 30px
}

.c-profile-address-card__method:first-child {
    margin-top: 0
}

.c-profile-address-card__method--post:before {
    content: "\f0e0";
    font-family: fontawesome;
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 18px
}

.c-profile-address-card__method--mobile:before {
    content: "\f10b";
    font-family: fontawesome;
    position: absolute;
    top: -12px;
    right: 0;
    font-size: 35px
}

.c-profile-address-card__actions {
    margin-top: 10px
}

.search {
    margin: 17px auto;
    display: flex;
    flex-wrap: wrap
}

.search .o-page__aside {
    flex-basis: 100%;
}

.search .o-page__content {
    flex-basis: 100%;
    padding-right: 0;
}

.c-listing-sidebar {
    position: sticky;
    top: 15px
}

.c-box {
    background-color: #fff;
    position: relative
}

.c-listing-sidebar .c-box {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0, 0%, 71%, .11);
    border: 1px solid #dedede;
    margin: 0 0 10px
}

.c-box__header {
    position: relative;
    color: #535353;
    letter-spacing: .2px;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.571;
    padding: 8px 16px 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 6px;
    margin-left: 6px
}

.c-box__content {
    padding: 10px 13px 8px 12px
}

.c-box__content input {
    font-size: 1.1em;
    line-height: 2;
    color: #555;
    background: #f8f8f8;
    border: 1px solid transparent;
    transition: .15s ease-in;
    letter-spacing: 0;
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 38px;
    position: relative;
    width: 100%
}

.c-filter,
.c-listing {
    line-height: 22px
}

.c-box__content:before {
    content: "\f002";
    font-family: fontawesome;
    position: absolute;
    right: 25px;
    z-index: 9;
    font-size: 1.7em;
    bottom: 20px;
    color: #979797
}

.c-box .scroll {
    position: absolute;
    width: 45px;
    height: 20px;
    right: 12px;
    top: 10px;
    background: #ddd;
    border-radius: 6px
}

.c-box .scroll span {
    width: 30px;
    height: 30px;
    background: url(../images/icon/circle.jpg) no-repeat;
    position: absolute;
    top: -5px;
    right: 20px
}

.scroll input {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0
}

.c-filter--switcher {
    padding: 8px 73px 8px 20px;
    position: relative;
    font-size: .9em
}

.c-listing {
    background-color: #fff;
    position: relative
}

.search .c-breadcrumb {
    justify-content: space-between;
    padding: 0
}

.c-listing__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ebe9e9;
    position: relative;
    padding: 7px;
    padding-top: 0px;
    z-index: 2
}

.c-listing__type {
    padding: 0;
    left: 20px;
    display: inline-flex;
    flex-wrap: nowrap;
    max-width: 76px
}

.c-listing__type li {
    margin-right: 4px
}

.c-listing__type li button {
    width: 34px;
    height: 30px;
    border: 1px solid #cbcbcb;
    background: 0 0;
    vertical-align: top;
    cursor: pointer;
    border-radius: 5px;
    line-height: 1;
    color: #8a8a8a;
    opacity: .46
}

.c-listing__type li button.is-active {
    opacity: 1
}

.c-listing__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.c-listing__items>li {
    flex-basis: 100%
}

.c-product-box__img {
    height: unset
}

.search .o-page__content .c-product-box img {
    max-width: 100%;
    height: 180px;
}

.c-listing__items .c-product-box {
    border: 1px solid #ebebeb;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px;
    transition: .1s all;
    height: 100%;
}

.c-listing__items .c-product-box__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    line-height: 2.3
}

.c-product-box__content .price {
    font-weight: 600;
    font-size: 1.6em;
    text-align: left
}

.c-product-box__tags {
    padding: 11px 0 12px;
    border-top: 1px solid #f5f5f5;
    margin: 0;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    height: 53px;
    width: 100%;
    visibility: hidden;
}

.c-tag {
    display: inline-block;
    position: relative;
    border-radius: 5px;
    background: #f9f9f9;
    color: #9a9a9a;
    padding: 4px 4px 4px 4.5px;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833
}

.c-tag--rate:after {
    content: "\f005";
    font-family: fontawesome;
    margin-left: 8px;
    color: var(--color-primary);
}

.c-tag--rate {
    background-color: rgba(var(--color-primary-rgb), .05);
    color: #9a9a9a;
    padding: 5px 15px;
}

.c-product-box__content .title {
    font-size: 1.3em;
    color: #393939;
    font-weight: 400
}

.c-listing__items .c-product-box:hover {
    box-shadow: 0 2px 17px 0 rgba(0, 0, 0, .09);
    z-index: 11
}

.c-listing__sort li a:hover {
    background-color: #ece9e9
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%
}
.nav-shadow {
    box-shadow: 0 7px 8px 0 rgba(0,0,0,.04);
}

/* wellcome */
.c-account-box__message-icon {
    width: 140px;
    height: 140px;
    margin-bottom: 30px;
    content: "";
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    background: 50% 50% no-repeat rgb(235, 255, 222);
}
.c-account-box__message-icon--register-success {
    background-image: url(../images/0085e4ce.svg);
    background-size: 78px 73px;
    background-position: 38px 35px;
}
.c-account-box__message h3 {
    margin-bottom: 20px;
    color: rgb(68, 68, 68);
    font-size: 1.7em;
    line-height: 1.158;
    font-weight: 400;
}
.c-account-box__message p {
    font-size: 1.4em;
    line-height: 2;
    color: rgb(114, 114, 114);
    margin-bottom: 15px;
    font-weight: 300;
}
.c-account-box__message a {
    margin: 0 0 15px;
}
.account-box button:not(.close) {
    overflow: hidden;
    padding: 13px;
    padding-right: 50px;
    width: 100%;
    text-align: center;
    font-size: 1.8em;
    line-height: 1.222;
    border-radius: 8px;
    background-color: var(--color-button-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
    overflow: hidden;
    letter-spacing: -.6px;
    position: relative;
    margin-bottom: 12px;
}
.account-box button:not(.close):before {
    width: 95px;
    height: 95px;
    position: absolute;
    right: -35px;
    top: -20px;
    background: hsla(0,0%,100%,.21);
    content: "";
    border-radius: 50%;
    transition: .3s all ease-out;
}
.account-box button:hover:before{
    width: 900px;
    height: 900px;
    right: -450px;
    top: -450px;
    transform: unset;
}
.account-box button i {
    position: relative;
    right: -30px;
}
.additionalinfo {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    font-size: 1.2em;
}
.additionalinfo .form-row{
    padding-top: 20px;
}
.additionalinfo h4 {
    font-weight: 300;
    font-size: 1.3em;
}
.additionalinfo input:not([type="checkbox"]){
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 1em;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
}
.additionalinfo label{
    margin-left: 25px;
    font-size: 0.9em;
    font-weight: 500;
}
.form-row span{
    font-size: 1em;
    padding-right: 5px;
}
.additionalinfo button {
    margin-top: 25px;
}
.phone-verification {
    background-color: #ffbf3d;
    border-radius: 16px;
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    letter-spacing: -.5px;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    line-height: 38px;
}
.log-reg-has-notif:after {
    background-color: #ffbf3d;
    content: "";
    border-radius: 50%;
    height: 11px;
    width: 11px;
    position: absolute;
    right: -22px;
    top: 15px;
}
.log-reg-has-notif:before {
    border-radius: 50%;
    height: 25px;
    width: 25px;
    content: "";
    background-color: #ffe5b1;
    position: absolute;
    right: -29px;
    top: 8px;
    animation-name: Abc;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes Ab{0%{width:11px;height:11px}to{width:25px;height:25px}}

.tag span , .tag {font-size: .9em;margin: 0;padding-right: 0;margin-top: 0 !important;}

div.tagsinput {
    width: 200px;
}
#advanteges_tagsinput .tag{
    background-color: #edf6f7;
    color: #3a8c96;
    border: none;
}
#disadvanteges_tagsinput .tag{
    background-color: #fff3f4;
    color: #fb3449;
    border: none;
}
.c-form-comment__questions {
    padding: 26px 36px;
    border-radius: 11px;
    background-color: #fbfbfb;
}
.c-form-comment__questions ul {
    list-style: none;
    padding: 0;
    margin-right: -15px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.c-form-comment__questions ul li {
    display: inline-block;
    margin-right: 22px;
    padding-right: 16px;
    position: relative;
}
.c-form-comment__questions ul li input {
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer;
}
.comment-new form label { font-size: 1.3em; }

.vhidden {visibility: hidden;}
.add-answer-btn {cursor: pointer;user-select: none;}

.survey-modal , .social-share-modal{
    display: none;
    background-color: #fff;
    margin: 0 auto;
    position: fixed;
    top: 15%;
    right: 22%;
    width: 51%;
    z-index: 9999;
    overflow: auto;
}
.survey-modal .content , .social-share-modal .content{
    display: flex;
}
.c-remodal-pricing__aside {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 46%;
    max-width: 46%;
    padding: 20px 30px;
}
.c-remodal-pricing__content {
    position: relative;
    width: 100%;
    min-height: 1px;
    flex: 0 0 54%;
    max-width: 54%;
    background: #fcfcfc;
    padding: 42px 15px 0 26px;
}
.c-remodal-feedback__title-img, .c-remodal-pricing__title-img {
    color: #565656;
    font-size: 1.8em;
    line-height: 1.294;
    letter-spacing: -.4px;
}
.c-remodal-pricing__img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 30px 0;
    position: relative;
}
.c-form-pricing__title {
    margin-bottom: 8px;
    color: #565656;
    font-size: 1.5em;
    line-height: 1.467;
    letter-spacing: -.3px;
    font-weight: 400;
}
.survey-modal input:not([type=radio]) {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
    margin-bottom: 20px;
}
.survey-modal ul{
    display: inline-flex;
    font-size: 1.4em;
    margin-bottom: 20px;
}
.survey-modal li{
    padding-left: 20px;
}
.c-gallery__option-result {
    position: absolute;
    top: 0;
    right: 120%;
    transform: translateX(10px);
    height: 95%;
    padding: 12px 27px 12px 23px;
    background-color: #f5f5f5;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px;
    color: #565656;
    white-space: nowrap;
    border-radius: 8px 0 0 8px;
    z-index: 5;
    display: none;
    animation: Kb .3s ease-in-out;
}
.c-ui-url__field {
    background: none;
    border: none;
    border-top: 1px solid #efefef;
    color: #a9a9a9;
    font-size: 1.5em;
    line-height: 1.294;
    padding: 17px 12px 16px 54px;
    width: 100%;
    letter-spacing: -.4px;
    direction: ltr;
}
.c-remodal-share__aside {
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 43%;
    max-width: 43%;
    padding: 15px 30px;
}
.c-remodal-share__content {
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 57%;
    max-width: 57%;
    background: #fcfcfc;
    padding: 46px 21px 0;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.c-remodal-share__aside, .c-remodal-share__content {
    position: relative;
    width: 100%;
    min-height: 1px;
}
.c-remodal-share__title-ilu {
    font-size: 1.7em;
    line-height: 1.294;
    letter-spacing: -.4px;
    color: #565656;
    font-weight: 400;
}
.c-remodal-share__ilu {
    height: 389px;
    position: relative;
}
.c-remodal-share__ilu:before {
    content: "\f1e0";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 196px;
    color: #e0e0e0;
} /* www.HiBrand.com */
.c-form-share__title {
    margin-bottom: 12px;
    color: #565656;
    font-size: 1.5em;
    line-height: 1.571;
    letter-spacing: -.3px;
    font-weight: 400;
}
.c-form-share ul li {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 25px;
}
.btn-share {
    display: inline-block;
    width: 40px;
    height: 38px;
    border-radius: 8px;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 2.5em;
}
.btn-share i{
    padding-top: 7px;
}
.btn-share--twitter {
    background: #4dcceb;
}
.btn-share--fb {
    background: #4d8deb;
}
.btn-share--gplus {
    background: #eb4d4d;
}
.btn-share--gplus:before, .btn-share--fb:before, .btn-share--twitter:before{
    position: absolute;
    left: 12px;
    top: 9px;
    font-size: 22px;
}
.c-form-share__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 30px;
}
.c-ui-input__field {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.571;
    padding: 11px 12px;
    width: 100%;
    letter-spacing: -.8px;
    margin-bottom: 20px;
}

/* mini cart */
.basket-dropdown {
    flex-direction: column;
    position: absolute;
    top: 80%;
    left: 0.9%;
    width: 375px;
    right: unset;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.15);
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    padding: 15px;
    line-height: 22px;
    background: #fff;
    z-index: 10;
}
.basket-header {
    background-color: var(--color-neutral-100);
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.basket-total {
    font-size: 1em;
    line-height: 20px;
    color: #fb3449;
    direction: rtl;
    text-align: right;
    flex-basis: 65%;
}
.basket-total span:first-of-type {
    color: var(--color-neutral-900);
    font-size: 1.2em;
    line-height: 20px;
}
.basket-total span:last-of-type {
    color: var(--color-neutral-900);
    font-size: 1.6em;
    font-weight: 500;
    line-height: 20px;
}
.basket-link {
    font-size: 1.1em;
    color: var(--color-neutral-900);
    margin-right: 0px;
    font-weight: 500;
}
.basket-item-remove i{
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #959595;
    font-size: 8px;
    font-size: .571rem;
    line-height: 8px;
}
.basket-list {
    max-height: 293px;
    overflow: auto;
    padding: 20px 15px;
    list-style: none;
}
.basket-submit {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 26px;
    letter-spacing: -.5px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background-color: var(--color-button-primary);
    border-top: 1px solid #c6c6c6;
    padding: 10px;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    position: relative;
}
.basket-item {
    padding: 10px 15px 10px 0;
    position: relative;
    min-height: 88px;
    display: block;
    border-bottom: 1px solid #f0f0f0;
}
.basket-item:last-of-type {
    border-bottom: none;
}
.basket-item-remove {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-radius: 50%;
    background-color:var(--color-primary-100);
    width: 20px;
    height: 20px;
    border: none;
    z-index: 123;
    cursor: pointer;
}
.basket-item-content, .basket-item-image {
    display: inline-flex;
    align-items: center;
    margin-right: 2px; /*10px*/
}
.basket-item-image {
    width: 60px;
    height: 60px;
    justify-content: center;
    flex: 0 0 60px;
    max-width: 60px;
    position: relative;
}
.basket-item-image img {
    max-height: 100%;
    max-width: 100%;
}
.basket-item-image img {
    overflow: hidden;
}
.basket-item-details {
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
}
.basket-item-title {
    font-size: .9em;
    line-height: 2;
    text-align: right;
    direction: rtl;
    color: var(--color-neutral-700);
    max-width: 100%;
    font-weight: 400;
}
.basket-item-params {
    /*display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;*/
    margin-top: 2px;
}
.basket-item-params span {font-size: .8em;display: inline-flex;}
.basket-item-params span:first-of-type {
    color:var(--color-neutral-600);
}
.basket-item-params span:last-of-type:not(:first-of-type) {
    display: inline-flex;
    color: var(--color-neutral-500);
    padding-right: 5px;
    /*margin-right: 10px;*/
    border-right: 1px solid #e0e0e0;
}
.mini-cart-item {position: relative;}

#quantity-error:hover~.c-checkout__quantity-error {display: block !important;}

.complete-form{
    display: block;
    overflow: unset;
    position: relative;
    top: 0;
    right: 0;
    max-height: unset;
}
.c-profile-order {
    background-color: #fff;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.1);
    border: 1px solid #e8e8e8;
    padding: 0 20px 57px;
    margin-bottom: 30px;
    line-height: 1.692;
}
.c-profile-order .c-table-draught {
    margin-bottom: 26px;
}
.c-table-draught {
    border: 1px solid #e7e7e7;
}
.c-table-draught__row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    border-top: 1px solid #f1f1f1;
}
.c-table-draught__row:first-child {
    border-top: none;
}
.c-table-draught__col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 1.5em;
    line-height: 1.467;
    border-right: 1px solid #f1f1f1;
    padding: 27px 35px;
    color: #505050;
}
.c-table-draught__col--total {
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 1.7em;
    line-height: 1.294;
    text-align: center;
}
.c-table-draught__col:first-child {
    border-right: none;
}
.c-profile-order-steps__note {
    background-color: #fcfef5;
    border: 1px solid #cfe3bb;
    color: #b1d58b;
    font-size: 1.1em;
    line-height: 1.467;
    padding: 16px 24px;
    margin-top: -1px;
    margin-bottom: 28px;
    width: calc(100% + 42px);
    margin-right: -21px;
    font-weight: 400;
}
.c-table-order__cell--action .btn-primary {
    border-radius: 8px;
    border: 1px solid #c4c4c4;
    padding: 11px 0;
    margin: 0;
    background-color: transparent;
    color: #a9a9a9;
    transition: all .3s ease-in-out;
    display: block;
    width: 80px;
    text-align: center;
    font-size: 1em;
    margin-bottom: 4px;
}
.p-original-price {
    font-size: 1.6em;
    font-weight: 500;
    text-decoration: line-through;
    color: #b4b4b4;
    line-height: 1.5;
    text-align: left;
}
.c-promotion-box__cover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 5;
}
.c-promotion-box__cover-text {
    white-space: nowrap;
    font-weight: 700;
    z-index: 4;
    border-radius: 20px;
    background-color: hsla(0,0%,100%,.9);
}
/* .c-promotion-box__cover--out-of-stock .c-promotion-box__cover-text {
    color: #ababab;
    padding: 5px 52px;
    border-color: #ababab;
} */
 .c-promotion-box__cover .brand-icon{
    width: 80px;
  height: 80px;
  padding: 10px;
  border-radius: 30px;
 }
.c-promotion-box__cover > div {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 35%;
}
.c-promotion__badge {
    height: 19px;
    font-size: 10px;
    font-size: .714rem;
    line-height: 17px;
    vertical-align: middle;
    font-weight: 700;
    position: absolute;
    top: -26px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    white-space: nowrap;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.c-promotion__badge--incredible-offer {
    width: 102px;
    height: 19px;
    background-color: var(--color-primary-700);
    top: 0%;
}
.c-promotion__badge--incredible-offer:after {
    content: "ماشینت پارتی";
    position: absolute;
    height: 10px;
    top: 30%;
    color: var(--color-white);
    transform: translate(-50%,-50%);
}
.c-promotion__badge--special-sale {
    color: var(--color-secondary-700);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 19px;
    border: 1px solid var(--color-secondary-700);;
    top: 0%;
}
.c-listing-not-found {
    line-height: 2.14;
    width: 100%;
    padding: 10px;
}
.c-listing-not-found p {
    font-size: 1.4em;
}
.dictount-title-item a.is-active {
    background-color: #ef5662;
    color: #fff;
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
}
.dictount-title-item a {cursor: pointer}

/* flash message */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 1.5em;
    font-weight: 400;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20000;
    text-align: center;
}
.alert-success {
    background-color: rgb(95, 190, 170);
    border-color: rgba(95, 190, 170, 0.4);
    color: #fff;
}
.alert-danger {
    background-color: rgb(240, 80, 80);
    border-color: rgba(240, 80, 80, 0.3);
    color: #fff;
}
.alert-info {
    background-color: rgb(52, 211, 235);
    border-color: rgba(52, 211, 235, 0.3);
    color: #fff;
}
.alert-warning {
    background-color: rgb(255, 189, 74);
    border-color: rgba(255, 189, 74, 0.3);
    color: #fff;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    /* display: none; */
}

.c-product-box__content .discount-price {
    text-align: left;
    font-size: 1.6em;
    font-weight: 600;
}
/* alignment price row */
/*
.product-item .price,  .product-item .discount-price {
    position: absolute;
    bottom: 5px;
}
.product-item {
    height: 342px;
}*/
.single-page__title {
    font-size: 2.8em;
    font-weight: 500;
    letter-spacing: -.4px;
    margin: 25px 0;
    color: #4b4b4b;
} /* www.HiBrand.com */
.variants {
    display: inline-flex;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 5px;
    font-size: .9em;
    font-weight: 400;
    color: #515151;
    cursor: pointer;
}
.color-box {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}
.pd-tooltip {
    position: absolute;
    display: inline-block;
    width: 90px;
    background-color: #656565;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    bottom: -64%;

}
li[data-toggle=tooltip] {
    position: relative;
}
.cptxt {
    font-size: 1em;
    color: #444;
    font-weight: 400;
    display: block;
    line-height: 3;
}
.reg-pwd {
    display: flex !important;
    justify-content: space-between;
}
.account-box + footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.c-account-box__message-icon--email-success {
    background-image: url('../images/68c33207.svg');
    background-size: 92px 44px;
    background-position: 14px 51px;
}

/* invoice */
.i-container {
    width: 1045px;
    max-width: 100%;
    margin: 20px auto;
    padding: 25px;
    font-size: 1.5em;
    border: 1px solid #454545b3;
}
.invoice-factor .title , .invoice-factor .info , .invoice-factor .info > div {
    display: flex;
    justify-content: space-between;
}
.invoice-factor .info > div {flex-direction: column;}
.invoice-factor div {margin: 15px 0;}
.invoice-factor span {font-size: .9em;line-height: 2.3;}
.invoice-factor .i-head { border-bottom: 1px solid #7d7c7c}
.i-body table {
    width: 100%;
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
}
.i-body th {
    background-color: #c2d6e0;
    padding: 8px;
}
.invoice-factor .product td {
    padding: 8px;
}
.invoice-factor .product:nth-child(odd) {background-color: #f2f2f2}
.invoice-factor .s-row {
    background-color: #dbdbdb;
    font-weight: 400;
    text-align: left;
    padding: 5px;
}
.invoice-factor th, .invoice-factor td, .invoice-factor tr { border: 1px solid #7E7E7E}

.sresult {
    position: absolute;
    top: 2.9rem;
    background: #fff;
    padding: 10px 15px;
    line-height: 2;
    z-index: 10000;
    border: 1px solid #f2f2f2;
    width: 100%;
    border-radius: 15px;
    font-size: 12px;
    display: none;
}
.psresult {
    position: absolute;
    top: 66px;
    background: #fff;
    padding: 10px 15px;
    line-height: 3;
    z-index: 20;
    border: 1px solid #f2f2f2;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    width: 70%;
    border-radius: 0 0 5px 5px;
    font-size: .8em;
    display: none;
    right: 20.5%;
}

.sresult > li{
    width: 100%;
    border-radius: .5rem;
    background: #f3f8fd;
    padding: .5rem .75rem;
    margin: .5rem 0rem;
}
.sresult > li a{
  color: #212121;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.25rem;
}
/* notification bar */

.kt-notice-inner {
    padding: 4px 20px 4px;
    background: rgba(255,255,255,.9);
    border-radius: 3px;
    position: relative;
    width: 960px;
    margin: 0 auto;
}
.kt-notice-inner .kt-notice-close {
    position: absolute;
    font-size: 24px;
    height: 1em;
    width: 1em;
    color: rgba(0,0,0,.3);
    top: 0;
    bottom: 0;
    right: -1.3em;
    line-height: 1em;
    cursor: pointer;
    text-align: center;
    margin: auto 0;
}
.kt-notice-inner .kt-notice-text {
    font-size: 1em !important;
    color: #48464c !important;
    padding: 8px 0 8px;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.kt-notice-inner .kt-notice-text p{margin:0 !important;}
.notice-text {font-size: 1.1em !important;
    color: #48464c !important;}

.button.button-orange, button.button-orange, input[type="submit"].button-orange {
    background: #ffa240;
    border: none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 1.6em;
    padding: 10px 20px;
    vertical-align: middle;
    font-weight: 400;
}

.c-cat__list-container {max-height: 300px;}
.c-cat__list {
    padding: 5px;
    margin-top: 5px;
    padding-right: 15px;
    overflow: auto;
}
.c-cat__list > li {
    padding: 7px 10px;
    /*margin-bottom: 5px;*/
}
.c-cat__list .brand-icon{
  width: 40px;
  height: 40px;
  border-radius: 15px;
  fill: #fff;
  border: 1px solid #000;
  background-color: #000;
  margin: 6px;
}
.c-catalog__cat-item--arrow-left, .c-catalog__cat-item--arrow-down {
    position: relative;
    padding-right: 17px;
}
.c-catalog__cat-item--arrow-left::before {
    font-family: fontawesome;
    content: "\f104";
    position: absolute;
    top: 2px;
    right: 0;
    color: #6b6b6b;
    font-size: 1.5em;
    line-height: 1.8;
}
.c-catalog__cat-item--arrow-down::before {
    font-family: fontawesome;
    content: "\f107";
    position: absolute;
    top: 1px;
    right: -4px;
    color: #6b6b6b;
    font-size: 1.5em;
    line-height: 1.8;
}
.widget-list > li {
    padding: 30px 20px !important;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
    background-color: #1fa8c5 !important;
    justify-content: space-between;
    align-items: center;
}
.widget-list i {
    font-size: 2.2em;
    padding-left: 11px;
    line-height: 0.8;
}
.widget-list .buttons > a {
    padding: 10px;
    color: #fff;
    background-color: rgba(96, 125, 139,.5);
    margin-left: 4px;
    border-radius: 5px;
    font-size: 1.2em;
}
/* Badge */
.badge {
    text-transform: uppercase;
    font-weight: 500;
    padding: 3px 9px;
    font-size: 12px;
    margin-top: 1px;
    border-radius: 50%;

}
.badge-primary {
    background-color: rgba(63, 81, 181,.22);
}
.badge-order {
    background-color: rgba(63, 81, 181,.22);
}
.bdate-select select{ width: 10% !important; margin-left: 10px}



.c-product__seller-details {position: relative;margin-right: 20px; user-select: none}
.c-product__seller-details::before, .seller-name::before {
    content: url(/images/500f5df4.svg);
    position: absolute;
    right: -26px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 31px;
    color: #ccc;
}
.c-product__seller-details--item-grid::before {
    font-size: 21px;
    right: 0;
}
/* delivery */
.product-warranty .c-product__guarantee::before, .seller-product__guarantee::before, .c-table-suppliers__cell--guarantee span::before {
    display: inline-block;
    font-family: fontawesome;
    content: "\f005";
    margin-left: 10px;
    flex: 0 0 33px;
    color: #d5d5d5;
    font-size: 1.7em;
    position: absolute;
    right: -26px;
    top: -4px;
}
.c-product__delivery .c-product__seller-details::before { top: 60%;}
.m0 { margin : 0 !important;}
.flx2 {flex-basis: 2%}
.flx16 {flex-basis: 16%}

.out-stock-blur {position: relative;filter: blur(4px);}
.out-stock-blur-msg {
    position: absolute;
    top: 55%;
    bottom: 0;
    right: 0;
    filter: blur(0);
    left: 0;
    width: 220px;
    background: #20aa4d;
    z-index: 2;
    height: 50px;
    margin: 0 auto;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    line-height: 3.1;
    font-size: 1.5em;
    font-weight: 500;
    opacity: .7;
}
.c-product__attributes .out-stock {flex-basis: 75%}
/* suppliers*/
.c-box-suppliers__headline-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-table-suppliers {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    color: #3c3c3c;
}

.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers-hidden {display: none;}
.c-table-suppliers-less, .c-table-suppliers-more {
    padding: 23px 30px 31px;
    border-top: 1px solid #ededed;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.375;
}
.c-table-suppliers__row {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
    padding: 25px;/*15px;*/
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.c-table-suppliers__row--active {
    background: #f4fbff;
    border: 1px solid #19bfd3;
}
.c-table-suppliers__cell--price {
    flex-basis: 16.5%;
    justify-content: center;
    justify-content: flex-start;
    font-weight: 400;
    min-width: 150px;
}
.c-table-suppliers__cell--price .price-val {font-size: 2em;}
.c-table-suppliers__cell--price .price-currency {font-size: 1.6em;}

.c-table-suppliers__cell--action {
    flex-basis: 17.7% !important;
    justify-content: center;
    padding-left: 28px;
    padding-right: 28px;
    flex: 0 0 104px;
}
.c-btn-seller-add-cart {
    border-radius: 8px;
    background-color: transparent;
    border: 2px solid #00bfd6;
    padding: 10px 24px;
    color: #00bfd6;
    font-weight: 500;
    font-size: 1rem !important;
    line-height: 1.571;
    text-align: center;
    transition: all .3s ease;
}
.c-table-suppliers--main .c-table-suppliers__body .c-table-suppliers__row:not(.in-list) {
    display:none
}
.c-table-suppliers__cell.c-product__variants {margin: 0}
.bgf-w {background-color: #fff}

.seller-name {
    color: #4a5f73;
    font-size: 1.5em;
    font-weight: 400;
    position: relative;
    padding-right: 15px;
}
.seller-name::before { opacity: .7;right: -10px;top: 70%;}
.seller-product__price {font-size: 1.6em;font-weight: 400;}
.seller-product__guarantee {position: relative;margin-top: 8px;}
.seller-product__guarantee:before {right: -31px;top: -7px;}
.seller-product__variant {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: -3px;
}
.c-table-suppliers__row .c-product__delivery-warehouse--delay , .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time {
    margin-right: 2px;
    line-height: 2.5;
}
.c-table-suppliers__row .c-product__delivery-warehouse--delay::before, .c-table-suppliers__row .c-product__delivery-warehouse--no-lead-time::before {
    right: -41px;
    top: -1px;
}
.c-btn-seller-add-cart:hover {
    background-color: #00bfd6;
    color: #fff;
}

.c-profile-box__header {
    position: relative;
    background-color: #00bfd6;
    height: 96px;
}
.c-profile-box__avatar {
    width: 54px;
    height: 54px;
    background: #fff;
    background-size: contain;
    box-shadow: 0 0 0 4px hsla(0,0%,100%,.61);
    position: absolute;
    left: 50%;
    top: 12px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    border-radius: 50%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
}
.c-profile-box__avatar {
    height: 102px;
    width: 102px;
    box-shadow: none;
    border: 4px solid #beebf1;
}
.c-profile-box__username {
    margin: 16px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.158;
    font-weight: 500;
    letter-spacing: -.5px;
}
.c-profile-box__referer {
    background-color: #fff;
    height: 39px;
    line-height: 39px;
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #e9e9e9;
    cursor: pointer;
}
.c-profile-box__registrations-date {
    max-width: 100%;
    text-align: center;
    text-overflow: ellipsis;
    color: #555;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 1.1em;
    line-height: 21px;
}
.do-empty-cart {
    font-size: 1.2em;
    font-weight: 400;
    padding: 5px 9px;
    color: #fb3449;
    border: 1px solid;
    margin-right: 10px;
    border-radius: 5px;
    opacity: .8;
    transition: all .3s ease;
}
.do-empty-cart:hover {
    background-color: #fb3449;
    color: #fff;
}
#productPriceChart {
    min-width: 310px;
    max-width: 800px;
    height: 400px;
    margin: 0 auto
}
.highcharts-credits {display: none;}

.txt-success {color: #1bcc87;font-size: .9em;}
.txt-wait {color: #0fa0ce;font-size: .9em;}
.txt-danger {color: #F44336;font-size: .9em;}
.txt-disable {color: #9E9E9E;font-size: .9em;}
.widthdraw-txt {
    padding: 10px;
    font-size: 1em;
    margin-top: 10px;
    border-radius: 3px;
    color: #663b10;
    background-color: #ffd06c;
    line-height: 2;
}
.p10 {padding: 10px;}
/* Labels */
.label {
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: .3em .6em .3em;
    color: #fff;
    border-radius: 3px;
    font-size: 1em;
}
.label-default {
    background-color: #71b6f9;
}
.label-primary {
    background-color: #188ae2;
}
.label-success {
    background-color: #10c469;
}
.label-info {
    background-color: #35b8e0;
}
.label-warning {
    background-color: #f9c851;
}
.label-danger {
    background-color: #ff5b5b;
}
.label-purple {
    background-color: #5b69bc;
}
.label-pink {
    background-color: #ff8acc;
}
.label-inverse {
    background-color: #3b3e47;
}
.disable-text {
    font-size: 1em;
    background-color: #e3e3e3;
    color: #6c6c6c;
    transition: .2s ease;
}
.disable-text:hover {background-color: #c6c2c2;}
.edit-text {
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    transition: .2s ease;
    background-color: #f2f2f2;
}
.edit-text:hover {background-color: #e7e7e7;}
.addnewproduct {
    font-weight: 500;
    padding: 5px 9px;
    color: #4CAF50;
    border: 1px solid;
    border-radius: 5px;
    opacity: .8;
    transition: all .3s ease;
    font-size: 1em;
}
.addnewproduct:hover {background-color: #4CAF50;color: #fff}
.styled-p {
    font-size: 1em;
    line-height: 2.71;
    color: #505050;
    margin: 15px 0;
}
span.you-sell {
    background-color: #818181;
    border-radius: 3px;
    padding: 0 6px;
    font-weight: 400;
    color: #f5f5f5;
    cursor: pointer;
}
.search-result__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
span.expert-reject {
    font-size: .8em;
    background-color: #607D8B;
    color: #fff;
    padding: 0px 10px;
    cursor: pointer;
}
.seller-product-status .pd-tooltip {
    font-size: .9em;
    width: 400px;
    top: 10%;
    right: 34%;
    max-height: 100px;
    overflow: auto;
}
.p-0 {padding: 0}
.text-muted {
    color: #98a6ad !important;
    font-size: 1em;
    margin-bottom: 15px !important;
    margin-top: 20px !important;
}
.form-control-custom {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-control-custom {
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 7px 12px;
    height: 38px;
    max-width: 100%;
    box-shadow: none;
    transition: all 300ms linear;
}
textarea.form-control-custom {
    min-height: 90px;
    line-height: 2.3;
}
textarea.form-control-custom { height: auto;  }
.bootstrap-tagsinput {width: 100%}
.attr-section {
    border: 1px solid #c5c5cc;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
}
.tags-default {
    margin: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 7px;
}
.myinput {
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    padding: 5px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all 0.3s ease-out;
}
.btn {
    border-radius: 8px;
    padding: 6px 14px;
}
.btn-default {
    background-color: rgba(218, 230, 236, 0.3);
    border-color: rgba(218, 230, 236, 0.5);
}
.attr-area span {font-size: 1em}

.seprate-section {
    border: 1px solid #c5c5cc;
    border-radius: 5px;
    padding: 10px;
    margin: 5px 0;
}
.btn-submit {
    font-size: 1.5em;
    padding: 9px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    color: #fff;
    overflow: hidden;
    text-align: center;
    letter-spacing: -.6px;
    position: relative;
    margin-top: 5px;
}
#discountprice, #realprice, #discountedprice {display:inline}

.c-swiper-specials--incredible {overflow: hidden;}

.slicknav_nav .slicknav_item a {display: inline-block !important;width: 250px;}

.out-stock .c-message--info {
    width: 100%;
    height: unset;
}
.o-page__content .c-breadcrumb li {white-space: unset !important; }

.footer-contact .app img {width: 90%;}


/* Menu */
.top-nav {position: relative;}
.mm-listview {padding: 0 !important;}
.top-nav > li:hover > i {
    transform: rotate(180deg);
}
.top-nav > li:hover > .megamenu {
    visibility: visible;
}

.mm-listitem__btn {margin-left: 15px;}
.mm-listitem {
    display: flex !important;
    margin: 0 !important;
    background-color: #fff;
}
.mm-btn_next {
    transform: rotate(180deg);
}
.mm-listview {
    visibility: visible;
    position: static;
    display: block;
    box-shadow: none;
    border-radius: 0;
}
.mm-listitem__btn {margin-top: 10px;}
.megamenu > li > a {
    color: #1ca2bd;
}
.modalbg{
    position: fixed;
    inset: 0;
    z-index: 1000;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0,0,0,.5);
    display: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}

/* Brands */
.brand-container{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}
.brand-box{
  display: flex;
  flex: auto;
}
.brnad-item{
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  user-select: none;
  margin: 15px auto;
}
.brnad-item .brand-icon {
  width: 80px;
  height: 80px;
  padding: 10px;
  border-radius: 30px;
  fill: var(--color-primary);
  border: 1px solid var(--color-primary);
}
.brnad-item .brand-icon:hover {
  background-color: var(--color-primary);
  fill: #fff;
  box-shadow: rgba(var(--color-primary-rgb), .2) 0 0 20px 0;
}

/* Cats_Home */
.cat-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 20px; 
  position: relative;
  z-index: 2;
  margin-top: -30px;
}
.cat-item {
  text-align: center;
}
.cat-item h2{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary);
}
.cat-icon {
  width: 100%;
  max-width: 100px;
  border-radius: 35px;  
  box-shadow: rgba(var(--color-primary-rgb), .2) 0 0 15px 0;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

/* service box */
.service-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  gap: 10px;
  position: relative;
  z-index: 2;
  margin-top: -30px;
  background-color: rgba(255,255,255,.8);
  padding: 20px;
  border-radius: 30px;
}
.service-item {
  text-align: center;
}
.service-item h2{
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    width: 110%;
}
.service-icon {
  border-radius: 20px;  
  background-color: var(--color-primary);
  padding: 10px;
}

/* electronic box */
.electronic-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 10px;
  position: relative;
  z-index: 2;
  margin-top: -30px;
  background-color: rgba(255,255,255,.8);
  padding: 20px;
  border-radius: 30px;
}
.electronic-item {
  text-align: center;
}
.electronic-item h2{
    font-size: 12px;
    font-weight: 600;
    color: var(--color-primary);
    background-color: #fff;
    padding: 5px;
}
.electronic-icon {
  width: 100px;
  height: 100px;
  border-radius: 30px;  
  box-shadow: rgba(var(--color-primary-rgb), .2) 0 0 15px 0;
  background-color: var(--color-primary);
  padding: 15px;
  margin-bottom: 10px;
}

/* employment box */
.employment-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 10px;
  position: relative;
  z-index: 2;
  margin-top: -30px;
  background-color: rgba(255,255,255,.8);
  padding: 20px;
  border-radius: 30px;
}
.employment-item {
  text-align: center;
}
.employment-item h2{
    font-size: 14px;
    font-weight: 600;
    color: var(--color-primary);
    background-color: #fff;
    padding: 5px;
}
.employment-icon {
  width: 120px;
  height: 120px;
  border-radius: 30px;  
  box-shadow: rgba(var(--color-primary-rgb), .2) 0 0 15px 0;
  background-color: var(--color-primary);
  padding: 15px;
  margin-bottom: 10px;
}

.more{
  background-color: var(--color-primary) !important;
  fill: #fff !important;
}
.more:hover {
  fill: var(--color-primary) !important;
  background-color: #fff !important;
}
.bg-color{
    background: radial-gradient(10.47% 20.55% at 75.17% 21.89%,rgba(255,187,0,.1) 0,rgba(255,187,0,0) 100%),radial-gradient(44.95% 25.66% at 102.47% 57.32%,rgba(35,65,223,.08) 0,rgba(35,65,223,0) 100%),radial-gradient(38.55% 41.03% at -6.28% 58.48%,rgba(0,143,255,.08) 0,rgba(0,143,255,0) 100%);
}
.seller-reg{
    text-align: center;
    background: aliceblue;
    position: relative;
    max-width: 724px;
    margin: 0 auto;
    border-radius: 20px;
    padding-bottom: 30px;
}
.seller-reg h2{
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 25px;
}
.seller-reg a{
    color: #fff;
    background-color: var(--color-primary);
    padding: 10px 30px;
    border-radius: 8px;
    text-align: center;
    margin-top: 20px;
    display: block;
    margin: 30px 50px 0px;
    font-size: 18px;
    font-weight: 500;
}
.about{
display: flex;
align-items: center;
flex-direction: column;
margin: auto 5%;
max-width: 428px;
box-shadow: 0 97px 39px -70px rgba(4,10,31,.1);
border-radius: 32px;
padding: 56px 88px;
border: 3px solid rgba(35,65,223,.1);
background: #fff;
margin-top: 100px !important;
}
.about-img{
    width: 70%;
    position: absolute;
    margin-top: -110px;
    max-width: 400px;
}
.about-desc{
    max-width: 100%;
    padding-left: 0;
    margin-top: 50%;
    text-align: center;
    padding-top: 30px;
}
.about-desc h3, .advantages h3, .startEarn h3{
margin: 0px;
  font-weight: 500;
  font-size: 2.8em;
  line-height: 1.7;
  color: rgba(4, 10, 31, 0.87);
}
.about-desc h4{
margin: 0px;
  font-weight: 500;
  font-size: 1.8em;
  line-height: 1.7;
  color: rgba(4, 10, 31, 0.77);
 }

.about-desc p{
  font-size: 18px;
  line-height: 1.5;
  text-align: justify;
  color: rgba(4, 10, 31, 0.6);
}
.about-icon{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: self-start;
    align-content: space-around;
    margin-top: 20px;
}
.about-icon-card{
    width: 16rem;
    min-height: 7rem;
    background: #fff;
    border-radius: 2rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: var(--color-primary);;
    margin: 10px;
   background-color: #fafafa;
}

.about-icon-card span{
    box-sizing: border-box;
    display: inline-block;
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
    margin: 0px !important;
    padding: 0px;
    position: relative;
    color: #f16e41;
    font-size: 2.5em;  
}
.about-icon-card span img{
width: 60px;
}
.about-icon-card p{
    font-size: 1.2em; 
    text-align: center; 
}
.about-icon-card h5{
    font-size: 1.3em; 
    text-align: center; 
}
.advantages{
    text-align: center;
    margin: 40px auto;
    max-width: 1064px;
    box-shadow: 0 97px 39px -70px rgba(4,10,31,.1);
    border-radius: 32px;
    padding: 56px 88px;
    border: 3px solid rgba(35,65,223,.1);
    background: #fff;

}
.advantages .c-params__list-value{
    display: block;
}
.startEarn{
    position: relative;
    max-width: 724px;
    margin: 0 auto;
    margin-top: 40px;
}
.startEarn div{
  padding: 25px 40px;
  box-shadow: 0 2px 16px rgba(4,10,31,.04);
  border-radius: 20px;
  border: 1px solid #f5f5f5;
  margin: 32px auto;
  background: #fff;
  font-weight: 500;
}
.startEarn span{
    font-size: 3rem;
    position: absolute;
    right: 35px;
    color: var(--color-primary);
}

/* category tab */
.landing-container{
  margin-top: -15px;
}

.category-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}
.tabitems {
  margin-top: 15px;
  margin-bottom: 5px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  position: relative;
  z-index: 2;
}
.tab-item-btn .tab-item-content{
   display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-flow: row;
}
.active .tab-item-content{
  border-bottom: 3px solid var(--color-primary) !important;
}
.tab-item-content img{
 width: 26px;
 border-radius: 10px;
  box-shadow: rgba(var(--color-primary-rgb), .1) 0 0 5px 0;
  background-color: #fff;
  padding: 3px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.tab-item-content .tab-item-content-caption{
  font-weight: 400;
  font-size: 13px;
  line-height: 1.33;
  color: rgba(4, 10, 31, 0.87);
}
.active .tab-item-content .tab-item-content-caption{
  font-weight: 600;
}

.tab-item-content .tab-item-content-overline{
  margin-top: 4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.6;
  text-transform: uppercase;
  color: rgba(4, 10, 31, 0.6);
}
.tab-Divider{
  height: 44px;
  margin: auto 0;
  margin-right: 0px;
  margin-left: 0px;
  border-color: #eee;
  flex-shrink: 0;
  border-width: 0px 0px 0px thin;
  border-style: solid;
  align-self: stretch;
}

.header-category-wrapper .ads-category {
    flex-basis: 50%;
    -moz-box-flex: 0;
    flex-grow: 0;
    max-width: 50%;
}

.body-category-wrapper {
  position: relative;
  overflow: hidden;
}
.body-category-wrapper h1 {
    color: rgba(4, 10, 31, 0.87);
}
.body-category-wrapper p {
    color: rgba(4, 10, 31, 0.87);
    margin-top:5px;
    margin-bottom:20px;
}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.fade.in {
    opacity: 1;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}


/* --- کانتینر اصلی دراپ‌داون --- */
.custom-dropdown {
  position: relative; 
  width: 100%; 
}
.dropdown-toggle {
  width: 100%;
  padding: 12px 15px;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border-color 0.2s ease-in-out;
}

.dropdown-toggle:focus {
  outline: none;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.dropdown-toggle::after {
  content: '▼';
  font-size: 12px;
  color: #6c757d;
  transition: transform 0.3s;
}
.dropdown-menu.show + .dropdown-toggle::after,
.dropdown-toggle:focus::after {
    transform: rotate(180deg);
}


.dropdown-menu {
  /* در حالت عادی مخفی است */
  display: none; 
  /* موقعیت‌دهی نسبت به کانتینر اصلی */
  position: absolute; 
  top: calc(100% + 5px); /* با کمی فاصله دقیقا زیر دکمه قرار می‌گیرد */
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  z-index: 1000; /* برای اطمینان از اینکه روی همه چیز قرار می‌گیرد */

  /* حذف استایل‌های پیش‌فرض لیست */
  list-style: none;
  padding: 8px 0;
  margin: 0;
  
  /* ایجاد اسکرول برای لیست‌های خیلی طولانی */
  max-height: 220px;
  overflow-y: auto;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-menu li a {
  display: flex; /* برای قرار دادن آیکون و متن کنار هم */
  align-items: center;
  gap: 12px; /* فاصله بین آیکون و متن */
  
  padding: 10px 20px;
  color: #212529;
  text-decoration: none;
  transition: background-color 0.2s; /* انیمیشن نرم برای هاور */
  white-space: nowrap; /* جلوگیری از شکستن متن به خط بعدی */
}
/* افکت هاور روی آیتم‌های منو */
.dropdown-menu li a:hover {
  background-color: #f8f9fa;
  color: #16181b;
}
/* استایل آیکون SVG شما */
.brand-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0; /* برای جلوگیری از کوچک شدن ناخواسته آیکون */
}
/* استایل آیتم انتخاب شده در لیست */
.dropdown-menu li.active a {
  background-color: #e9ecef;
  font-weight: bold;
  color: #007bff;
}
/* استایل فیلد جستجو */
.dropdown-search {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box; /* برای محاسبه صحیح اندازه */
  font-size: 14px;
}

.dropdown-search:focus {
  outline: none;
  border-color: #007bff;
}

/* برای اینکه فیلد جستجو حاشیه داخلی لیست را نگیرد */
.dropdown-menu li:first-child {
  padding: 5px;
}

.head-tabs-bg{
    width: 100%;
  height: 130px;
  background-color: var(--color-primary);
  margin-bottom: -40px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  padding-top: 40px;
}

.c-repair__items{
    position: relative;
}
/* استایل کلی برای هر آیتم در لیست */
.c-repair__items li {
  list-style: none;
  margin-bottom: 20px;
}

/* کانتینر اصلی هر تعمیرگاه */
.c-repair-box {
  display: flex; /* فعال کردن فلکس‌باکس برای چیدمان افقی */
  align-items: center; /* تراز کردن عمودی آیتم‌ها در مرکز */
  direction: rtl; /* چیدمان از راست به چپ */
  
  background-color: #ffffff;
  padding: 16px;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: box-shadow 0.3s;
}

.c-repair-box:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
}

/* استایل کانتینر تصویر */
.c-repair-box__img {
  width: 90px;
  height: 90px;
  flex-shrink: 0; /* جلوگیری از کوچک شدن تصویر */
  margin-left: 16px; /* ایجاد فاصله از محتوای کناری */
  border-radius: 8px;
  overflow: hidden; /* برای اینکه گوشه‌های گرد روی تصویر اعمال شود */
}

/* استایل خود تصویر برای پر کردن کانتینر */
.c-repair-box__img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* جلوگیری از دفرمه شدن تصویر */
}

/* کانتینر جزئیات (عنوان و آدرس) */
.c-repair-box__details {
  flex-grow: 1; /* این بخش تمام فضای خالی باقی‌مانده را پر می‌کند */
}

/* استایل عنوان اصلی */
.c-repair-box__title {
  display: block; /* برای اینکه تمام عرض را بگیرد */
  font-size: 1.1rem; /* 18px */
  font-weight: 700;
  color: #2c3e50;
  text-decoration: none;
  margin-bottom: 8px;
  transition: color 0.3s;
}
.c-repair-box__title:hover {
    color: #007bff;
}

/* استایل آدرس (ریزتر) */
.c-repair-box__address {
  font-size: 0.875rem; /* 14px */
  color: #7f8c8d;
}

/* استایل بخش رتبه */
.c-repair-box__rating {
  /* این بخش به صورت خودکار در انتهای سمت چپ قرار می‌گیرد */
  text-align: left;
}

.c-tag--rate {
  background-color: rgba(255, 193, 7, 0.2); /* زرد کم‌رنگ */
  color: #b28300; /* زرد پررنگ */
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.9rem; /* 14.4px */
  font-weight: bold;
  white-space: nowrap; /* برای جلوگیری از شکستن خط */
}

.mobile-wrapper {
  /* عرض قاب را به اندازه یک موبایل بزرگ محدود می‌کنیم */
  width: 100%;
  max-width: 428px; 
  
  /* برای اینکه در وسط صفحه دسکتاپ قرار بگیرد */
  margin: 0 auto; 
  
  /* برای زیبایی بیشتر، یک سایه شبیه به گوشی موبایل */
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  
  /* برای اینکه محتوا از بالا و پایین به لبه‌ها نچسبد */
  min-height: 100vh; /* حداقل ارتفاع به اندازه کل صفحه */
  background-color: #ffffff; /* رنگ پس‌زمینه خود سایت */
}


/* --- استایل کارت آگهی (طرح جدید) --- */
.ad-card-v2 {
    display: flex;
    padding: 16px 12px;
    border-bottom: 1px solid #f0f0f0; /* خط جداکننده بسیار ملایم */
    text-decoration: none;
    color: inherit;
}

/* بخش تصویر */
.ad-card-v2 .image-wrapper {
    flex-shrink: 0;
    width: 110px;
    height: 110px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-left: 16px; /* فاصله عکس از اطلاعات */
}

.ad-card-v2 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* برای آیکون تعداد عکس روی تصویر */
.ad-card-v2 .photo-count {
    position: absolute;
    bottom: 6px;
    left: 6px;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
}

.ad-card-v2 .photo-count svg {
    width: 14px;
    height: 14px;
    margin-left: 4px;
}

/* بخش اطلاعات */
.ad-card-v2 .info-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.ad-card-v2 .info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.ad-card-v2 .info-row:last-child {
    margin-bottom: 0;
}

.ad-card-v2 .title {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-card-v2 .timestamp {
    font-size: 12px;
    color: #8a8a8a;
    flex-shrink: 0;
}

.ad-card-v2 .specs {
    font-size: 13px;
    color: #5a5a5a;
}

/* بخش تگ‌ها */
.ad-card-v2 .tags {
    display: flex;
    gap: 8px; /* فاصله بین تگ‌ها */
}

.ad-card-v2 .tag {
    display: inline-flex;
    align-items: center;
    padding: 3px 8px;
    border-radius: 12px; /* گردی کامل */
    font-size: 11px;
    font-weight: 500;
}

.ad-card-v2 .tag.verified {
    background-color: #eef7ff;
    color: #0d6efd;
}

.ad-card-v2 .tag.dealership {
    background-color: #f0f0f0;
    color: #5a5a5a;
}

.ad-card-v2 .tag.on-sale {
    background-color: #fff0f0;
    color: #dc3545;
}

.ad-card-v2 .tag svg {
    width: 12px;
    height: 12px;
    margin-left: 4px;
}

/* بخش پایینی (مکان و قیمت) */
.ad-card-v2 .bottom-info {
    margin-top: auto; /* این بخش را به پایین کارت می‌چسباند */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad-card-v2 .location {
    font-size: 13px;
    color: #8a8a8a;
    display: flex;
    align-items: center;
}

.ad-card-v2 .location svg {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    fill: #8a8a8a;
}

.ad-card-v2 .price {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    margin: unset;
}

/* --- نقشه تعمیرگاه ها --- */

#map {
    height: 100vh;
    width: 100%;
}

/* --- استایل شمارشگر تعمیرگاه‌ها --- */
#shop-counter {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; /* بالاتر از نقشه قرار می‌گیرد */
    background-color: rgba(255, 255, 255, 0.9);
    padding: 8px 16px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    min-width: 220px;
    text-align: center;
}

/* --- استایل‌های کارت اطلاعاتی سفارشی --- */
.leaflet-popup-content-wrapper {
    background: transparent;
    box-shadow: none;
    border: none;
    font-family: 'YekanBakhHibrand' !important;
}
.leaflet-popup-content { margin: 0; padding: 0; }
.leaflet-popup-tip-container { margin-top: -1px; }

.shop-card {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 12px;
    width: 300px;
    border: 1px solid #f0f0f0;
}
.shop-card .shop-image {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
    margin-left: 12px;
    flex-shrink: 0;
}
.shop-card .shop-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80px;
    flex-grow: 1;
    text-align: right;
}
.shop-card .shop-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.shop-card .shop-name { font-size: 15px; font-weight: 700; color: #2c2c2c; }
.shop-card .shop-rating {
    display: flex;
    align-items: center;
    background-color: #fff8e1;
    color: #f59e0b;
    padding: 4px 8px;
    border-radius: 16px;
    font-size: 13px;
    font-weight: 600;
    flex-shrink: 0;
}
.shop-card .shop-rating svg { width: 14px; height: 14px; fill: #f59e0b; margin-left: 4px; }
.shop-card .shop-address { font-size: 12px; color: #777; margin-top: 8px; }

/* --- کانتینر اصلی که نقشه و پین را نگه می‌دارد --- */
.map-wrapper {
    position: fixed;
    top: var(--header-height); /* از زیر هدر شروع شود */
    left: 50%;
    transform: translateX(-50%);
    height: calc(100% - var(--header-height)); /* ارتفاع باقیمانده را پر کند */
    width: 100%;
    max-width: 428px;
}
#center-marker {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 450;
    width: 60px;
    height: 60px;
    pointer-events: none;
}

/* استایل دکمه موقعیت مکانی من */
.locate-me-btn {
    position: absolute;
    bottom: 180px; 
    right: 15px;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.locate-me-btn svg {
    width: 22px;
    height: 22px;
    color: #333;
}
/* --- پنل کشویی (Bottom Sheet) --- */
.bottom-sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    z-index: 500;
    transform: translateY(calc(100% - 160px)); 
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}
.bottom-sheet.expanded {
    transform: translateY(0);
}
/* کلاس جدید برای پنهان کردن پنل */
.bottom-sheet.is-hidden {
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.4s ease, visibility 0s 0.4s;
}

.sheet-handle {
    padding: 12px;
    cursor: pointer; /* تغییر به پوینتر برای کلیک */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.sheet-handle .handle-bar {
    width: 40px;
    height: 5px;
    background-color: var(--handle-bg);
    border-radius: 3px;
}
/* --- شروع استایل آیکون جهت‌نما --- */
.handle-arrow {
    width: 24px;
    height: 24px;
    color: var(--handle-bg);
    transition: transform 0.3s ease;
}
.bottom-sheet.expanded .handle-arrow {
    transform: rotate(180deg);
}
/* --- پایان استایل آیکون جهت‌نما --- */

.sheet-content {
    padding: 0 20px 20px 20px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
    overflow-y: auto;
    flex-grow: 1;
}
.address-display {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
    color: #555;
    font-weight: 500;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}
.service-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 5px 0px;
    border-radius: 12px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease;
}


.service-item .icon-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 20px;
    background-color: #eef7ff; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    padding: 5px; 
    box-sizing: border-box;
}
.service-item .service-icon {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; 
}

.service-item .service-name {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
}

.service-item.selected {
    border-color: #0d6efd;
    background-color: #eef7ff;
}

.submit-btn {
    width: 100%;
    padding: 14px;
    background-color: var(--color-hint-object-success);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    margin-top: auto; /* دکمه را به پایین می‌چسباند */
}
.submit-btn:hover {
    background-color: #218838;
}
/* --- استایل‌های مودال چندمرحله‌ای --- */
    .booking-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; }
    .booking-overlay.active { opacity: 1; visibility: visible; }
    .booking-modal { 
        position: fixed; 
        bottom: 0; 
        left: 10px; 
        right: 10px;
        width: auto;
        max-width: 420px;
        margin: 0 auto;
        background-color: #fff; 
        border-top-left-radius: 20px; 
        border-top-right-radius: 20px; 
        z-index: 1001; 
        transform: translateY(100%); 
        transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); 
        display: flex; 
        flex-direction: column; 
        max-height: 75vh; 
        height: auto;
        min-height: 300px;
    }
    .booking-modal.active { transform: translateY(0); }
    .submit-btn:disabled {
        background-color: #a5d6a7; /* رنگ سبز کم‌رنگ */
        cursor: not-allowed;
    }
    .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--border-color); flex-shrink: 0; }
    .modal-title { font-size: 16px; font-weight: 700; }
    .close-modal-btn { background: none; border: none; cursor: pointer; padding: 5px; }
    .close-modal-btn svg { width: 24px; height: 24px; color: var(--text-light); }
    .modal-content {
        flex-grow: 1;
        overflow: hidden; 
    }
    .steps-container {
        display: flex;
        width: 100%; 
        height: 100%;
        transition: transform 0.4s ease-in-out;
    }
    .step {
        width: 100%; 
        height: 100%;
        padding: 20px;
        overflow-y: auto; 
        flex-shrink: 0; 
        box-sizing: border-box;
    }

    .step-title { font-size: 18px; font-weight: 600; margin-bottom: 20px; text-align: center; }
    .selection-group { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 25px; }
    .selection-item { padding: 10px 18px; border: 1px solid var(--border-color); border-radius: 20px; cursor: pointer; transition: all 0.2s ease; font-size: 14px; }
    .selection-item.selected { background-color: var(--color-primary); color: #fff; border-color: var(--color-primary); }
    .expert-list .expert-item { display: flex; align-items: center; padding: 12px; border: 1px solid var(--border-color); border-radius: 12px; margin-bottom: 12px; cursor: pointer; transition: all 0.2s ease; }
    .expert-list .expert-item.selected { border-color: var(--color-primary); box-shadow: 0 0 0 2px var(--color-primary); }
    .expert-item img { width: 50px; height: 50px; border-radius: 50%; margin-left: 15px; object-fit: cover; }
    .expert-info { flex-grow: 1; }
    .expert-name { margin: 5px; font-size: 14px; font-weight: 600; }
    .expert-rating { display: flex; align-items: center; gap: 5px; font-size: 13px; color: var(--text-light); }
    .expert-rating svg { width: 16px; height: 16px; color: #ffc107; }
    .summary-list { list-style: none; padding: 0; margin: 0; }
    .summary-list li { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed var(--border-color); font-size: 15px; }
    .summary-list li .label { color: var(--text-light); }
    .summary-list li .value { font-weight: 600; }
    .modal-footer { padding: 15px 20px; border-top: 1px solid var(--border-color); display: flex; gap: 12px; flex-shrink: 0; }
    .nav-btn { flex-grow: 1; padding: 14px; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; border: none; }
    .btn-primary { background-color: var(--color-primary); color: #fff; }
    .btn-success { background-color: var(--color-hint-object-success); color: #fff; }
    .btn-secondary { background-color: var(--light-bg); color: var(--text-dark); border: 1px solid var(--border-color); }





.bottom-nav {
    position: fixed;
    /* بهینه‌سازی برای اندازه 440px */
    bottom: 10px;
    left: 10px;
    right: 10px;
    max-width: 420px; /* حداکثر عرض برای جلوگیری از بیرون زدن */
    margin: 0 auto; /* مرکز کردن */

    height: 60px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 8px 4px 4px 4px; /* کاهش padding کناری */

    /* افزودن انحنا به کادر */
    border-radius: 20px; /* کاهش border-radius */

    /* سایه مدرن‌تر */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);

    z-index: 1000;
    /* افزودن فاصله برای گوشی‌های دارای ناچ */
    padding-bottom: max(4px, env(safe-area-inset-bottom));
}

.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    transition: color 0.2s ease;
    flex: 1;
    border-radius: 8px;
    border: 1px solid rgba(var(--color-primary-rgb), .05);
    margin: 0px 3px; /* کاهش margin */
    padding: 2px 1px; /* کاهش padding کناری */
    max-width: 70px; /* محدود کردن عرض */
}

.nav-item .nav-icon {
    width: 24px; /* کاهش اندازه آیکون */
    height: 24px;
    margin-bottom: 2px; /* کاهش فاصله */
}
.nav-item span{
    font-size: 10px; /* کاهش اندازه فونت */
    font-weight: 500;
    text-align: center;
    white-space: nowrap; /* جلوگیری از شکسته شدن متن */
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --- استایل پس‌زمینه نیمه‌شفاف (Overlay) --- */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* --- استایل منوی کشویی --- */
.pull-up-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 428px;
    margin: 0 auto;
    height: 100%; /* تغییر برای تمام صفحه شدن */
    background-color: #f8f9fa;
    z-index: 1001;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}
.pull-up-menu.active {
    transform: translateY(0);
}

/* هدر منو */
.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px; /* کاهش padding برای اندازه 440px */
    border-bottom: 1px solid #e9ecef;
    flex-shrink: 0;
}
.menu-header .menu-title {
    font-size: 16px;
    font-weight: 500;
}

.menu-header .close-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}
.menu-header .close-btn svg {
    width: 24px;
    height: 24px;
    color: #6c757d;
}

/* محتوای اصلی منو (لیست آیتم‌ها) */
.menu-content {
    padding: 8px 0;
    overflow-y: auto;
    background-color: #ffffff;
    flex-grow: 1; /* برای پر کردن فضای باقیمانده */
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-list-item {
    display: flex; /* حذف display: block تکراری */
    padding: 12px 16px; /* کاهش padding برای اندازه 440px */
    text-decoration: none;
    color: #212529;
    align-items: center;
    gap: 12px; /* کاهش gap */
    transition: background-color 0.2s ease;
}
.menu-list-item:hover {
    background-color: #f8f9fa;
}

.menu-list-item .item-icon {
    width: 24px;
    height: 24px;
    color: #495057;
}

.menu-list-item .item-text {
    font-size: 15px;
    font-weight: 500;
}

/* جداکننده بین بخش‌های منو */
.menu-divider {
    height: 1px;
    background-color: #e9ecef;
    margin: 8px 16px; /* کاهش margin کناری */
}

    /* --- استایل آیکون برای باز کردن منو --- */
.open-menu-icon, .open-search-icon {
    cursor: pointer;
    background-color: #fff;
}

.floating-ad-button {
  position: fixed;
  bottom: 110px; /* فاصله دلخواه شما از پایین صفحه */
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  
  /* استایل ظاهری */
  background-color: #0d6efd; /* رنگ آبی اصلی */
  color: #fff;
  padding: 12px 24px;
  border-radius: 30px; /* گردی کامل */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  
  /* چیدمان آیکون و متن */
  display: flex;
  align-items: center;
  gap: 8px;
  
  /* استایل متن و لینک */
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap; /* جلوگیری از شکستن متن */
  transition: background-color 0.2s ease;
}

.floating-ad-button:hover {
  background-color: #0b5ed7; /* رنگ آبی تیره‌تر هنگام هاور */
}

.floating-ad-button svg {
  width: 22px;
  height: 22px;
}

.header-back-button{
    display: flex;
    flex-direction: column;
}
.floating-back-button {
  background-color: #fff;
  color: #000;
  padding: 12px 24px;
  border-radius: 10px;
  
  /* چیدمان آیکون و متن */
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: end;
  
  /* استایل متن و لینک */
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap; 
  transition: background-color 0.2s ease;
}
.floating-back-button:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.floating-back-button svg {
  width: 20px;
  height: 20px;
}

/* ---  استایل آگهی تکی --- */
#ads-detail .image-gallery {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    background-color: #f1f1f1;
    overflow: hidden;
}
#ads-detail .gallery-slider {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}
#ads-detail .gallery-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
}
#ads-detail .gallery-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#ads-detail .gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
    pointer-events: none;
}
#ads-detail .nav-btn-ads {
    pointer-events: all;
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    color: white;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ads-detail .gallery-dots {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
#ads-detail .dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    transition: background-color 0.3s;
}
#ads-detail .dot.active {
    background-color: #fff;
}

/* --- بخش اطلاعات اصلی --- */
#ads-detail .main-info {
    padding: 20px;
}
#ads-detail .ad-title {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: var(--text-dark);
}
#ads-detail .ad-subtitle {
    font-size: 16px;
    color: var(--text-light);
    margin-bottom: 16px;
}
#ads-detail .ad-meta {
    font-size: 14px;
    color: var(--text-light);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}
#ads-detail .ad-price {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 20px;
    /* اصلاحیه برای RTL */

}
.ad-actions {
    display: flex;
    gap: 12px;
}
.action-btn {
    flex-grow: 1;
    padding: 12px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.btn-call {
    background-color: var(--color-primary);
    color: var(--color-white);
}
.btn-save {
    background-color: #fff;
    color: var(--text-dark);
    border: 1px solid var(--border-color);
}

/* --- بخش مشخصات --- */
#ads-detail .specs-section {
    padding: 20px;
    border-top: 8px solid var(--light-bg);
}
#ads-detail .specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 20px;
}
#ads-detail .spec-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
#ads-detail .spec-icon {
    width: 32px;
    height: 32px;
    color: var(--text-light);
    margin-bottom: 8px;
}
#ads-detail .spec-label {
    font-size: 13px;
    color: var(--text-light);
}
#ads-detail .spec-value {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
}

/* --- بخش توضیحات --- */
#ads-detail .description-section {
    padding: 20px;
    border-top: 8px solid var(--light-bg);
}
#ads-detail .section-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 15px 0;
}
#ads-detail .description-text {
    font-size: 15px;
    line-height: 1.8;
    color: var(--text-dark);
        }

/* استایل جدید محصولات */

.product-link {
    text-decoration: none; /* Removes underline from link */
    color: inherit; /* Inherits text color, preventing blue text */
    display: block; /* Makes the link a block element */
    transition: all 0.2s ease-in-out;
}

.product-link:hover .product-card {
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}

/* The main product card */
.product-card {
    display: flex;
    align-items: center;
    padding: 10px;
}

/* Product image section */
.product-image-container {
    position: relative;
    flex-shrink: 0;
    margin-left: 10px; 
    width: 120px;
    text-align: center;
}

.product-image-container img {
    flex: fit-content;
    text-align: center;
    max-width: 120px;
    max-height: 90px;
}

.discount-badge {
  position: absolute;
  right: 138px;
  background-color: #e74c3c;
  color: white;
  padding: 0px 10px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 500;
}

/* Product details section */
.product-details {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.product-title {
    font-size: 0.95rem;
    font-weight: 500;
    color: #333;
}

.product-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-rating {
    color: #f39c12; /* Yellow color */
    font-weight: bold;
}

.product-shipping {
    font-size: 0.9rem;
    color: #3498db; /* Blue color */
}

.product-stock {
    font-size: 0.7rem;
    margin-bottom: 10px;
}

/* Price section */
.product-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Aligns price to the left in RTL */
    margin-top: auto; /* Pushes price to the bottom */
}

.current-price {
  font-size: 1.1rem;
  font-weight: 700;
  color: #2c3e50;
}

.original-price {
    font-size: 1rem;
    color: #95a5a6;
    text-decoration: line-through; /* Strikethrough effect */
}

/* Separator line between cards */
.card-separator {
    border: 0;
    height: 1px;
    background-color: #eee;
    max-width: 800px;
    margin: 0 auto;
}


/* استایل‌های پایه برای خوانایی و ظاهر اولیه جدول درخواست های در پنل کاربر */
.responsive-card-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

.responsive-card-table th,
.responsive-card-table td {
    padding: 12px 15px;
    text-align: right;
}

/* هدر اصلی جدول را مخفی می‌کنیم */
.responsive-card-table thead {
    display: none;
}

/* هر ردیف (tr) را به یک کارت تبدیل می‌کنیم */
.responsive-card-table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    background-color: #fff;
}

/* هر سلول (td) را به یک خط کامل در کارت تبدیل می‌کنیم */
.responsive-card-table td {
    display: flex; /* از Flexbox برای چیدمان بهتر استفاده می‌کنیم */
    justify-content: space-between; /* لیبل و محتوا را در دو طرف قرار می‌دهیم */
    align-items: center;
    text-align: left; /* محتوا را سمت چپ قرار می‌دهیم */
    border-bottom: 1px dotted #eee;
    padding: 12px;
    font-size: 14px;
}

.responsive-card-table td:last-child {
    border-bottom: none;
}

/* لیبل (عنوان ستون) را از اتریبیوت data-label خوانده و نمایش می‌دهیم */
.responsive-card-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #333;
    text-align: right; /* لیبل در سمت راست قرار می‌گیرد */
    margin-left: 10px;
}

#preloader {
    position: fixed;
    inset: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    transition: opacity 0.5s ease;
}

#preloader img {
    max-width: 150px;
    animation: zoomIn 0.4s ease forwards;
}

@keyframes zoomIn {
    0% { transform: scale(0.7); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

  #install-banner {
    position: fixed;
    top: 0; left: 0; right: 0;
    background: #000;
    color: #ddd;
    padding: 15px 16px;
    z-index: 9999;
    box-shadow: 0 2px 8px rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #install-banner p {
    margin: 0;
    font-size: 13px;
    flex-grow: 1;
  }

  #actions {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  #install-btn {
    background: #fff;
    border: none;
    color: #222;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #install-btn svg {
    width: 18px;
    height: 18px;
  }

  #close-btn {
    background: transparent;
    border: none;
    color: #bbb;
    font-size: 24px;
    cursor: pointer;
    padding: 0 8px 0 0;
  }

  #close-btn:hover {
    color: #fff;
  }

  #ios-install-guide {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 99999;
  }
  .ios-modal-backdrop {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.6);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .ios-modal-content {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px;
    width: 90%;
    background: #fff;
    border-radius: 16px;
    padding: 30px 25px 25px 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    text-align: center;
  }
  .ios-modal-icon {
    width: 60px;
    margin-bottom: 20px;
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.1));
  }
  #ios-install-guide h2 {
    margin-bottom: 15px;
    font-size: 22px;
    color: #111;
  }
  #ios-install-guide p {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.4;
  }
  #ios-install-guide ol {
    text-align: right;
    margin-right: 20px;
    margin-bottom: 25px;
    color: #555;
    font-size: 15px;
    line-height: 1.5;
  }
  #ios-install-guide ol li {
    margin-bottom: 10px;
  }
  #ios-close-btn {
    background: #0b6aa4;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 9999px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,122,255,0.4);
  }
  #ios-close-btn:hover {
    background-color: #005BBB;
  }
  /* موبایل ریسپانسیو */
  @media (max-width: 480px) {
    .ios-modal-content {
      max-width: 95%;
      padding: 20px 15px 20px 15px;
    }
    #ios-install-guide h2 {
      font-size: 20px;
    }
    #ios-install-guide p, #ios-install-guide ol {
      font-size: 14px;
    }
    #ios-close-btn {
      width: 100%;
      padding: 14px 0;
      font-size: 18px;
    }
  }

  /* فرم همکاری با ما */
   #employment .page-header {
        padding: 15px 20px;
        border-bottom: 1px solid #ddd;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
    }

    /* --- بخش‌های فرم --- */
    #employment .form-section {
        padding: 20px;
        border-bottom: 8px solid #fff;
    }
    #employment .section-title {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 20px 0;
        padding-bottom: 10px;
        border-bottom: 2px solid var(--color-primary);
        display: inline-block;
    }

    /* --- استایل فیلدهای فرم --- */
    .form-group {
        margin-bottom: 20px;
    }
    .form-group label {
        display: block;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px;
        color: var(--text-dark);
    }
    .form-control {
        width: 100%;
        padding: 12px 15px;
        font-size: 15px;
        font-family: inherit;
        border: 1px solid #ddd;
        border-radius: 10px;
        background-color: #fff;
        box-sizing: border-box;
        transition: border-color 0.2s, box-shadow 0.2s;
    }
    .form-control:focus {
        outline: none;
        border-color: var(--color-primary);
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2);
    }
    textarea .form-control {
        min-height: 120px;
        resize: vertical;
    }

    /* --- بخش بارگذاری تصاویر --- */
    #employment.image-uploader {
        border: 2px dashed #ddd;
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        cursor: pointer;
        transition: border-color 0.2s;
        background-color: #fff;
        margin-top: -30px;
    }
    #employment.image-uploader:hover {
        border-color: var(--color-primary);
    }
    #employment.image-uploader .upload-icon {
        width: 48px;
        height: 48px;
        color: var(--color-primary);
        margin-bottom: 10px;
    }
    #employment.image-uploader p {
        margin: 0;
        color: var(--text-light);
    }
    #employment #image-preview-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 15px;
    }
    #employment.img-preview {
        width: 80px;
        height: 80px;
        border-radius: 8px;
        object-fit: cover;
        border: 1px solid #ddd;
    }
    #employment .file-uploader:hover { border-color: #007bff; }
    #employment .file-preview img { max-width: 100px; max-height: 100px; margin-top: 10px; }
    /* --- فوتر شناور --- */
    .floating-footer {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 428px;
        background-color: #fff;
        padding: 15px 20px;
        padding-bottom: calc(15px + env(safe-area-inset-bottom));
        box-shadow: 0 -2px 15px rgba(0,0,0,0.1);
        z-index: 100;
        box-sizing: border-box;
        /* شروع اصلاحیه برای دو دکمه */
        display: flex;
        gap: 15px;
        /* پایان اصلاحیه */
    }
    .footer-btn {
        flex-grow: 1;
        padding: 14px;
        border-radius: 12px;
        font-size: 16px;
        font-weight: 700;
        cursor: pointer;
        border: none;
    }
    #employment .btn-success {
        background-color: var(--color-hint-object-success);
        color: #fff;
    }
    #employment .btn-secondary {
        background-color: #fff;
        color: var(--text-dark);
        border: 1px solid #ddd;
    }
    /* --- File Uploader --- */
    #employment .file-uploader {
        border: 2px dashed var(--border-color);
        border-radius: 8px;
        padding: 20px;
        text-align: center;
        cursor: pointer;
        transition: border-color 0.2s, background-color 0.2s;
    }
    #employment .file-uploader:hover {
        border-color: var(--primary-color);
        background-color: #f8fefa;
    }
    #employment .file-uploader svg {
        width: 40px;
        height: 40px;
        color: var(--primary-color);
        margin-bottom: 10px;
    }
    #employment .file-uploader p {
        margin: 0;
        font-weight: 700;
    }
    #employment .file-uploader small {
        color: #7f8c8d;
    }
    #employment.file-preview {
        margin-top: 10px;
        font-size: 0.9rem;
        font-weight: bold;
        color: var(--primary-color);
    }
            /* استایل برای نقشه */
    #employment #map {
        height: 350px;
        width: 100%;
        border-radius: 8px;
        margin-top: 10px;
        z-index: 0 !important;
    }
    #employment #locate-btn {
        margin-bottom: 10px;
        padding: 8px 15px;
        border: 1px solid #007bff;
        background-color: #f8f9fa;
        color: #007bff;
        border-radius: 5px;
        cursor: pointer;
        width: auto;
    }
    #employment #locate-btn:hover { background-color: #e2e6ea; }
            /* استایل برای فیلدهای نامعتبر */
    #employment .form-control.is-invalid
    {
        border-color: #dc3545 !important;
    }

 /* --- استایل پروفایل تعمیرگاه و فروشگاه --- */
.profile-card {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.profile-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.profile-logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 20px;
    border: 3px solid var(--border-color);
}

.profile-name h1 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.info-list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.info-list li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 1rem;
}

.info-list li svg {
    width: 20px;
    height: 20px;
    margin-left: 12px;
    color: var(--primary-color);
}

.directions-button {
    display: block;
    width: 100%;
    padding: 15px;
    background-color: var(--primary-color);
    color: white;
    text-align: center;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 12px;
    transition: background-color 0.2s;
}

.directions-button:hover {
    background-color: #2980b9;
}

.profile-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    color: var(--light-text-color);
    font-size: 0.9rem;
}

.footer-item {
    display: flex;
    align-items: center;
}

.footer-item svg {
    width: 18px;
    height: 18px;
    margin-left: 8px;
}

.rating-stars {
    color: var(--star-color);
}

/* --- Content Sections (About & Reviews) --- */
.content-section {
    background-color: #fff;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.section-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--primary-color);
    display: inline-block;
}

.about-text {
    line-height: 1.8;
}

/* --- Reviews Section --- */
.review-card {
    border-bottom: 1px solid var(--border-color);
    padding: 20px 0;
}
.review-card:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.review-card:first-of-type {
    padding-top: 0;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.reviewer-name {
    font-weight: 700;
}

.review-date {
    font-size: 0.85rem;
    color: var(--light-text-color);
}

.review-text {
    margin: 0;
    line-height: 1.7;
}

        /* --- دکمه بازگشت --- */
.back-button {
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background-color: #fff;
    border-radius: 50%;
    color: var(--text-color);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    z-index: 10;
}

.back-button:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.back-button svg {
        width: 22px;
        height: 22px;
}

    /* استایل‌های سفارشی برای تقویم */
.datepicker-container {
    position: unset !important;
    
}
.datepicker-plot-area {
    font-family: YekanBakhHibrand !important;
        margin-bottom: 20px !important;
        border-radius: 20px !important;
        font-size: 14px !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next,
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
    color: #0d6efd !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-switch {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #212529 !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td > div {
    border-radius: 50% !important;
    font-weight: 500 !important;
    transition: all 0.2s ease;
}
.datepicker-plot-area .datepicker-day-view .table-days td > div.today {
    background-color: #eef7ff !important;
    color: #0d6efd !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td > div.selected,
.datepicker-plot-area .datepicker-day-view .table-days td > div:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
}
.datepicker-plot-area .datepicker-day-view .table-days td > div.disabled {
    color: #ced4da !important;
}
.datepicker-plot-area .datepicker-day-view .table-header th {
    font-weight: 600 !important;
    color: #6c757d;
}

.expert-profile-btn {
    background-color: var(--color-primary);
  color: var(--color-white);
  padding: 0px 5px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  }

/* --- دکمه های دسته بندی ها در صفحات آرشیو محصول --- */
.category-filters {
    margin-bottom: 5px;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
  pointer-events: auto;
}

.subcategory-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 20px;
    font-size: 0.8rem;
    background-color: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    margin: 0 auto;
    display: inline-block;
    margin-left: 10px;
}

.subcategory-button:hover {
    background-color: #f0f0f0;
}


/* --- دکمه اصلی برای باز کردن منو --- */

.filter-button-container{
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: .375rem;
  gap: 1rem;
  flex-grow: 1;
  height: 34px;
  background-color: rgba(233, 236, 242, 0.7);
  padding-top: 9px;
  padding-bottom: 9px;
}
.filter-section{
    margin: 0px 10px;
}

.open-sort-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    font-size: 0.8rem;
    background-color: transparent;
    cursor: pointer;
}

.open-sort-button svg {
    margin-left: 8px;
}

/* --- استایل‌های مودال (پنجره پاپ‌آپ) --- */

/* پس‌زمینه تیره پشت مودال */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center; /* مرکز کردن برای نمایش بهتر در موبایل */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    padding: 10px; /* افزودن padding برای فاصله از لبه‌ها */
}

/* کلاس برای نمایش مودال */
.modal-overlay.is-visible {
    opacity: 1;
    visibility: visible;
}

.modal-header h2 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
}

.close-button {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #888;
}

/* --- استایل لیست مرتب‌سازی --- */
.c-listing__sort {
    list-style: none;
    padding: 0;
    margin: 0;
}

.c-listing__sort li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    text-decoration: none;
    color: #333;
    font-size: 1rem;
    transition: background-color 0.2s;
}

.c-listing__sort li a:hover {
    background-color: #f9f9f9;
}

/* استایل آیتم فعال */
.c-listing__sort li a.is-active {
    font-weight: bold;
    color: #007bff; /* رنگ آبی برای آیتم فعال */
}

/* آیکون تیک (چک‌مارک) */
.checkmark {
    width: 20px;
    height: 20px;
    color: #007bff;
    visibility: hidden; /* در حالت عادی مخفی است */
}

.c-listing__sort li a.is-active .checkmark {
    visibility: visible; /* فقط برای آیتم فعال نمایش داده می‌شود */
}


/* --- استایل مودال انتخاب خودرو --- */
.car-selector-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1100;
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    display: flex;
    flex-direction: column;
}
.car-selector-modal.active {
    transform: translateY(0);
}

/* هدر مودال */
.car-selector-modal .modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    flex-shrink: 0;
    position: relative;
}
.car-selector-modal .modal-title { 
    font-size: 16px; 
    font-weight: 700;
    /* برای وسط‌چین شدن دقیق عنوان */
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.car-selector-modal .header-btn { background: none; border: none; cursor: pointer; padding: 5px; }
.car-selector-modal .header-btn svg { width: 24px; height: 24px; color: var(--text-light); }

/* کانتینر اصلی که پنل‌ها را نگه می‌دارد */
.car-selector-modal .panels-wrapper {
    flex-grow: 1;
    position: relative;
    overflow: hidden;
}
.car-selector-modal .panels-container {
    display: flex;
    width: 100%; /* سه پنل */
    height: 100%;
    transition: transform 0.3s ease-in-out;
}
.car-selector-modal .panel {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
}

/* استایل مشترک بخش جستجو */
.car-selector-modal .search-container {
    padding: 15px 20px;
    border-bottom: 1px solid var(--border-color);
}
.car-selector-modal .search-box {
    width: 100%;
    padding: 12px 45px 12px 20px;
    border-radius: 12px;
    border: 1px solid var(--border-color);
    background-color: var(--light-bg);
    font-size: 15px;
    font-family: inherit;
    outline: none;
    box-sizing: border-box; /* اصلاحیه برای کادر جستجو */
    position: relative;
}
.car-selector-modal .search-input-wrapper { position: relative; }
.car-selector-modal .search-input-icon { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 20px; height: 20px; color: var(--text-light); }

/* استایل لیست آیتم‌ها */
.car-selector-modal .items-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    flex-grow: 1;
}
.car-selector-modal .list-item {
    display: flex;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}
.car-selector-modal .list-item:hover { background-color: var(--light-bg); }
.car-selector-modal .item-logo { width: 28px; height: 28px; margin-left: 12px; }
.car-selector-modal .item-name { flex-grow: 1; font-weight: 500;font-size: 1.4em;}
.car-selector-modal .item-arrow svg { width: 20px; height: 20px; color: var(--text-light); }

/* --- استایل کانتینر اصلی --- */
.car-selection-container {
    background-color: var(--primary-color);
    padding: 15px;
}
/* --- حالت دوم: بعد از انتخاب --- */
.selection-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.selected-car-info {
    flex-direction: column;
}
.selected-car-info .label {
    font-size: 13px;
    color: var(--text-white);
    margin-bottom: 4px;
}
.selected-car-info .car-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--text-white);
}
.edit-car-btn {
    background-color: var(--light-bg);
    color: var(--primary-color);
    border: 1px solid var(--border-color);
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}
.edit-car-btn svg {
    width: 18px;
    height: 18px;
}

/* پیام‌های اعلان */
.notif-list-item {
    padding: 16px 10px 12px 10px;
    border-bottom: 1px solid #eee;
    background: #fff;
    transition: background 0.2s;
}
.notif-list-item:last-child {
    border-bottom: none;
}
.notif-list-date {
    font-size: 13px;
    color: #888;
    margin-bottom: 4px;
    direction: ltr;
    letter-spacing: 0.5px;
}
.notif-list-title {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px;
    color: #222;
}
.notif-list-message {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 2px;
    white-space: pre-line;
}
.notif-list-item:hover {
    background: #f7f7f7;
}
/* دکمه نمایش همه اعلان‌ها */
.menu-list-item.show-all-btn {
    display: block;
    text-align: center;
    margin: 12px auto 0 auto;
    padding: 10px 0;
    background: #f5f7fa;
    color: #1976d2;
    font-weight: bold;
    border-radius: 8px;
    font-size: 15px;
    transition: background 0.2s, color 0.2s;
    box-shadow: 0 1px 4px rgba(30,40,90,0.04);
    cursor: pointer;
    border: none;
    text-decoration: none;
}
.menu-list-item.show-all-btn:hover {
    background: #e3eafc;
    color: #0d47a1;
    text-decoration: underline;
}

.notif-count {
    position: absolute;
    top: 13px;
    right: -3px;
    min-width: 14px;
    height: 14px;
    background: #e53935;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 5px;
    z-index: 2;
    box-shadow: 0 1px 4px rgba(30,40,90,0.08);
}
.notification-btn {
    position: relative;
}

.loader {
  border: 4px solid #eee;
  border-top: 4px solid #1976d2;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  100% { transform: rotate(360deg); }
}

/* لود محصولات بیشتر */
.load-more-container {
    text-align: center;
    padding: 20px;
    margin: 20px 0;
}

.load-more-btn {
    background: var(--color-primary);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background 0.3s;
}

.load-more-btn:hover {
    background: var(--color-primary-700);
}

.load-more-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.spinner {
    width: 16px;
    height: 16px;
    border: 2px solid transparent;
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.load-more-spinner {
    display: none;
}